@charset "utf-8";
/* CSS Document */
/* 创络科技 http://www.chuangluo.com */

/*初始样式、共同样式*/
*{ box-sizing: border-box; }
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*html {background-image:url("about:blank"); background-attachment:fixed;}
ul,ol {list-style:none;}
a{text-decoration: none;color: #000;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{-webkit-tap-highlight-color: transparent;}
img {border:0px;}
input,textarea{font-family: Arial,'微软雅黑';font-size: 16px;resize: none;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
h1, h2, h3, h4, h5, h6 {font-size:120%;}
body{ word-wrap:break-word; margin:0px; padding:0px;font-family: Arial,'微软雅黑';overflow-x: hidden;}
/* 滚动条样式 */
/* 火狐 */
* {scrollbar-color: #e5e5e5 #f7f7f9; scrollbar-width: thin; }
/* 其他 */
::-webkit-scrollbar { width: 2px; }
/* 滚动槽 */
::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); background: #eaeaea; border-radius: 10px; }
/* 滚动条滑块 */
::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.1); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 1); background: #2f3133; }
::-webkit-scrollbar-thumb:window-inactive { background: #2f3133; }
.imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
.c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;}
.c_m{width: 100%;height: 100%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;table-layout: fixed;}
.c_t{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;}
.un_show{display: none;}
.hover_shadow{position: relative; top: 0; z-index: 888;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
.hover_shadow:hover{top: -4px; -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.15); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.15); box-shadow: 0 10px 25px rgba(0,0,0,0.15); -webkit-transition: translate3d(0, -2px, 0); -moz-transition: translate3d(0, -2px, 0); transition: translate3d(0, -2px, 0); z-index: 999;}
.pb{width: 100%;height: 0;padding: 0 0 100%;position: relative;text-align: center;font-size: 0;overflow: hidden;}
.ab{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ab img { max-width: 100%; }
.abimg{width: 100%;height: 100%;overflow: hidden;}
/* 全局颜色设置 */
:root{
	--color: #0c5adb;
	--bgColor: #f4f7fc;
}
/* 水平垂直居中 */
.flex_center{
	display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;
	align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
/* 两端对齐 */
.flex_justify{
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
}
/* 按钮属性 */
.layui-btn{height: 50px;line-height: 50px;padding: 0 30px;border: 0;background: var(--color);font-size: 14px;}
.layui-btn i{margin: 0 5px 0 0;}

/* 头部 */
.header_box{width: 100%;height: auto;background: #fff; position: relative; z-index: 9;}
.header_box .header_top{ width: 100%;height: 36px;position: relative;background: var(--color);overflow: hidden;}
.header_box .header_top .center{ width: 94%; max-width: 1200px;height: 100%;margin: 0 auto;position: relative;z-index: 2; display: flex; align-items: center; justify-content: space-between; overflow: hidden; }
.header_box .header_top .center .title { font-size: 12px; color: #fff; }
.header_box .header_top .center .tel{ display: flex; align-items: center; font-size: 14px; color: #fff; overflow: hidden; }
.header_box .header_top .center .tel .item { display: flex; align-items: center; }
.header_box .header_top .center .tel .item .text a{color: #fff;}
.header_box .header_top .center .tel .item:first-child ~ .item{ margin-left: 30px; }
.header_box .header_top .center .tel .item .icon{ margin-right: 10px; font-size: 0; }
.header_box .header_m{width: 100%; height: auto;}
.header_box .header_m::before{content: '';width: 100%;height: 1px;background: #fff;opacity: .2;position: absolute;bottom: 0;left: 0;z-index: 1;}
.header_box .header_m .header_c{width: 94%; max-width: 1200px; height: 100px;box-sizing: border-box;margin: 0 auto;}
.header_box.active .header_m{position: relative;}
.header_box .header_m .header_c .logo_box{width: 70%; max-width: 240px; height: 100%;float: left;overflow: hidden;}
.header_box .header_m .header_c .logo_box img{vertical-align: middle;max-width: 100%; max-height: 50%;}

/* PC导航 */
.menu_nav{width: auto; height: 100%; position: relative; float: right; z-index: 88888;}
.menu_nav>ul{width: 100%;height: 100%; margin: 0;padding: 0;}
.menu_nav>ul>li{width: auto; height: 100%; float: left;text-align: center;position: relative;}
.menu_nav>ul>li>a{width: auto; height: 100%; display: flex;align-items: center;position: relative; z-index: 88888; color: #333; margin: 0 1vw; font-size: 16px; transition: all .5s; }
.menu_nav>ul>li:last-child>a{margin-right: 0;}
.menu_nav>ul>li>a::before{content: '';width: 0;height: 2px;background: var(--color);position: absolute;bottom: 0;right: 0;z-index: 1;transition: all .5s; }
.menu_nav>ul>li>a.active, .menu_nav>ul>li:hover>a{color: var(--color);}
.menu_nav>ul>li>a.active::before, .menu_nav>ul>li:hover>a::before{width: 100%;left:0;}
.menu_nav>ul>li>ul{width: 150%;height: auto;background: #fff;position: absolute; top: 100%; left: -25%; display: none; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); padding: 1px 0 0 0; border-radius: 0 0 3px 3px;}
.menu_nav>ul>li:hover>ul{display: block;}
.menu_nav>ul>li>ul li{position: relative;}
.menu_nav>ul>li>ul li>a{display: block; width: 100%; padding: 12px 5%; text-align: center; margin:0px; height: auto; line-height: 20px; border: 0;font-size: 14px;color: #333; vertical-align: middle;}
.menu_nav>ul>li>ul li:hover>a{color: var(--color);}
.menu_nav>ul>li>ul li>a.active{color: var(--color);}
.menu_nav>ul>li>ul li ul{width: 100%;height: auto; position: absolute; left: 100%;display: none; margin-left: 1px; top: 0; background: #fff;border-bottom: 1px solid #e9e9e9; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); border-radius: 3px;}
.menu_nav>ul>li>ul li:hover>ul{display: block;}
.header_box.active .header_m .menu_nav ul li a{color: #333;}
@media screen and (max-width: 1440px) {
	.header_box .header_m .header_c{ height: 80px; }
}

/*移动端菜单*/
.nav_btn{width: 40px; height: 100%; float: right; z-index: 88; color: var(--color); text-align: center; display: none;}
.nav_btn i{font-size: 24px;}
@media screen and (max-width: 1200px) {
	.header_box .header_m .header_c .logo_box{ width: 20%; }
}
@media screen and (max-width: 1024px) {
	.header_box .header_top .center .tel, .header_box .header_top .center .mail{ font-size: 12px; }
}
@media screen and (max-width: 990px) {
	.header_box .header_top{ display: none; }
	.header_box .header_m{position: relative;}
	.header_box .header_m .header_c{width: 94%;height: 60px;}
	.header_box .header_m .header_c .lang{ display: none; }
	.header_box .header_m .header_c .logo_box{ width: 50%; }
	.header_box .header_m .header_c .logo_box img{max-height: 36px;}
	.menu_nav{display: none;}
	.nav_btn{display: flex;}
}
/* 手机导航 */
.nav_box{width: 50%; max-width: 400px; height: 100%;position: fixed;top: 0;left: -70%;z-index: 99;background: #fff;overflow: hidden;overflow-y: auto;}
.nav_close{width: 100%;height: 61px;box-sizing: border-box;padding: 0 20px;border-bottom: 1px solid var(--color);overflow: hidden;}
.nav_close .lang{width: auto; height: 100%; float: right; overflow: hidden;}
.nav_close .lang a{display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; background: #f0f0f0; color: #999; font-size: 14px; margin-left: 10px;}
.nav_close .lang a.active{background: var(--color); color: #fff;}
.nav_close .close{width: 70px;height: 100%;float: left; justify-content: flex-start; overflow: hidden;}
.nav_close .close i{color: var(--color); font-size: 22px;}

.nav_list{width: 100%;height: auto;overflow: hidden;}
.nav_list ul{margin: 0;padding: 0;overflow: hidden;}
.nav_list ul li{width: 100%;height: auto;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.nav_list ul li:last-child{border: 0;}
.nav_list ul li a{width: 100%;height: auto;display: block; color: #333; box-sizing: border-box; padding: 20px 45px 20px 20px; font-size: 16px;position: relative;overflow: hidden;}
.nav_list ul li a .icon_right{width: 20px;height: 40px;position: absolute;top: 50%;right: 20px;margin: -20px 0 0;z-index: 2;line-height: 40px;text-align: center;font-size: 18px;color: #999;overflow: hidden;}
.nav_list>ul>li>a.active{background: var(--color);color: #fff;}
.nav_list>ul>li>a>i{margin-right: 10px; color: #999;}
.nav_list>ul>li>a.active>i{color: #fff;}
.nav_list ul li a.active .icon_right{color: #fff;}
.nav_list ul li ul{display: none;background: rgba(0,0,0,0.02);}
.nav_list ul li ul li{border: 0;}
.nav_list ul li ul li a{font-size: 14px;color: #333;padding: 15px 20px 15px 30px; vertical-align: middle;}
.nav_list ul li ul li a span{color: #fff; display: inline-block; width: 14px; height: 14px; background: #ff6700; font-size: 9px; border-radius: 50%; text-align: center; line-height: 14px; margin-left: 6px;vertical-align:text-top;}
.nav_list ul li ul li a.active{background: none;color: var(--color);}
.nav_list ul li ul li ul li a{padding: 15px 20px 15px 40px;font-size: 12px;color: #999;}
.nav_list ul li ul li ul li ul li a{padding: 15px 20px 15px 50px;font-size: 12px;color: #999;}

.mask{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top: 0;left: 0;z-index: 98;display: none;}

.idx_banner{ width: 100%;height: auto; position: relative; z-index: 1; background: #999; overflow: hidden;}
.idx_banner ul{ width: 100%;height: auto;overflow: hidden; }
.idx_banner ul li{ width: 100%;height: auto;position: relative;z-index: 1; pointer-events: initial !important;overflow: hidden; }
.idx_banner ul li.active{ z-index: 10; }
.idx_banner ul li .images{ width: 100%; max-width: 1920px; height: auto;margin: 0 auto;font-size: 0;text-align: center;overflow: hidden; }
.idx_banner ul li .images img{ max-width: 100%; object-fit: cover; }
.idx_banner .banner_pagination{ width: 100%;height: auto;position: absolute;bottom: 30px; left: 0; z-index: 2; text-align: center; font-size: 0; overflow: hidden;}
.idx_banner .banner_pagination span{ display: inline-block; width: 14px; height: 14px; background: #fff; opacity: 1; }
.idx_banner .banner_pagination span.active{ background: var(--color); }

@media screen and (max-width: 1200px) {
	.idx_banner .banner_pagination span{ width: 10px; height: 10px; }
	.idx_banner ul li .images img{ min-height: 500px; object-fit: cover; }
}
@media screen and (max-width: 1024px) {
	.idx_banner .banner_pagination{ bottom: 20px; }
	.idx_banner ul li .images img{ min-height: 500px; object-fit: cover; }
}
@media screen and (max-width: 990px) {
	.idx_banner .banner_pagination{ bottom: 10px; }
	.idx_banner ul li .images img{ min-height: 400px; }
}
@media screen and (max-width: 768px) {
	.idx_banner ul li .images img{ min-height: 300px; }
}
@media screen and (max-width: 576px) {
	.idx_banner ul li .images img{ min-height: 180px; }
}

/* 首页默认布局样式 */
.idx_box{width: 100%;height: auto;overflow: hidden;}
.idx_main{width: 94%;max-width: 1200px;margin: 50px auto;}
.idx_title{width: 100%;height: auto;text-align: center;}
.idx_title .title{font-size: 36px; font-weight: bold;color: #0b1a39;}
.idx_title .subtitle{margin: 10px 0 40px 0;font-size: 14px;color: #666;}
.idx_title .subtitle span{color: var(--color);}
.idx_title .details{margin: 20px 0 0;font-size: 16px;color: #666; line-height: 1.6;}

.idx_number{ width: 94%; height: auto; max-width: 1200px; margin: -60px auto 0; display: flex; position: relative; z-index: 2; }
.idx_number .item{ width: 25%; height: auto; background: #fff; border-radius: 5px; margin-right: 20px; padding: 40px 30px;text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.idx_number .item:last-child{ margin-right: 0; }
.idx_number .item .number{ width: 100%;height: auto;display: flex; justify-content: center; color: var(--color); overflow: hidden;}
.idx_number .item .number .beat{ font-size: 40px; font-weight: bold; line-height: 1; }
.idx_number .item .number .sup{ align-self: end; margin: 0 0 2px 10px; font-size: 18px; }
.idx_number .item .title{ width: 100%;height: auto;margin-top: 10px;font-size: 18px; color: #333;overflow: hidden; }
@media screen and (max-width: 1440px) {
	.idx_title .title { font-size: 34px; }
}
@media screen and (max-width: 1280px) {
	.idx_title .title { font-size: 32px; }
}
@media screen and (max-width: 1024px) {
	.idx_title .title { font-size: 30px; }
}
@media screen and (max-width: 990px) {
	.idx_main{ margin: 40px auto; }
}
@media screen and (max-width: 768px) {
	.idx_title .title { font-size: 24px; }
}


/* 关于我们 */
.idx_abo { width: 100%;height: auto; margin: 50px 0 0; display: flex; }
.idx_abo .images{ width: 48.3%; height: 100%; padding: 20px; position: relative; background: #f5f5f5;overflow: hidden; }
.idx_abo .images::after { content:''; width: 150%;height: 100%; background: #fff;position: absolute; left:-25%;top:0;z-index: 1;transform: rotate(-45deg);}
.idx_abo .images .img { width: 100%;height: auto;font-size: 0;position: relative;z-index: 2;overflow: hidden; }
.idx_abo .images .img img { max-width: 100%; }
.idx_abo .abo_main{ flex: 1; height: auto; margin-left: 3vw; padding: 20px 0 0; display: flex; flex-direction: column; justify-content: space-between; }
.idx_abo .abo_main .content{ width: 100%;height: auto;}
.idx_abo .abo_main .content .subtitle { font-size: 16px; font-weight: bold; color: var(--color); }
.idx_abo .abo_main .content .title { margin: 10px 0 20px; font-size: 28px; font-weight: 100; color: #0b1a39; }
.idx_abo .abo_main .content .details { font-size: 14px; line-height: 2; color: #666;}
.idx_abo .abo_main .abo_list { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; }
.idx_abo .abo_main .abo_list .item .number { font-size: 30px; font-weight: bold; color: var(--color); display: flex; align-items: center; }
.idx_abo .abo_main .abo_list .item .title { font-size: 14px; color: #999; }
.idx_abo .abo_main .more{ display: flex; margin-top: 20px; }
.idx_abo .abo_main .more a{ padding: 10px 20px; border-radius: 3px; background: var(--color); font-size: 14px; color: #fff; position: relative; z-index: 1; }
.idx_abo .abo_main .more a::after{ content: ''; width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #fff; opacity: .2; border-radius: 0 50px 50px 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;  }
.idx_abo .abo_main .more a:hover::after{ width: 100%; border-radius: 0; }

.abo_link{width: 100%;height: auto;margin-top: 40px;overflow: hidden;}
.abo_link ul{ display: flex; }
.abo_link ul li{ width: 100%;height: auto;background: #fff;overflow: hidden; }
.abo_link ul li .pb{ padding-bottom: 66.66%; text-align: center; }
.abo_link ul li img{ max-width: 100%; vertical-align: middle; }

@media screen and (max-width: 990px) {
	.idx_abo { display: block; }
	.idx_abo .images { width: 100%; padding: 0; }
	.idx_abo .images::after { display: none; }
	.idx_abo .images img { width: 100%; max-height: 50vh; object-fit: cover; }
	.idx_abo .abo_main { margin: 30px 0 0; padding: 0; }
	.idx_abo .abo_main .content .subtitle { font-size: 14px; }
	.idx_abo .abo_main .content .title { font-size: 24px; }
	.idx_abo .abo_main .abo_list .item .number { font-size: 26px; }
	.abo_link { margin-top: 30px; }
}
@media screen and (max-width: 768px) {
	.idx_abo .abo_main .content .title{ font-size: 20px; }
	.idx_abo .abo_main .abo_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
	.idx_abo .abo_main .abo_list .item { background: #f1f6fc; padding: 30px 15px; text-align: center; }
}


/* 产品中心 */
.idx_pro{ width: 100%;height: auto;background: #f1f6fc;position: relative;overflow: hidden;}
.idx_pro .idx_main{ position: relative; z-index: 2; overflow: initial; }
.idx_pro .pro_box{ width: 100%; height: auto; position: relative; z-index: 2; margin-top: 40px;}
.idx_pro .pro_box .pro_btn{ width: 60px; height: 60px; border-radius: 5px; position: absolute; top: 50%; margin-top: -50px; z-index: 3; background: #d9d9d9; color: #fff; cursor: pointer; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.idx_pro .pro_box .pro_btn i{ font-size: 20px; }
.idx_pro .pro_box .pro_btn:hover{ background: var(--color); border-radius: 30px; }
.idx_pro .pro_box .pro_btn.prev{ left: -80px; }
.idx_pro .pro_box .pro_btn.next{ right: -80px; }
.idx_pro .pro_box .pro_swiper{ width: 100%;height: auto;overflow: hidden; }
.idx_pro .pro_box .pro_swiper ul li{ padding-bottom: 55px; position: relative; overflow: hidden; }
.idx_pro .pro_box .pro_swiper ul li a{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 5; }
.idx_pro .pro_box .pro_swiper ul li .pb{ background: #fff; border-radius: 5px; z-index: 1; }
.idx_pro .pro_box .pro_swiper ul li .title{ width: 86%; height: 70px; padding: 0 20px; font-size:16px; font-weight:bold; display: flex; align-items: center; justify-content: center; background: #fff; position: absolute; bottom: 0; left: 7%; z-index: 2; box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 5px; text-align: center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.idx_pro .pro_box .pro_swiper ul li:hover .title{ background: var(--color); color: #fff; }
.idx_pro .pro_box .pager{ width: 100%;height: 14px; display: flex; align-items: center; justify-content: center; font-size: 0; margin-top: 30px; overflow: hidden; }
.idx_pro .pro_box .pager span{ width: 10px; height: 10px; background: #000; opacity: .1; margin: 0 4px; transition: all .5s; }
.idx_pro .pro_box .pager span.active{ opacity: 1; width: 14px; height: 14px; background: var(--color) }
/* 案例中心 */
.idx_pro.active{ background: #fff; }
.idx_pro.active::after{ content: ''; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 1; background: #f1f6fc; }
.idx_pro.active .idx_main{ margin-top: 0; }
.idx_pro.active .pro_box .pro_swiper ul li { padding: 0; }
.idx_pro.active .pro_box .pro_swiper ul li .pb{ padding-bottom: 66.65%; }
.idx_pro.active .pro_box .pro_swiper ul li .info { width: 100%; height: auto; background: #fff; padding: 20px; text-align: center; overflow: hidden; transition: all .5s; }
.idx_pro.active .pro_box .pro_swiper ul li .info .title {width: 100%; height: auto; padding: 0; background: none; box-shadow: none; display: block; position: relative; left:0; top:0;font-size: 16px; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.idx_pro.active .pro_box .pro_swiper ul li .info .more {margin: 10px 0 0; font-size: 14px; color: #999; transition: all .5s; }
.idx_pro.active .pro_box .pro_swiper ul li:hover .info { background: var(--color); }
.idx_pro.active .pro_box .pro_swiper ul li:hover .info .title { color: #fff; }
.idx_pro.active .pro_box .pro_swiper ul li:hover .info .more { color: #fff; }


@media screen and (max-width: 1366px) {
	.idx_pro .idx_main .pro_box{ padding: 0 60px; }
	.idx_pro .idx_main .pro_box .pro_btn{ width: 40px; height: 40px; }
	.idx_pro .idx_main .pro_box .pro_btn i{ font-size: 14px; }
	.idx_pro .idx_main .pro_box .pro_btn.prev{ left: 0; }
	.idx_pro .idx_main .pro_box .pro_btn.next{ right: 0; }
}
@media screen and (max-width: 990px) {
	.idx_pro .idx_main .pro_box{ padding: 0; }
	.idx_pro .idx_main .pro_box .pro_btn{ display: none; }
	.idx_pro .idx_main .pro_box .pro_swiper ul li{ padding: 0; border-radius: 5px; }
	.idx_pro .idx_main .pro_box .pro_swiper ul li .pb{ border-radius: 0; }
	.idx_pro .idx_main .pro_box .pro_swiper ul li .title{ width: 100%; padding: 15px; position: initial; border-radius: 0; font-size:14px; font-weight:normal;}

	.idx_pro.active::after { height: 100%; }
	.idx_pro.active .idx_main { margin: 40px auto; }
	.idx_pro.active .pro_box .pro_swiper ul li .info { padding: 15px; }
	.idx_pro.active .pro_box .pro_swiper ul li .info .title { font-size: 14px; font-size:14px; font-weight:normal;}}
	.idx_pro.active .pro_box .pro_swiper ul li .info .more { font-size: 12px; }
}


/* 核心优势 */
.idx_good .good_box{ width: 100%; height: auto; margin: 50px 0 0;  }
.idx_good .good_box .good_tabs { width: 100%;height: auto;display: flex;box-shadow:0 0 20px rgba(0,0,0,.1);overflow: hidden; }
.idx_good .good_box .good_tabs .item {width: 100%; height:auto;padding:20px;font-size: 16px;font-weight: bold;color: #333;display:flex;align-items: center;justify-content: center;text-align:center;cursor: pointer; transition: all .5s; }
.idx_good .good_box .good_tabs .item.active, .idx_good .good_box .good_tabs .item:hover { background: var(--color); color: #fff; }
.idx_good .good_box .good_main { width: 100%;height: auto;margin-top: 30px;box-shadow:0 0 20px rgba(0,0,0,.1);overflow: hidden; }
.idx_good .good_box .good_main ul li{width: 100%;height: auto;padding:20px;background:#fff;display: flex;overflow: hidden;}
.idx_good .good_box .good_main ul li .images{width: 50%; height: auto; font-size: 0; overflow: hidden;}
.idx_good .good_box .good_main ul li .images img { max-width: 100%; }
.idx_good .good_box .good_main ul li .content{ width: 50%; margin-left: 30px; }
.idx_good .good_box .good_main ul li .content .subtitle { font-size: 16px; font-weight: bold; color: var(--color); }
.idx_good .good_box .good_main ul li .content .title { margin: 10px 0 0; font-size: 24px; color: #121521; }
.idx_good .good_box .good_main ul li .content .details{ margin: 20px 0 0; font-size: 14px; color: #666; line-height: 2.2; }
.idx_good .good_box .good_main ul li .content .details p{ position: relative; padding-left: 12px;}
.idx_good .good_box .good_main ul li .content .details p::before { content:'';width: 3px;height: 3px;border-radius: 50%; margin-right: 10px; background: var(--color);position: absolute; left:0; top: 1em; }
@media screen and (max-width: 1280px) {
	.idx_good .good_box .good_main ul li .content .subtitle { font-size: 14px; }
	.idx_good .good_box .good_main ul li .content .title { font-size: 22px; }
}
@media screen and (max-width: 1024px) {
	.idx_good .good_box .good_main ul li .content .title { font-size: 20px; }
}
@media screen and (max-width: 990px) {
	.idx_good .good_box .good_main ul li .content .title { font-size: 20px; }
}
@media screen and (max-width: 768px) {
	.idx_good .good_box .good_tabs .item{ font-size: 14px; padding: 10px; }
	.idx_good .good_box .good_main ul li { display: block; }
	.idx_good .good_box .good_main ul li .images { width: 100%; text-align: center; }
	.idx_good .good_box .good_main ul li .content { width: 100%; margin: 30px 0 0; }
	.idx_good .good_box .good_main ul li .content .title { font-size: 16px; }
}


/* 新闻资讯 */
.idx_new{ width: 100%;height: auto; padding: 4vw 0;overflow: hidden; }
.idx_new .new_box{ width: 100%;height: auto;overflow: hidden;}
.idx_new .new_box .new_main{ width: 94%; max-width: 1240px; margin: 0 auto; overflow: hidden; }
.idx_new .new_box .new_main .new_swiper{ width: 100%;height: auto;margin: 40px 0 0; padding: 0 20px 20px;}
.idx_new .new_box .new_main .new_swiper ul{ width: 100%;height: auto;}
.idx_new .new_box .new_main .new_swiper ul li{ width: 100%;height: auto;box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.idx_new .new_box .new_main .new_swiper ul li .img{ width: 100%;height: auto;background: #f5f5f5;box-shadow: 0 0 10px rgba(0, 0, 0, .1);overflow: hidden;}
.idx_new .new_box .new_main .new_swiper ul li .img .pb{ padding-bottom: 66.5%; }
.idx_new .new_box .new_main .new_swiper ul li .img img{ max-width: 100%; max-height: 100%; }
.idx_new .new_box .new_main .new_swiper ul li .info{ width: 100%;height: auto; padding: 30px 20px;overflow: hidden; }
.idx_new .new_box .new_main .new_swiper ul li .info .time{ padding: 5px 8px; font-size: 12px; color: #fff; background: var(--color); position: absolute; left: -9px; top: 20px; text-align: center; }
.idx_new .new_box .new_main .new_swiper ul li .info .time::after { content: ''; width: 0; height: 0; position: absolute; left: 0; bottom: 100%; border: 5px solid #0d3577; border-top-color: transparent; border-left-color: transparent; }
.idx_new .new_box .new_main .new_swiper ul li .info .time .b{ font-size: 16px; font-weight: bold; }
.idx_new .new_box .new_main .new_swiper ul li .info .time .m{ margin: 5px 0 0; }
.idx_new .new_box .new_main .new_swiper ul li .info .title{ font-size: 16px; line-height: 1; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idx_new .new_box .new_main .new_swiper ul li .info .details { margin: 14px 0; line-height: 1.8; font-size: 12px; color: #999; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  }
.idx_new .new_box .new_main .new_swiper ul li .info .more{ font-size: 12px; color: var(--color); }
.idx_new .new_box .new_main .new_swiper ul li .info::after{ content: ''; width: 0; height: 2px; position: absolute; bottom: 0; left: 0; background: var(--color); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.idx_new .new_box .new_main .new_swiper ul li:hover .info .title { color: var(--color); }
.idx_new .new_box .new_main .new_swiper ul li:hover .info::after{ width: 100%; }
.idx_new .new_box .new_main .pager_box{ width: 100%;height: auto;margin: 30px 0 0;font-size: 0;text-align: center;overflow: hidden; }
.idx_new .new_box .new_main .pager_box span{ width: 25px; height: 5px; background: #bfcadc; border-radius: 5px; margin: 0 5px; opacity: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.idx_new .new_box .new_main .pager_box span.active{ width: 35px; background: var(--color); }
@media screen and (max-width: 1440px) {
	.idx_new .new_box .new_main { max-width: 1200px; }
	.idx_new .new_box .new_main .new_swiper{ padding: 0; }
	.idx_new .new_box .new_main .new_swiper ul li{ background: #f1f6fc }
	.idx_new .new_box .new_main .new_swiper ul li .info .time { left: 0; top: 0; padding: 8px 10px; }
	.idx_new .new_box .new_main .new_swiper ul li .info .time::after { display: none; }
	.idx_new .new_box .new_main .new_swiper ul li { box-shadow: none; }
	.idx_new .new_box .new_main .new_swiper ul li .info .time,
	.idx_new .new_box .new_main .new_swiper ul li .info .more{ font-size: 12px; }
	.idx_new .new_box .new_main .new_swiper ul li .info .title{  font-size: 18px; }
}
@media screen and (max-width: 1366px) {
	.idx_new .new_box .new_main{ max-width: 1200px; }
	.idx_new .new_box .new_main .new_swiper{ width: 100%; padding: 0; }
	.idx_new .new_box .new_main .new_swiper ul li{ box-shadow: none; }
	.idx_new .new_box .new_main .new_swiper ul li .info{ background: var(--bgColor); }
}
@media screen and (max-width: 1024px) {
	.idx_new{ padding: 50px 0; }
	.idx_new .new_box .new_main .new_swiper{ margin: 30px 0 0; }
	.idx_new .new_box .new_main .new_swiper ul li .info{ padding: 20px; background: var(--bgColor); }
	.idx_new .new_box .new_main .new_swiper ul li .info .title{ font-size: 16px; }
}
@media screen and (max-width: 768px) {
	.idx_new{ padding: 40px 0; }
	.idx_new .new_box .new_main .new_swiper ul li .info { padding: 15px; }
}


/* 底部 */
.footer_box{width: 100%;height: auto;overflow: hidden; background: #262a35;overflow: hidden;}
.footer_main{width: 94%; max-width: 1200px; height: auto;margin: 50px auto;display: flex; justify-content: space-between;}
.footer_main .f_info{width: 27.16%;height: auto;}
.footer_main .f_info .logo{ width: 100%;height: auto;font-size: 0;overflow: hidden; }
.footer_main .f_info .logo img{ max-width: 280px; }
.footer_main .f_info .info{ width: 100%;height: auto; margin-top: 20px;font-size: 12px; line-height: 1.8; color: rgba(255, 255, 255, .5);overflow: hidden; }
.footer_main .f_info .info p{ margin-top: 10px; }
.footer_main .f_info .info p:first-child{ margin: 0; }

.footer_main .f_nav{width: auto; flex: 1;height: auto;margin-left: 5.2vw;}
.footer_main .f_nav ul{width: 100%;height: auto;}
.footer_main .f_nav>ul{display: flex; justify-content: space-between;}
.footer_main .f_nav ul li{width: auto;height: auto;margin-left: 20px;overflow: hidden;}
.footer_main .f_nav ul li:first-child{margin: 0}
.footer_main .f_nav ul li span{display: block;padding: 0 0 20px;line-height: 1.2;font-size: 16px;font-weight: bold;color: #fff;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer_main .f_nav ul li ul li{width: 100%;margin: 10px 0 0;font-size: 14px;}
.footer_main .f_nav ul li ul li a{color: rgba(255, 255, 255, .5);-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.footer_main .f_nav ul li ul li a:hover{ color: #fff; }

.footer_box .copy_box{ width: 100%;height: auto;background: #1e222b;overflow: hidden; }
.footer_box .copy_box .center{width: 94%;max-width: 1200px;margin: 0 auto;padding: 15px 0;line-height: 25px;text-align: left;font-size: 14px;color: rgba(255, 255, 255, .5);}
.footer_box .copy_box .center a{color: rgba(255, 255, 255, .5);-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.footer_box .copy_box .center a:hover{color: #fff;}
@media screen and (max-width: 1440px) {
	.footer_main .f_nav ul li ul li{ font-size: 12px; }
}
@media screen and (max-width: 1024px) {
	.footer_main .f_info .info{ font-size: 12px; }
	.footer_main .f_info .qrcode .item .text{ font-size: 12px; }
}
@media screen and (max-width: 990px) {
	.footer_main{ display: none; }
	.footer_box .copy{ border: 0; text-align: center; }
}

/* Page Banner */
.p_banner{width: 100%;height: auto;font-size: 0;position: relative;z-index: 1;overflow: hidden;}
.p_banner .info{width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;z-index: 10;overflow: hidden;}
.p_banner .info .center{width: 94%;max-width: 1200px;height: 100%;box-sizing: border-box;margin: 0 auto;display: flex;align-items: center;overflow: hidden;}
.p_banner .info .center .title{font-size: 36px;font-weight: bold;color: #fff;}
.p_banner .info .center .page_nav{width: auto;height: 100%;margin: 20px 0 0;font-size: 12px;color: #fff;overflow: hidden;}
.p_banner .info .center .page_nav i{font-size: 14px;vertical-align: middle;margin: 0 10px 0 0;color: #fff;}
.p_banner .info .center .page_nav i.icon_nav{ margin: 0 10px; }
.p_banner .info .center .page_nav a{color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.p_banner .info .center .page_nav a:hover{color: var(--color);}
.p_banner .img{width: 100%;height: auto;font-size: 0;text-align: center;overflow: hidden;}
.p_banner .img img{max-width: 100%; min-height: 160px;}
/* 内页默认样式 */
.details_box{width: 100%;height: auto;overflow: hidden;}
.title_details{width: 100%;height: auto;padding: 0 0 20px;border-bottom: 1px dashed #d9d9d9;text-align: center;overflow: hidden;}
.title_details .title{ width: 100%;height: auto;overflow: hidden; }
.title_details .title h1{margin: 0;padding: 0;font-size: 24px;color: #333;padding-bottom: 10px;}
.title_details .text{ width: 100%;height: auto;font-size: 12px;color: #999;overflow: hidden; }
.text_details{width: 100%;height: auto;font-size: 14px;line-height: 2;color: #666;text-align: justify;overflow: hidden;}
.text_details p{ margin: 0 0 10px;}
.text_details p:last-child{margin: 0}
.text_details img{vertical-align: middle;max-width: 100%;}
.text_details table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.text_details table tr:hover{ background: #f5f5f5;}
.text_details table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.text_details table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}
/* 内页标题 */
.page_title{width: 100%;height: auto;}
.page_title .title{font-size: 16px; font-weight: bold;color: var(--color);}
.page_title .subtitle{margin: 10px 0 0;font-size: 36px;font-weight: bold;color: #333;}
.page_title .subtitle span{color: var(--color);}
.page_title .details{margin: 20px 0 0;font-size: 16px;color: #666; line-height: 1.6;}

.page_subnav{ width: 100%;height: auto; display: flex; flex-wrap: wrap; overflow: hidden; }
.page_subnav a{ border-radius: 30px; border: 1px solid #d9d9d9; margin: 10px 1vw 0 0; padding: 10px 30px; font-size: 16px; color: #333; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_subnav a.active, .page_subnav a:hover{ border-color: var(--color); color: #fff; background: var(--color); }
@media screen and (max-width: 1440px) {
	.p_banner .info .center .title{ font-size: 30px; }
	.page_title .title,
	.page_title .details{ font-size: 14px; }
	.page_title .subtitle{ font-size: 30px; }
}
@media screen and (max-width: 1024px) {
	.p_banner .info .center .title{ font-size: 24px; }
	.page_subnav a{ padding: 8px 20px; font-size: 14px; }
}
@media screen and (max-width: 768px) {
	.p_banner .info .center .title{ font-size: 20px; }
	.p_banner .info .center .page_nav{ margin: 10px 0 0; }
	.p_banner .info .center .page_nav i.icon_nav{ margin: 0 5px; }
	.page_title .title,
	.page_title .details{ font-size: 12px; }
	.page_title .subtitle{ font-size: 24px; }
	.page_subnav a{ padding: 8px 20px; font-size: 12px; }
	.title_details .title h1{font-size: 20px;}
	.text_details{ font-size: 14px; }
}

/* 内页 */
/* About */
.page_abo{ width: 100%;height: auto;overflow: hidden; }
.page_abo .abo_box{ width: 94%; max-width: 1200px; margin: 30px auto 4vw; overflow: hidden; }
.page_abo .abo_box .abo_main{ width: 100%;height: auto;margin: 2.6vw 0 0; display: flex; overflow: hidden; }
.page_abo .abo_box .abo_main .text_details{ width: 55%; padding-left: 2.6vw; }
.page_abo .abo_box .abo_main .abo_img{ flex: 1; text-align: center; font-size: 0; }
.page_abo .abo_box .abo_main .abo_img img{ max-width: 100%; }

/* 企业相册 */
.page_album{ width: 100%;height: auto;overflow: hidden; }
.page_album .album_box{ width: 94%; max-width: 1200px; margin: 30px auto 40px; overflow: hidden; }
.page_album .album_box .album_list{ width: 100%;height: auto; margin: 40px 0 0;overflow: hidden; }
.page_album .album_box .album_list .album_menu{ width: 100%;height: auto;overflow: hidden; }
.page_album .album_box .album_list .album_menu ul{ display: flex; flex-wrap: wrap; margin-top: -2%; }
.page_album .album_box .album_list .album_menu ul li{ width: 32%;height: auto; margin: 2% 2% 0 0;background: #f5f5f5;overflow: hidden; transition: all .5s;}
.page_album .album_box .album_list .album_menu ul li:nth-child(3n){ margin-right: 0; }
.page_album .album_box .album_list .album_menu ul li .img{ width: 100%;height: auto;overflow: hidden;}
.page_album .album_box .album_list .album_menu ul li .img .pb{ padding-bottom: 66.65%; }
.page_album .album_box .album_list .album_menu ul li .img img{ max-width: 100%; max-height: 100%; }
.page_album .album_box .album_list .album_menu ul li .title{ padding: 15px; text-align: center; font-size: 16px; line-height: 1.5; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s;}
.page_album .album_box .album_list .album_menu ul li:hover .title{ background: var(--color); color: #fff; }
.page_album .album_box .album_list .list{ margin-top: 40px; }

@media screen and (max-width: 1024px) {
	.page_abo .abo_box{ margin: 30px auto; }
	.page_abo .abo_box .abo_main{ display: block; margin: 30px 0 0; }
	.page_abo .abo_box .abo_main .text_details{ margin: 30px 0 0; width: 100%; padding: 0; }

	.page_album .album_box{ margin: 40px auto; }
	.page_album .album_box .album_list .album_menu ul li .title{ font-size: 14px; }
	.page_album .album_box .album_list .list{ margin-top: 30px; }
}
@media screen and (max-width: 990px) {
	.page_album .album_box .album_list {margin: 30px 0 0;}
	.page_album .album_box .album_list .album_menu ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; margin: 0; }
	.page_album .album_box .album_list .album_menu ul li{ width: 100%; margin: 0; }

}
@media screen and (max-width: 768px) {
	.page_album .album_box{ margin: 20px auto 30px; }
	.page_album .album_box .album_list .album_menu ul{ grid-gap: 15px 15px; }
	.page_album .album_box .album_list .album_menu ul li .title{ font-size: 12px; }
}



/* 产品中心 */
.page_pro{ width: 100%;height: auto;overflow: hidden; }
.page_pro .pro_box{ width: 94%; max-width: 1200px; margin: 30px auto 40px; overflow: hidden; }
.page_pro .pro_box .pro_list{ width: 100%;height: auto; margin: 30px 0 0;overflow: hidden; }
.page_pro .pro_box .pro_list .pro_menu{ width: 100%;height: auto;overflow: hidden; }
.page_pro .pro_box .pro_list .pro_menu ul{ display: flex; flex-wrap: wrap; }
.page_pro .pro_box .pro_list .pro_menu ul li{ width: 32%;height: auto; margin: 2% 2% 0 0;background: #fff;border: 1px solid #f5f5f5; overflow: hidden; transition: all .5s;}
.page_pro .pro_box .pro_list .pro_menu ul li:nth-child(3n){ margin-right: 0; }
.page_pro .pro_box .pro_list .pro_menu ul li .img{ width: 100%;height: auto;overflow: hidden;}
.page_pro .pro_box .pro_list .pro_menu ul li .img .pb{ padding-bottom: 100%; }
.page_pro .pro_box .pro_list .pro_menu ul li .img img{ max-width: 100%; max-height: 100%; }
.page_pro .pro_box .pro_list .pro_menu ul li .info{ width: 100%;height: auto; padding: 20px;border-top: 0;position: relative;z-index: 1; background: #f5f5f5;text-align: center;;overflow: hidden; transition: all .5s;}
.page_pro .pro_box .pro_list .pro_menu ul li .info .subtitle { font-size: 12px; color: #999; transition: all .5s;}
.page_pro .pro_box .pro_list .pro_menu ul li .info .title{ margin: .75vw 0; font-size: 16px; line-height: 1.5; font-weight: bold; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s;}
.page_pro .pro_box .pro_list .pro_menu ul li .info .more { font-size: 12px; color: var(--color); transition: all .5s;}
.page_pro .pro_box .pro_list .pro_menu ul li:hover{ border-color: var(--color); }
.page_pro .pro_box .pro_list .pro_menu ul li:hover .info{ background: var(--color); }
.page_pro .pro_box .pro_list .pro_menu ul li:hover .info .subtitle,
.page_pro .pro_box .pro_list .pro_menu ul li:hover .info .title,
.page_pro .pro_box .pro_list .pro_menu ul li:hover .info .more{ color: #fff; }
.page_pro .pro_box .pro_list .list{ margin-top: 40px; }
/* Details */
.page_pro .pro_swiepr{ width: 94%; max-width: 1200px; margin: 40px auto; position: relative; overflow: hidden; }
.page_pro .pro_swiepr .images{ width: 50%; height: auto; background: #f5f5f5; overflow: hidden; }
.page_pro .pro_swiepr .images .swiper_box{ width: 100%;height: 100%;position: relative;z-index: 1;overflow: hidden; }
.page_pro .pro_swiepr .images .swiper_box ul{ width: 100%;height: 100%;overflow: hidden; }
.page_pro .pro_swiepr .images .swiper_box ul li{ width: 100%;height: 100%;font-size: 0;text-align: center;overflow: hidden; }
.page_pro .pro_swiepr .images .swiper_box ul li img{ max-width: 100%; max-height: 100%; vertical-align: middle; }
.page_pro .pro_swiepr .images .swiper_box .pro_btn{ width: 40px; height: 40px; border-radius: 5px; position: absolute; top: 50%; margin-top: -20px; z-index: 3; background: #d9d9d9; color: #fff; cursor: pointer; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_pro .pro_swiepr .images .swiper_box .pro_btn i{ font-size: 16px; }
.page_pro .pro_swiepr .images .swiper_box .pro_btn:hover{ background: var(--color); border-radius: 30px; }
.page_pro .pro_swiepr .images .swiper_box .pro_btn.prev{ left: 20px; }
.page_pro .pro_swiepr .images .swiper_box .pro_btn.next{ right: 20px; }
.page_pro .pro_swiepr .images .swiper_box .pager{ width: 100%;height: auto;font-size: 0;text-align: center;position: absolute;bottom: 20px;z-index: 5;overflow: hidden; }
.page_pro .pro_swiepr .images .swiper_box .pager span{ width: 12px; height: 12px; border-radius: 50%; background: #d9d9d9; opacity: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_pro .pro_swiepr .images .swiper_box .pager span.active, .page_pro .pro_swiepr .images .swiper_box .pager span:hover{ background: var(--color); }
.page_pro .pro_swiepr .content{ width: 50%; height: 100%; position: absolute; top: 0; right: 0; padding-left: 3vw; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.page_pro .pro_swiepr .content .info{ width: 100%;height: auto; flex: 1; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.page_pro .pro_swiepr .content .info .title_box { border-bottom: 1px solid #f5f5f5; padding-bottom: 15px; }
.page_pro .pro_swiepr .content .info .title_box .title h1{ font-size: 24px; font-weight: bold; }
.page_pro .pro_swiepr .content .info .title_box .subtitle { font-size: 14px; color: #999; margin-top: 10px; }
.page_pro .pro_swiepr .content .info .details{ flex: 1; margin: 20px 0 0; padding-right: 10px; text-align: justify; font-size: 14px; line-height: 2.5; color: #666; overflow: hidden; overflow-y: auto; }
.page_pro .pro_swiepr .content .info .details p{ position: relative; padding-left: 20px;}
.page_pro .pro_swiepr .content .info .details p::before { content:'';width: 4px;height: 4px;border-radius: 50%; margin-right: 10px; background: var(--color);position: absolute; left:0; top: 1em; }
.page_pro .pro_swiepr .content .active{width: auto;height: auto;box-sizing: border-box;margin-top: 20px;padding: 20px;float: left;background: #f5f5f5;overflow: hidden;}
.page_pro .pro_swiepr .content .active a{width: 100px;height: auto;line-height: 40px;margin: 0 20px 0 0;padding: 0 10px;float: left;border-radius: 30px; color: #fff;background: var(--color);position: relative;}
.page_pro .pro_swiepr .content .active a::after{ content: ''; width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #fff; opacity: .2; border-radius: 0 50px 50px 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;  }
.page_pro .pro_swiepr .content .active a:hover::after{ width: 100%; border-radius: 0; }
.page_pro .pro_swiepr .content .active span{height: 40px;line-height: 40px;display: inline-block;float: left;vertical-align: middle;font-size: 18px;color: var(--color);}
.page_pro .pro_swiepr .content .active span img{ margin-right: 10px; vertical-align: center; }

.page_pro .details_box{ width: 94%; max-width: 1200px; margin: 0 auto; padding: 40px 0; }
.page_pro .details_box .pro_link{ width: 100%;height: auto;display: flex;overflow: hidden; }
.page_pro .details_box .pro_link span{margin-right: 10px; padding: 12px 30px; cursor:pointer; border: 1px solid #d9d9d9;font-size: 16px; line-height: 1; color: #000; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_pro .details_box .pro_link span:last-child{ margin: 0; }
.page_pro .details_box .pro_link span.active, .page_pro .details_box .pro_link span:hover{ border-color: var(--color); background: var(--color); color: #fff; }
.page_pro .details_box .text_details{ margin-top: 40px; }
.page_pro .details_box .list { margin-top: 30px; }

.pro_cont:first-child{display: block;}
.pro_cont{display: none;}


@media screen and (max-width: 1440px) {
	.page_pro .pro_box .pro_list .pro_menu ul li .info .title{ font-size: 18px; }
	.page_pro .pro_box .pro_list .pro_menu ul li .info .text{ font-size: 14px; }
}
@media screen and (max-width: 1024px) {
	.page_pro .pro_box{ margin: 40px auto; }
	.page_pro .pro_box .pro_list .pro_menu ul li .info .title{ font-size: 16px; }
	.page_pro .pro_box .pro_list .pro_menu ul li .info .text{ font-size: 14px; }
	.page_pro .pro_box .pro_list .list{ margin-top: 30px; }

	.page_pro .pro_swiepr .content .info .title_box .title h1 {font-size: 20px;}
	.page_pro .pro_swiepr .details .active span{ font-size: 14px; }
	.page_pro .details_box .pro_link span { padding: 10px 15px; font-size: 14px; }
}
@media screen and (max-width: 990px) {
	.page_pro .pro_box .pro_list .pro_menu ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; }
	.page_pro .pro_box .pro_list .pro_menu ul li{ width: 100%; margin: 0; }
	.page_pro .pro_box .pro_list .pro_menu ul li .info .title{ font-size: 16px; }
	.page_pro .pro_box .pro_list .pro_menu ul li .info .text{ font-size: 14px; }

	.page_pro .pro_details{ margin: 40px auto; }
}
@media screen and (max-width: 768px) {
	.page_pro .pro_swiepr .images{ width: 100%; }
	.page_pro .pro_swiepr .content { width: 100%; position: relative; padding: 0; margin: 30px 0 0; }
	.page_pro .pro_box .pro_list .pro_menu ul{ grid-gap: 15px 15px; }
	.page_pro .pro_box .pro_list .pro_menu ul li .info .title{ font-size: 14px; }
	.page_pro .pro_box .pro_list .pro_menu ul li .info .text{ font-size: 12px; }
	.page_pro .pro_swiepr .content .active {background: #fff;}

	.page_pro .pro_swiepr{ width: 100%; box-shadow: none; background: var(--bgColor); margin: 0; padding: 40px 3%; }
	.page_pro .pro_swiepr .images{ width: 100%; background: #fff; }
	.page_pro .pro_swiepr .details{ width: 100%; display: block; position: relative; margin: 30px 0 0; padding: 0; }
	.page_pro .pro_swiepr .details .info{ display: block; }
	.page_pro .pro_swiepr .details .info .title{ font-size: 20px; }
	.page_pro .pro_swiepr .details .info .text{ margin: 10px 0 0; }
	.page_pro .pro_swiepr .details .active{ margin: 20px 0 0; }
}

/* 案例中心 */
.page_case{ width: 100%;height: auto;overflow: hidden; }
.page_case .case_box{ width: 94%; max-width: 1200px; margin: 30px auto 40px; overflow: hidden; }
.page_case .case_box .case_list{ width: 100%;height: auto; margin: 30px 0 0;overflow: hidden; }
.page_case .case_box .case_list .case_menu{ width: 100%;height: auto;overflow: hidden; }
.page_case .case_box .case_list .case_menu ul{ display: flex; flex-wrap: wrap; }
.page_case .case_box .case_list .case_menu ul li{ width: 32%;height: auto; margin: 2% 2% 0 0;background: #f5f5f5; overflow: hidden; }
.page_case .case_box .case_list .case_menu ul li:nth-child(3n){ margin-right: 0; }
.page_case .case_box .case_list .case_menu ul li .img{ width: 100%;height: auto;background: #f5f5f5;overflow: hidden;}
.page_case .case_box .case_list .case_menu ul li .img .pb{ padding-bottom: 66.5%; }
.page_case .case_box .case_list .case_menu ul li .img img {max-width: 100%;}
.page_case .case_box .case_list .case_menu ul li .info{ width: 100%;height: auto; padding: 20px;background:#f5f5f5;position: relative;z-index: 1;text-align: center;overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_case .case_box .case_list .case_menu ul li .info .title{ font-size: 16px; line-height: 1.5; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_case .case_box .case_list .case_menu ul li .info .text{ margin: 5px 0 0; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_case .case_box .case_list .case_menu ul li:hover .info{background: var(--color);}
.page_case .case_box .case_list .case_menu ul li:hover .info .title,
.page_case .case_box .case_list .case_menu ul li:hover .info .text{ color: #fff; }
.page_case .case_box .case_list .list{ margin-top: 40px; }
/* Details */
.case_details{ width: 94%; max-width: 1200px; margin: 40px auto; overflow: hidden; }
.case_details .text_details{ margin: 20px 0 0; }
.case_details .list{ margin-top: 40px; }

@media screen and (max-width: 1024px) {
	.page_case .case_box{ margin: 40px auto; }
	.page_case .case_box .case_list .case_menu ul li .info .title{ font-size: 14px; }
	.page_case .case_box .case_list .case_menu ul li .info .text{ font-size: 12px; }
	.case_details .list{ margin-top: 30px; }
}
@media screen and (max-width: 990px) {
	.page_case .case_box .case_list .case_menu ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; }
	.page_case .case_box .case_list .case_menu ul li{ width: 100%; margin: 0; }

}
@media screen and (max-width: 768px) {
	.page_case .case_box .case_list .case_menu ul{ grid-gap: 15px 15px; }
	.page_case .case_box .case_list .case_menu ul li .info { padding: 12px 15px; }
	.page_case .case_box .case_list .list{ margin-top: 30px; }
}

/* 视频中心 */
.page_video{ width: 100%;height: auto;background:#f5f5f5;overflow: hidden; }
.page_video .video_box{ width: 94%; max-width: 1200px; margin: 30px auto 40px; overflow: hidden; }
.page_video .video_box .video_list{ width: 100%;height: auto; margin: 40px 0 0;overflow: hidden; }
.page_video .video_box .video_list .video_menu{ width: 100%;height: auto;overflow: hidden; }
.page_video .video_box .video_list .video_menu ul{ display: flex; flex-wrap: wrap; margin-top: -2%; }
.page_video .video_box .video_list .video_menu ul li{ width: 32%;height: auto; margin: 2% 2% 0 0;background: #fff; overflow: hidden; }
.page_video .video_box .video_list .video_menu ul li:nth-child(3n){ margin-right: 0; }
.page_video .video_box .video_list .video_menu ul li .img{ width: 100%;height: auto;background: #f5f5f5;position: relative;overflow: hidden;}
.page_video .video_box .video_list .video_menu ul li .img .play{width:100%; height: 100%; position: absolute; left: 0;top: 0; z-index: 2; background: rgba(0, 0, 0, .5);display: flex;justify-content: center;align-items: center;}
.page_video .video_box .video_list .video_menu ul li .img .play img { max-width: 100%; }
.page_video .video_box .video_list .video_menu ul li .img .pb{ padding-bottom: 66.5%; }
.page_video .video_box .video_list .video_menu ul li .img img {max-width: 100%;}
.page_video .video_box .video_list .video_menu ul li .info{ width: 100%;height: auto; padding: 20px;position: relative;z-index: 1;overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_video .video_box .video_list .video_menu ul li .info .title{ font-size: 16px; line-height: 1.5; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_video .video_box .video_list .video_menu ul li .info .time{ margin: 5px 0 0; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_video .video_box .video_list .video_menu ul li:hover .info{background: var(--color);}
.page_video .video_box .video_list .video_menu ul li:hover .info .title,
.page_video .video_box .video_list .video_menu ul li:hover .info .time{ color: #fff; }
.page_video .list{ margin-top: 40px; }
.page_video .list a, .page_video .list span{background: #fff;}
.page_video .list a.active { background: var(--color); }
.page_video .list a:hover { background: var(--color); }

.video_details_box{width:100%; max-width:780px; height:auto; margin:0px auto;}
.share_video_box{width: 100%;height: auto; float: left; margin: 10px 0; padding-bottom: 56.25%; position: relative; background: #f0f0f0;}
.share_video_box iframe, .share_video_box object, .share_video_box embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Details */
.video_details{ width: 94%; max-width: 1200px; margin: 40px auto;}
.video_details .video_play { width: 100%;max-width: 720px;height: auto; margin: 40px auto;overflow: hidden; }
.video_details .video_play video { width: 100%; object-fit: cover; }
.video_details .text_details{ margin: 20px 0 0; }
.video_details .list{ margin-top: 40px; }

@media screen and (max-width: 1024px) {
	.page_video .video_box{ margin: 40px auto; }
	.page_video .video_box .video_list .video_menu ul li .info .title{ font-size: 14px; }
	.page_video .video_box .video_list .video_menu ul li .info .text{ font-size: 12px; }
	.video_details .list{ margin-top: 30px; }
}
@media screen and (max-width: 990px) {
	.page_video .video_box .video_list {margin-top: 30px;}
	.page_video .video_box .video_list .video_menu ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px;margin: 0; }
	.page_video .video_box .video_list .video_menu ul li{ width: 100%; margin: 0; }

	.video_details .video_play{ margin: 30px auto; }

}
@media screen and (max-width: 768px) {
	.page_video .video_box .video_list .video_menu ul{ grid-gap: 15px 15px; }
	.page_video .video_box .video_list .video_menu ul li .img .play img { max-width: 30px; }
	.page_video .video_box .video_list .video_menu ul li .info { padding: 12px 15px; }
	.video_details .video_play { margin: 20px auto; }
	.page_video .list{ margin-top: 30px; }

}

/* 新闻资讯 */
.page_new{ width: 100%;height: auto;overflow: hidden; }
.page_new .new_box{ width: 94%; max-width: 1200px; margin: 40px auto 3vw; }
.page_new .new_box .page_subnav{ margin: 20px 0 0; }
.page_new .new_box .new_list{ width: 100%;height: auto; margin: 40px 0 0;}
.page_new .new_box .new_list .new_menu{ width: 100%;height: auto;}
.page_new .new_box .new_list .new_menu ul{ display: flex; flex-wrap: wrap; margin-top: -2%; }
.page_new .new_box .new_list .new_menu ul li{ width: 32%;height: auto; margin: 2% 2% 0 0;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .1); overflow: hidden; }
.page_new .new_box .new_list .new_menu ul li:nth-child(3n){ margin-right: 0; }
.page_new .new_box .new_list .new_menu ul li .img{ width: 100%;height: auto;overflow: hidden;}
.page_new .new_box .new_list .new_menu ul li .img .pb{ padding-bottom: 66.5%; }
.page_new .new_box .new_list .new_menu ul li .img img{ max-width: 100%; max-height: 100%; }
.page_new .new_box .new_list .new_menu ul li .info{ width: 100%;height: auto; padding: 30px 20px;position: relative;z-index: 1;overflow: hidden; }
.page_new .new_box .new_list .new_menu ul li .info .title{ height: auto; font-size: 16px; line-height: 1.4; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page_new .new_box .new_list .new_menu ul li .info .time{margin: 10px 0; font-size: 12px; color: #999; }
.page_new .new_box .new_list .new_menu ul li .info .text{ height: calc(2em * 2); margin: 5px 0 0; font-size: 12px; line-height: 2; color: #999; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.page_new .new_box .new_list .new_menu ul li .info .more{ margin-top: 10px; font-size: 12px; color: var(--color); }
.page_new .new_box .new_list .new_menu ul li:hover .info .title{ color: var(--color); }
.page_new .new_box .new_list .list{ margin-top: 40px; }
/* 新闻详情 */
.new_details{ width: 94%; max-width: 1200px; margin: 40px auto;}
.new_details .text_details{ margin: 20px 0 0; }
.new_details .list{ margin-top: 40px; }

@media screen and (max-width: 1024px) {
	.page_new .new_box{ margin: 40px auto; }
	.page_new .new_box .new_list .new_menu ul li .info{ padding: 20px; }
	.page_new .new_box .new_list .new_menu ul li .info .title{ font-size: 16px; }
	.page_new .new_box .new_list .list{ margin-top: 30px; }

}
@media screen and (max-width: 990px) {
	.page_new .new_box .new_list { margin: 30px 0 0; }
	.page_new .new_box .new_list .new_menu ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; margin: 0; }
	.page_new .new_box .new_list .new_menu ul li{ width: 100%; margin: 0; }
	.page_new .new_box .new_list .new_menu ul li .info .title{ margin: 10px 0; font-size: 14px; }

	.case_details .list{ margin-top: 30px; }
}
@media screen and (max-width: 768px) {
	.page_new .new_box .new_list .new_menu ul{ grid-gap: 15px 15px; }
	.page_new .new_box .new_list .new_menu ul li .info{ padding: 15px; }
}
@media screen and (max-width: 540px) {
	.page_new .new_box .new_list .new_menu ul{ grid-template-columns: 1fr; grid-gap: 20px 20px; }
}


/* 联系方式 */
.page_con{ width: 100%;height: auto;overflow: hidden; }
.page_con .con_box{width: 94%; max-width: 1200px; margin: 40px auto 5vw; }
.page_con .con_box .con_main{ width: 100%;height: auto;margin: 2.6vw 0 0; display: flex; justify-content: space-between;}
.page_con .con_box .con_main .text_details{ width: 50%; height: auto; overflow: hidden; }
.page_con .con_box .con_main .feed_form{ width: 40%; height: auto; float: right; overflow: hidden; }
.page_con .con_box .con_main .feed_form .layui-form .layui_item{width: 100%;margin: 0 0 10px; display: flex; align-items: center; overflow: hidden;}
.page_con .con_box .con_main .feed_form .layui-form .layui_item.first .layui_input{ margin-right: 10px; }
.page_con .con_box .con_main .feed_form .layui-form .layui_item.first .layui_input:last-child{ margin: 0; }
.page_con .con_box .con_main .feed_form .layui-form .layui_item .layui_input{width: 100%;}
.page_con .con_box .con_main .feed_form .layui-form .layui_code input{width: -moz-calc(100% - 140px);width: calc(100% - 140px);margin: 0 10px 0 0;float: left;}
.page_con .con_box .con_main .feed_form .layui-form .layui_code img{float: left;-moz-border-radius: 3px;border-radius: 3px;width: 130px;height: 50px;}
.page_con .con_box .con_main .feed_form .layui-form .layui-input{height: 50px;padding: 0 15px;font-size: 14px;border-radius: 5px;color: #333;border:0;background: #f4f7f9;}
.page_con .con_box .con_main .feed_form .layui-form .layui-textarea{width: 100%;min-height: 180px;padding: 15px;line-height: 25px;font-size: 14px;border-radius: 5px;border:0;background: #f4f7f9;}
.page_con .con_box .con_main .feed_form .layui-form .layui-btn{height: 50px; line-height: 50px; padding: 0 40px;border-radius:3px;font-size: 16px;}
.page_con .con_box .map_box { width: 100%;height: auto;max-height: 50vh;margin-top: 40px;border:1px solid #d9d9d9;font-size: 0;overflow: hidden; }
.page_con .con_box .map_box img { max-width: 100%; }
@media screen and (max-width: 1024px) {
	.page_new .new_box{ margin: 40px auto; }
	.page_con .con_box .con_main{ margin: 30px 0 0; }
}
@media screen and (max-width: 990px) {
	.page_con .con_box .con_main{ display: block; }
	.page_con .con_box .con_main .text_details,
	.page_con .con_box .con_main .feed_form{ width: 100%; float: initial; }
	.page_con .con_box .con_main .feed_form{ margin: 40px 0 0; }
	.page_con .con_box .con_main .feed_form .layui-form .layui_code img{ height: 44px; }
	.page_con .con_box .con_main .feed_form .layui-form .layui-input{ height: 44px; }
	.page_con .con_box .con_main .feed_form .layui-form .layui-btn{height: 44px; line-height: 44px; padding: 0 30px;font-size: 16px;}
}

@media screen and (max-width: 768px) {
	.page_con .con_box .con_main .text_details,
	.page_con .con_box .con_main .feed_form{ width: 100%; float: initial; }
}

/* List */
.list{width: 100%;height: auto;box-sizing: border-box;text-align: center;font-size: 0;}
.list a,.list span{width: auto; max-width: 250px;height: 40px;margin: 0 5px;padding: 0 16px;line-height: 40px;display: inline-block;*display: inline;*zoom: 1; background: #f5f5f5; border-radius: 3px;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.list a.active,.list a:hover{border-color: var(--color);background: var(--color);color: #fff;}
.list span{padding: 0 5px;background: none;}
 
/*地图*/
.p_ditu_box{width: 100%; height: auto; float: left; padding: 10px 0;}
.ditu_title{display: inline-block; padding: 5px 10px 0 10px; line-height: 30px; font-size: 16px; font-weight: bold; color: #fb7d10;}
.ditu_cont{display: inline-block; padding: 0px 10px; font-size: 14px; line-height: 20px;}
#mapshowbox{width:100%; height:500px; border-radius: 3px;}
#mapshowbox_big{width:100%; height:100%; position:absolute;}
.goto_bigmap{width:100%; height:46px; margin-top:10px;}
.goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; text-align:center; color:#fff; background:#fb7d10; text-decoration:none; border-radius: 3px;}
.goto_bigmap a:hover{color:#fff;}

/* 在线客服 */
.bottom_tools{top:50%; margin-top:-115px; position:fixed; z-index: 9999999; right:0px;}
.cl_kefu_one{width:45px; height:45px; margin-bottom:1px; line-height: 45px; text-align: center;}
.cl_kefu_one i{font-size: 24px; color: #fff;}
.go_radius_1{border-radius: 3px 0 0 0;}
.go_radius_2{border-radius: 0 0 0 3px;}
#cl_gotop{display:none;}
.qr_img{position:absolute;top:-45px;left:-183px; display:none; width:181px; height:218px; padding-left:32px; padding-top:50px; background:url(../images/qr_img.png) no-repeat;}
.qr_img img{border:0px; vertical-align:middle; max-width:110px; height:auto;}
.qr_img_en{position:absolute;top:-45px;left:-183px; display:none; width:181px; height:218px; padding-left:32px; padding-top:50px; background:url(../images/qr_img_en.png) no-repeat;}
.qr_img_en img{border:0px; vertical-align:middle; max-width:110px; height:auto;}
.qr_menu{position:absolute;top:46px; left:-180px; width:180px; height:auto; display:none; text-align:right; background: #fff;}
.qr_menu>span{display:inline-block; width:180px; height:auto; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
.qr_menu a{display:inline-block; width:100%; padding-left:20px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:left; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu a i{font-size: 30px; display: inline-block; vertical-align: top; margin-right: 10px; color: #40abf5;}
.qr_menu a span{display: inline-block; vertical-align: top;}
.qr_menu_1{position:absolute;top:92px; left:-180px; width:180px; height:auto; display:none; text-align:right;}
.qr_menu_1 ul{margin:0px; padding:0px;}
.qr_menu_1 ul li{display:inline-block; width:100%; padding-left:10px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#FFF;}
.qr_menu_1 span{display:inline-block; width:180px; height:45px; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
.foot_kefu{display: none;}

@media screen and (max-width: 768px) {
	.copy_box{padding-bottom: 35px;}/*给手机端底部浮动代码预留高度*/
	.bottom_tools{display: none;}
	/*底部客服*/
	.foot_kefu{display: block; width: 100%; height: 34px; line-height: 34px; background: rgba(255,255,255,0); position: fixed; bottom: 0px; padding-top: 1px; z-index: 999;}
	.foot_kefu_one{width: calc(25% - 1px); height: 34px; line-height: 34px; float: left; text-align: center; margin-right: 1px; font-size: 14px; color: #fff; background: #0c5adb; border-radius: 3px 3px 0 0;box-shadow: 0 -10px 15px rgba(0,0,0,0.1);}
	.foot_kefu_one:nth-child(4){width: 25%;margin-right: 0px;}
	.foot_kefu_one a{color: #fff;}
	.foot_kefu_one a i{margin-right: 6px; font-size: 14px;}
	.foot_kefu_one a:hover{color: #fff;}
}