@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;}
:focus{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;}
.ab{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.abimg{width: 100%;height: 100%;overflow: hidden;}
/* 全局颜色设置 */
:root{
	--color: #ff3c00;
	--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;}
.img_go_white{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


/* 头部 */
.header_box{width: 100%;height: auto;background: #fff; position: relative; z-index: 9;}
.header_box .header_top{ width: 100%;height: 36px;position: relative;background: #313131;overflow: hidden;}
.header_box .header_top::after{ content: ''; width: 50%; height: 100%; position: absolute; left: 0; background: var(--color);position: absolute; left: -36px; top: 0; z-index: 1; transform: skewX(-30deg); }
.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 .tel, .header_box .header_top .center .mail{ display: flex; align-items: center; font-size: 14px; color: #fff; overflow: hidden; }
.header_box .header_top .center .tel .icon, .header_box .header_top .center .mail .icon{ margin-right: 10px; }
.header_box .header_top .center .tel .icon i{ font-size: 12px; }
.header_box .header_top .center .mail a{color: #fff;}
.header_box .header_top .center .mail .icon i{ font-size: 16px; }
.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%;}
.header_box .header_m .header_c .lang{ width: auto; height: 100%; margin-left: 2vw; float: right; display: flex; align-items: center; overflow: hidden; }
.header_box .header_m .header_c .lang a{ width: 30px; height: 30px; float: left; margin-left: 20px; border-radius: 50%; background: var(--color); font-size: 12px; color: #fff; }
.header_box .header_m .header_c .lang a:first-child{ margin: 0; }

/* 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 1.5vw; font-size: 16px;}
.menu_nav>ul>li:last-child>a{margin-right: 0;}
.menu_nav>ul>li>a::before{content: '';width: 100%;height: 2px;background: var(--color);position: absolute;bottom: 0;left: 0;z-index: 1;opacity: 0;}
.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{opacity: 1;}
.menu_nav>ul>li>ul{width: 150%;height: auto;background: #f1f1f1;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; }
}

/* 移动端 语言 */
.lang_box{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;background: rgba(0, 0, 0, 0.8);display: none;overflow: hidden;}
.lang_box .menu{width: 100%;height: auto;overflow: hidden;}
.lang_box .menu a{width: 96%;max-width: 180px; height: auto; min-height: 26px; line-height: 26px; margin: 3vw auto; padding: 10px; border-radius: 5px;display: block;text-align: center;background: #fff; font-size: 14px;color: #333;overflow: hidden;}
.lang_box .menu a.active{background: var(--color); color: #fff;}
.lang_box .close{width: 50px;height: 50px;line-height: 50px;margin: 30px auto 0;text-align: center;color: #fff;overflow: hidden;}
.lang_box .close i{font-size: 30px;}

/*移动端菜单*/
.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;}
.nav_lan_btn{width: 50px; height: 100%; float: right; z-index: 88; color: var(--color); text-align: center; display: none; cursor: pointer;}
.nav_lan_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_lan_btn{display: flex;}
}
/* 手机导航 */
.nav_box{width: 70%; 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: #000; 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 .center{ width: 100%;height: 100%; padding-bottom: 80px; position: absolute; top: 0; left: 0; z-index: 2;display: flex;align-items: center;overflow: hidden;}
.idx_banner ul li .center .info{ width: 90%; max-width: 1200px; margin: 0 auto; color: #fff; }
.idx_banner ul li .center .info .en_1{ width: 40%; font-size: 18px; font-weight: bold; padding: 10px 0 20px;}
.idx_banner ul li .center .info .en_1::after{ content: ''; width: 20%; height: 2px; background: var(--color); position: absolute; top: 0; left: 0; }
.idx_banner ul li .center .info .en_2{width: 40%; font-size: 46px; font-weight: bold; }
.idx_banner ul li .center .info .en_3{width: 40%; font-size: 18px; line-height: 1.5; margin-top: 30px; }
.idx_banner ul li .center .info .more{ width: 100%;height: auto;margin: 40px 0 0;position: relative;z-index: 1;overflow: hidden; }
.idx_banner ul li .center .info .more a{ display: inline-block; width: auto; height: auto; padding: 12px 30px; background: var(--color); font-size: 18px; color: #fff; border-radius: 3px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.idx_banner ul li .center .info .more a:hover{ background: #fff; color: var(--color); }
.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: 80px; 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: 1440px) {
	.idx_banner ul li .center .info .en_1{ font-size: 16px; }
	.idx_banner ul li .center .info .en_2{ font-size: 40px; }
	.idx_banner ul li .center .info .en_3{ font-size: 16px; }
	.idx_banner ul li .center .info .more a{ font-size: 16px; }
}
@media screen and (max-width: 1200px) {
	.idx_banner ul li .center .info .en_1,
	.idx_banner ul li .center .info .en_3,
	.idx_banner ul li .center .info .more a{ font-size: 14px; }
	.idx_banner ul li .center .info .en_2{ font-size: 30px; }
	.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 ul li .center{ padding-bottom: 0; }
	.idx_banner ul li .center .info .en_1,
	.idx_banner ul li .center .info .en_3,
	.idx_banner ul li .center .info .more a{ font-size: 14px; }
	.idx_banner ul li .center .info .en_2{ font-size: 32px; }
	.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 ul li .center .info .en_1{font-size: 14px; padding: 10px 0; width: 50%;}
	.idx_banner ul li .center .info .en_2{font-size: 22px; width: 50%;}
	.idx_banner ul li .center .info .en_3{font-size: 12px; line-height: 1.3; margin-top: 10px; width: 50%;}
	.idx_banner ul li .center .info .more{margin: 10px 0 0;}
	.idx_banner ul li .center .info .more a{padding: 6px 15px; font-size: 12px}
	.idx_banner ul li .images img{ min-height: 250px; }
}
@media screen and (max-width: 576px) {
	.idx_banner ul li .center .info .en_1{font-size: 12px; padding: 6px 0;}
	.idx_banner ul li .center .info .en_2{font-size: 16px;}
	.idx_banner ul li .center .info .en_3{font-size: 11px; line-height: 1.1; margin-top: 6px; }
	.idx_banner ul li .center .info .more{margin: 10px 0 0;}
	.idx_banner ul li .center .info .more a{padding: 6px 15px; font-size: 12px}
	.idx_banner ul li .images img{ min-height: 250px; }
}

/* 首页默认布局样式 */
.idx_box{width: 100%;height: auto;overflow: hidden;}
.idx_main{width: 94%;max-width: 1200px;margin: 50px auto;overflow: hidden;}
.idx_title{width: 100%;height: auto;}
.idx_title .title{font-size: 16px; font-weight: bold;color: var(--color);}
.idx_title .subtitle{margin: 10px 0 0;font-size: 36px;font-weight: bold;color: #333;}
.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; }

/* About Us */
.idx_abo{ width: 100%;height: auto; padding-right: z-index: 3; background: url('../images/abo_bg.jpg') no-repeat center; }
.idx_abo .abo_box{ width: 100%;height: auto; padding: 80px 0; overflow: hidden; }
.idx_abo .abo_box .abo_main{ width: 94%; max-width: 1200px; height: auto; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.idx_abo .abo_box .abo_main .abo_info{ width: 50%; height: auto; position: relative; z-index: 1; }
.idx_abo .abo_box .abo_main .abo_info .year{ width: 20%; height: auto; background: var(--color); border-radius: 50%; position: absolute; top: 50%; left: 0; z-index: 2; transform: translateY(-50%); }
.idx_abo .abo_box .abo_main .abo_info .year::after{ content: ''; width: 10px; height: 10px; background: #fff; position: absolute; top: -14px; left: 50%; border: 4px solid var(--color); border-radius: 50%; }
.idx_abo .abo_box .abo_main .abo_info .year .ab{ display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 14px; color: #fff; }
.idx_abo .abo_box .abo_main .abo_info .year .ab span{ font-size: 36px; font-weight: bold; }
.idx_abo .abo_box .abo_main .abo_info .img{ width: 80%; height: auto; margin: 0 auto; border-radius: 50%; box-sizing: none; border-top: 15px solid var(--color); overflow: hidden; }
.idx_abo .abo_box .abo_main .abo_info .img img{ width: 100%; height: 100%; object-fit: cover; }
.idx_abo .abo_box .abo_main .abo_info .icon{ width: 20%; height: auto; position: absolute; top: 50%; right: 0; z-index: 2; transform: translateY(-50%); }
.idx_abo .abo_box .abo_main .abo_info .icon img{ max-width: 100%; vertical-align: bottom; }
.idx_abo .abo_box .abo_main .about_content{ flex: 1; height: auto; padding-left: 30px; overflow: hidden; }
.idx_abo .abo_box .abo_main .about_content .abo_list{ width: 100%;height: auto; margin-top: 2.6vw;padding: 30px 25px;background: #f7f8f9;border-bottom: 2px solid var(--color);overflow: hidden;}
.idx_abo .abo_box .abo_main .about_content .abo_list .item{ width: 100%;height: auto; margin-top: 20px; display: flex; overflow: hidden; }
.idx_abo .abo_box .abo_main .about_content .abo_list .item:first-child{ margin: 0; }
.idx_abo .abo_box .abo_main .about_content .abo_list .item .number{ width: 24px; height: 24px; margin-right: 10px; border: 2px solid var(--color); display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 14px; font-weight: bold; color: var(--color); }
.idx_abo .abo_box .abo_main .about_content .abo_list .item .title{ flex: 1; height: auto; line-height: 1.33; font-size: 18px; color: #333; }
@media screen and (max-width: 1440px) {
	.idx_title .title{ font-size: 14px; }
	.idx_title .subtitle{ font-size: 30px; }
	.idx_title .details{ font-size: 14px; }

	.idx_number .item .number .beat{ font-size: 36px; }
	.idx_number .item .number .sop{ font-size: 16px; }
	.idx_number .item .title{ font-size: 16px; }

	.idx_abo .abo_box .abo_main .abo_info .year .ab span{ font-size: 30px; }
	.idx_abo .abo_box .abo_main .about_content .abo_list .item .number{ width: 20px; height: 20px; font-size: 12px; }
	.idx_abo .abo_box .abo_main .about_content .abo_list .item .title{ font-size: 16px; }
}
@media screen and (max-width: 1024px) {
	.idx_title .title{ font-size: 13px; }
	.idx_title .subtitle{ font-size: 24px; }
	.idx_title .details{ font-size: 13px; }

	.idx_number{ width: 100%; margin: 0; flex-wrap: wrap;}
	.idx_number .item{ width: 50%; margin: 0; border-radius: 0; padding: 30px; box-shadow: none; }
	.idx_number .item .number .beat{ font-size: 30px; }
	.idx_number .item .number .sop{ font-size: 14px; }
	.idx_number .item .title{ font-size: 14px; }

	.idx_abo .abo_box .abo_main .abo_info .year .ab span{ font-size: 30px; }
	.idx_abo .abo_box .abo_main .about_content .abo_list .item .title{ font-size: 14px; }
}
@media screen and (max-width: 990px) {
	.idx_title .title{ font-size: 13px; }
	.idx_title .subtitle{ font-size: 24px; }
	.idx_title .details{ font-size: 13px; }

	.idx_number{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1px 1px; background: #fff; }
	.idx_number .item{ width: 100%; background: var(--bgColor); }

	.idx_abo .abo_box{ padding: 50px 0; }
	.idx_abo .abo_box .abo_main{ display: block; }
	.idx_abo .abo_box .abo_main .abo_info{ width: 100%; max-width: 500px; margin: 0 auto 40px; }
	.idx_abo .abo_box .abo_main .abo_info .year .ab span{ font-size: 30px; }
	.idx_abo .abo_box .abo_main .about_content{ padding: 0; }
	.idx_abo .abo_box .abo_main .about_content .abo_list .item .title{ font-size: 14px; }
}
@media screen and (max-width: 768px) {
	.idx_title .subtitle{ font-size: 20px; }
	.idx_abo .abo_box{ padding: 40px 0; }
	.idx_abo .abo_box .abo_main .abo_info .img{ border-width: 10px; }
	.idx_abo .abo_box .abo_main .abo_info .year .ab{ font-size: 12px; }
	.idx_abo .abo_box .abo_main .abo_info .year .ab span{ font-size: 24px; }
}
@media screen and (max-width: 480px) {
	.idx_number .item{ padding: 20px; }
	.idx_number .item .number .beat{ font-size: 24px; }
	.idx_number .item .number .sup{ font-size: 12px; }
	.idx_number .item .title{ font-size: 12px; }
	.idx_abo .abo_box .abo_main .abo_info .year .ab span{ font-size: 18px; }
}

/* Products */
.idx_pro{ width: 100%;height: auto;background: var(--bgColor);position: relative;z-index: 1;overflow: hidden; }
.idx_pro::after{ content: ''; width: 100%; height: 70%; position: absolute; top: 0; left: 0; position: absolute; top: 0; left: 0; z-index: 1; background: url('../images/pro_bg.jpg') no-repeat center / cover; }
.idx_pro .pro_box{ width: 100%;height: auto;padding: 5vw 0 4vw;position: relative;z-index: 2;overflow: hidden; }
.idx_pro .pro_box .idx_title{ width: 94%; max-width: 1200px; margin: 0 auto; }
.idx_pro .pro_box .idx_title .subtitle{ color: #fff; }
.idx_pro .pro_box .pro_main{ width: 94%; max-width: 1400px; margin: 30px auto 0; display: flex; align-items: center; position: relative; overflow: hidden; }
.idx_pro .pro_box .pro_main .pro_swiper{ flex: 1; max-width: 1240px; height: auto; margin: 0 auto; padding: 20px; overflow: hidden; }
.idx_pro .pro_box .pro_main .pro_swiper ul li{ width: 100%;height: auto;background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);overflow: hidden; }
.idx_pro .pro_box .pro_main .pro_swiper ul li .img{ width: 100%;height: auto;background: #f5f5f5;overflow: hidden;}
.idx_pro .pro_box .pro_main .pro_swiper ul li .img .pb{ padding-bottom: 66.5%; }
.idx_pro .pro_box .pro_main .pro_swiper ul li .img img{ max-width: 100%; max-height: 100%; }
.idx_pro .pro_box .pro_main .pro_swiper ul li .info{ width: 100%;height: auto; padding: 20px;position: relative;z-index: 1;overflow: hidden; }
.idx_pro .pro_box .pro_main .pro_swiper ul li .info .title{ font-size: 22px; line-height: 1.5; font-weight: bold; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idx_pro .pro_box .pro_main .pro_swiper ul li .info .text{ margin: 5px 0 0; font-size: 16px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idx_pro .pro_box .pro_main .pro_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_pro .pro_box .pro_main .pro_swiper ul li:hover .info::after{ width: 100%; }
.idx_pro .pro_box .pro_main .pro_btn{ width: 60px; height: 60px; background: #d9d9d9; border-radius: 3px; font-weight: bold; display: flex;justify-content: center;align-items: center; 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_main .prev{ margin-right: 20px; }
.idx_pro .pro_box .pro_main .next{ margin-left: 20px; }
.idx_pro .pro_box .pro_main .pro_btn:hover{ border-radius: 50%; background: var(--color); color: #fff; }
@media screen and (max-width: 1460px) {
	.idx_pro .pro_box .pro_main{ max-width: 1240px; padding-bottom: 70px; display: block; }
	.idx_pro .pro_box .pro_main .pro_swiper{ width: 100%; }
	.idx_pro .pro_box .pro_main .pro_btn{ width: 50px; height: 50px; position: absolute; bottom: 0; }
	.idx_pro .pro_box .pro_main .prev{ right: 50%; margin-right: 15px; }
	.idx_pro .pro_box .pro_main .next{ left: 50%; margin-left: 15px; }
}
@media screen and (max-width: 1366px) {
	.idx_pro .pro_box .pro_main{ max-width: 1200px; }
	.idx_pro .pro_box .pro_main .pro_swiper{ padding: 0; }
	.idx_pro .pro_box .pro_main .pro_swiper ul li{ box-shadow: none; }
	.idx_pro .pro_box .pro_main .pro_btn{ width: 40px; height: 40px; }
	.idx_pro .pro_box .pro_main .pro_btn i{ font-size: 12px; }
	.idx_pro .pro_box .pro_main .pro_swiper ul li .info .title{ font-size: 16px; }
	.idx_pro .pro_box .pro_main .pro_swiper ul li .info .text{ font-size: 14px; }
}
@media screen and (max-width: 1024px) {
	.idx_pro .pro_box{ padding: 50px 0; }
}
@media screen and (max-width: 768px) {
	.idx_pro .pro_box{ padding: 40px 0; }
	.idx_pro .pro_box .pro_main{ padding-bottom: 60px; }
	.idx_pro .pro_box .pro_main .pro_swiper ul li .info .title{ font-size: 14px; }
	.idx_pro .pro_box .pro_main .pro_swiper ul li .info .text{ font-size: 12px; }
	.idx_pro .pro_box .pro_main .pro_btn{ width: 36px; height: 36px; }
	.idx_pro .pro_box .pro_main .pro_btn i{ font-size: 10px; }
	.idx_pro .pro_box .pro_main .prev{ margin-right: 10px; }
	.idx_pro .pro_box .pro_main .next{ margin-left: 10px; }
}


/* Case */
.idx_case{ width: 100%;height: auto;background: var(--bgColor);position: relative;z-index: 1;overflow: hidden; }
.idx_case .case_box{ width: 100%;height: auto;padding: 0 0 5vw;position: relative;z-index: 2;overflow: hidden; }
.idx_case .case_box .idx_title{ width: 94%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; }
.idx_case .case_box .idx_title .info{ max-width: 40%; }
.idx_case .case_box .idx_title .details{ width: auto; flex: 1; margin: 0; padding-left: 3vw; }
.idx_case .case_box .case_main{ width: 94%; max-width: 1400px; margin: 50px auto 0; display: flex; align-items: center; position: relative; overflow: hidden; }
.idx_case .case_box .case_main .case_swiper{ flex: 1; max-width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
.idx_case .case_box .case_main .case_swiper ul li{ width: 100%;height: auto;background: #fff;overflow: hidden; }
.idx_case .case_box .case_main .case_swiper ul li .img{ width: 100%;height: auto;background: #f5f5f5;overflow: hidden;}
.idx_case .case_box .case_main .case_swiper ul li .img img{ max-width: 100%; max-height: 100%; }
.idx_case .case_box .case_main .case_swiper ul li .info{ width: 100%;height: auto; padding: 20px;position: relative;z-index: 1;text-align: center;overflow: hidden; }
.idx_case .case_box .case_main .case_swiper ul li .info .title{ font-size: 18px; line-height: 1.5; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idx_case .case_box .case_main .case_swiper ul li .info .text{ margin: 5px 0 0; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idx_case .case_box .case_main .case_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_case .case_box .case_main .case_swiper ul li:hover .info::after{ width: 100%; }
.idx_case .case_box .case_main .case_btn{ width: 60px; height: 60px; background: #d9d9d9; border-radius: 3px; font-weight: bold; display: flex;justify-content: center;align-items: center; cursor: pointer; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.idx_case .case_box .case_main .prev{ margin-right: 20px; }
.idx_case .case_box .case_main .next{ margin-left: 20px; }
.idx_case .case_box .case_main .case_btn:hover{ border-radius: 50%; background: var(--color); color: #fff; }
@media screen and (max-width: 1460px) {
	.idx_case .case_box .case_main{ max-width: 1240px; padding-bottom: 90px; display: block; }
	.idx_case .case_box .case_main .case_swiper{ width: 100%; }
	.idx_case .case_box .case_main .case_btn{ width: 50px; height: 50px; position: absolute; bottom: 0; }
	.idx_case .case_box .case_main .prev{ right: 50%; margin-right: 15px; }
	.idx_case .case_box .case_main .next{ left: 50%; margin-left: 15px; }
}
@media screen and (max-width: 1366px) {
	.idx_case .case_box .case_main{ max-width: 1200px; padding-bottom: 80px; }
	.idx_case .case_box .case_main .case_swiper{ padding: 0; }
	.idx_case .case_box .case_main .case_swiper ul li{ box-shadow: none; }
	.idx_case .case_box .case_main .case_btn{ width: 40px; height: 40px; }
	.idx_case .case_box .case_main .case_btn i{ font-size: 12px; }
}
@media screen and (max-width: 1024px) {
	.idx_case .case_box{ padding-bottom: 50px; }
	.idx_case .case_box .case_main{ margin-top: 30px; padding-bottom: 70px; }
	.idx_case .case_box .case_main .case_swiper ul li .info .title{ font-size: 16px; }
}
@media screen and (max-width: 990px) {
	.idx_case .case_box .idx_title{ display: block; }
	.idx_case .case_box .idx_title .info{ width: 100%; max-width: 100%; }
	.idx_case .case_box .idx_title .details{ margin: 20px 0 0; padding: 0; }
	.idx_case .case_box .case_main .case_swiper ul li .img{ background: #fff; }
	.idx_case .case_box{ padding-bottom: 50px; }
	.idx_case .case_box .case_main{ margin-top: 30px; }
}
@media screen and (max-width: 768px) {
	.idx_case .case_box{ padding-bottom: 40px; }
	.idx_case .case_box .case_main{ padding-bottom: 60px; }
	.idx_case .case_box .case_main .case_swiper ul li .info .title{ font-size: 14px; }
	.idx_case .case_box .case_main .case_swiper ul li .info .text{ font-size: 12px; }
	.idx_case .case_box .case_main .case_btn{ width: 36px; height: 36px;}
	.idx_case .case_box .case_main .case_btn i{ font-size: 10px; }
	.idx_case .case_box .case_main .prev{ margin-right: 10px; }
	.idx_case .case_box .case_main .next{ margin-left: 10px; }
}



/* News */
.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 .idx_title{ width: 94%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; }
.idx_new .new_box .idx_title .info{ flex: 1; margin-right: 4vw; }
.idx_new .new_box .idx_title .more{ width: auto; height: auto; overflow: hidden; }
.idx_new .new_box .idx_title .more a{ display: inline-block; padding: 18px 30px; background: var(--color); font-size: 16px; color: #fff; position: relative; z-index: 1; }
.idx_new .new_box .idx_title .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_new .new_box .idx_title .more a:hover::after{ width: 100%; border-radius: 0; }
.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);overflow: hidden; }
.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;position: relative;z-index: 1;overflow: hidden; }
.idx_new .new_box .new_main .new_swiper ul li .info .time{ font-size: 14px; color: #999; }
.idx_new .new_box .new_main .new_swiper ul li .info .title{ height: calc(2em * 1.4); margin: 15px 0; font-size: 22px; font-weight: bold; line-height: 1.4; color: #222; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.idx_new .new_box .new_main .new_swiper ul li .info .text{ margin: 5px 0 0; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idx_new .new_box .new_main .new_swiper ul li .info .more{ font-size: 14px; 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::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 .idx_title .more a{ padding: 12px 20px; font-size: 14px; }
	.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 .idx_title .more a{ padding: 10px 18px; font-size: 12px; }
	.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; }
}


/* Contact */
.idx_con{ width: 100%;height: auto;padding: 2.6vw 0;background: url('../images/c_bg.jpg') no-repeat center / cover;overflow: hidden; }
.idx_con .con_box{ width: 94%;max-width: 1200px;height: auto;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.idx_con .con_box .con_title{ flex: 1; max-width: 70%; height: auto; margin-right: 4vw; color: #fff; overflow: hidden; }
.idx_con .con_box .con_title .title{ font-size: 40px; font-weight: bold; }
.idx_con .con_box .con_title .details{ margin: 10px 0 0; font-size: 16px; line-height: 1.6; }
.idx_con .con_box .more{ width: auto; height: auto; overflow: hidden; }
.idx_con .con_box .more a{ display: inline-block; padding: 18px 30px; background: #fff; border-radius: 3px; font-size: 16px; color: var(--color); position: relative; z-index: 1; }
.idx_con .con_box .more a::after{ content: ''; width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: var(--color); opacity: .1; 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_con .con_box .more a:hover::after{ width: 100%; border-radius: 0; }
@media screen and (max-width: 1440px) {
	.idx_con .con_box .con_title .title{ font-size: 30px; }
	.idx_con .con_box .con_title .details{ font-size: 14px; }
	.idx_con .con_box .more a{ padding: 15px 25px; }
}
@media screen and (max-width: 1024px) {
	.idx_con{ padding: 40px 0; }
}
@media screen and (max-width: 768px) {
	.idx_con{ padding: 30px 0; }
	.idx_con .con_box{ display: block; }
	.idx_con .con_box .con_title{ width: 100%; max-width: 100%; }
	.idx_con .con_box .more{ margin: 20px 0 0; }
	.idx_con .con_box .more a{ padding: 14px 20px; font-size: 14px; }
}

/* 在线客服 */
.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;}

/* Footer */
.footer_box{width: 100%;height: auto;overflow: hidden; background: #333;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: 182px; }
.footer_main .f_info .info{ width: 100%;height: auto; margin-top: 20px;font-size: 14px; color: #fff;overflow: hidden; }
.footer_main .f_info .info p{ margin-top: 10px; }
.footer_main .f_info .info p:first-child{ margin: 0; }
.footer_main .f_info .qrcode{ width: 100%;height: auto;display: flex; justify-content: space-between;}
.footer_main .f_info .qrcode .item{width: 100%;height: auto;margin-right: 15px;text-align: center;overflow: hidden;}
.footer_main .f_info .qrcode .item:last-child{ margin: 0; }
.footer_main .f_info .qrcode .item .img{ width: 100%;height: auto;overflow: hidden; }
.footer_main .f_info .qrcode .item .img img{ max-width: 100%; max-height: 100%; vertical-align: middle; }
.footer_main .f_info .qrcode .item .text{ margin: 10px 0 0; font-size: 14px; color: #999; }

.footer_main .f_nav{width: auto; flex: 1;height: auto;margin-left: 2.6vw;}
.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; min-width: 130px; 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 span::after{ content: ''; width: 18px; height: 1px; background: #cacaca; position: absolute; bottom: 0; left: 0; }
.footer_main .f_nav ul li ul{margin: 20px 0 0;}
.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: #fff;-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: var(--color); }

.footer_box .copy_box{ width: 100%;height: auto;background: #1b1b1b;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: #999;}
.footer_box .copy_box .center a{color: #999;-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;overflow: hidden;}
.title_details .title{ width: 100%;height: auto;overflow: hidden; }
.title_details .title h1{margin: 0;padding: 0;font-weight: bold;font-size: 30px;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: 16px;line-height: 1.6;color: #666;text-align: justify;overflow: hidden;}
.text_details p{margin: 0 0 12px;}
.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); }
 
/*地图*/
.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: var(--color);}
.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:var(--color); text-decoration:none; border-radius: 3px;}
.goto_bigmap a:hover{color:#fff;}

@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; }
}
@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: 14px; }
	.text_details{ font-size: 14px; }
	.copy_box{margin-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: var(--color); 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;}
}

/* 内页 */
/* About */
.page_abo{ width: 100%;height: auto;overflow: hidden; }
.page_abo .abo_box{ width: 94%; max-width: 1200px; margin: 40px auto 4vw; overflow: hidden; }
.page_abo .abo_box .page_subnav{ margin: 20px 0 0; }
.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: 100%; padding-right: 2.6vw; }
@media screen and (max-width: 1024px) {
	.page_abo .abo_box{ margin: 40px auto; }
	.page_abo .abo_box .abo_main{ display: block; margin: 30px 0 0; }
	.page_abo .abo_box .abo_main .text_details{ width: 100%; }
}

/* Product */
.page_pro{ width: 100%;height: auto;overflow: hidden; }
.page_pro .pro_box{ width: 94%; max-width: 1200px; margin: 40px auto 3vw; overflow: hidden; }
.page_pro .pro_box .page_subnav{ margin: 20px 0 0; }
.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; overflow: hidden; }
.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;background: #f5f5f5;overflow: hidden;}
.page_pro .pro_box .pro_list .pro_menu ul li .img .pb{ padding-bottom: 66.5%; }
.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: 1px solid #f5f5f5;border-top: 0;position: relative;z-index: 1;overflow: hidden; }
.page_pro .pro_box .pro_list .pro_menu ul li .info .title{ font-size: 22px; line-height: 1.5; font-weight: bold; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page_pro .pro_box .pro_list .pro_menu ul li .info .text{ margin: 5px 0 0; font-size: 16px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page_pro .pro_box .pro_list .pro_menu 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; }
.page_pro .pro_box .pro_list .pro_menu ul li:hover .info::after{ width: 100%; }
.page_pro .pro_box .pro_list .list{ margin-top: 40px; }
/* Details */
.page_pro .pro_swiepr{ width: 94%; max-width: 1200px; margin: 40px auto; padding: 2.6vw 30px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); position: relative; overflow: hidden; }
.page_pro .pro_swiepr .images{ width: 50%; height: auto; background: #f5f5f5; overflow: hidden; }
.page_pro .pro_swiepr .images .pb{ padding-bottom: 66.5%; }
.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 .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 .details{ width: 50%; height: 100%; position: absolute; top: 0; right: 0; padding: 2.6vw 30px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.page_pro .pro_swiepr .details .info{ width: 100%;height: auto; flex: 1; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.page_pro .pro_swiepr .details .info .title{ font-size: 26px; font-weight: bold; }
.page_pro .pro_swiepr .details .info .text{ flex: 1; margin: 20px 0 0; padding-right: 10px; font-size: 14px; line-height: 2; color: #999; overflow: hidden; overflow-y: auto; }
.page_pro .pro_swiepr .details .active{ width: 100%;height: auto; margin: 30px 0 0;overflow: hidden; }
.page_pro .pro_swiepr .details .active .text{ width: auto; height: auto; display: inline-block; padding: 10px 20px; background: var(--color); font-size: 16px; color: #fff; border-radius: 3px; }
.page_pro .pro_details{ width: 94%; max-width: 1200px; margin: 4vw auto; overflow: hidden; }

@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 .details .info .title{ font-size: 24px; }
	.page_pro .pro_swiepr .details .info .text{ font-size: 14px; }
	.page_pro .pro_swiepr .details .active .text{ 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_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{ 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; }
}
@media screen and (max-width: 540px) {
	.page_pro .pro_box .pro_list .pro_menu ul{ grid-template-columns: 1fr; grid-gap: 20px 20px; }
}

/* Case */
.page_case{ width: 100%;height: auto;overflow: hidden; }
.page_case .case_box{ width: 94%; max-width: 1200px; margin: 40px auto 3vw; overflow: hidden; }
.page_case .case_box .page_subnav{ margin: 20px 0 0; }
.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: #fff; 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 img{ max-width: 100%; max-height: 100%; }
.page_case .case_box .case_list .case_menu ul li .info{ width: 100%;height: auto; padding: 20px;border: 1px solid #f5f5f5;border-top: 0;position: relative;z-index: 1;text-align: center;overflow: hidden; }
.page_case .case_box .case_list .case_menu ul li .info .title{ font-size: 18px; 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; }
.page_case .case_box .case_list .case_menu ul li .info::after{ content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background: var(--color); }
.page_case .case_box .case_list .case_menu ul li:hover .info .title{ color: var(--color); }
.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 .list{ margin-top: 40px; }

@media screen and (max-width: 1440px) {
	.page_case .case_box .case_list .case_menu ul li .info .title{ font-size: 16px; }
}
@media screen and (max-width: 1024px) {
	.page_case .case_box{ margin: 40px auto; }
	.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 .title{ font-size: 14px; }

}
@media screen and (max-width: 540px) {
	.page_case .case_box .case_list .case_menu ul{ grid-template-columns: 1fr; grid-gap: 20px 20px; }
}

/* News */
.page_new{ width: 100%;height: auto;overflow: hidden; }
.page_new .new_box{ width: 94%; max-width: 1200px; margin: 40px auto 3vw; overflow: hidden; }
.page_new .new_box .page_subnav{ margin: 20px 0 0; }
.page_new .new_box .new_list{ width: 100%;height: auto; margin: 30px 0 0;overflow: hidden; }
.page_new .new_box .new_list .new_menu{ width: 100%;height: auto;overflow: hidden; }
.page_new .new_box .new_list .new_menu ul{ display: flex; flex-wrap: wrap; }
.page_new .new_box .new_list .new_menu ul li{ width: 32%;height: auto; margin: 2% 2% 0 0;background: #fff; 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;background: #f5f5f5;box-shadow: 0 0 10px rgba(0, 0, 0, .1);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;border: 1px solid #f5f5f5;border-top: 0;position: relative;z-index: 1;overflow: hidden; }
.page_new .new_box .new_list .new_menu ul li .info .time{ font-size: 14px; color: #999; }
.page_new .new_box .new_list .new_menu ul li .info .title{ height: calc(2em * 1.4); margin: 15px 0; font-size: 22px; font-weight: bold; line-height: 1.4; color: #222; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
-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 .text{ height: calc(3em * 1.6) margin: 5px 0 0; font-size: 14px; line-height: 1.6; color: #999; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.page_new .new_box .new_list .new_menu ul li .info .more{ margin-top: 20px; font-size: 14px; color: var(--color); }
.page_new .new_box .new_list .new_menu ul li .info::after{ content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background: 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; }

/*gallery*/
.page_new .new_box .gall_list{ width: 100%;height: auto; margin: 30px 0 0;overflow: hidden; }
.page_new .new_box .gall_list .gall_menu{ width: 100%;height: auto;overflow: hidden; }
.page_new .new_box .gall_list .gall_menu ul{ display: flex; flex-wrap: wrap; }
.page_new .new_box .gall_list .gall_menu ul li{ width: 32%;height: auto; margin: 2% 2% 0 0;background: #fff; overflow: hidden;}
.page_new .new_box .gall_list .gall_menu ul li:nth-child(3n){ margin-right: 0; }
.page_new .new_box .gall_list .gall_menu ul li .img{ width: 100%;height: auto;background: #f5f5f5; overflow: hidden;border: 1px solid #f5f5f5; box-sizing: border-box;}
.page_new .new_box .gall_list .gall_menu ul li .img .pb{ padding-bottom: 66.5%; }
.page_new .new_box .gall_list .gall_menu ul li .img img{ max-width: 100%; max-height: 100%; }
.page_new .new_box .gall_list .gall_menu ul li .info{ width: 100%;height: auto; padding: 20px 20px;position: relative;z-index: 1;overflow: hidden; }
.page_new .new_box .gall_list .gall_menu ul li .info .title{height: 44px; font-size: 18px; font-weight: bold; line-height: 22px; color: #222; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; text-align: center;}
.page_new .new_box .gall_list .gall_menu ul li:hover .info .title{ color: var(--color); }
.page_new .new_box .gall_list .list{ margin-top: 40px; }

/* Details */
.new_details{ width: 100%;height: auto; padding: 40px 0; }
.new_details .new_main{ width: 94%; max-width: 1200px; margin: 0 auto; }
.new_details .new_main .details_box{ width: 69%; height: auto; float: left; overflow: hidden; }
.new_details .new_main .details_box .text_details{ font-size: 14px; }
.new_details .new_main .sidebar_box{ width: 26.6%; height: auto; float: right; position: sticky; top: 30px; }
.new_details .new_main .sidebar_box .s_title{ width: 100%;height: auto; font-size: 26px; font-weight: bold; color: #333; position: relative; padding-left: 20px; overflow: hidden; }
.new_details .new_main .sidebar_box .s_title::after{ content: ''; width: 4px; height: 0.8em; background: var(--color); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.new_details .new_main .sidebar_box .sidebar_new{ width: 100%;height: auto;padding: 30px 20px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .1);overflow: hidden; }
.new_details .new_main .sidebar_box .sidebar_new .menu{ width: 100%;height: auto; margin: 20px 0 0;overflow: hidden; }
.new_details .new_main .sidebar_box .sidebar_new .menu p{ margin: 15px 0 0; padding-left: 20px; position: relative; }
.new_details .new_main .sidebar_box .sidebar_new .menu p:first-child{ margin: 0; }
.new_details .new_main .sidebar_box .sidebar_new .menu p::after{ content: ''; width: 4px; height: 4px; border-radius: 50%; background: var(--color); position: absolute; left: 0; top: 10px; }
.new_details .new_main .sidebar_box .sidebar_new .menu p a{ font-size: 14px; line-height: 1.6; color: #666;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.new_details .new_main .sidebar_box .sidebar_new .menu p a:hover{ color: var(--color); }
.new_details .new_main .sidebar_box .sidebar_con{ width: 100%;height: auto;margin-top: 30px;padding: 30px 20px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .1);overflow: hidden; }
.new_details .new_main .sidebar_box .sidebar_con .menu{ width: 100%;height: auto;margin: 20px 0 0; padding-left: 20px;overflow: hidden; }
.new_details .new_main .sidebar_box .sidebar_con .menu p{ margin: 15px 0 0; font-size: 14px; line-height: 1.6; color: #666; }
.new_details .new_main .sidebar_box .sidebar_con .menu p:first-child{ margin: 0; }
.new_details .new_main .sidebar_box .sidebar_con .menu p a{ color: #666; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.new_details .new_main .sidebar_box .sidebar_con .menu p a:hover{ color: var(--color); }

@media screen and (max-width: 1440px) {
	.page_new .new_box .new_list .new_menu ul li .info .title{ font-size: 18px; }
	.page_new .new_box .gall_list .gall_menu ul li .info .title{ font-size: 18px; }
	.new_details .new_main .sidebar_box .s_title{ font-size: 20px; }
}
@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 .new_menu ul li .info .time,
	.page_new .new_box .new_list .new_menu ul li .info .text,
	.page_new .new_box .new_list .new_menu ul li .info .more{ font-size: 12px; }
	.page_new .new_box .new_list .list{ margin-top: 30px; }

	.page_new .new_box .gall_list .gall_menu ul li .info{ padding: 20px; }
	.page_new .new_box .gall_list .gall_menu ul li .info .title{ font-size: 16px; }
	.page_new .new_box .gall_list .gall_menu ul li .info .time,
	.page_new .new_box .gall_list .gall_menu ul li .info .text,
	.page_new .new_box .gall_list .gall_menu ul li .info .more{ font-size: 12px; }
	.page_new .new_box .gall_list .list{ margin-top: 30px; }

	.new_details .new_main .details_box .title_details h1{ font-size: 24px; }
	.new_details .new_main .sidebar_box .sidebar_new .menu p,
	.new_details .new_main .sidebar_box .sidebar_con .menu p{font-size: 12px;}
}
@media screen and (max-width: 990px) {
	.page_new .new_box .new_list .new_menu ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; }
	.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: 16px; }
	.page_new .new_box .new_list .new_menu ul li .info .text{ font-size: 14px; }
	.page_new .new_box .gall_list .gall_menu ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; }
	.page_new .new_box .gall_list .gall_menu ul li{ width: 100%; margin: 0; }
	.page_new .new_box .gall_list .gall_menu ul li .info .title{ margin: 10px 0; font-size: 16px; }
	.page_new .new_box .gall_list .gall_menu ul li .info .text{ font-size: 14px; }
	
	.new_details{ padding: 0; overflow: hidden; }
	.new_details .new_main{ width: 100%;overflow: hidden; }
	.new_details .new_main .details_box, .new_details .new_main .sidebar_box{ width: 100%; float: initial;}
	.new_details .new_main .details_box{ padding: 30px 3%; }
	.new_details .new_main .sidebar_box{ background: var(--bgColor); padding: 30px 3%; }
	.new_details .new_main .sidebar_box .sidebar_new,
	.new_details .new_main .sidebar_box .sidebar_con{ box-shadow: none; }
	.new_details .new_main .sidebar_box .sidebar_con{ margin-top: 20px; }
}
@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; }
	.page_new .new_box .gall_list .gall_menu ul{ grid-gap: 15px 15px; }
	.page_new .new_box .gall_list .gall_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_new .new_box .gall_list .gall_menu ul{ grid-template-columns: 1fr; grid-gap: 20px 20px; }
}


/* Contact */
.page_con{ width: 100%;height: auto;overflow: hidden; }
.page_con .con_box{width: 94%; max-width: 1200px; margin: 40px auto 5vw; overflow: hidden; }
.page_con .con_box .con_main{ width: 100%;height: auto;margin: 2.6vw 0 0;overflow: hidden; }
.page_con .con_box .con_main .con_info{ width: 50%; height: auto; float: left; overflow: hidden; }
.page_con .con_box .con_main .con_info .item{ width: 100%;height: auto; margin: 2vw 0 0; display: flex; align-items: baseline;overflow: hidden; }
.page_con .con_box .con_main .con_info .item:first-child{ margin: 0; }
.page_con .con_box .con_main .con_info .item .icon{width: 40px; height: 40px; margin-right: 20px; border: 2px solid var(--color); border-radius: 50%; color: var(--color); }
.page_con .con_box .con_main .con_info .item .icon i{font-size: 20px; }
.page_con .con_box .con_main .con_info .item .info{flex: 1; }
.page_con .con_box .con_main .con_info .item .info .title{ font-size: 20px; color: #232323; }
.page_con .con_box .con_main .con_info .item .info .text{ margin-top: 5px; font-size: 14px; color: #666; line-height: 1.54; }
.page_con .con_box .con_main .con_info .item .info .text a{color: var(--color);}
.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);max-width: 150px;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: 54px;}
.page_con .con_box .con_main .feed_form .layui-form .layui-input{height: 54px;padding: 0 15px;font-size: 14px;border-radius: 5px;color: #333;}
.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;}
.page_con .con_box .con_main .feed_form .layui-form .layui-btn{height: 54px; line-height: 54px; padding: 0 50px;font-size: 18px;}
@media screen and (max-width: 1024px) {
	.page_new .new_box{ margin: 40px auto; }
	.page_con .con_box .con_main{ margin: 30px 0 0; }
	.page_con .con_box .con_main .con_info .item .icon{ width: 34px; height: 34px; }
	.page_con .con_box .con_main .con_info .item .icon i{ font-size: 18px; }
	.page_con .con_box .con_main .con_info .item .info .title{ font-size: 18px; }
}
@media screen and (max-width: 990px) {
	.page_con .con_box .con_main .con_info,
	.page_con .con_box .con_main .feed_form{ width: 100%; float: initial; }
	.page_con .con_box .con_main .feed_form{ margin: 40px 0 0; }
}

@media screen and (max-width: 768px) {
	.page_con .con_box .con_main .con_info,
	.page_con .con_box .con_main .feed_form{ width: 100%; float: initial; }
	.page_con .con_box .con_main .con_info .item .icon{ width: 26px; height: 26px; border-width: 1px; }
	.page_con .con_box .con_main .con_info .item .icon i{ font-size: 13px; }
	.page_con .con_box .con_main .con_info .item .info .title{ font-size: 16px; }
	.page_con .con_box .con_main .con_info .item .info .text{ font-size: 12px; }
	.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;}
}



/* List */
.list{width: 100%;height: auto;box-sizing: border-box;text-align: center;font-size: 0;overflow: hidden;}
.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; border: 1px solid #d9d9d9;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;}