@charset "utf-8";
@font-face {
	font-family: 'bebas';
	src: url('/Public/Common/fonts/BebasNeue-Regular.ttf');
}
@font-face {
	font-family: 'MB';
	src: url('/Public/Common/fonts/Montserrat-Bold.ttf');
}
@font-face {
	font-family: 'MR';
	src: url('/Public/Common/fonts/Montserrat-Regular.ttf');
}
@font-face {
	font-family: 'ML';
	src: url('/Public/Common/fonts/Montserrat-Light.ttf');
}
html{background:#f0f0f0;}
body{font-size:14px;font-family:"MR",arial,"Microsoft Yahei",sans-serif;color:#25283c;background:none;width: 100%;float: left;overflow-x: hidden;--themeone:#25283c;--themetwo:#363738;--themethree:#00c282;--themefour:#00c5d1;--themefour:#1269ca;--themefive:#2549D8;}
.btn-primary{background:rgba(37, 73, 217, 1);border-color:rgba(37, 73, 217, 1);}
.btn-primary:hover{background:rgba(37, 73, 217, 1);opacity: 0.9;}
*{margin:0;padding:0;text-decoration:none;}
ol,ul{list-style:none;margin-bottom: 0;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
img{border:none;}
p{margin-bottom: 0;}
label{font-weight: normal;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
input{outline: none;}
.h70{float: left;width: 100%;height: 70px;display: none;}
@media (max-width: 1500px) {
	.h70{display: block;}
}

/*去除iphone的样式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],input[type="password"] {
	-webkit-appearance: none;/*border-radius: 0;*/}
textarea {-webkit-appearance: none;/*border-radius: 0;*/}
.dropdown-item {font-size: 14px;padding: 6px 10px;}

/* 公共 */
.fl{float:left;}
.fr{float:right;}
.fl,#fl{float:left;}
.fr,#fr{float:right;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.mt20{margin-top: 20px;}
.mt0,#mt0{margin-top: 0;}
.mr0,#mr0,.mR0,#mR0{margin-right: 0px;}
.mr20,#mr20,.mR20,#mR20{margin-right: 20px;}
.mt20,#mt20,.mT20,#mT20{margin-top: 20px;}
.mt10,#mt10,.mT10,#mT10{margin-top: 10px;}
.mb10,#mb10,.mB10,#mB10{margin-bottom: 10px;}
.w100{width: 100%;}
.bw{background: #fff;}
.alldiv{float: left;width: 100%;float: left;}
.dn{display: none;}
#show_pc{display: block;}
#show_wap{display: none;}
@media (max-width: 768px) {
	.container{padding-right: 0;padding-left: 0;}
	#show_pc{display: none;}
	#show_wap{display: block;}
}
.container{padding: 0;}
.videobox{float: left;width: 100%;margin-bottom: 20px;}
@media (max-width: 1500px) {
	.videobox{height: 200px;}
}

/* headers*/
.headers{width:100%;z-index: 80;position: fixed;left:0;top:0;}
.headers .had{width:100%;height:60px;float: left;background:var(--themefive);color: #fff;line-height: 60px;text-align: center;font-size: 14px;padding: 0 60px 0 0;}
.headers .had a{color: #fff;font-size: 16px;text-decoration: underline;}
.headers .had i{position: absolute;right: 0;top: 0;width: 60px;height: 60px;text-align: center;font-style: normal;font-size: 30px;}
.headers .ht{width:100%;height:90px;float: left;background:rgba(16, 17, 35, 0.8);box-shadow: 0 5px 5px rgba(0,0,0,0.1);transition:0.5s;padding: 5px 100px;justify-content: center;}
.headers .ht .logo{float: left;margin-right: 100px;display: grid;}
.headers .ht .logo .img{height: 30px;transition:0.5s;margin: 13px 10px 0 0;}
.headers .ht .logo .text{height: 23px;transition:0.5s;margin: 0px 0 0;}
.headers .ht .nav_menu3,
.headers .ht .nav_menu3 ul,
.headers .ht .nav_menu3 ul li,
.headers .ht .nav_menu3 ul li a,
.headers .ht .nav_menu3 #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition:0.5s;}
.headers .ht .nav_menu3 #menu-button { margin-top: 100px;background: #F00;position: absolute;z-index: 99999;}
.headers .ht .nav_menu3:after,
.headers .ht .nav_menu3 > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.headers .ht .nav_menu3 #menu-button {display: none;}
.headers .ht .nav_menu3 {float: left;margin: 15px 0 0 0;}
.headers .ht .nav_menu3 > ul > li {float: left;}
.headers .ht .nav_menu3.align-center > ul {font-size: 0;text-align: center;}
.headers .ht .nav_menu3.align-center > ul > li {display: inline-block;float: none;}
.headers .ht .nav_menu3.align-center ul ul {text-align: left;}
.headers .ht .nav_menu3.align-right > ul > li {float: right;}
.headers .ht .nav_menu3.align-right ul ul {text-align: right;}
.headers .ht .nav_menu3 > ul > li > a {padding-right:40px;line-height: 50px;font-size: 18px;text-decoration: none;color: #fff;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
.headers .ht .nav_menu3 > ul > li > a.cur {color: var(--themethree);}
.headers .ht .nav_menu3 > ul > li:hover > a {color: var(--themethree);}
.headers .ht .nav_menu3 > ul > li.nav-has-sub > a {padding-right: 55px;}
.headers .ht .nav_menu3 > ul > li.nav-has-sub > a::after {position: absolute;margin-right: 10px;top: 22px;right: 30px;width: 4px;height: 4px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
.headers .ht .nav_menu3 > ul > li.nav-has-sub:hover > a::after {border-color: #fff;}
.headers .ht .nav_menu3 ul ul {position: absolute;left: -9999px;}
.headers .ht .nav_menu3 li:hover > ul {left: auto;}
.headers .ht .nav_menu3.align-right li:hover > ul {right: 0;}
.headers .ht .nav_menu3 ul ul ul {margin-left: 100%;top: 0;width: 280px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);padding: 20px 0;}
.headers .ht .nav_menu3.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
.headers .ht .nav_menu3 ul ul li {height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;}
.headers .ht .nav_menu3 ul li:hover > ul > li {height: 48px;}
.headers .ht .nav_menu3 ul ul li a {padding: 0 0px 0 30px;font-size: 17px;line-height: 48px;width: 280px;background: var(--themeone);text-decoration: none;color: #fff;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
.headers .ht .nav_menu3 ul ul li:hover > a,
.headers .ht .nav_menu3 ul ul li a:hover {color: var(--themethree);}
.headers .ht .nav_menu3 ul ul li.nav-has-sub > a::after {position: absolute;top: 22px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
.headers .ht .nav_menu3.align-right ul ul li.nav-has-sub > a::after {right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.headers .ht .nav_menu3 ul ul li.nav-has-sub:hover > a::after {border-color: #fff;}
.headers .ht .nav_menu3 ul li a#nav_special_event {color: var(--themethree);}
.headers .ht .nav_menu3 ul li a#nav_special_event:hover {color: #FFF;}
.headers .ht .r{float: right;text-align: right;margin-top: 15px;font-size: 16px;position: relative;}
.headers .ht .r .a{float: left;line-height: 50px;margin: 0 0 0 20px;color: #fff;transition:0.5s;}
.headers .ht .r .t{float: left;line-height: 50px;margin: 0 0 0 5px ;color: #fff;}
.headers .ht .r .q{float: left;height: 24px;margin: 14px 0 0 10px ;}
.headers .ht .r .q img{float: left;height: 20px;}
.headers .ht .r .message{float: left;line-height: 24px;margin-top: 12px;}
.headers .ht .r .message em {display: inline-block;vertical-align: middle;height: 24px;line-height: 24px;border-radius: 24px;color: #fff;padding: 0 12px;font-size: 14px;position: relative;}
.headers .ht .r .message em strong {position: absolute;top: -2px;right: 0;background: red;color: #fff;padding: 0 6px;line-height: 14px;font-size: 13px;font-style: normal;border-radius: 14px;font-size: 12px;transform: scale(0.8);}
.headers .ht .r .ubox{float: left;position: relative;}
.headers .ht .r .ubox .u{line-height: 50px;color: #fff;margin-left: 20px;}
.headers .ht .r .ubox .box{width:180px;background: #fff;position: absolute;right: 0;top:50px;padding: 20px;overflow: hidden;display: none;border-radius: 10px 0 10px 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.headers .ht .r .ubox .box a{float: left;width: 100%;text-align: right;line-height: 30px;}
.headers .ht .r .ubox .box a i{font-size: 15px;}
.headers .ht .r .ubox .box a b{font-size: 14px;font-weight: normal;}
.dropdown-item.active, .dropdown-item:active{background-color: #2549d8;}
/*pc new menu*/
.headers .ht .btn:focus, .btn.focus{box-shadow: 0 0 0 0 rgba(0,123,255,.25);}
.headers .ht{display: flex;}
.headers .ht .navbar{width: auto;}
.headers .ht .r{margin-left:30px;}
.headers .ht .nav-item1 {padding: 0px;margin: 0px 0px;text-align: center;border-radius: 5px;font-size: 16px;color: grey;position: static;}
.headers .navbar-nav .nav-item.show1{border:3px solid #fff;border-radius: 5px;}
.headers .ht #dropdown-menu1 {/*position: absolute;left: 230px;*/}
.headers .ht #dropdown-menu2 {width: 500px;}
.headers .ht #dropdown-menu3 {width: 190px;}
.headers .ht #dropdown-menu4 {}
.headers .ht #dropdown-menu5 {}
.headers .ht #dropdown-menu6 {}
.headers.on .ht{width:100%;padding-top:0;padding-bottom: 0;height: 80px;}
@media (max-width: 1920px) {
	.headers .ht{padding: 5px 50px;}
}
@media (max-width: 1800px) {
	.headers .ht{padding: 5px 40px;}
	.headers .ht .logo{margin-right: 0px;}
	.headers .ht .nav{margin-left: 40px;}
	.headers .ht .nav a{margin: 0 0 0 30px;}
	.headers .ht .nav_menu3 > ul > li > a {padding-right:30px;font-size: 17px;}
	.headers .ht .nav_menu3 > ul > li.nav-has-sub > a {padding-right: 50px;}
	.headers .ht .nav_menu3 ul ul li a{font-size: 16px;}
}
@media (max-width: 1600px) {
	.headers .ht{padding: 5px 30px;}
	.headers .ht .logo{margin-right: 20px;}
	.headers .ht .nav{margin-left: 20px;}
	.headers .ht .nav_menu3 > ul > li > a {padding-right:20px;font-size: 16px;}
	.headers .ht .nav_menu3 ul ul li a{font-size: 15px;}
	.headers .ht .nav_menu3 > ul > li.nav-has-sub > a {padding-right: 35px;}
	.headers .ht .nav_menu3 > ul > li.nav-has-sub > a::after {right:14px;}
	.headers .ht .r{font-size: 14px;}
}
@media (max-width: 1440px) {
	.headers .ht{padding: 5px 10px;}
	.headers .ht .nav{margin-left: 10px;}
	.headers .ht .nav a{margin-left: 20px;}
	.headers .ht .logo .text{display: none;}
}
@media (max-width: 992px) {
	.headers .ht{display: none;}
}

/*head_11 */
.head_11 {padding: 0;width: 100%;float: left;position: fixed;top: 0;display: none;z-index: 9999;}
.head_11 .box{height: 60px;background: var(--themeone);float: left;line-height: 60px;color: #fff;width: 100%;padding: 0 20px;position: relative;}
.head_11 .box .l{float: left;width: 15%;}
.head_11 .box .l a{font-size: 16px;color: #fff;}
.head_11 .box .l a span{top: 5px;font-size: 18px;}
.head_11 .box .m{float: left;width: 70%;text-align: center;}
.head_11 .box .m a{color: #fff;font-size: 16px;}
.head_11 .box .m img{height: 30px;}
.head_11 .box .r{float: right;width: 15%;text-align: right;color: #fff;}
.head_11 .box .r a{color: #fff;}
.head_11 .box .r p{float: right;font-size: 16px;}
.head_11 .box .r p a{color: #fff;float: left;}
.head_11 .box .r p a span{display: inline-block;height: 60px;float: left;line-height: 60px;top: 0;}
@media (max-width: 992px) {
	.head_11{display: block;}
}

.m_head_nav{display: none;background:var(--themeone);width: 100%;height: 100%;position: fixed;z-index: 3900;background-size: 100%;padding:0px 0px;border-top: 0;top: 0;left: 0;}
.m_head_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 40px 100px 0;text-align: center;}
.m_head_nav .abox .menu_hover{float: left;width: 100%;text-align: right;height: 60px;position: absolute;top: 40px;right:70px;font-size: 60px;color: #fff;}
.m_head_nav .abox .a{width: 100%;float: left;line-height: 44px;font-size: 15px;color: #fff;}
.m_head_nav .abox .conss{width: 100%;float: left;overflow-y: auto;}
.m_head_nav .abox .conss .mlogo{float: left;width: 100%}
.m_head_nav .abox .conss .mlogo img{float: left;height: 120px;}
.m_head_nav .abox .conss .mline{float: left;width: 20%;height: 3px; background: #eee;margin: 60px 0 35px;}
.m_head_nav .abox .conss .navlists{width: 100%;float: left;text-align: left;}
.m_head_nav .abox .conss .navlists li{width: 100%;float: left;margin-bottom: 15px;}
.m_head_nav .abox .conss .navlists li .tta{width: 100%;float: left;line-height: 60px;font-size: 22px;font-weight: normal;color: #fff;}
.m_head_nav .abox .conss .navlists li .tt{width: 100%;float: left;line-height: 60px;}
.m_head_nav .abox .conss .navlists li .tt b{font-size:22px;font-weight: normal;line-height: 60px;height: 60px;margin-right: 10px;color: #fff;float: left;}
.m_head_nav .abox .conss .navlists li .tt i{width:20px;line-height: 70px;height: 60px;color: rgba(255,255,255,0.1);transition:0.5s;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg); -o-transform:rotate(90deg);float: left;}
.m_head_nav .abox .conss .navlists li .cur b{margin-right: 8px;font-weight: bold;}
.m_head_nav .abox .conss .navlists li .cur i{color: var(--themefive);transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.m_head_nav .abox .conss .navlists li .c{display: none;width: 100%;padding:25px 25px 25px 35px;line-height:50px;font-size: 16px;float: left;background: var(--themefive);border-radius: 0 10px 10px 10px;}
.m_head_nav .abox .conss .navlists li .c a{float: left;line-height: 50px;font-size: 18px;color: #fff;margin: 0 40px 0 0;}
.m_head_nav .abox .conss .navlists li .tt#nav_special_event b{color: var(--themethree);}
.m_head_nav .abox .conss form{float: left;width: 40%;padding:0px;margin: 20px 0 0;border: 2px rgba(255,255,255,.4) solid;border-radius: 6px;}
.m_head_nav .abox .conss form .input{width:80%;height: 60px;float: left;background: none;text-indent: 12px;outline: none;color: #aaa;box-shadow: none;outline: none;line-height: 58px;border: none;margin: 0;font-size: 16px;padding: 0;}
.m_head_nav .abox .conss form .submit{width:20%;height: 60px;float: left;background:none;cursor: pointer;color: #fff;text-align: center;border: none;outline: none;border-radius: 0 6px 6px 0;font-size: 0px;padding: 0;}
.m_head_nav .abox .conss form .submit span{font-size: 30px;line-height: 60px;}
@media (max-width: 768px) {
	.m_head_nav .abox{padding: 0;text-align: center;}
	.m_head_nav .abox .menu_hover{height: 50px;top: 20px;right:20px;font-size: 40px;line-height: 40px;}
	.m_head_nav .abox .conss{padding: 40px;height: auto;}
	.m_head_nav .abox .conss .mlogo img{height: auto;width: 45%;}
	.m_head_nav .abox .conss .mline{width: 40%;height: 3px;margin: 20px 0 15px;}
	.m_head_nav .abox .conss .navlists li{margin-bottom: 0px;}
	.m_head_nav .abox .conss .navlists li .tta{line-height: 50px;font-size: 15px;}
	.m_head_nav .abox .conss .navlists li .tt{line-height: 50px;}
	.m_head_nav .abox .conss .navlists li .tt b{font-size: 16px;line-height: 50px;height: 50px;}
	.m_head_nav .abox .conss .navlists li .tt i{line-height: 50px;height: 50px;}
	.m_head_nav .abox .conss .navlists li .c{line-height:50px;font-size: 15px;padding: 10px 15px 10px;}
	.m_head_nav .abox .conss .navlists li .c a{line-height: 40px;font-size: 14px;margin: 0 20px 0 0;}
	.m_head_nav .abox .conss .navlists .main-menu{width: 100%;font-weight: bold;}
	.m_head_nav .abox .conss form{width: 100%;padding:0px;margin: 20px 0 0;border-radius: 6px;}
	.m_head_nav .abox .conss form .input{width:80%;height: 48px;line-height: 48px;border: none;font-size: 14px;}
	.m_head_nav .abox .conss form .submit{width:20%;height: 48px;font-size: 20px;}
	.m_head_nav .abox .conss form .submit span{line-height: 48px;}
}

/* head_m_1 */
.head_m_1{width:100%;height:70px;background:var(--themeone);float: left;z-index: 800;display: none;position: fixed;top: 0;left:0;}
.head_m_1 .box{width:100%;height:70px;float: left;padding:20px;position: relative;}
.head_m_1 .box .logo{float: left;width: 30%;text-align: center;font-size: 0;}
.head_m_1 .box .logo img{float: left;height: 24px;margin: 3px 0 0 0;}
.head_m_1 .box .r{float: right;/*width: 40%;*/}
.head_m_1 .box .r .menu{float: right;height: 30px;}
.head_m_1 .box .r .menu span{float: left;line-height: 30px;color: #fff;font-size: 30px;}

.head_m_1 .box .t{float: left;/*line-height: 50px;*/margin: 0 0 0 5px ;color: #fff;height: 24px;}
.head_m_1 .box .q{float: left;height: 24px;}
.head_m_1 .box .q img{float: left;height: 20px;}
.head_m_1 .box .message{float: left;line-height: 24px;margin-top: 12px;}
.head_m_1 .box .message em {display: inline-block;vertical-align: middle;height: 24px;line-height: 24px;border-radius: 24px;color: #fff;padding: 0 12px;font-size: 14px;position: relative;}
.head_m_1 .box .message em strong {position: absolute;top: -2px;right: 0;background: red;color: #fff;padding: 0 6px;line-height: 14px;font-size: 13px;font-style: normal;border-radius: 14px;font-size: 12px;transform: scale(0.8);}
.head_m_1 .box .ubox{float: left;position: relative;}
.head_m_1 .box .ubox .u{color: #fff;margin-left: 20px;}
.head_m_1 .box .ubox .box{width:180px;background: #fff;position: absolute;right: 0;overflow: hidden;display: none;border-radius: 10px 0 10px 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.head_m_1 .box .ubox .box a{float: left;width: 100%;text-align: right;line-height: 30px;}
.head_m_1 .box .ubox .box a i{font-size: 15px;}
.head_m_1 .box .ubox .box a b{font-size: 14px;font-weight: normal;}
.head_m_1.on .ht{width:100%;padding-top:0;padding-bottom: 0;height: 80px;}
@media (max-width: 992px) {
	.head_m_1{display: block;}
}


/* head_m_3 */
.head_m_3_index{width:100%;height:54px;background:#f51b6b;float: left;z-index: 8000;display: none;position: relative;}
.head_m_3_index .box{width:100%;height:54px;float: left;padding:12px 15px;position: relative;}
.head_m_3_index .box .logo{float: left;width: 100%;z-index: 1;text-align: center;}
.head_m_3_index .box .logo img{height: 20px;margin-top:5px;}
.head_m_3_index .box .r{position: absolute;z-index: 2;right: 15px;top: 13px;}
.head_m_3_index .box .r .menu{float: left;height: 24px;margin: 5px 0 0 0;}
.head_m_3_index .box .r .menu img{float: left;height: 20px;}
.head_m_3{width:100%;height:54px;background:#f51b6b;float: left;z-index: 8000;display: none;position: relative;}
.head_m_3 .box{width:100%;height:54px;float: left;padding:0 15px;}
.head_m_3 .box .home{float: left;border-right: 1px solid #e0363f;height: 54px;}
.head_m_3 .box .home img{float: left;height: 30px;margin: 12px 15px 0 0;}
.head_m_3 .box .a{float: left;height: 54px;line-height: 54px;font-size: 14px;color: #fff;margin: 0 6px;}
.head_m_3 .box .img{float: left;height: 54px;}
.head_m_3 .box .r{float: right;}
.head_m_3 .box .r .menu_page{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;}
.head_m_3 .box .r .menu_page img{float: left;height: 24px;}
.head_m_3 .box .r .menu_page_hover{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;display: none;}
.head_m_3 .box .r .menu_page_hover img{float: left;height: 24px;}
.head_m_3 .box .r .menu{float: left;height: 24px;margin: 15px 0 0 0;}
.head_m_3 .box .r .menu img{float: left;height: 24px;}
.head_m_3_navbg{display: none;background:rgba(0,0,0,0.6);width: 100%;height: 100%;position: fixed;z-index: 9700;background-size: 100%;padding:0px 0px;border-top: 0;right: 0}
.head_m_3_nav{background: var(--themefour);width: 90%;height: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;right: -90%;transition:0.5s;}
.head_m_3_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 60px 30px 0;text-align: center;}
.head_m_3_nav .abox .menu_hover{float: left;width: 100%;text-align: right;height: 40px;position: absolute;top: 22px;right: 30px;}
.head_m_3_nav .abox .menu_hover img{float: right;height: 24px;}
.head_m_3_nav .abox .a{width: 100%;float: left;line-height: 50px;font-size: 15px;color: #fff;text-align: right;}
.head_m_3_nav .abox .tel{width: 100%;float: left;border-top: 1px solid #fff;text-align: center;margin-top: 20px;padding-top: 30px;}
.head_m_3_nav .abox .tel p{display: inline-block;height: 30px;}
.head_m_3_nav .abox .tel p img{height: 30px;float: left;}
.head_m_3_nav .abox .tel p span{height: 30px;line-height: 30px;color: #fff;font-size: 18px;display: inline-block;float: left;margin-left: 10px;}
@media (max-width: 992px) {
	.head_m_3_index{display: block;}
	.head_m_3{display: block;}
	.m_head_1_bt{display: block;}
}

.head_m_3_nav .sideMenu{ float: left;width: 100%;text-align: right;}
.head_m_3_nav .sideMenu .t{float: left;width: 100%;margin-top: 1px;line-height: 40px;color: #fff;}
.head_m_3_nav .sideMenu h3{float: left;width: 100%;margin-top: 1px;line-height: 40px;font-size: 16px;color: #fff;border-top: 1px dashed #fff;}
.head_m_3_nav .sideMenu h3 a{color: #fff;}
.head_m_3_nav .sideMenu ul{display:none;float: left;width: 100%;padding: 10px 0; }
.head_m_3_nav .sideMenu ul li{float: left;width: 100%; line-height: 30px;}
.head_m_3_nav .sideMenu ul li a{color: #fff;}
@media (max-width: 768px) {
	.head_m_3{display: block;}
}

/* head_m_2 */
.head_m_2{width:100%;height:70px;background:var(--themeone);float: left;z-index: 8000;display: none;position: relative;}
.head_m_2 .box{width:100%;height:70px;float: left;padding:0 20px;}
.head_m_2 .box .home{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #fff}
.head_m_2 .box .a{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #fff;}
.head_m_2 .box i{float: left;height: 70px;line-height: 70px;color: rgba(255,255,255,0.4);margin: 0 12px;}
.head_m_2 .box .r{float: right;}
.head_m_2 .box .r .menu_page{float: left;height: 30px;margin: 20px 0 0 0;position: absolute;right: 20px;}
.head_m_2 .box .r .menu_page img{float: left;height: 30px;}
.head_m_2 .box .r .menu_page_hover{float: left;height: 30px;margin: 20px 0 0 0;position: absolute;right: 20px;display: none;}
.head_m_2 .box .r .menu_page_hover img{float: left;height: 30px;}
.head_m_2 .box .r .menu{float: left;height: 30px;margin: 20px 0 0 0;}
.head_m_2 .box .r .menu img{float: left;float: left;height: 20px;margin-top: 5px;}
@media (max-width: 992px) {
	.head_m_2{display: block;}
}
.m_head_page_nav{display: none;background:var(--themeone);width: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;top: 70px;}
.m_head_page_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 20px;text-align: center;}
.m_head_page_nav .abox a{width: 33.333%;float: left;line-height: 36px;font-size: 14px;color: #fff;text-align: center;}


/* footer */
.footers{width: 100%;float: left;background:rgba(37, 40, 60, 1);position: relative;z-index: 0;}
.footers .box{width: 100%;float: left;padding: 50px 0 0;}
.footers .box .t{float: left;width: 100%;margin-bottom: 10px;}
.footers .box .t .l{float: left;width: 40%;}
.footers .box .t .l img{height: 80px;}
.footers .box .t .searchs{float: right;margin: 15px 0 0 ;width: 60%;max-width: 600px;}
.footers .box .t .searchs form{width: 100%;display: flex;flex-direction:row;}
.footers .box .t .searchs form .input{flex: 1;height: 50px;line-height: 46px;padding: 0 15px;border: 2px solid #fff;background: none;margin:0;border-radius: 0;}
.footers .box .t .searchs form .submit{width: 100px;height: 50px;line-height: 46px;text-align: center;color: #fff;background: none;border: 2px solid #fff;border-left: 0;margin: 0;border-radius: 0;}
.footers .box .t .searchs p{width: 100%;height: 50px;line-height: 46px;text-align: right;color: rgba(255,255,255,0.2);font-size: 20px;letter-spacing: 6px;font-weight: bold;}
.footers .box .m{float: left;width: 100%;padding: 30px 0 30px;}
.footers .box .m .ul{float: left;width:27%;}
.footers .box .m .ul .t{float: left;width: 100%;line-height: 30px;font-size: 20px;font-family: 'MB';margin-bottom: 10px;color: #fff;}
.footers .box .m .ul .con{float: left;width: 100%;}
.footers .box .m .ul .con .a{float: left;width: 100%;line-height: 36px;font-size: 14px;color: rgba(255,255,255,0.3);}
.footers .box .m .ul .con .li{float: left;width: 100%;}
.footers .box .m .ul .con .li p{float: left;width: 100%;line-height: 36px;font-size: 14px;color: rgba(255,255,255,0.3);transition:0.5s;}
.footers .box .m .ul .con .li p b{font-weight: normal;float: left;margin-right: 6px;;transition:0.5s;cursor: pointer;}
.footers .box .m .ul .con .li p span{font-size: 14px;float: left;transform:rotate(0deg);transition:0.5s;}
.footers .box .m .ul .con .li .son{float: left;width: 100%;display: none;margin-bottom: 15px;}
.footers .box .m .ul .con .li .son a{float: left;width: 100%;line-height: 26px;color: rgba(255,255,255,0.4);}
.footers .box .m .ul .con .li .son a b{font-weight: normal;}
.footers .box .m .ul .con .li.cur p{color: var(--themethree)}
.footers .box .m .ul .con .li.cur .son{display: block;}
.footers .box .m .ul .con .li.cur p span{transform:rotate(90deg);}
.footers .box .m .sns{float: right;width: 19%;}
.footers .box .m .sns .a2a_kit{float: left;}
.footers .box .m .sns .a2a_kit a{float: left;margin: 0px 0 0 20px;}
.footers .box .m .sns .a2a_kit a span{float: left;color: rgba(255,255,255,0.3);font-size: 30px;line-height: 40px;}
.footers .box .m .sns .a2a_kit a .icon-linkedin1{font-size: 36px;}
.footers .box .m .sns .a2a_kit a .icon-pinterest1{font-size: 36px;}
.footers .box .b{float: left;width: 100%;border-top: 1px solid rgba(255,255,255,0.2);color: rgba(255,255,255,0.2);text-align: center;line-height: 80px;font-size: 16px;padding-bottom: 0px;}
@media (max-width: 992px) {
	.footers .box{width: 100%;float: left;padding: 60px 20px 0;}
	.footers .box .t .l{float: left;width: 100%;}
	.footers .box .t .l img{float: left;height: 50px;}
	.footers .box .t .searchs{float: left;margin: 25px 0 0 ;width: 100%;max-width: auto;}
	.footers .box .t .searchs form{width: 100%;display: flex;flex-direction:row;}
	.footers .box .t .searchs form .input{flex: 1;height: 48px;line-height: 46px;padding: 0 15px;border:1px solid #fff;background: none;margin:0;border-radius: 0;}
	.footers .box .t .searchs form .submit{width: 100px;height: 48px;line-height: 46px;text-align: center;color: #fff;background: none;border: 1px solid #fff;border-left: 0;margin: 0;border-radius: 0;}
	.footers .box .t .searchs p{width: 100%;height: 48px;line-height: 46px;text-align: right;color: rgba(255,255,255,0.2);font-size: 20px;letter-spacing: 6px;font-weight: bold;}
	.footers .box .m{float: left;width: 100%;padding: 0px 0 30px;}
	.footers .box .m .ul{float: left;width:100%;margin-bottom: 25px;}
	.footers .box .m .ul .t{float: left;width: 100%;line-height: 30px;font-size: 20px;font-family: 'MB';margin-bottom: 10px;color: #fff;}
	.footers .box .m .ul .con{float: left;width: 100%;}
	.footers .box .m .ul .con .a{float: left;width: 100%;line-height: 32px;font-size: 14px;color: rgba(255,255,255,0.3);}
	.footers .box .m .ul .con .li{float: left;width: 100%;}
	.footers .box .m .ul .con .li p{float: left;width: 100%;line-height: 32px;font-size: 14px;color: rgba(255,255,255,0.3);transition:0.5s;}
	.footers .box .m .ul .con .li .son a{line-height: 32px;}
	.footers .box .m .sns{width: 100%;}
	.footers .box .m .sns .a2a_kit a{margin: 0 20px 0 0;}
	.footers .box .b{line-height: 60px;font-size: 14px;padding-bottom: 0;}
}

/*blog_page*/
.blog_page{ float: left;width: 100%;margin:80px 0 40px;}
.blog_page .box{float: left;width: 100%;}
.blog_page .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 60px;display: flex;justify-content: space-between;}
.blog_page .box .catenav .list{float:left; }
.blog_page .box .catenav .list a{height: 60px;line-height: 60px;color: #000;float: left;font-size: 20px;margin-right: 30px;font-weight: bold;font-family: 'MB';}
.blog_page .box .catenav .list a.cur{color: var(--themefive)}
.blog_page .box .catenav form{float: right;flex:1;max-width: 30%;height: 60px;border-bottom: 2px solid #888;display: flex;}
.blog_page .box .catenav form .input{flex:1;background: none;border: none;outline: none;color: #888;line-height: 60px;margin: 0;padding: 0;float: left;height: 60px;font-size: 15px;}
.blog_page .box .catenav form button{float: right;color: #000;font-size: 48px;line-height: 60px;height: 60px;background: none;border: none;margin: 0;padding: 0;width: 60px;text-align: center;}
.blog_page .box .catenav form button span{line-height: 60px;top: 0;font-size: 32px;color: #000;vertical-align: top;display: inline-block;}
.blog_page .box .title{float: left;width:100%;margin-bottom: 40px;}
.blog_page .box .title h1{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';}
.blog_page .box .title p{float: left;width:60%;font-size: 20px;line-height: 32px;color: #888;}
.blog_page .box .ul{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;}
.blog_page .box .ul li{width:32%;transition:0.5s;margin: 0 2% 50px 0;padding: 20px;background: #fff;}
.blog_page .box .ul li:nth-child(3n){margin-right: 0}
.blog_page .box .ul li .img{width:100%;float: left;overflow: hidden;}
.blog_page .box .ul li .img img{width:100%;float: left;transition:0.5s;}
.blog_page .box .ul li .info{width: 100%;float: left;transition:0.5s;padding: 15px 0;}
.blog_page .box .ul li .info .tit{width: 100%;float: left;font-size: 20px;font-weight: bold;line-height: 30px;color: var(--themeone);transition:0.5s;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB'}
.blog_page .box .ul li .info .time{width: 100%;float: left;line-height: 44px;color: #aaa;font-size: 16px;transition:0.5s;}
.blog_page .box .ul li .info p{width: 100%;float: left;font-size: 16px;color: #999;line-height: 26px;transition:0.5s;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 15px;}
.blog_page .box .ul li .info i{float: left;color:#666;font-size: 16px;line-height: 40px;padding: 0 20px;font-style: normal;transition:0.5s;border: 1px solid #888;}
.blog_page .box .ul li:hover .desc{color: var(--themeone)}
.blog_page .box .ul li:hover p{color: var(--themeone)}
.blog_page .box .ul li:hover i{background: var(--themefour);color: #fff;border: 1px solid var(--themefour);}
.blog_page .box .ul li:hover .img img{transform: scale(1.1);}
.blog_show{float: left;width: 100%;margin:140px 0 100px;z-index: 2;position: relative;}
.blog_show a{color:#2549d8; text-decoration: underline;}
.blog_show a:hover{opacity:0.9;text-decoration: none;}
.blog_show em{color:#2549d8;}
.blog_show .text ul{list-style: disc;padding-left:18px;}
.blog_show .text ol{list-style: auto;}
.blog_show .box{float: left;width: 100%;}
.blog_show .box .title{float: left;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 2px solid #888;margin-bottom:40px;padding-bottom: 20px;}
.blog_show .box .title h1{font-weight: normal;flex: 1;font-size: 40px;font-family: 'MB';line-height: 50px;margin-right: -200px;margin-bottom: 25px;}
.blog_show .box .title p{color: #aaa;width: 200px;text-align: right;}
.blog_show .box .text{float: left;width: 100%;line-height: 30px;font-size: 18px;}
.blog_show .box .text p{float: left;width: 100%;line-height: 30px;font-size: 18px;margin: 0;padding: 0;}
.blog_show .box .text p img{max-width: 100%;}
.blog_show .box .text img{max-width: 100%;}
@media (max-width: 1600px) {
	.blog_page .box .catenav .list a{font-size: 18px;margin-right: 20px;;}
}
@media (max-width: 768px) {
	.blog_page{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
	.blog_page .box .address{display: none;}
	.blog_page .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 20px;box-shadow: none;}
	.blog_page .box .catenav{margin-bottom: 30px;flex-direction: column;}
	.blog_page .box .catenav .list{float:left; display: flex;justify-content: space-between;flex-wrap: wrap;}
	.blog_page .box .catenav .list a{height: 50px;line-height: 50px;color: #000;float: left;font-size: 15px;width:49%;margin: 0 0 10px;background: #fff;padding: 0 10px;}
	.blog_page .box .catenav .list a.cur{color: var(--themefive)}
	.blog_page .box .catenav form{float: right;width:100%;max-width: 100%;height: 60px;border-bottom: 2px solid #888;display: flex;}
	.blog_page .box .catenav form .input{flex:1;background: none;border: none;outline: none;color: #888;line-height: 60px;margin: 0;padding: 0;float: left;height: 60px;font-size: 15px;}
	.blog_page .box .catenav form button{float: right;color: #000;font-size: 48px;line-height: 60px;height: 60px;background: none;border: none;margin: 0;padding: 0;width: 60px;text-align: center;}
	.blog_page .box .catenav form button span{line-height: 60px;top: 0;font-size: 32px;color: #000;vertical-align: top;display: inline-block;}
	.blog_page .box .title{margin-bottom:20px;margin-top: 20px;}
	.blog_page .box .title h1{font-size: 32px;line-height: 48px;}
	.blog_page .box .title p{width:100%;font-size: 16px;line-height: 24px;color: #888;}
	.blog_page .box .ul{justify-content: space-between;}
	.blog_page .box .ul li{width:48%;margin: 0 0 20px 0;padding: 0px;}
	.blog_page .box .ul li:nth-child(3n){margin-right: 0}
	.blog_page .box .ul li .info{padding:15px 15px 20px;}
	.blog_page .box .ul li .info .tit{font-size: 16px;line-height: 24px;}
	.blog_page .box .ul li .info .time{line-height: 30px;font-size: 14px;;}
	.blog_page .box .ul li .info p{font-size: 14px;line-height: 20px;transition:0.5s;margin-bottom: 15px;}
	.blog_page .box .ul li .info i{font-size: 14px;line-height:32px;padding: 0 15px;}
	.blog_page .box .ul li:hover .desc{color: var(--themeone)}
	.blog_page .box .ul li:hover p{color: var(--themeone)}
	.blog_page .box .ul li:hover i{background: var(--themefour);color: #fff;border: 1px solid var(--themefour);}
	.blog_page .box .ul li:hover .img img{transform: scale(1.1);}
	.blog_show{float: left;width: 100%;padding: 20px;margin: 70px 0;}
	.blog_show .box .title{justify-content: space-between;align-items: flex-end;margin-bottom:30px;padding-bottom: 20px;flex-direction: column;}
	.blog_show .box .title b{font-size: 24px;line-height: 30px;padding-right:0px;margin-bottom: 10px;}
	.blog_show .box .title h1{margin:auto;}
	.blog_show .box .title p{width: 100%;text-align: left;}
	.blog_show .box .text{line-height: 30px;font-size: 16px;}
	.blog_show .box .text p{line-height: 30px;font-size: 16px;}
}


/*coupon_page*/
.coupon_page{ float: left;width: 100%;margin:80px 0 40px;}
.coupon_page .box{float: left;width: 100%;}
.coupon_page .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 60px;display: flex;justify-content: space-between;}
.coupon_page .box .catenav .list{float:left; }
.coupon_page .box .catenav .list a{height: 60px;line-height: 60px;color: #000;float: left;font-size: 20px;margin-right: 30px;font-weight: bold;font-family: 'MB';}
.coupon_page .box .catenav .list a.cur{color: var(--themefive)}
.coupon_page .box .catenav form{float: right;flex:1;max-width: 30%;height: 60px;border-bottom: 2px solid #888;display: flex;}
.coupon_page .box .catenav form .input{flex:1;background: none;border: none;outline: none;color: #888;line-height: 60px;margin: 0;padding: 0;float: left;height: 60px;font-size: 15px;}
.coupon_page .box .catenav form button{float: right;color: #000;font-size: 48px;line-height: 60px;height: 60px;background: none;border: none;margin: 0;padding: 0;width: 60px;text-align: center;}
.coupon_page .box .catenav form button span{line-height: 60px;top: 0;font-size: 32px;color: #000;vertical-align: top;display: inline-block;}
.coupon_page .box .title{float: left;width:100%;margin-bottom: 40px;}
.coupon_page .box .title b{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';}
.coupon_page .box .title p{float: left;width:60%;font-size: 20px;line-height: 32px;color: #888;}
.coupon_page .box .ul{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;}
.coupon_page .box .ul li{width:32%;transition:0.5s;margin: 0 2% 50px 0;padding: 20px;background: #fff;}
.coupon_page .box .ul li:nth-child(3n){margin-right: 0}
.coupon_page .box .ul li .img{width:100%;float: left;overflow: hidden;}
.coupon_page .box .ul li .img img{width:100%;float: left;transition:0.5s;}
.coupon_page .box .ul li .info{width: 100%;float: left;transition:0.5s;padding: 15px 0;}
.coupon_page .box .ul li .info .tit{width: 100%;float: left;font-size: 24px;font-weight: bold;line-height: 30px;color: var(--themeone);transition:0.5s;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB'}
.coupon_page .box .ul li .info .time{width: 100%;float: left;line-height: 44px;color: #aaa;font-size: 16px;transition:0.5s;}
.coupon_page .box .ul li .info p{width: 100%;float: left;font-size: 16px;color: #999;line-height: 26px;transition:0.5s;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 15px;}
.coupon_page .box .ul li .info i{float: left;color:#666;font-size: 16px;line-height: 40px;padding: 0 20px;font-style: normal;transition:0.5s;border: 1px solid #888;}
.coupon_page .box .ul li:hover .desc{color: var(--themeone)}
.coupon_page .box .ul li:hover p{color: var(--themeone)}
.coupon_page .box .ul li:hover i{background: var(--themefour);color: #fff;border: 1px solid var(--themefour);}
.coupon_page .box .ul li:hover .img img{transform: scale(1.1);}
.coupon_show{float: left;width: 100%;margin:140px 0 100px;z-index: 2;position: relative;}
.coupon_show .box{float: left;width: 100%;}
.coupon_show .box .title{float: left;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 2px solid #888;margin-bottom:40px;padding-bottom: 20px;}
.coupon_show .box .title b{font-weight: normal;flex: 1;font-size: 40px;font-family: 'MB';line-height: 50px;padding-right: 100px;}
.coupon_show .box .title p{color: #aaa;width: 200px;text-align: right;}
.coupon_show .box .text{float: left;width: 100%;line-height: 30px;font-size: 18px;}
.coupon_show .box .text p{float: left;width: 100%;line-height: 30px;font-size: 18px;margin: 0;padding: 0;}
.coupon_show .box .text p img{max-width: 100%;}
.coupon_show .box .text img{max-width: 100%;}
@media (max-width: 1600px) {
	.coupon_page .box .catenav .list a{font-size: 18px;margin-right: 20px;;}
}
@media (max-width: 768px) {
	.coupon_page{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
	.coupon_page .box .address{display: none;}
	.coupon_page .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 20px;box-shadow: none;}
	.coupon_page .box .catenav{margin-bottom: 30px;}
	.coupon_page .box .catenav .list{float:left; display: flex;justify-content: space-between;flex-wrap: wrap;}
	.coupon_page .box .catenav .list a{height: 50px;line-height: 50px;color: #000;float: left;font-size: 15px;width:49%;margin: 0 0 10px;background: #fff;padding: 0 10px;}
	.coupon_page .box .catenav .list a.cur{color: var(--themefive)}
	.coupon_page .box .catenav form{float: right;width:100%;max-width: 100%;height: 60px;border-bottom: 2px solid #888;display: flex;}
	.coupon_page .box .catenav form .input{flex:1;background: none;border: none;outline: none;color: #888;line-height: 60px;margin: 0;padding: 0;float: left;height: 60px;font-size: 15px;}
	.coupon_page .box .catenav form button{float: right;color: #000;font-size: 48px;line-height: 60px;height: 60px;background: none;border: none;margin: 0;padding: 0;width: 60px;text-align: center;}
	.coupon_page .box .catenav form button span{line-height: 60px;top: 0;font-size: 32px;color: #000;vertical-align: top;display: inline-block;}
	.coupon_page .box .title{margin-bottom:20px;margin-top: 20px;}
	.coupon_page .box .title b{font-size: 32px;line-height: 48px;}
	.coupon_page .box .title p{width:100%;font-size: 16px;line-height: 24px;color: #888;}
	.coupon_page .box .ul{justify-content: space-between;}
	.coupon_page .box .ul li{width:48%;margin: 0 0 20px 0;padding: 0px;}
	.coupon_page .box .ul li:nth-child(3n){margin-right: 0}
	.coupon_page .box .ul li .info{padding:15px 15px 20px;}
	.coupon_page .box .ul li .info .tit{font-size: 16px;line-height: 24px;}
	.coupon_page .box .ul li .info .time{line-height: 30px;font-size: 14px;;}
	.coupon_page .box .ul li .info p{font-size: 14px;line-height: 20px;transition:0.5s;margin-bottom: 15px;}
	.coupon_page .box .ul li .info i{font-size: 14px;line-height:32px;padding: 0 15px;}
	.coupon_page .box .ul li:hover .desc{color: var(--themeone)}
	.coupon_page .box .ul li:hover p{color: var(--themeone)}
	.coupon_page .box .ul li:hover i{background: var(--themefour);color: #fff;border: 1px solid var(--themefour);}
	.coupon_page .box .ul li:hover .img img{transform: scale(1.1);}
	.coupon_show{float: left;width: 100%;padding: 20px;margin: 70px 0;}
	.coupon_show .box .title{justify-content: space-between;align-items: flex-end;margin-bottom:30px;padding-bottom: 20px;flex-direction: column;}
	.coupon_show .box .title b{font-size: 24px;line-height: 30px;padding-right:0px;margin-bottom: 10px;}
	.coupon_show .box .title p{width: 100%;text-align: left;}
	.coupon_show .box .text{line-height: 30px;font-size: 16px;}
	.coupon_show .box .text p{line-height: 30px;font-size: 16px;}
}

/*news_page*/
.news_page{ float: left;width: 100%;margin:80px 0 40px;}
.news_page .box{float: left;width: 100%;}
.news_page .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 60px;}
.news_page .box .catenav .list{float:left; }
.news_page .box .catenav .list a{height: 60px;line-height: 60px;color: #000;float: left;font-size: 20px;margin-right: 30px;font-weight: bold;font-family: 'MB';}
.news_page .box .catenav .list a.cur{color: var(--themefive)}
.news_page .box .catenav form{float: right;width:500px;max-width: 60%;height: 60px;border-bottom: 2px solid #888;display: flex;}
.news_page .box .catenav form .input{flex:1;background: none;border: none;outline: none;color: #888;line-height: 60px;margin: 0;padding: 0;float: left;height: 60px;font-size: 15px;}
.news_page .box .catenav form button{float: right;color: #000;font-size: 48px;line-height: 60px;height: 60px;background: none;border: none;margin: 0;padding: 0;width: 60px;text-align: center;}
.news_page .box .catenav form button span{line-height: 60px;top: 0;font-size: 32px;color: #000;vertical-align: top;display: inline-block;}
.news_page .box .title{float: left;width:100%;margin-bottom: 40px;}
.news_page .box .title h1{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';}
.news_page .box .title p{float: left;width:60%;font-size: 20px;line-height: 32px;color: #888;}
.news_page .box .ul{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;}
.news_page .box .ul li{width:30.33%;transition:0.5s;margin: 0 3% 50px 0;}
.news_page .box .ul li .img{width:100%;float: left;overflow: hidden;}
.news_page .box .ul li .img img{width:100%;float: left;transition:0.5s;}
.news_page .box .ul li .info{width: 100%;float: left;transition:0.5s;padding: 15px 0;}
.news_page .box .ul li .info .tit{width: 100%;float: left;font-size: 24px;font-weight: bold;line-height: 30px;color: var(--themeone);transition:0.5s;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB'}
.news_page .box .ul li .info .time{width: 100%;float: left;line-height: 44px;color: #aaa;font-size: 16px;transition:0.5s;}
.news_page .box .ul li .info p{width: 100%;float: left;font-size: 16px;color: #999;line-height: 26px;transition:0.5s;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 15px;}
.news_page .box .ul li .info i{float: left;color:#666;font-size: 16px;line-height: 40px;padding: 0 20px;font-style: normal;transition:0.5s;border: 1px solid #888;}
.news_page .box .ul li:hover .desc{color: var(--themeone)}
.news_page .box .ul li:hover p{color: var(--themeone)}
.news_page .box .ul li:hover i{background: var(--themefour);color: #fff;border: 1px solid var(--themefour);}
.news_page .box .ul li:hover .img img{transform: scale(1.1);}
.news_show{float: left;width: 100%;margin:140px 0 100px;z-index: 1;position: relative;}
.news_show .box{float: left;width: 100%;}
.news_show .box .title{float: left;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 2px solid #888;margin-bottom:40px;padding-bottom: 20px;}
.news_show .box .title h1{font-weight: normal;flex: 1;font-size: 40px;font-family: 'MB';line-height: 50px;margin-right: -200px;margin-bottom: 25px;}
.news_show .box .title p{color: #aaa;width: 200px;text-align: right;}
.news_show .box .text{float: left;width: 100%;line-height: 30px;font-size: 18px;}
.news_show .box .text p{float: left;width: 100%;line-height: 30px;font-size: 18px;margin: 0;padding: 0;}
.news_show .box .text p img{max-width: 100%;height: auto;}
.news_show .box .text img{max-width: 100%;}
@media (max-width: 768px) {
	.news_page{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
	.news_page .box .address{display: none;}
	.news_page .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 20px;box-shadow: none;}
	.news_page .box .title{margin-bottom:20px;margin-top: 20px;}
	.news_page .box .title h1{font-size: 32px;line-height: 48px;}
	.news_page .box .title p{width:100%;font-size: 16px;line-height: 24px;color: #888;}
	.news_page .box .ul{justify-content: space-between;}
	.news_page .box .ul li{width:48%;margin: 0 0 20px 0;}
	.news_page .box .ul li .info .tit{font-size: 16px;line-height: 24px;}
	.news_page .box .ul li .info .time{line-height: 30px;font-size: 14px;;}
	.news_page .box .ul li .info p{ont-size: 14px;line-height: 26px;transition:0.5s;margin-bottom: 15px;}
	.news_page .box .ul li .info i{font-size: 14px;line-height:32px;padding: 0 15px;}
	.news_page .box .ul li:hover .desc{color: var(--themeone)}
	.news_page .box .ul li:hover p{color: var(--themeone)}
	.news_page .box .ul li:hover i{background: var(--themefour);color: #fff;border: 1px solid var(--themefour);}
	.news_page .box .ul li:hover .img img{transform: scale(1.1);}
	.news_show{float: left;width: 100%;padding: 20px;margin: 70px 0;}
	.news_show .box .title{justify-content: space-between;align-items: flex-end;margin-bottom:30px;padding-bottom: 20px;flex-direction: column;}
	.news_show .box .title h1{font-size: 24px;line-height: 30px;padding-right:0px;margin-bottom: 10px;margin-right: 0;}
	.news_show .box .title p{width: 100%;text-align: left;}
	.news_show .box .text{line-height: 30px;font-size: 16px;}
	.news_show .box .text p{line-height: 30px;font-size: 16px;}
}

.page_size_m{float: left;margin-bottom: 40px;font-size: 14px;display: none;;width: 100%;padding: 0 20px;text-align: center;}
.page_size_m a{width: 50px;height: 50px;margin: 0 10px;}
.page_size_m a span{line-height: 50px;width:50px;height: 50px;text-align: center;color: var(--themecolor);font-weight: normal;border-radius: 50px;background:#fff;display: inline-block;}
.page_size_m a .threed-arr_sf_left_01{}
.page_size_m a .threed-arr_sf_right_01{}
@media (max-width: 992px) {
	.page_size_m{display: block;}
}


/*faq_page*/
.faq_page{ float: left;width: 100%;margin:80px 0 40px;}
.faq_page .box{float: left;width: 100%;}
.faq_page .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 40px;}
.faq_page .box .catenav .list{float:left;width:100%; }
.faq_page .box .catenav .list a{height: 50px;line-height: 50px;color: #000;float: left;font-size: 18px;margin:0px 20px 20px 0;font-weight: bold;font-family: 'MB';border: 1px solid #aaa;padding: 0 20px;transition: 0.5s;}
.faq_page .box .catenav .list a:hover{border-color: var(--themefive);background: var(--themefour);color: #fff;}
.faq_page .box .catenav .list a.cur{border-color: var(--themefive);background: var(--themefour);color: #fff;}
.faq_page .box .title{float: left;width:100%;margin-bottom: 40px;}
.faq_page .box .title h1{float: left;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';}
.faq_page .box .title form{float: right;width:500px;max-width: 60%;height: 60px;border-bottom: 2px solid #888;display: flex;}
.faq_page .box .title form .input{flex:1;background: none;border: none;outline: none;color: #888;line-height: 60px;margin: 0;padding: 0;float: left;height: 60px;font-size: 15px;}
.faq_page .box .title form button{float: right;color: #000;font-size: 48px;line-height: 60px;height: 60px;background: none;border: none;margin: 0;padding: 0;width: 60px;text-align: center;}
.faq_page .box .title form button span{line-height: 60px;top: 0;font-size: 32px;color: #000;vertical-align: top;display: inline-block;}
.faq_page .box .ul{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;}
.faq_page .box .ul li{width:32%;transition:0.5s;margin: 0 2% 50px 0;padding: 20px;background: #fff;}
.faq_page .box .ul li:nth-child(3n){margin-right: 0}
.faq_page .box .ul li .info{width: 100%;float: left;transition:0.5s;padding: 15px 0;}
.faq_page .box .ul li .info .tit{width: 100%;float: left;font-size: 24px;font-weight: bold;line-height: 30px;color: var(--themeone);transition:0.5s;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB';margin-bottom: 10PX;}
.faq_page .box .ul li .info p{width: 100%;float: left;font-size: 16px;color: #999;line-height: 26px;transition:0.5s;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 15px;}
.faq_page .box .ul li .info i{float: left;color:var(--themefive);font-size: 16px;line-height: 40px;font-style: normal;transition:0.5s;font-weight: bold;font-family: 'MB';}
.faq_page .box .ul li:hover{box-shadow: 10px 10px 0px rgba(0,0,0,0.05);}
.faq_page .box .ul li:hover .desc{color: var(--themeone)}
.faq_page .box .ul li:hover p{color: var(--themeone)}
.faq_page .box .ul li:hover i{color: var(--themefive);}
.faq_page .box .ul li:hover .img img{transform: scale(1.1);}
.faq_show{float: left;width: 100%;margin:100px 0 100px;z-index: 33;position: relative;}
.faq_show .box{float: left;width: 100%;}
.faq_show .box .title{float: left;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;margin-bottom:40px;}
.faq_show .box .title h1{font-weight: normal;flex: 1;font-size: 40px;font-family: 'MB';line-height: 50px;padding-right:0px;float: left;text-align: center;width: 100%;}
.faq_show .box .title p{color: #aaa;width: 200px;text-align: right;}
.faq_show .box .text{float: left;width: 100%;line-height: 30px;font-size: 18px;}
.faq_show .box .text p{float: left;width: 100%;line-height: 30px;font-size: 18px;margin: 0;padding: 0;}
.faq_show .box .text p img{max-width: 100%;}
.faq_show .box .text img{max-width: 100%;}
@media (max-width: 768px) {
	.faq_page{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
	.faq_page .box .address{display: none;}
	.faq_page .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 20px;box-shadow: none;}
	.faq_page .box .catenav{margin-bottom: 30px;}
	.faq_page .box .catenav .list{float:left; display: flex;justify-content: space-between;flex-wrap: wrap;}
	.faq_page .box .catenav .list a{height: 50px;line-height: 50px;color: #000;float: left;font-size: 15px;width:auto;margin: 0px 10px 10px 0px;background: #fff;padding: 0 10px;}
	.faq_page .box .catenav .list a.cur{color: var(--themefive)}
	.faq_page .box .catenav form{float: right;width:100%;max-width: 100%;height: 60px;border-bottom: 2px solid #888;display: flex;}
	.faq_page .box .catenav form .input{flex:1;background: none;border: none;outline: none;color: #888;line-height: 60px;margin: 0;padding: 0;float: left;height: 60px;font-size: 15px;}
	.faq_page .box .catenav form button{float: right;color: #000;font-size: 48px;line-height: 60px;height: 60px;background: none;border: none;margin: 0;padding: 0;width: 60px;text-align: center;}
	.faq_page .box .catenav form button span{line-height: 60px;top: 0;font-size: 32px;color: #000;vertical-align: top;display: inline-block;}
	.faq_page .box .title{margin-bottom:20px;margin-top:0px;}
	.faq_page .box .title h1{font-size: 32px;line-height: 48px;}
	.faq_page .box .title p{width:100%;font-size: 16px;line-height: 24px;color: #888;}
	.faq_page .box .ul{justify-content: space-between;}
	.faq_page .box .ul li{width:48%;margin: 0 0 20px 0;padding: 0px;}
	.faq_page .box .ul li:nth-child(3n){margin-right: 0}
	.faq_page .box .ul li .info{padding:15px 15px 20px;}
	.faq_page .box .ul li .info .tit{font-size: 16px;line-height: 24px;}
	.faq_page .box .ul li .info p{ont-size: 14px;line-height: 20px;transition:0.5s;margin-bottom: 15px;}
	.faq_page .box .ul li .info i{font-size: 14px;line-height:32px;padding: 0 15px;}
	.faq_page .box .ul li:hover .desc{color: var(--themeone)}
	.faq_page .box .ul li:hover p{color: var(--themeone)}
	.faq_page .box .ul li:hover i{background: var(--themefour);color: #fff;border: 1px solid var(--themefour);}
	.faq_page .box .ul li:hover .img img{transform: scale(1.1);}
	.faq_show{float: left;width: 100%;padding: 20px;margin: 20px 0 60px;}
	.faq_show .box .title{justify-content: space-between;align-items: flex-end;margin-bottom:20px;flex-direction: column;}
	.faq_show .box .title h1{font-size: 24px;line-height: 30px;padding-right:0px;margin-bottom: 10px;}
	.faq_show .box .title p{width: 100%;text-align: left;}
	.faq_show .box .text{line-height: 30px;font-size: 16px;}
	.faq_show .box .text p{line-height: 30px;font-size: 16px;}
}

/*printing_page*/
.printing_page{ float: left;width: 100%;margin:0px 0 40px;}
.printing_page .box{float: left;width: 100%;}
.printing_page .box .con{float: left;width: 100%;padding:80px 0 0 ;}
.printing_page .box .con:nth-child(2) .li{flex-direction: row-reverse;}
.printing_page .box .con:nth-child(2) .li .text{padding: 0 0 0 60px;}
.printing_page .box .con .title{float: left;width:100%;margin-bottom: 60px;}
.printing_page .box .con .title h1{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';}
.printing_page .box .con .title p{float: left;width:60%;font-size: 20px;line-height: 32px;color: #888;/*word-break: break-all;*/}
.printing_page .box .con .li{float: left;width:100%;margin-bottom: 50px;display: flex;overflow: hidden;}
.printing_page .box .con .li:hover .text .tt{color: var(--themefive)}
.printing_page .box .con .li:hover .text .td{color: var(--themefive)}
.printing_page .box .con .li:hover .img img{transform: scale(1.1);}
.printing_page .box .con .li .text{float: left;flex:1;padding: 0 60px 0 0;}
.printing_page .box .con .li .text .tt{float: left;width: 100%;line-height: 60px;font-size: 32px;font-family: 'MB';transition:0.5s;}
.printing_page .box .con .li .text .td{float: left;width: 100%;line-height: 30px;font-size: 16px;padding-bottom: 15px;transition:0.5s;border-bottom: 1px solid #aaa;margin-bottom: 15px;}
.printing_page .box .con .li .text .list{float: left;width: 100%;margin-bottom: 15px;}
.printing_page .box .con .li .text .list b{float: left;width: 100%;line-height: 30px;font-size: 20px;}
.printing_page .box .con .li .text .list p{float: left;width: 100%;line-height: 30px;font-size: 16px;color: #888;}
.printing_page .box .con .li .img{width: 480px;float: right;position: relative;z-index: 1;overflow: hidden;margin-top: 74px;}
.printing_page .box .con .li .img img{width: 100%;transition: 0.5s;}
@media (max-width: 768px) {
	.printing_page{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
	.printing_page .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 20px;box-shadow: none;}
	.printing_page .box .con .title{margin-bottom:20px;margin-top: 20px;}
	.printing_page .box .con .title h1{font-size: 32px;line-height: 48px;margin-bottom: 10px;}
	.printing_page .box .con .title p{width:100%;font-size: 16px;line-height: 24px;}
	.printing_page .box .con .li{float: left;width:100%;margin-bottom: 40px;display: flex;flex-direction: column;}
	.printing_page .box .con .li .text{padding: 0 0px 0 0;}
	.printing_page .box .con .li .text .tt{float: left;width: 100%;line-height:36px;font-size: 24px;font-family: 'MB';transition:0.5s;}
	.printing_page .box .con .li .text .td{float: left;width: 100%;line-height: 30px;font-size: 16px;padding-bottom: 15px;transition:0.5s;border-bottom: 1px solid #aaa;margin-bottom: 15px;}
	.printing_page .box .con .li .text .list{float: left;width: 100%;margin-bottom: 15px;}
	.printing_page .box .con .li .text .list b{float: left;width: 100%;line-height: 30px;font-size: 20px;}
	.printing_page .box .con .li .text .list p{float: left;width: 100%;line-height: 30px;font-size: 16px;color: #888;}
	.printing_page .box .con .li .img{width: 100%;margin-top: 0;}
	.printing_page .box .con:nth-child(2) .li{flex-direction:column;}
	.printing_page .box .con:nth-child(2) .li .text{padding: 0;}
}

/*printing_list*/
.printing_list{ float: left;width: 100%;margin:140px 0 40px;}
.printing_list .box{float: left;width: 100%;}
.printing_list .box .title{float: left;width:100%;margin-bottom: 60px;}
.printing_list .box .title b{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';}
.printing_list .box .title p{float: left;width:60%;font-size: 20px;line-height: 32px;color: #888;margin-bottom: 20px;}
.printing_list .box .title span{float: left;width: 100%;}
.printing_list .box .title span img{float: left;width: 100%;}
.printing_list .box .con{float: left;width:100%;margin-bottom: 40px;display: flex;}
.printing_list .box .con .l{width:400px;float: left;line-height: 50px;font-weight: bold;}
.printing_list .box .con .l .t{float: left;width: 100%;font-size:24px; color: #000;font-family: 'MB'}
.printing_list .box .con .l a{float: left;width: 100%;font-size:17px; color: #666;}
.printing_list .box .con .l a.cur{color: var(--themefive)}
.printing_list .box .con .r{flex: 1;padding: 0 0 0 80px;float: right;}
.printing_list .box .con .r .t{float: left;width: 100%;line-height: 60px;font-size: 32px;font-family: 'MB';margin-bottom: 20px;}
.printing_list .box .con .r .li{float: left;width: 100%;margin-bottom: 30px;}
.printing_list .box .con .r .li .tt{float: left;width: 100%;font-size: 16px;line-height: 24px;color: #000;margin-bottom: 10px;text-transform: uppercase;font-weight: bold;font-family: 'MB';}
.printing_list .box .con .r .li .text{float: left;width: 100%;font-size: 16px;line-height: 24px;color: #888;}
.printing_list .box .con .r .li .text p{float: left;width: 100%;font-size: 16px;line-height: 24px;color: #888;}
@media (max-width: 768px) {
	.printing_list{ margin-top: 60px;}
	.printing_list .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0;box-shadow: none;}
	.printing_list .box .title{margin-bottom:20px;margin-top: 20px;padding: 0 20px;}
	.printing_list .box .title b{font-size: 24px;line-height: 32px;margin-bottom: 10px;}
	.printing_list .box .title p{width:100%;font-size: 16px;line-height: 24px;}
	.printing_list .box .con{margin-bottom: 40px;flex-direction: column;}
	.printing_list .box .con .l{width:100%;float: left;line-height: 50px;font-weight: bold;background: #fff;padding: 10px 20px;margin-bottom: 30px;}
	.printing_list .box .con .l .t{float: left;width: 100%;font-size:24px; color: #000;font-family: 'MB'}
	.printing_list .box .con .l a{float: left;width: 100%;font-size:17px; color: #666;}
	.printing_list .box .con .l a.cur{color: var(--themefive)}
	.printing_list .box .con .r{flex: 1;padding: 0 20px;float: right;}
	.printing_list .box .con .r .t{float: left;width: 100%;line-height: 32px;font-size: 24px;font-family: 'MB';margin-bottom: 20px;}
	.printing_list .box .con .r .li{float: left;width: 100%;margin-bottom: 30px;}
	.printing_list .box .con .r .li .tt{float: left;width: 100%;font-size: 16px;line-height: 24px;color: #000;margin-bottom: 10px;text-transform: uppercase;font-weight: bold;font-family: 'MB';}
	.printing_list .box .con .r .li .text{float: left;width: 100%;font-size: 16px;line-height: 24px;color: #888;}
	.printing_list .box .con .r .li .text p{float: left;width: 100%;font-size: 16px;line-height: 24px;color: #888;}
}


/*solutions_page*/
.solutions_page{ float: left;width: 100%;margin:80px 0 40px;}
.solutions_page .box{float: left;width: 100%;}
.solutions_page .box .title{float: left;width:100%;margin-bottom: 40px;text-align: center;}
.solutions_page .box .title h1{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';margin-bottom: 20px;}
.solutions_page .box .title p{float: left;width:100%;font-size: 20px;line-height: 32px;color: #888;padding: 0 20%;}
.solutions_page .box .more{float: left;width:100%;text-align: center;margin-bottom: 80px;}
.solutions_page .box .more a{vertical-align: top;line-height: 50px;border: 1px solid #aaa;padding: 0 40px;font-size: 20px;font-family: 'MB';color: #000;display: inline-block;transition:0.5s;}
.solutions_page .box .more a:hover{background: var(--themefive);color: #fff;border: 1px solid var(--themefive);}
.solutions_page .box .ul{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;}
.solutions_page .box .ul li{width:30.33%;transition:0.5s;margin: 0 3% 50px 0;}
.solutions_page .box .ul li .img{width:100%;float: left;overflow: hidden;}
.solutions_page .box .ul li .img img{width:100%;float: left;transition:0.5s;}
.solutions_page .box .ul li .info{width: 100%;float: left;transition:0.5s;padding: 15px 0 0;}
.solutions_page .box .ul li .info .tit{width: 100%;float: left;font-size: 24px;font-weight: bold;line-height: 30px;color: var(--themeone);transition:0.5s;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB';}
.solutions_page .box .ul li .info .time{width: 100%;float: left;line-height: 44px;color: #aaa;font-size: 16px;transition:0.5s;margin-top: 20px;}
.solutions_page .box .ul li .info p{width: 100%;float: left;font-size: 14px;color: #999;line-height: 20px;transition:0.5s;margin-top: 15px;}
.solutions_page .box .ul li .info i{float: left;color:#666;font-size: 16px;line-height: 40px;padding: 0 20px;font-style: normal;transition:0.5s;border: 1px solid #888;}
.solutions_page .box .ul li:hover .desc{color: var(--themeone)}
.solutions_page .box .ul li:hover p{color: var(--themeone)}
.solutions_page .box .ul li:hover i{background: var(--themefour);color: #fff;border: 1px solid var(--themefour);}
.solutions_page .box .ul li:hover .img img{transform: scale(1.1);}
.solutions_show{float: left;width: 100%;margin:140px 0 100px;z-index:33;position: relative;}
.solutions_show .box{float: left;width: 100%;}
.solutions_show .box .title{float: left;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 2px solid #888;margin-bottom:40px;padding-bottom: 20px;}
.solutions_show .box .title h1{font-weight: normal;flex: 1;font-size: 40px;font-family: 'MB';line-height: 50px;padding-right: 100px;}
.solutions_show .box .title p{color: #aaa;width: 200px;text-align: right;}
.solutions_show .box .text{float: left;width: 100%;line-height: 30px;font-size: 18px;}
.solutions_show .box .text p{float: left;width: 100%;line-height: 30px;font-size: 18px;margin: 0;padding: 0;}
.solutions_show .box .text p img{max-width: 100%;}
.solutions_show .box .text img{max-width: 100%;}
@media (max-width: 768px) {
	.solutions_page{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
	.solutions_page .box .address{display: none;}
	.solutions_page .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 20px;box-shadow: none;}
	.solutions_page .box .title{margin-bottom:20px;margin-top: 20px;}
	.solutions_page .box .title h1{font-size: 32px;line-height: 48px;margin-bottom: 10px;}
	.solutions_page .box .title p{width:100%;font-size: 16px;line-height: 24px;color: #888;padding: 0;}
	.solutions_page .box .ul{justify-content: space-between;}
	.solutions_page .box .ul li{width:48%;margin: 0 0 20px 0;}
	.solutions_page .box .ul li .info .tit{font-size: 16px;line-height: 24px;}
	.solutions_page .box .ul li .info .time{line-height: 30px;font-size: 14px;;}
	.solutions_page .box .ul li .info p{ont-size: 14px;line-height: 20px;transition:0.5s;margin-bottom: 15px;margin-top: 0;}
	.solutions_page .box .ul li .info i{font-size: 14px;line-height:32px;padding: 0 15px;}
	.solutions_page .box .ul li:hover .desc{color: var(--themeone)}
	.solutions_page .box .ul li:hover p{color: var(--themeone)}
	.solutions_page .box .ul li:hover i{background: var(--themefour);color: #fff;border: 1px solid var(--themefour);}
	.solutions_page .box .ul li:hover .img img{transform: scale(1.1);}
	.solutions_show{float: left;width: 100%;padding: 20px;margin: 70px 0;}
	.solutions_show .box .title{justify-content: space-between;align-items: flex-end;margin-bottom:30px;padding-bottom: 20px;flex-direction: column;}
	.solutions_show .box .title h1{font-size: 24px;line-height: 30px;padding-right:0px;margin-bottom: 10px;width: 100%;}
	.solutions_show .box .title p{width: 100%;text-align: left;}
	.solutions_show .box .text{line-height: 30px;font-size: 16px;}
	.solutions_show .box .text p{line-height: 30px;font-size: 16px;}
}

/* page_size_center */
.page_size_center{float: left;line-height: 50px;margin-bottom: 40px;overflow: hidden;font-size: 14px;width: 100%;text-align: center;}
.page_size_center a,
.page_size_center b,
.page_size_center .current{padding:0 20px;line-height: 50px;height: 50px;text-align: center;color: #555;display: inline-block;font-weight: normal;border: 1px solid #eee;border-radius: 8px;margin-right: 20px;background: #fff;;}
.page_size_center .current{background: var(--themefive);color: #fff;border: 1px solid var(--themefive)}
@media (max-width: 992px) {
	.page_size_center{display: none;}
}

/*guarantee_page*/
.guarantee_page{ float: left;width: 100%;padding:100px 0 40px;}
.guarantee_page .box{float: left;width: 100%;}
.guarantee_page .box .one{float: left;width:100%;}
.guarantee_page .box .one .text{float: left;width: 50%;padding-right: 100px;}
.guarantee_page .box .one .text h2{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';margin-bottom: 30px;}
.guarantee_page .box .one .text p{float: left;width:100%;font-size: 16px;line-height: 24px;color: #888;}
.guarantee_page .box .one .img{float: left;width: 50%;}
.guarantee_page .box .one .img img{float: left;width: 100%;}
.guarantee_page .box .two{float: left;width:100%;padding:100px 0 0;}
.guarantee_page .box .two .text{float: right;width: 50%;padding-left: 100px;}
.guarantee_page .box .two .text h2{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';margin-bottom: 30px;}
.guarantee_page .box .two .text p{float: left;width:100%;font-size: 16px;line-height: 24px;color: #888;}
.guarantee_page .box .two .img{float: left;width: 50%;}
.guarantee_page .box .two .img img{float: left;width: 100%;}
.guarantee_page .box .three{float: left;width:100%;padding:100px 0 0;}
.guarantee_page .box .three .title{float: left;width: 100%;text-align: center;margin-bottom: 30px;}
.guarantee_page .box .three .title h2{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';margin-bottom: 30px;}
.guarantee_page .box .three .title p{float: left;width:100%;font-size: 16px;line-height: 24px;color: #888;padding: 0 20%;}
.guarantee_page .box .three .con_top{float: left;width: 100%;display: flex;flex-wrap: wrap;}
.guarantee_page .box .three .con_top .li{float: left;width: 50%;display: flex;background: #fff;}
.guarantee_page .box .three .con_top .li:hover .text b{color: var(--themefive)}
.guarantee_page .box .three .con_top .li:hover .text i{margin-left: -10px;opacity: 1;}
.guarantee_page .box .three .con_top .li:hover .img img{transform: scale(1.1);}
.guarantee_page .box .three .con_top .li .text{float: left;width: 50%;padding: 30px;position: relative;}
.guarantee_page .box .three .con_top .li .text i{width: 30px;height: 30px;background: #fff;left: 0;top:35px;float: right;transform: rotate(45deg);position: absolute;transition: 0.5s;opacity: 0;}
.guarantee_page .box .three .con_top .li .text b{float: left;width: 100%;line-height: 40px;font-size: 18px;font-family: 'MB';}
.guarantee_page .box .three .con_top .li .text p{float: left;width: 100%;line-height: 24px;font-size: 16px;color: #888;}
.guarantee_page .box .three .con_top .li .img{float: left;width: 50%;overflow: hidden;}
.guarantee_page .box .three .con_top .li .img img{float: left;width: 100%;position: relative;transition:0.5s;}
.guarantee_page .box .three .con_bottom{float: left;width: 100%;display: flex;flex-wrap: wrap;}
.guarantee_page .box .three .con_bottom .li{float: left;width: 50%;display: flex;background: #fff;flex-direction: row-reverse;}
.guarantee_page .box .three .con_bottom .li:hover .text b{color: var(--themefive)}
.guarantee_page .box .three .con_bottom .li:hover .text i{margin-right: -10px;opacity: 1;}
.guarantee_page .box .three .con_bottom .li:hover .img img{transform: scale(1.1);}
.guarantee_page .box .three .con_bottom .li .text{float: left;width: 50%;padding: 30px;position: relative;}
.guarantee_page .box .three .con_bottom .li .text i{width: 30px;height: 30px;background: #fff;right: 0;top:35px;float: right;transform: rotate(45deg);position: absolute;transition: 0.5s;opacity: 0;}
.guarantee_page .box .three .con_bottom .li .text b{float: left;width: 100%;line-height: 40px;font-size: 18px;font-family: 'MB';}
.guarantee_page .box .three .con_bottom .li .text p{float: left;width: 100%;line-height: 24px;font-size: 16px;color: #888;}
.guarantee_page .box .three .con_bottom .li .img{float: left;width: 50%;overflow: hidden;}
.guarantee_page .box .three .con_bottom .li .img img{float: left;width: 100%;position: relative;transition:0.5s;}
.guarantee_page .box .four{float: left;width:100%;padding:100px 0;}
.guarantee_page .box .four .title{float: left;width: 100%;text-align: center;margin-bottom: 30px;}
.guarantee_page .box .four .title h2{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';margin-bottom: 30px;}
.guarantee_page .box .four .title p{float: left;width:100%;font-size: 16px;line-height: 24px;color: #888;padding: 0 20%;}
.guarantee_page .box .four .con{float: left;width: 100%;display: flex;flex-wrap: wrap;}
.guarantee_page .box .four .con .li{float: left;width: 100%;display: flex;flex-wrap: wrap;background: var(--themeone);padding: 40px;color: #fff;transition:0.5s;margin-bottom: 30px;}
.guarantee_page .box .four .con .li:hover{background:var(--themefive)}
.guarantee_page .box .four .con .li b{float: left;width: 100%;line-height: 40px;font-size: 30px;font-family: 'MB';margin-bottom: 15px;}
.guarantee_page .box .four .con .li a{float: left;width: 100%;line-height: 24px;font-size: 16px;color: #fff;}
@media (max-width: 768px) {
	.guarantee_page{padding: 40px 0 0;}
	.guarantee_page .box{padding:0;}
	.guarantee_page .box .one .text{width:100%;padding:0 20px;margin-bottom: 20px;;}
	.guarantee_page .box .one .text h2{font-size: 24px;line-height: 36px;margin-bottom:10px;}
	.guarantee_page .box .one .text p{font-size: 14px;line-height: 20px;color: #888;}
	.guarantee_page .box .one .img{width: 100%;}
	.guarantee_page .box .two{padding: 60px 0 0;}
	.guarantee_page .box .two .text{width:100%;padding:0 20px;margin-bottom: 20px;}
	.guarantee_page .box .two .text h2{font-size: 24px;line-height: 36px;margin-bottom:10px;}
	.guarantee_page .box .two .text p{font-size: 16px;line-height: 24px;color: #888;}
	.guarantee_page .box .two .img{width: 100%;}
	.guarantee_page .box .three{padding: 60px 0 0;}
	.guarantee_page .box .three .title h2{font-size: 24px;line-height: 36px;margin-bottom: 10px;}
	.guarantee_page .box .three .title a{font-size: 14px;line-height: 20px;padding: 0 20px;}
	.guarantee_page .box .three .con_top{float: left;width: 100%;display: flex;flex-wrap: wrap;}
	.guarantee_page .box .three .con_top .li{float: left;width: 100%;display: flex;background: #fff;flex-direction: column;}
	.guarantee_page .box .three .con_top .li:hover .text b{color: var(--themefive)}
	.guarantee_page .box .three .con_top .li:hover .text i{margin-left: -10px;opacity: 1;}
	.guarantee_page .box .three .con_top .li:hover .img img{transform: scale(1.1);}
	.guarantee_page .box .three .con_top .li .text{width: 100%;padding: 20px;}
	.guarantee_page .box .three .con_top .li .text i{width: 30px;height: 30px;background: #fff;left: 0;top:35px;float: right;transform: rotate(45deg);position: absolute;transition: 0.5s;opacity: 0;}
	.guarantee_page .box .three .con_top .li .text b{width: 100%;line-height: 40px;font-size: 18px;font-family: 'MB';}
	.guarantee_page .box .three .con_top .li .text p{width: 100%;line-height: 20px;font-size: 14px;}
	.guarantee_page .box .three .con_top .li .img{width: 100%;overflow: hidden;}
	.guarantee_page .box .three .con_bottom .li{width: 100%;display: flex;background: #fff;flex-direction: column;}
	.guarantee_page .box .three .con_bottom .li:hover .text b{color: var(--themefive)}
	.guarantee_page .box .three .con_bottom .li:hover .text i{margin-left: -10px;opacity: 1;}
	.guarantee_page .box .three .con_bottom .li:hover .img img{transform: scale(1.1);}
	.guarantee_page .box .three .con_bottom .li .text{width: 100%;padding: 20px;}
	.guarantee_page .box .three .con_bottom .li .text i{width: 30px;height: 30px;background: #fff;left: 0;top:35px;float: right;transform: rotate(45deg);position: absolute;transition: 0.5s;opacity: 0;}
	.guarantee_page .box .three .con_bottom .li .text b{width: 100%;line-height: 24px;font-size: 16px;margin-bottom: 10px;}
	.guarantee_page .box .three .con_bottom .li .text p{width: 100%;line-height: 20px;font-size: 14px;}
	.guarantee_page .box .three .con_bottom .li .img{width: 100%;overflow: hidden;}
	.guarantee_page .box .four{padding:60px 0 0;}
	.guarantee_page .box .four .title{margin-bottom: 30px;}
	.guarantee_page .box .four .title h2{font-size: 24px;line-height:36px;margin-bottom: 20px;}
	.guarantee_page .box .four .title p{font-size: 14px;line-height: 20px;padding: 0 20px;}
	.guarantee_page .box .four .con{float: left;width: 100%;display: flex;flex-wrap: wrap;}
	.guarantee_page .box .four .con .li{padding: 30px 20px 30px;margin-bottom: 1px;}
	.guarantee_page .box .four .con .li b{line-height: 24px;font-size: 16px;}
	.guarantee_page .box .four .con .li p{line-height: 20px;font-size: 14px;}
}

/*industry_page*/
.industry_page{ float: left;width: 100%;padding:100px 0 40px;}
.industry_page .box{float: left;width: 100%;}
.industry_page .box .one{float: left;width:100%;margin-bottom: 60px;}
.industry_page .box .one .img{float: left;width:100%;margin-bottom: 20px;}
.industry_page .box .one .img img{float: left;width:100%;}
.industry_page .box .one .con{float:left;width: 100%;display: flex;}
.industry_page .box .one .con .l{float: left;width: 40%;padding-right: 100px;display: flex;flex-direction: column;justify-content: space-around;}
.industry_page .box .one .con .l h2{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';margin-bottom: 30px;}
.industry_page .box .one .con .l a{float: left;font-size: 24px;line-height: 50px;color: #fff;background: var(--themefive);padding: 0 20px;font-family: 'MB';font-weight: bold;}
.industry_page .box .one .con .r{float: left;width: 60%;padding-right: 100px;line-height: 24px;font-size: 16px;}
.industry_page .box .one .con .r p{float: left;width: 100%;}
.industry_page .box .four{float: left;width:100%;padding:100px 0;}
.industry_page .box .four .title{float: left;width: 100%;text-align: center;margin-bottom: 30px;}
.industry_page .box .four .title h2{float: left;width:100%;font-size: 48px;line-height: 60px;color: #000;font-family: 'MB';margin-bottom: 30px;}
.industry_page .box .four .title p{float: left;width:100%;font-size: 16px;line-height: 24px;color: #888;padding: 0 20%;}
.industry_page .box .four .con{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.industry_page .box .four .con .li{float: left;width: 32%;transition: 1s;background: #fff;padding: 30px;}
.industry_page .box .four .con .li b{float: left;width: 100%;line-height: 40px;font-size: 30px;font-family: 'MB';margin-bottom: 15px;transition: 0.5s;}
.industry_page .box .four .con .li p{float: left;width: 100%;line-height: 24px;font-size: 16px;transition:0s;}
.industry_page .box .four .con .li:hover{color: #fff;background: var(--themefive);}
@media (max-width: 768px) {
	.industry_page{padding:0;}
	.industry_page .box{padding:0;}
	.industry_page .box .one{float: left;width:100%;margin-bottom: 20px;}
	.industry_page .box .one .img{float: left;width:100%;margin-bottom: 20px;}
	.industry_page .box .one .img img{float: left;width:100%;}
	.industry_page .box .one .con{float:left;width: 100%;display: flex;flex-direction: column;padding:20px;}
	.industry_page .box .one .con .l{float: left;width: 100%;padding-right: 0px;display: flex;flex-direction: column;align-items: self-end;justify-content: space-around;}
	.industry_page .box .one .con .l h2{font-size: 32px;line-height: 48px;margin-bottom: 20px;}
	.industry_page .box .one .con .l a{font-size: 24px;line-height: 50px;color: #fff;background: var(--themefive);padding: 0 20px;font-family: 'MB';font-weight: bold;}
	.industry_page .box .one .con .r{width: 100%;padding: 20px 0 0;line-height: 20px;font-size: 14px;}
	.industry_page .box .one .con .r p{width: 100%;}
	.industry_page .box .four{padding:60px 0 ;}
	.industry_page .box .four .title{margin-bottom: 20px;}
	.industry_page .box .four .title h2{font-size: 24px;line-height:36px;margin-bottom:0;}
	.industry_page .box .four .con{float: left;width: 100%;display: flex;flex-wrap: wrap;}
	.industry_page .box .four .con .li{padding: 0px 20px 30px;margin-bottom: 1px;width: 100%;}
	.industry_page .box .four .con .li b{line-height: 32px;font-size: 20px;}
	.industry_page .box .four .con .li p{line-height: 20px;font-size: 14px;}
}

/*popubajax pc*/
.popubajax_bg{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;display: none;left: 0;top: 0;}
.popubajax_bg .popubajax{position: fixed;padding:0;z-index: 9998;left: 0;width: 100%;display:flex;justify-content:center;height: 100%;align-items:center;}
.popubajax_bg .popubajax .box{float: left;width: 80%;background: #fff;position: relative;border-radius: 10px;}
.popubajax_bg .popubajax .box .closes{height: 56px;width: 56px;right: 0px;top: -10px;position: absolute;text-align: center;font-size:20px;}
.popubajax_bg .popubajax .box .closes span{line-height: 56px;color: #fff;float: left;height: 56px;width: 56px;text-align: center;}
.popubajax_bg .popubajax .box .closes:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.popubajax_bg .popubajax .box .title{float: left;width: 100%;line-height: 56px;color: #fff;font-size: 18px;background: #0d86c3;height: 56px;text-indent: 30px;border-radius: 10px 10px 0 0;margin-top: -10px;}
.popubajax_bg .popubajax .box .c{float: left;width: 100%;padding:20px;}
.popubajax_bg .popubajax .box .c .li{width: 100%;float: left;margin-bottom: 10px;}
.popubajax_bg .popubajax .box .c .lihr{width: 100%;float: left;margin-bottom: 10px;height: 1px;border-bottom: 1px dashed #eee;}
.popubajax_bg .popubajax .box .c .li.half{width: 47%;}
.popubajax_bg .popubajax .box .c .li.twothird{width: 65%;margin-right: 5%;}
.popubajax_bg .popubajax .box .c .li.onethird{width: 30%;margin-right: 5%;}
.popubajax_bg .popubajax .box .c .li.onequarter{width: 21.25%;margin-right: 5%;}
.popubajax_bg .popubajax .box .c .li.fr{float: right;}
.popubajax_bg .popubajax .box .c .li.mr0{margin-right: 0;}
.popubajax_bg .popubajax .box .c .li .info{width: 100%;float: left;line-height: 30px;}
.popubajax_bg .popubajax .box .c .li .mb5{margin-bottom: 5px;}
.popubajax_bg .popubajax .box .c .li .info b{float: left;font-size: 15px;color: #000;font-weight: bold;}
.popubajax_bg .popubajax .box .c .li .info span{float: right;font-size: 16px;color: #ddd;font-size: 12px;}
.popubajax_bg .popubajax .box .c .li .info span i{color: red;font-style: normal;}
.popubajax_bg .popubajax .box .c .li .lib{float: left;width: 100%;}
.popubajax_bg .popubajax .box .c .li .lib .tt{float: left;line-height: 20px;font-weight: bold;margin-right: 20px;}
.popubajax_bg .popubajax .box .c .li .lib label{font-size: 15px;}
.popubajax_bg .popubajax .box .c .li .lib .submit{float: left;line-height: 48px;border: 1px solid var(--cgreen);background: var(--cgreen);color: #fff;margin-right: 2%;border-radius: 5px;height: 50px;font-size: 17px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);padding: 0 30px;margin:10px 0 0;font-weight: bold;}
.popubajax_bg .popubajax .box .c .li .lib .textarea{width: 100%;height:128px;background: none; line-height:32px;padding:6px;outline: none;color: #444;float: left;border: 1px solid #eee;border-radius: 6px;}
.popubajax_bg .popubajax .box .c .li .lib .checkbox{float: left;width: 16px;height: 16px;margin: 10px 10px 10px 0;}
.popubajax_bg .popubajax .box .c .li .lib .input{width: 100%;line-height: 34px;height: 36px;outline: none;color: #444;float: left;border: 1px solid #eee;border-radius: 6px;background: #fff;padding: 0 10px;outline: none;}
.popubajax_bg .popubajax .box .c .li .lib .input.len_20{width: 20%;}
.popubajax_bg .popubajax .box .c .li .lib .input:focus{border-color:--cgreen;outline: none;}
.popubajax_bg .popubajax .box .c .li .lib .select{width: 100%;line-height: 34px;height: 36px;outline: none;color: #444;float: left;border: 1px solid #eee;border-radius: 6px;padding: 0 10px;}
.popubajax_bg .popubajax .box .c .li .lib .verify{width: 45%;border-right: none;margin-right: 0;}
.popubajax_bg .popubajax .box .c .li .lib .code{float: left;margin: 0px  0 0 8px;cursor: pointer;height:36px;border: 1px solid #eee;padding: 2px;max-width: 45%;border-radius: 5px;overflow: hidden;}
.popubajax_bg .popubajax .box .c .li .lib .input:focus{outline: none;box-shadow: 0 0 4px #E77817 ;}
.popubajax_bg .popubajax .box .c .li .lib label{float: left;height: 36px;margin: 0 10px 10px 0;background: #eee;padding: 0 10px;border-radius: 5px;}
.popubajax_bg .popubajax .box .c .li .lib label span{float: left;line-height: 36px;color: #333;}
.popubajax_bg .popubajax .box .c .li .lib label .checkbox{float: left;margin-right: 5px;}
.popubajax_bg .popubajax .box .c .li .lib label .radio{float: left;margin-right: 5px;}
.popubajax_bg .popubajax .box .c .li .lib label i{float: left;font-style: normal;}
.popubajax_bg .popubajax .box .c .li .lib .Wdate{background: #fff url(/Public/Common/My97DatePicker/skin/datePicker.gif) no-repeat 98%;}
.popubajax_bg .popubajax .box .c .li .lib .inputnew{line-height: 34px;height: 36px;outline: none;color: #444;border: 1px solid #eee;border-radius: 6px;background: #fff;padding: 0 10px;outline: none;}
.popubajax_bg .popubajax .box .c .li .lib .inputnew:focus{outline: none;box-shadow: 0 0 4px #E77817 ;}

/*order_detail*/
.order_detail{float:left;width: 100%;}
.order_detail .order_head{float:left;width: 100%;line-height: 32px;margin-bottom: 12px;display: flex;flex-direction: row;background: #fff;border-radius: 6px;overflow: hidden;padding: 10px;justify-content:space-between;align-items: center;}
.order_detail .order_head i{font-style: normal;display: inline-block}
.order_detail .order_head .badge{padding: 0 6px;line-height: 32px;font-weight: normal;}
.order_detail .order_head .copy{background: var(--themefour);line-height:32px;padding: 0 10px;color: #fff;border-radius: 4px;}
.order_detail .order_head .statu{background: var(--themefour);line-height:32px;padding: 0 10px;color: #fff;border-radius: 4px;}
.order_detail .rate{float:left;width: 100%;line-height: 24px;margin-bottom: 12px;background: #fff;border-radius: 6px;overflow: hidden;}
.order_detail .rate .headsTitle{width:100%;height:42px;float:left;font-size:16px;font-weight: bold;line-height: 42px;padding-left: 15px;}
.order_detail .rate .heads{width:100%;float:left;}
.order_detail .rate .heads ul{width:100%;height:42px;float:left;font-size:14px;background: #ddd;display: flex;flex-direction: row;}
.order_detail .rate .heads ul li{height:42px;line-height:42px;float:left;display:block;cursor:pointer;color:#000;text-align: center;width: 16%;margin-right: 1px;}
.order_detail .rate .heads ul li.ok{background: var(--themethree);color: #fff;}
.order_detail .rate .heads ul li.cur{border-bottom: 4px solid #009363;}
.order_detail .rate .cont{width:100%;float:left;padding:15px 15px 10px;}
.order_detail .rate .cont .li{width: 100%;padding:0 0 10px 0;margin: 0 0 10px 0;transition:0.5s;display: flex;flex-direction: row;justify-content: space-between;border-bottom: 1px dashed #eee;/*height: 40px;*/}
.order_detail .rate .cont .li:hover{border-color: var(--themefive)}
.order_detail .rate .cont .li .lil{float: left;width: 70%;}
.order_detail .rate .cont .li .lil b{float: left;font-size: 12px;font-weight: bold;margin-bottom: 2px;line-height: 14px;}
.order_detail .rate .cont .li .lil p{float: left;width: 100%;line-height: 16px;color: #666;font-size: 12px;}
.order_detail .rate .cont .li .lil p img{max-width: 100%;}
.order_detail .rate .cont .li span{float: right;line-height: 20px;font-size: 12px;color: #888;}
.order_detail .rate .cont .con_li{display: none;}
.order_detail .rate .cont .hover{display: block;}
.order_detail .order{float:left;width: 100%;line-height: 24px;margin-bottom: 20px;display: flex;flex-direction: row;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.08);position: relative;}
.order_detail .order .copy{position: absolute;top: 0;right: 0;background: var(--themefour);line-height:36px;padding: 0 20px;color: #fff;border-radius: 0 0 0 10px;}
.order_detail .order .l{width:200px;display: flex;background: #00c282;}
.order_detail .order .l b{width:100%;line-height: 100%;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.order_detail .order .l b span{line-height: 40px;font-size: 30px;color: #fff;}
.order_detail .order .l b i{line-height: 18px;font-size: 13px;color: #fff;font-style: normal;text-align: center;width: 100%;margin-top: 6px;display: inline-block;padding: 0 10px;font-weight: normal;}
.order_detail .order .r{flex: 1;padding: 20px;}
.order_detail .order .r .offline_bank{width: 100%;display: inline-block;background: #f0f0f0;padding: 12px;position: relative;border-radius: 10px;margin-top: 10px;line-height: 20px;}
.order_detail .order .r .offline_bank:before{display:block;content:'';width:0;border-width:8px 8px 8px 8px;border-style:solid; border-color: transparent transparent #f0f0f0 transparent; position:absolute; left:120px;top:-16px;}
.order_detail .order .r .offline_bank .p{width: 100%;float: left;font-size: 12px;}
.order_detail .deal{float:left;width: 100%;margin-bottom:20px;}
.order_detail .records{float:left;width: 100%;line-height: 30px;margin-bottom:20px;display: flex;flex-direction: row;flex-wrap: wrap;background: #fafafa;padding: 15px 20px 5px;border-radius: 10px;}
.order_detail .records .li{width: 230px;border-radius: 6px;padding:0 10px 10px 10px;margin: 0 10px 10px 0;background: #fff;position: relative;box-shadow: 0 0 8px rgba(0,0,0,0.03);overflow: hidden;transition:0.5s;}
.order_detail .records .li:hover{box-shadow: 0 4px 10px rgba(0,0,0,0.06);overflow: hidden;}
.order_detail .records .li b{float: left;font-size: 12px;font-weight: bold;margin-bottom: 2px;line-height: 14px;color: #00c282;background: #e5f2ee;border-radius:  0 0 6px 0;margin-left: -10px;padding: 6px 6px 6px 10px;}
.order_detail .records .li span{float: left;line-height: 20px;font-size: 12px;color: #ddd;width: 100%;}
.order_detail .records .li p{float: left;width: 100%;line-height: 16px;color: #666;font-size: 12px;}
.order_detail .records .li p img{max-width: 100%;}
@media (max-width: 992px) {
	.order_detail .order{display: flex;flex-direction: column;}
	.order_detail .order .l{width:100%;display: flex;background: #00c282;}
	.order_detail .order .l b{width:100%;line-height: 100%;display:flex;flex-direction: column;justify-content: center;align-items: center;}
	.order_detail .order .l b span{line-height: 40px;font-size: 30px;color: #fff;}
	.order_detail .order .l b i{line-height: 20px;font-size: 16px;color: #fff;font-style: normal;text-align: center;width: 100%;margin-top: 6px;display: inline-block;}
	.order_detail .order .r{width:100%;padding: 20px;}
	.order_detail .order .r .offline_bank{width: 100%;display: inline-block;background: #f0f0f0;padding: 12px;position: relative;border-radius: 10px;margin-top: 10px;line-height: 20px;}
	.order_detail .order .r .offline_bank:before{display:block;content:'';width:0;border-width:8px 8px 8px 8px;border-style:solid; border-color: transparent transparent #f0f0f0 transparent; position:absolute; left:120px;top:-16px;}
	.order_detail .deal{float:left;width: 100%;margin-bottom:20px;}
	.order_detail .records{float:left;width: 100%;line-height: 30px;margin-bottom:20px;display: flex;flex-direction: row;flex-wrap: wrap;background: #fafafa;padding: 20px 20px 0;border-radius: 10px;}
	.order_detail .records .li{width: 230px;border-radius: 10px;padding: 15px;margin: 0 15px 15px 0;background: #fff;position: relative;}
	.order_detail .records .li b{float: left;font-weight: bold;font-size: 14px;font-weight: bold;margin-bottom: 5px;line-height: 24px;color: #fff;background: #00c282;border-radius:  0 12px 12px 0;margin-left: -15px;padding: 0 10px 0 15px;}
	.order_detail .records .li span{float: left;line-height: 24px;font-size: 12px;color: #aaa;width: 100%;}
	.order_detail .records .li p{float: left;width: 100%;line-height: 20px;color: #666;font-size: 13px;}
}

.pz{width: 100%;float: left;margin-top: 15px;}
.pz .li{width: 100%;float: left;background: #f4f4f4;border-radius: 6px;line-height: 16px;}
.pz .li .time{width: 100%;float: left;background: #fff;padding: 10px;border-radius: 6px;cursor: pointer;}
.pz .li .time i{float: left;margin-right: 10px;}
.pz .li .time span{float: left;}
.pz .li .time em{float: right;}
.pz .li .text{width: 100%;float: left;padding: 10px;display: none;}
.pz .li .text img{max-width: 100%;}

.more_box{float: left;width: 100%;background: #fff;margin-bottom: 12px;border-radius: 6px;}
.more_box .titles{float: left;width: 100%;line-height: 32px;font-size: 16px;font-weight: bold;padding: 0 15px;margin-top: 10px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.more_box .titles .b{float: left;}
.more_box .titles .deal{float: right;width: auto;margin:10px 0;}
.more_box .titles .deal .btn{line-height: 32px;padding: 0 15px;}
.more_box .stl{float: left;width: 100%;padding:10px 15px 0;}
.more_box .stl .stl_records{float: left;width: 100%;background: #fff;padding:12px;margin-top: -4px;border-radius: 6px 6px 10px 10px;box-shadow: 0 3px 5px rgba(0,0,0,0.05);margin-bottom: 10px;display: none;}
.more_box .stl .stl_records .lis{float: left;width: 100%;line-height: 30px;font-size: 12px;}
.more_box .stl .li{float: left;width: 100%;display: flex;padding: 10px;line-height: 20px;background: #fff;margin: 4px 0;box-shadow: 0 0 10px rgba(0,194,130,0.05);border-radius: 6px;transition:0.5s;border: 1px solid rgba(0,194,130,0.2);display: flex;flex-direction: row;justify-content: space-between;font-size: 12px;}
.more_box .stl .li_head{background:#f2fdfa;}
.more_box .stl .li .badge{font-weight: normal;}
.more_box .stl .li .btn{padding: 0.375rem 0.35rem;}
.more_box .stl .li em{font-style: normal;}
.more_box .stl .li i{font-style: normal;word-break: break-all;}
.more_box .stl .li_have_1{border-radius:6px 6px 0 0;}
.more_box .stl .li_2{margin-top: -5px;border-radius: 0 0 6px 6px;}
.more_box .stl .li.li_in_order_statu_1{box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #eee;}
.more_box .stl .li.li_in_order_statu_1 .stl_name{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_1 .stl_detail{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_1 .stl_price{opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_1 .stl_material{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_1 .stl_proplus{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_1 .stl_remark_text{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_1 .badge-secondary{display: none;}
.more_box .stl .li.li_in_order_statu_1 .badge-secondary{display: none;}

.more_box .stl .li.li_in_order_statu_6{box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #eee;}
.more_box .stl .li.li_in_order_statu_6 .stl_name{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_6 .stl_detail{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_6 .stl_price{opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_6 .stl_material{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_6 .stl_proplus{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_6 .stl_remark_text{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_6 .badge-secondary{display: none;}
.more_box .stl .li.li_in_order_statu_6 .badge-secondary{display: none;}

.more_box .stl .li.li_in_order_statu_4{box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #eee;}
.more_box .stl .li.li_in_order_statu_4 .stl_name{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_4 .stl_detail{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_4 .stl_price{opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_4 .stl_material{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_4 .stl_proplus{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_4 .stl_remark_text{text-decoration: line-through;opacity: 0.3;}
.more_box .stl .li.li_in_order_statu_4 .badge-secondary{display: none;}
.more_box .stl .li.li_in_order_statu_4 .badge-secondary{display: none;}

.more_box .stl .li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.more_box .stl .li .stl_name{width: 100px;font-size: 12px;line-height: 20px;padding-right: 18px;}
.more_box .stl .li .stl_name .bi-eye-fill{color: #666;margin-left: 6px;cursor: pointer;}
.more_box .stl .li .stl_name .file_thumb{width: 100%;max-width: 60px;}
.more_box .stl .li .stl_name .file_thumb img{width: 100%;cursor: pointer;}
.more_box .stl .li .stl_detail{width: 200px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;padding-right: 5px;}
.more_box .stl .li .stl_material{width: 130px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;padding-right: 5px;}
.more_box .stl .li .stl_proplus{gap:5px;width:120px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;/*overflow: hidden;width: 130px;*/word-wrap: break-word;white-space: normal;padding-right: 5px;}
.more_box .stl .li .stl_qty{width: 40px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-align: center;}
.more_box .stl .li .stl_unit{width: 80px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-align: center;}
.more_box .stl .li .stl_price{width: 100px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-align: center;}
.more_box .stl .li .stl_remark_text{width: 80px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;color: var(--themefour)}
.more_box .stl .li .stl_links{width:140px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;float: right;text-align: right;}
.more_box .stl .li .stl_links .btn{padding: 0 10px;line-height: 32px;}
.more_box .note{padding: 10px 15px;float: left;color:var(--themefour);}
.more_box .order_remark{float: left;width: 100%;border-radius: 3px;border: 1px solid #eee;margin: 10px 0 0 0;font-size: 12px;padding: 5px 10px;line-height: 20px;background: #fafafa;color: var(--themethree);font-weight: bold;}
.more_box .order_remark::placeholder{color: #aaa;;}
.more_box .admin_remark{float: left;width: 100%;margin: 10px 0 0 0;font-size: 12px;display: flex;flex-direction: row;}
.more_box .admin_remark textarea{float: left;flex:1;border-radius: 3px;border: 1px solid var(--themethree);margin: 0;font-size: 12px;padding: 5px 10px;line-height: 20px;height: 50px;}
.more_box .admin_remark .btn{float: left;width: 100px;margin-left: 10px;}
.plus-note-icon{font-size: 14px;font-weight: bold;color: var(--themefive);cursor: pointer;}
@media (max-width: 1440px) {
	.more_box .stl .li .stl_name{width: 110px;}
	.more_box .stl .li .stl_detail{width: 140px;}
	.more_box .stl .li .stl_material{width: 120px;}
}

.sorder_box{float: left;width: 100%;display:block;border-radius: 6px;margin-bottom: 12px;background: #fff;}
.sorder_box .titles{float: left;width: 100%;line-height: 40px;font-size: 16px;font-weight: bold;padding: 0 15px;margin-top: 5px;}
.sorder_box .titles .b{float: left;}
.sorder_box .titles a{float: right;font-size: 13px;}
.sorder_box .sorder{float: left;width: 100%;padding: 0 15px 10px;}
.sorder_box .sorder .title{float: left;width: 100%;line-height: 40px;font-size: 16px;font-weight: bold;}
.sorder_box .sorder .li_records{float: left;width: 100%;background: #fff;padding:12px;margin-top: -3px;border-radius: 6px 6px 10px 10px;box-shadow: 0 3px 5px rgba(0,0,0,0.05);margin-bottom: 10px;display: none;}
.sorder_box .sorder .li_records .lis{float: left;width: 100%;line-height: 30px;font-size: 12px;}
.sorder_box .sorder .li{float: left;width: 100%;display: flex;padding: 10px;line-height: 30px;background: #fff;margin:0 0 5px;box-shadow: 0 0 10px rgba(0,194,130,0.05);border-radius: 6px;transition:0.5s;border: 2px solid rgba(0,194,130,0.2);justify-content: space-between;}
.sorder_box .sorder .li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.sorder_box .sorder .li .s_no{width: 15%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.sorder_box .sorder .li .s_mo{width: 15%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.sorder_box .sorder .li .s_price{width: 10%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.sorder_box .sorder .li .s_remark_text{width:25%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.sorder_box .sorder .li .s_time{width: 15%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.sorder_box .sorder .li .s_links{width:130px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: right;text-align: right;}
.sorder_box .sorder .li .s_links .btn{line-height: 30px;}
.sorder_box .sorder .li .s_links .dropdown-item{line-height: 20px;}

.lr_box{float: left;width: 100%;margin-bottom: 12px;display: flex;flex-direction: row;justify-content: space-between;}
.lr_box .badge{font-weight: normal;}
.lr_box .lr_l{flex: 1;}
.lr_box .lr_l .boxs{float: left;width: 100%;background: #fff;border-radius: 6px;padding:10px 15px 15px;}
.lr_box .lr_l .boxs .titles{float: left;width: 100%;line-height: 40px;font-size: 16px;font-weight: bold;}
.lr_box .lr_l .boxs .titles b{float: left;}
.lr_box .lr_l .boxs .titles span{float: right;}
.lr_box .lr_l .boxs .con{float: left;width: 100%;line-height: 30px;}
.lr_box .lr_l .boxs .con p{float: left;width: 50%;line-height: 30px;}
.lr_box .lr_l .boxs .con p i{display: inline-block;margin: 0 60px 0 5px;font-style: normal;}
.lr_box .lr_r{width:360px;float: right;margin: 0 0 0 15px;display: flex;box-shadow: 0 0px 10px rgba(0,0,0,0.05);border-radius: 10px;border: 1px solid #00c282;overflow: hidden;}
.lr_box .lr_r .boxs{float: left;width: 100%;background: #fff;border-radius: 6px;padding:10px 25px 15px 10px;}
.lr_box .lr_r .boxs .titles{float: left;width: 100%;line-height: 40px;font-size: 16px;font-weight: bold;}
.lr_box .lr_r .boxs .con{float: left;width: 100%;}
.lr_box .lr_r .boxs .con .li{float: left;width: 100%;line-height:26px;display: flex;justify-content: space-between;padding-right: 0px;margin-bottom: 10px;}
.lr_box .lr_r .boxs .con .li span{font-size: 13px;}
.lr_box .lr_r .boxs .con .li b{font-size: 18px;color: #000;}
.lr_box .lr_r .boxs .con .li .haddle{float: right;display: flex;flex-direction: column;align-items: flex-end;line-height: 6px;}
.lr_box .lr_r .boxs .con .li .haddle .badge{line-height: 32px;padding: 0 4px;margin-bottom: 5px;}
.lr_box .lr_r .boxs .con .li .haddle .pay{display: inline-block;display: flex;line-height: 42px;background: var(--themefive);color: #fff;padding: 0 12px;border-radius: 6px;transition: 0.5s;}
.lr_box .lr_r .boxs .con .li .haddle .pay:hover{background:#112a8e;}
.more_box .titles .deal .pay{display: inline-block;line-height: 32px;background: var(--themefive);color: #fff;padding: 0 12px;border-radius: 6px;transition: 0.5s;margin-right: 10px;    vertical-align: bottom;font-weight: normal;font-size: 13px;}
.more_box .titles .deal .pay:hover{background:#112a8e;}
.more_box .titles .deal .pay.credit-card{display: inline-flex;align-items: center;}

/*forms*/
.forms{float: left;width: 100%;max-width: 800px;}
.forms .titles{float: left;width: 100%;margin:0 0 20px;border-bottom: 1px dashed #eee;padding-bottom: 10px;}
.forms .titles b{line-height: 30px;font-size: 16px;}
.forms .li{float: left;width: 100%;margin: 0 0 15px;}
.forms .li.half{float: left;width: 48%;margin: 0 0 15px;}
.forms .li.onethird{float: left;width: 31%;margin: 0 3.5% 15px 0;}
.forms .li.onefour{float: left;width: 24%;margin: 0 2% 15px 0;}
.forms .li.mr0{margin-right: 0;}
.forms .li.fr{float: right;}
.forms .li .libox{float: left;width: 31.33%;margin: 0 2% 2% 0;overflow: hidden;}
.forms .li .lil{float: left;width:100%;line-height: 30px;font-size: 15px;font-family: 'MB';}
.forms .li .lir{float: right;width:100%;position: relative;}
.forms .li .lir .p{float: left;line-height: 40px;line-height: 40px;color: #888;}
.forms .li .lir .red{float: left;line-height: 40px;color: red;margin-right: 10px;}
.forms .li .lir .input{float: left;margin:0;background: #fff;width: 100%;color: #000;border: 1px solid #eee;position:relative;border-radius: 0;}
.forms .li .lir .checkbox{float: left;margin: 12px 10px 0 0 ;}
.forms .li .lir .radios{float: left;margin: 12px 10px 0 0 ;}
.forms .li .lir .radios span{float: left;margin:0 ;padding: 0;}
.forms .li .lir .label{float: left;margin: 0 5px 0 0;padding: 0;}
.forms .li .lir .label .radio{margin-right: 5px;}
.forms .li .lir .label span{float: left;margin: 0 10px 0 0;padding: 0;line-height: 40px;color: #888;font-weight: normal;}
.forms .li .lir .textarea{float: left;height: 36px;width: 100%;border: 1px solid #eee;border-radius: 0;}
.forms .li .lir .btn{float: left;padding: 0 30px;line-height: 40px;text-transform: uppercase;font-family: 'MB';}
.forms.readonly .li .lir .input{background: #ddd;border:none;}
@media (max-width: 768px) {
	.forms .li{margin-bottom: 10px;}
	.forms .li .lir .tips{display: none;}
	.forms .li .lil{width:100%;text-align: left;}
	.forms .li .lir{width:100%;}
	.forms .li .lir .red{display: none;}
	.forms .li .lir .Wdate{height:44px;}
	.forms .li .lir .btn{line-height: 44px;margin-top: 20px;}
}

.btitles{float: left;width: 100%;line-height: 100px;font-size: 40px;text-align: center;margin: 180px 0 0px;color: var(--themeone);font-weight: bold;}
@media (max-width: 992px) {
	.btitles{line-height:40px;font-size: 30px;text-align: center;margin: 20px 0 20px;}
}

.pul{float: left;width: 100%;margin-bottom: 100px;}
.pul .li{float: left;width: 32%;border-radius: 20px;background:#fff; padding: 20px;position: relative;margin: 0 2% 30px 0;transition:0.5s;box-shadow: 0 20px 20px rgba(0,0,0,0.05);}
.pul .li:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
.pul .li:nth-child(3n){margin-right: 0;}
.pul .li .img{float: left;width: 100%;text-align: center;}
.pul .li .img img{vertical-align: top;height: 150px;}
.pul .li b{float: left;width: 100%;text-align: left;line-height: 26px;font-size: 18px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 52px;margin-bottom: 8px;}
.pul .li p{float: left;width: 100%;text-align: left;line-height: 22px;font-size: 14px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 66px;margin-bottom: 10px;}
@media (max-width: 992px) {
	.pul{float: left;width: 100%;margin-bottom: 30px;border-bottom: 4px solid #f4f4f4;}
	.pul .li{float: left;width: 100%;border-radius: 10px;background:#fff; padding: 20px;position: relative;margin-right: 0%;transition:0.5s;margin-bottom: 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
	.pul .li:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
	.pul .li:last-child{margin-right: 0;}
	.pul .li .img{float: left;width: 100%;text-align: center;}
	.pul .li .img img{vertical-align: top;height: 80px;}
	.pul .li b{float: left;width: 100%;text-align: left;line-height: 22px;font-size: 15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 44px;margin-bottom: 4px;}
	.pul .li p{float: left;width: 100%;text-align: left;line-height: 20px;font-size: 12px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 60px;margin-bottom: 5px;}
}

.sideBar{margin-top: 20px;}
.searchrestitle{float: left;width: 100%;line-height: 30px;font-weight: bold;font-size: 18px;margin: 20px 0;}
.noticebox{ width:100%;float: left;margin-bottom: 20px;}
.noticebox .hd{ height:50px; line-height:40px;  position:relative; background: #f4f4f4;padding:10px 20px 0;margin-bottom: 20px;}
.noticebox .hd ul{ float:left;  position:absolute; width: 100%; }
.noticebox .hd ul li{ float:left;  cursor:pointer;text-align: center;  color: #000;font-size: 15px;margin-right: 20px;font-weight: bold;padding: 0 20px;height: 40px;}
.noticebox .hd ul li.on{color: var(--themeone); background: #e6e6e6;}
.noticebox .bd .articleul{ float: left;width: 100%;padding: 0px 0px;  }
.noticebox .bd .articleul li{ line-height:32px;float: left;width: 100%;font-size: 15px;background: #fff;border-radius: 10px;margin-bottom: 20px;padding: 30px;box-shadow: 0 15px 10px rgba(0,0,0,0.05);}
.noticebox .bd .articleul li a{float: left;width: 100%;font-size: 18px;font-weight: bold;color: #000;}
.noticebox .bd .articleul li p{float: left;width: 100%;font-size: 13px;line-height: 24px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.noticebox .bd .articleul li span{float: left;width: 100%;font-size: 13px;color: #aaa;}
.noticebox .bd .courseul{float: left;width: 100%;margin:0 0 0;}
.noticebox .bd .courseul li{float: left;width:23.5%;margin: 0 2% 40px 0;position: relative;padding: 0 0 0px;transition:0.5s;background: #fff;text-align: center;box-shadow: 0 15px 10px rgba(0,0,0,0.05);}
.noticebox .bd .courseul li:nth-child(4n){margin-right: 0;}
.noticebox .bd .courseul li:hover{background: #000;}
.noticebox .bd .courseul li:hover .img{background: #333}
.noticebox .bd .courseul li:hover .img img{opacity: 0.2;}
.noticebox .bd .courseul li:hover .tit{color: #fff;}
.noticebox .bd .courseul li:hover .tag{opacity: 1;padding-top: 40%;}
.noticebox .bd .courseul li:hover p{color: #fff;}
.noticebox .bd .courseul li:hover a i{color: #fff;border: 1px solid #fff;}
.noticebox .bd .courseul li .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 30% 0;opacity: 0;transition:0.5s;left: 0;color: #fff;}
.noticebox .bd .courseul li .tag i{color:#fff;background:#000;color: #fff;line-height: 36px;width: 100%;border-radius: 36px;float: left;font-style: normal;cursor: pointer;}
.noticebox .bd .courseul li .img{float: left;width:100%;padding:0px;background: #f8f8f8;transition:0.5s;}
.noticebox .bd .courseul li .img img{float: left;width:100%;transition:0.5s;}
.noticebox .bd .courseul li .tit{float: left;width:100%;line-height: 24px;color: #000;overflow: hidden;font-size: 16px;padding:0px 15px;margin: 15px 0 10px;transition:0.5s;height: 48px;overflow: hidden;}
.noticebox .bd .courseul li .see{float: left;width:100%;text-align: center;margin: 5px 0 20px;padding: 0 20px;}
.noticebox .bd .courseul li .see i{border: 1px solid #333;line-height: 40px;color: #333;font-style: normal;padding: 0 30px;float: left;text-transform: uppercase;transition:0.5s;width: 100%;text-align: center;}
.noticebox .bd .certificateul{float: left;width: 100%;margin:0 0 0;}
.noticebox .bd .certificateul li{float: left;width:17.6%;margin: 0 3% 30px 0;position: relative;padding: 0 0 0px;transition:0.5s;background: #fff;text-align: center;box-shadow: 0 15px 10px rgba(0,0,0,0.05);border-radius: 20px;overflow: hidden;}
.noticebox .bd .certificateul li:nth-child(5n){margin-right: 0;}
.noticebox .bd .certificateul li:hover{color: #fff;box-shadow: 0 20px 10px rgba(0,0,0,0.2);}
.noticebox .bd .certificateul li .img{float: left;width:100%;padding:0px;background: #f8f8f8;transition:0.5s;}
.noticebox .bd .certificateul li .img img{float: left;width:100%;transition:0.5s;}
.noticebox .bd .certificateul li .tit{float: left;width:100%;line-height: 34px;color: #000;overflow: hidden;font-size: 16px;padding:0px 15px;margin: 15px 0 0;transition:0.5s;overflow: hidden;}
.noticebox .bd .certificateul li .times{float: left;width:100%;line-height: 24px;color: #444;overflow: hidden;font-size: 12px;padding:0px 15px;margin: 0 0 10px;transition:0.5s;overflow: hidden;}
@media (max-width: 992px) {
	.searchrestitle{float: left;width: 100%;line-height: 30px;font-weight: bold;font-size: 16px;margin: 25px 0 0;padding: 0 20px;}
	.noticebox{padding: 0 20px;}
	.noticebox .hd{background: none;padding: 0;border-bottom: 3px solid #fff;height: 50px;}
	.noticebox .hd ul{ float:left;  position:absolute; width: 100%;height: 50px; }
	.noticebox .hd ul li{ float:left;  cursor:pointer;text-align: center;  color: #000;font-size: 12px;margin-right: 10px;font-weight: bold;padding: 0;line-height: 50px;height: 50px;font-weight: normal;}
	.noticebox .hd ul li.on{color: var(--themeone); background: #e6e6e6;border-bottom: 3px solid var(--themeone);}
	.noticebox .bd .courseul{float: left;width: 100%;margin-bottom:0px;padding:0px 0;margin-top: 0px;}
	.noticebox .bd .courseul li{float: left;width:48%;margin: 0 0 0px 0;position: relative;padding: 0 0px 10px;background: #fff;transition:0.5s;}
	.noticebox .bd .courseul li:nth-child(2n){float: right;}
	.noticebox .bd .courseul li:hover{background: #d80d18;}
	.noticebox .bd .courseul li:hover .tit{color: #fff;}
	.noticebox .bd .courseul li:hover p{color: #fff;}
	.noticebox .bd .courseul li .img{float: left;width:100%;padding: 0 0%;background: #fff;}
	.noticebox .bd .courseul li .img img{float: left;width:100%;}
	.noticebox .bd .courseul li .tit{float: left;width:100%;line-height:20px;color: #000;overflow: hidden;font-size: 13px;padding:0px 10px 0;height: 60px;margin: 5px 0 5px;transition:0.5s;overflow: hidden;}
	.noticebox .bd .courseul li .p{float: left;width:100%;color: #999;padding: 0 10px;line-height: 20px;height: auto;font-size: 12px;margin-bottom: 5px;height: 40px;overflow: hidden;}
	.noticebox .bd .courseul li .see i{border-radius: 30px;font-size: 12px;color: #333;}
	.noticebox .bd .certificateul{float: left;width: 100%;margin-bottom:0px;padding:0px 0;margin-top: 0px;}
	.noticebox .bd .certificateul li{float: left;width:48%;margin: 0 0 0px 0;position: relative;padding: 0 0px 10px;background: #fff;transition:0.5s;}
	.noticebox .bd .certificateul li:nth-child(2n){float: right;}
	.noticebox .bd .certificateul li:hover .tit{color: #fff;}
	.noticebox .bd .certificateul li:hover p{color: #fff;}
	.noticebox .bd .certificateul li .img{float: left;width:100%;padding: 0 0%;background: #fff;}
	.noticebox .bd .certificateul li .img img{float: left;width:100%;}
	.noticebox .bd .certificateul li .tit{float: left;width:100%;line-height:20px;color: #000;overflow: hidden;font-size: 13px;padding:0px 10px 0;margin: 15px 0 5px;transition:0.5s;overflow: hidden;}
}

/*searchBar*/
.searchBar{ width: 100%;padding: 30px 0 15px;background: #f4f4f4;margin: 140px 0 40px;float: left;}
.searchBar .box{float: left;width: 100%;padding: 0 0px;}
.searchBar .box form{float: left;width: 100%;}
.searchBar .box form .input{width: 60%;height:50px;float: left;font-size: 16px;line-height: 26px;margin: 0 10px 0 0;border:1px solid #eee;padding-left: 20px;outline: none}
.searchBar .box form .input::-webkit-input-placeholder{color: #ddd;}
.searchBar .box form .input::-moz-input-placeholder{color: #ddd;}
.searchBar .box form .input:-moz-input-placeholder{color: #ddd;}
.searchBar .box form .input:-ms-input-placeholder{color: #ddd;}
.searchBar .box form .submit{height:50px;float: left;line-height: 48px;border: 1px solid #eee;background: #333;color: #fff;padding: 0 50px;}
.searchBar .box form .submit span{float: left;font-size: 15px;}
.searchBar .box .hottag{float: left;margin: 0 0 0;line-height: 40px;padding-left: 0px;margin-top: 10px;}
.searchBar .box .hottag span{height: 40px;float: left;line-height: 40px;margin: 0 5px 0 0;color: #333;}
.searchBar .box .hottag a{height: 40px;float: left;line-height: 40px;margin: 0 15px 0 0;color: #666;}
.searchBar .box .hottag b{height: 40px;float: left;line-height: 40px;margin: 0 5px 0 0;color: #666;}
.searchBar .box .hottag i{height: 40px;float: left;line-height: 40px;margin: 0 15px;color: #ddd;}
@media (max-width: 992px) {
	.searchBar{ width: 100%;padding: 20px;background: #f4f4f4;margin-bottom:0px;float: left;margin-top: 0;}
	.searchBar .box{float: left;width: 100%;padding: 0 0px;}
	.searchBar .box .hottag{display: none;}
	.searchBar .box form{float: left;width: 100%;}
	.searchBar .box form .input{width: 80%;height:50px;float: left;font-size: 16px;line-height: 26px;margin: 0 0px 0 0;border:1px solid #eee;padding-left: 20px;outline: none}
	.searchBar .box form .input::-webkit-input-placeholder{color: #ddd;}
	.searchBar .box form .input::-moz-input-placeholder{color: #ddd;}
	.searchBar .box form .input:-moz-input-placeholder{color: #ddd;}
	.searchBar .box form .input:-ms-input-placeholder{color: #ddd;}
	.searchBar .box form .submit{height:50px;float: right;line-height: 48px;border: 1px solid #eee;background: #333;color: #fff;padding: 0 0px;text-align: center;width: 18%;}
	.searchBar .box form .submit span{float: none;font-size: 15px;display: inline-block;}
}

/*popubVideo*/
.popubVideo{float: left;width: 100%;margin-bottom: 120px;}
.popubVideo .c{width: 100%;float: left;border-top: 1px solid #eee;padding-top: 120px;}
.popubVideo .c .box{width: 100%;;float: left;}
.popubVideo .c .box .l{float: left;width: 50%;}
.popubVideo .c .box .l img{float: left;width: 100%;}
.popubVideo .c .box .r{float: left;width: 50%;padding-left: 60px;}
.popubVideo .c .box .r b{float: left;width: 100%;line-height: 60px;font-size: 40px;text-transform: uppercase;font-weight: normal;}
.popubVideo .c .box .r i{float: left;width: 100%;height: 5px;margin: 20px 0 0;}
.popubVideo .c .box .r i em{float: left;width: 80px;height: 5px;background: #02cdc4;}
.popubVideo .c .box .r p{float: left;width: 100%;line-height: 30px;margin: 30px 0 30px;font-size: 16px;}
.popubVideo .c .box .r a{float: left;width: 100%;}
.popubVideo .c .box .r a span{float: left;background: #02cdc4;padding: 0 50px;line-height: 60px;color: #fff;font-size: 15px;transition:0.5s;}
.popubVideo .c .box .r a:hover span{border-radius: 0 60px 60px 0;background: #fb0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);padding: 0 80px 0 50px;}
.pupub_video_bg{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;display: none;}
.pupub_video{position: fixed;display: none;padding: 0px 30%;z-index: 9998;top: 200px;left: 0;width: 100%;}
.pupub_video .box{float: left;width: 100%;background: #fff;position: relative;}
.pupub_video .box .closes{height: 64px;width: 64px;right: 0px;top: -10px;position: absolute;text-align: center;z-index: 2;}
.pupub_video .box .closes img{float: left;margin: 20px;width: 24px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.pupub_video .box .closes:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.pupub_video .box .c{float: left;width: 100%;padding:0px;position: relative;z-index: 1;}
@media (max-width: 992px) {
	.popubVideo{padding: 25px;}
	.popubVideo .c{padding-bottom:60px;}
	.popubVideo .c .box .l{width: 100%;}
	.popubVideo .c .box .r{padding-left: 0px;width: 100%;text-align: center;}
	.popubVideo .c .box .r b{line-height: 60px;font-size:24px;width: 100%;margin-top: 15px;}
	.popubVideo .c .box .r i{float: left;width: 100%;height: 5px;margin:10px 0 0;padding: 0 40%;}
	.popubVideo .c .box .r i em{float: left;width: 100%;height: 5px;background: #02cdc4;}
	.popubVideo .c .box .r p{float: left;width: 100%;line-height: 24px;margin: 20px 0 20px;font-size: 14px;}
	.popubVideo .c .box .r a{float: left;width: 100%;}
	.popubVideo .c .box .r a span{float: none;display: inline-block;line-height: 50px;}
	.pupub_video{position: fixed;display: none;padding:0;z-index: 9998;top: 0px;left: 0;width: 100%;height: 100%;}
	.pupub_video .box{float: left;width: 100%;background: #fff;position: relative;}
	.pupub_video .box .closes{height: 64px;width: 64px;right: 0px;top: -10px;position: absolute;text-align: center;}
	.pupub_video .box .closes img{float: left;margin: 20px;width: 24px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
	.pupub_video .box .closes:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
	.pupub_video .box .c{float: left;width: 100%;padding:0px;}
}


/*cateNav_3_pc*/
.cateNav_3_pc{width: 100%;float: left;margin:20px 0 0px;position: relative;}
.cateNav_3_pc a{height: 60px;line-height: 60px;color: #666;float: left;font-size: 16px;margin-right: 10px;background: #ddd;padding: 0 50px;}
.cateNav_3_pc a.cur{color: var(--themeone);background: #fff;}
@media (max-width: 992px) {
	.cateNav_3_pc{display: none;}
}


/*plus_wx*/
.plus_wx{float: left;width: 100%;background: #bbb;padding: 20px 30px 30px;}
.plus_wx .img{float: left;width: 100%;padding: 10% 10% 10px;}
.plus_wx .img img{float: left;width: 100%;background: #fff;padding: 15px;}
@media (max-width: 992px) {
	.plus_wx{display: none;}
}
/*plus_contact*/
.plus_contact{float: left;width: 100%;background: var(--themeone);padding:40px 10%;}
.plus_contact .tel{float: left;width: 100%;background: url(/Public/Common/Images/telphone.png) center top no-repeat;height: 50px}
.plus_contact .text{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 14px;color: #fff;}
.plus_contact .b{float: left;width: 100%;text-align: center;line-height: 50px;font-size: 28px;color: #fff;padding: 0 0;}
@media (max-width: 992px) {
	.plus_contact{display: none;}
}

/* 侧边导航 */
.cateNav_8{width: 100%;float: left;}
.cateNav_8 a{line-height: 80px;color: #444;width: 100%;float: left;font-size: 16px;text-align: center; transition:0.5s;margin-bottom: 1px;background: #eee;}
.cateNav_8 a.cur,
.cateNav_8 a.cur:hover{background:var(--themeone);color: #fff;}
.cateNav_8 a:hover{background:var(--themeone);color: #fff;}
@media (max-width: 992px) {
	.cateNav_8 {display: none;}
	.cateNav_8 a{height: 44px;line-height: 44px;color: #444;width: 100%;float: left;font-size: 16px;border:none;text-align: center; }
	.cateNav_8 a.cur{border:none;}
}

/*note_3 咨询页面详情*/
.note_3{width: 100%;float: left;}
.note_3 .li{width: 100%;float: left;margin-bottom: 20px;}
.note_3 .li .lil{width: 0%;float: left;}
.note_3 .li .lir{width: 100%;float: left;}
.note_3 .li .lir .reset{width: 24%;height: 50px;float: left;line-height: 50px;border: 1px solid #eee;background: #fff;color: #333;outline: none;}
.note_3 .li .lir .submit{width: 24%;height: 50px;float: left;line-height: 50px;border: 1px solid var(--themeone);background: var(--themeone);color: #fff;margin-right: 2%;}
.note_3 .li .lir .textarea{width: 80%;height:128px;background: #fff; line-height:32px;padding:6px;outline: none;color: #aaa;font-size: 13px;float: left;border: 1px solid #eee;}
.note_3 .li .lir .input{width: 50%;background: #fff;line-height: 40px;outline: none;color: #aaa;font-size: 13px;float: left;height: 42px;border: 1px solid #eee;margin: 0;}
.note_3 .li .lir .select{width: 50%;background: #fff;line-height: 40px;outline: none;color: #aaa;font-size: 13px;float: left;height: 42px;border: 1px solid #eee;}
.note_3 .li .lir .province{width: 24%;margin-right: 2%;}
.note_3 .li .lir .city{width: 24%;}
.note_3 .li .lir .short{width: 24%;margin-right: 20px;}
.note_3 .li .lir .verify{width: 24%;border-right: none;margin-right: 0;}
.note_3 .li .lir .code{float: left;margin: 0px  0 0 0;cursor: pointer;height: 42px;border: 1px solid #eee;padding: 2px;border-left: none;}
.note_3 .li .lir .input:focus{outline: none;box-shadow: 0 0 4px #E77817 ;}
.note_3 .li .lir label{float: left;margin: 0 10px 0 0;height: 20px;}
.note_3 .li .lir label .radio{float: left;margin-right: 5px;}
.note_3 .li .lir label i{float: left;font-style: normal;}
@media (max-width: 992px) {
	.note_3 .li{width: 100%;float: left;margin-bottom: 15px;}
	.note_3 .li .lil{width: 0%;float: left;}
	.note_3 .li .lir{width: 100%;float: left;}
	.note_3 .li .lir .reset{width: 49%;float: right;}
	.note_3 .li .lir .submit{width: 49%;margin-right: 0px;}
	.note_3 .li .lir .textarea{width: 100%;}
	.note_3 .li .lir .input{width: 100%;}
	.note_3 .li .lir .select{width: 100%;}
	.note_3 .li .lir .province{width: 49%;margin-right: 0;}
	.note_3 .li .lir .city{width: 49%;float: right;margin-right: 0;}
	.note_3 .li .lir .short{width: 24%;}
	.note_3 .li .lir .verify{width: 50%;}
}

/* note_6 */
.note_6{width: 100%;float: left;background-image:url(/Public/Common/Images/notebg.jpg);margin-bottom: 100px;background-attachment: fixed; background-position: center top;padding: 100px 0 150px;}
.note_6 .box{width: 100%;float: left;}
.note_6 .box form{float: left;width: 100%;}
.note_6 .box form .l{float: left;width: 40%;padding-top: 70px;}
.note_6 .box form .l img{max-width: 100%;}
.note_6 .box form .l_m{float: left;width: 100%;display: none;}
.note_6 .box form .l_m img{float: left;width: 100%;}
.note_6 .box form .m{float: left;width: 60%;padding:60px 60px 0 120px;}
.note_6 .box form .m .c{float: left;width: 100%;}
.note_6 .box form .m .c b{float: left;width: 100%;color: #fff;font-size: 30px;line-height: 80px;font-weight: normal;margin-bottom: 15px;}
.note_6 .box form .m .c .inputs{float: left;width: 100%;}
.note_6 .box form .m .c .inputs .input{float: left;width: 40%;height: 44px;border:none;background: #fff;margin: 0 100px 25px 0;line-height: 44px;font-size: 15px;padding: 0 0 0 30px;color: #333;box-shadow: 0 5px 10px rgba(0,0,0,0.05);border-radius: 44px;transition:0.5s;}
.note_6 .box form .m .c .inputs .input:focus{width: 50%;}
.note_6 .box form .m .c .inputs .input::-webkit-input-placeholder {color:#fff;}
.note_6 .box form .m .c .inputs .input:-moz-placeholder {color:#fff;}
.note_6 .box form .m .c .inputs .input::-moz-placeholder {color:#fff;}
.note_6 .box form .m .c .inputs .input:-ms-input-placeholder {color:#fff;}
.note_6 .box form .m .c .submit{width: 50%;float: left;background: var(--themeone);height: 44px;line-height: 44px;border: none;font-size: 16px;transition:0.5s;color: #fff;border-radius: 44px;padding-left: 30px;text-align: left;margin-bottom: 20px;}
.note_6 .box form .m .c .submit:hover{background: #f60;}
.note_6 .box form .m .c .tel{float: left;width: 100%;margin-top: 10px;}
.note_6 .box form .m .c .tel i{float: left;line-height: 32px;color: var(--themetwo)
;font-style: normal;font-size: 14px;}
.note_6 .box form .m .c .tel span{float: left;line-height: 32px;color: #fff;font-size: 14px;}
@media (max-width: 992px) {
	.note_6{width: 100%;float: left;padding:0;margin-bottom: 0;}
	.note_6 .box form .l{display: none;}
	.note_6 .box form .l_m{display: block;}
	.note_6 .box form .m{float: left;width: 100%;height: auto;padding:0 25px 60px;position: relative;margin-top: -60px;z-index: 3;}
	.note_6 .box form .m .c{float: left;width: 100%;padding:25px;background: #fff;position: relative;z-index: 2;background: rgba(255,255,255,0.8);border-radius: 10px;}
	.note_6 .box form .m .c b{float: left;width: 100%;color: #fff;font-size: 14px;line-height: 60px;font-weight: normal;margin-bottom: 15px;}
	.note_6 .box form .m .c .inputs{float: left;width: 100%;}
	.note_6 .box form .m .c .inputs .input{float: left;height: 44px;width: 100%;border:none;background: #fff;margin: 0 0 25px 0;line-height: 44px;font-size: 15px;padding: 0 0 0 30px;color: #333;box-shadow: 0 5px 10px rgba(0,0,0,0.05);border-radius: 44px;}
	.note_6 .box form .m .c .inputs .input:focus{width: 90%;}
	.note_6 .box form .m .c .inputs .input::-webkit-input-placeholder {color:#fff;}
	.note_6 .box form .m .c .inputs .input:-moz-placeholder {color:#fff;}
	.note_6 .box form .m .c .inputs .input::-moz-placeholder {color:#ddd;}
	.note_6 .box form .m .c .inputs .input:-ms-input-placeholder {color:#ddd;}
	.note_6 .box form .m .c .submit{width: 100%;float: left;background: var(--themetwo)
	;height: 44px;line-height: 44px;border: none;font-size: 16px;transition:0.5s;color: #fff;border-radius: 44px;padding-left: 30px;text-align: left;margin-bottom: 20px;}
	.note_6 .box form .m .c .submit:hover{background: #f60;}
	.note_6 .box form .m .c .tel{float: left;width: 100%;margin-top: 0px;}
	.note_6 .box form .m .c .tel i{display: none;}
	.note_6 .box form .m .c .tel span{float: left;line-height: 24px;color: #333;font-size: 14px;}
}


/* mainBody */
.mainWrap{width: 100%;float: left;margin: 0px 0 40px;}
.main{width: 100%;margin:0px auto 0 ;}
@media (max-width: 992px) {
	.mainWrap{margin-top: 0;margin-bottom: 15px;}
}

/*cateNav_3*/
.cateNav_3{width: 100%;float: left;margin:0px 0 0px;background: #fff;padding: 0 20px;box-shadow: 0 3px 3px #eee;position: relative;display: none;}
.cateNav_3 a{height: 50px;line-height: 50px;color: #999;float: left;font-size: 15px;margin-right: 20px;}
.cateNav_3 a.cur{border-bottom: 3px solid var(--themeone);color: var(--themeone);}
@media (max-width: 992px) {
	.cateNav_3{display: block;}
}

#mR0{margin-right: 0;}
#allmap{float: left;width: 100%;height: 300px;}
/*page_focus*/
.page_focus{float: left;width: 100%;position: relative;}
.page_focus .bg{float: left;width: 100%;height: 400px;background-repeat: no-repeat;background-position: center top;background-size: cover;}
.page_focus .img{float: left;width: 100%;display: none;}
.page_focus .img img{float: left;width: 100%;}
.page_focus .con{float: left;width: 100%;background: rgba(0,0,0,0);position: absolute;z-index: 2;bottom: 0;height: 400px;display: flex;align-items: center;padding-top: 90px;}
.page_focus .con .box{width: 100%;text-align: center;display: flex;flex-direction: column;align-items: center;}
.page_focus .con .box b{width: 100%;line-height: 60px;font-size: 50px;color: #fff;font-weight: bold;margin-bottom: 20px;font-family: 'MB'}
.page_focus .con .box p{width: 1000px;line-height: 36px;font-size: 20px;color: #fff;}
@media (max-width: 768px) {
	.page_focus{height: auto;}
	.page_focus .bg{display: none;}
	.page_focus .img{display: block;}
	.page_focus .con{height: 100%;padding: 70px 20px 0;}
	.page_focus .con .box{}
	.page_focus .con .box b{float: left;width: 100%;line-height: 40px;font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 10px;}
	.page_focus .con .box p{float: left;width: 100%;line-height: 20px;font-size: 13px;color: #fff;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
}

/*移动端栏目导航*/
.mPageNavBt{float: left;width: 100%;height: 40px;text-align: center;line-height: 40px;display: none;color: #fff;cursor: pointer;font-size: 18px;background: #999;}
.mPageNav{width:100%;float: left;background: #aaa;display: none;margin-bottom: 15px;}
.mPageNav a{width: 20%; line-height: 40px;text-align: center;color: #fff;float: left;background: #aaa;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.mPageNav a.cur{background:var(--themeone);}
@media (max-width: 992px) {
	.mPageNav{display: block;}
	.mPageNavBt{display: none;}
}

/* 通栏 */
.allBar{float: left;width: 100%;}
.allBar .title{float: left;width: 100%;height: 40px;text-indent: 15px;line-height: 40px;background: #f6f6f6;}
.allBar .content{width: 100%;float: left;}

/* 主体 */
.mainBar{width: 65%;padding: 0px 0px;}
.mainBar .box{float: left;width:100%;}
.mainBar .box .t{float: left;width: 100%;height: 50px;line-height: 50px;font-size: 16px;border-bottom: 3px solid #eee;margin-top:20px;}
.mainBar .box .t b{font-weight: normal;color: #333;height: 50px;border-bottom: 3px solid #3487bb;float: left;font-size: 16px;}
.mainBar .box .c{width: 100%;float: left;margin: 20px 0px;padding: 0;}
.mainBar .box .c .newsul{width: 100%;float: left;margin: 10px 0;}
.mainBar .box .c .newsul li{width: 100%;float: left;color: #C1C1C3;}
.mainBar .box .c .newsul li a{line-height:26px;color:#333;text-indent: 15px;float: left;}
@media (max-width: 992px) {
	.mainBar{width: 100%;padding: 0 20px;}
}

/* 侧边 */
.sideBar{width: 25%;}
.sideBar .ad{float: left;width: 100%;}
.sideBar .ad img{float: left;width: 100%;margin: 0 0 12px 0;}
.sideBar .box{float: left;width: 100%;margin: 0 0 12px 0;}
.sideBar .box .t{float: left;width: 100%;margin:0 0px;height: 40px;line-height: 40px;font-size: 15px;background: #3487bb;text-indent: 20px;}
.sideBar .box .t strong{font-weight: normal;color: #fff;height: 40px;line-height: 40px;float: left;}
.sideBar .box .c{width: 100%;float: left;}
.sideBar .box .c .newsul{width: 100%;float: left;margin: 10px 0;}
.sideBar .box .c .newsul li{width: 100%;float: left;color: #C1C1C3;line-height: 26px;height: 26px;overflow: hidden;}
.sideBar .box .c .newsul li span{height:26px;color:#555;float: left;width: 10px;margin-left: 20px;}
.sideBar .box .c .newsul li a{height:26px;color:#555;text-indent: 5px;float: left;width: 240px;}
@media (max-width: 992px) {
	.sideBar{width: 100%;}
}

.singePageBox{float: left;width: 100%;margin:  0 0 100px;z-index: 333;position: relative;}
.singePageBox .box{float: left;width: 100%;}
.singePageBox .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 60px;background: #fff;border-bottom: 1px solid var(--themeone);}
.singePageBox .box .catenav a{height: 100px;line-height: 100px;color: #000;float: left;font-size: 16px;margin-right: 60px;}
.singePageBox .box .catenav a i{width: 0;height: 4px;background:var(--themeone);margin: 48px 0px 0 0;float: left;}
.singePageBox .box .catenav a span{line-height: 100px;}
.singePageBox .box .catenav a.cur i{width: 20px;margin-right: 10px;}
.singePageBox .box .catenav a.cur span{color: var(--themeone);}
.singePageBox .box .htext{float: left;width: 100%;margin: 60px 0 0;}
.singePageBox .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.singePageBox .box .htext h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;}
.singePageBox .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;}
.singePageBox .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.singePageBox .box .htext .info a{color: #ddd;}
.singePageBox .box .htext .text{float: left;width: 100%;line-height: 36px;font-size: 16px;margin:0px 0 0 ;padding: 0;color: #444;}
.singePageBox .box .htext .text p{float: left;width: 100%;line-height: 36px;font-size: 16px;margin: 0;padding: 0;}
.singePageBox .box .htext .text p img{max-width: 100%;}
.singePageBox .box .htext .text img{max-width: 100%;}
@media (max-width: 992px) {
	.singePageBox{float: left;width: 100%;margin:0;padding:0px;}
	.singePageBox .box{float: left;width: 100%;}
	.singePageBox .box .catenav{display: none;}
	.singePageBox .box .htext{float: left;width: 100%;margin: 0px 0 0;}
	.singePageBox .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
	.singePageBox .box .htext h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;}
	.singePageBox .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;}
	.singePageBox .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
	.singePageBox .box .htext .info a{color: #ddd;}
	.singePageBox .box .htext .text{float: left;width: 100%;line-height: 30px;font-size: 14px;margin:0px 0 0 ;padding:20px;color: #444;}
	.singePageBox .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;}
	.singePageBox .box .htext .text p img{max-width: 100%;}
	.singePageBox .box .htext .text img{max-width: 100%;}
}

/*html_pn*/
.html_pn{float: left;width: 100%;line-height: 40px;font-size: 15px;font-weight: bold;color: #000;border-top: 1px solid #888;margin-top: 20px;padding-top:20px;display: flex;flex-direction: row;justify-content: space-between;}
.html_pn a{color: #000;}
.html_pn .next{}
.html_pn .next a:hover{color:var(--themefive);}
.html_pn .prev{}
.html_pn .prev a:hover{color:var(--themefive);}
@media (max-width: 768px) {
	.html_pn{flex-direction: column;justify-content: space-between;font-size: 16px;}
}

/* pageSize_1 */
.pageSize_1{float: left;line-height: 50px;margin-bottom: 40px;overflow: hidden;font-size: 14px;}
.pageSize_1 span,
.pageSize_1 a,
.pageSize_1 b,
.pageSize_1 .current{padding:0 20px;line-height: 50px;height: 50px;text-align: center;color: #555;display: inline-block;font-weight: normal;border: 1px solid #eee;float: left;border-radius: 8px;margin-right: 20px;background: #fff;}
.pageSize_1 .current{background: var(--themeone);color: #fff;border: 1px solid var(--themeone)}
.pageSize_1 span{cursor: pointer;}
@media (max-width: 992px) {
	.pageSize_1{display: none;}
}

/* pageSize_2 */
.pageSize_2{float: right;line-height: 24px;border-right: 0;margin-bottom: 20px;overflow: hidden;font-size: 14px;}
.pageSize_2 a,.pageSize_2 b,.pageSize_2 .current{padding:0 8px;line-height: 24px;height: 24px;text-align: center;color: #888;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;float: left;}
.pageSize_2 .current{color: #E77817;}

.pageSize_4{float: left;margin-bottom: 30px;font-size: 14px;display: none;padding:0 20px;width: 100%;}
.pageSize_4 a{padding:0 15px;line-height: 60px;height: 60px;text-align: center;color: #000;font-weight: normal;float: left;background: #fff;width: 100%;border-radius: 6px;box-shadow: 0 0px 10px rgba(0,0,0,0.1);}
.pageSize_4 a:nth-child(2){margin-top: 10px;}
@media (max-width: 992px) {
	.pageSize_4{display: block;}
}

/*html_re_1*/
.html_re_1{float: left;width: 100%;}
.html_re_1 .ttt{float: left;width: 100%;border-bottom: 1px solid #eee;line-height: 50px;color: #3487bb;font-size: 16px;margin-top: 20px;}

/* 侧边导航 */
.cateNav_2{width: 100%;float: left;position: relative;margin-bottom: 60px;background: #fff;border-bottom: 1px solid var(--themeone);}
.cateNav_2 a{height: 100px;line-height: 100px;color: #000;float: left;font-size: 16px;margin-right: 60px;}
.cateNav_2 a i{width: 0;height: 4px;background:var(--themeone);margin: 48px 10px 0 0;float: left;}
.cateNav_2 a span{line-height: 100px;}
.cateNav_2 a.cur i{width: 20px;}
.cateNav_2 a.cur span{color: var(--themeone);}
@media (max-width: 992px) {
	.cateNav_2  a{display: none;}
}

/*common*/
.len_10{width: 10%;}
.len_20{width: 20%;}
.len_30{width: 30%;}
.len_40{width: 40%;}
.len_50{width: 50%;}
.len_60{width: 60%;}
.len_80{width: 80%;}
.len_100{width: 100%;}
.hei_10{height: 10px;}
.hei_20{height: 20px;}
.hei_30{height: 30px;}
.hei_40{height: 40px;}
.hei_50{height: 50px;}
.hei_60{height: 60px;}
.hei_80{height: 80px;}
.hei_100{height: 100px;}
.hei_120{height: 120px;}

.len_20{width: 20%;}
.len_30{width: 30%;}
.len_40{width: 40%;}
.len_50{width: 50%;}
.len_60{width: 60%;}
.len_70{width: 70%;}
.len_80{width: 80%;}
.len_90{width: 90%;}
.len_100{width: 100%;}
@media (max-width: 992px) {
	.len_10{width: 100%;}
	.len_20{width: 100%;}
	.len_30{width: 100%;}
	.len_40{width: 100%;}
	.len_50{width: 100%;}
	.len_60{width: 100%;}
	.len_70{width: 100%;}
	.len_80{width: 100%;}
	.len_90{width: 100%;}
	.len_100{width: 100%;}
	.btn{width: 100%;}
}

.guess{width:920px;background-color:white;float: left;}
.guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;}
.cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;}

.mT10{margin-top: 10px;}
.mT20{margin-top: 20px;}
.mL10{margin-left: 10px;}

iframe{width:100%;/*height:100%;*/border:none;}
table{width:100%;}
table,th,td{ border-collapse: collapse;color: #555;}
th{ text-align: right;}
th,td{padding:10px 6px;}
label{float: left;}
.checkbox{width: auto;height: auto;float: left;margin: 4px 0 0 0;}
.input{ border:solid 1px #eee;height:36px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;line-height: 20px;}
.button{ border:solid 1px #eee;height:32px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;}
.submit {background: #555;height: 30px;padding: 0px 17px;line-height: 28px;color: #fff;font-size: 14px;cursor: pointer;border: none;border-radius: 3px;}
.radio{float: left;vertical-align:middle; margin: 3px 5px 0 0;}
.select{ border:solid 1px #eee;height:36px;padding:7px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;}
.inputlong{width: 400px;}
textarea{ border:solid 1px #eee;height:30px;padding:3px 6px;color:#888;background:#fff; vertical-align: middle;font-size: 14px;outline: none;}
select{border:solid 1px #ccc;}
.file{float: left;margin: 7px 10px 0 0;}
img{border:none; vertical-align: middle;}
.len55{width:55px;}
.len70{width:70px;}
.len90{width:90px;}
.len100{width:100px;}
.len150{width:159px;}
.len200{width:200px;}
.len250{width:250px;}
.len220{width:220px;}
.len300{width:300px;}
.len350{width:350px;}
.len400{width:400px;}
.tip{float: left;line-height: 36px;margin-right: 15px;color: #ccc;}
.tip em{color: #3487bb;font-style:normal;float: left;line-height: 36px;}
.tipred{float: left;line-height: 35px;margin-right: 15px;color: #f00;}
.l{float:left;}
.r{float:right;}
em{color:#3487bb;font-style:normal;border-collapse:collapse;}/**红星**/
.submit{background:#E77817;height:36px;padding:0px 25px;line-height:36px;color:#fff;font-size:14px; cursor: pointer;border: none;border-radius: 3px;}
.error{padding:3px;line-height: 1.2em;margin-top:8px; font-size:12px;color:#f00;}
span.msg{color:#666;border:solid 1px #eee;padding:6px;margin-left:10px;}
.content{padding:0px;}

/*****分页处理*******/
.page {font-size:12px;color:#666;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px;}
.page .count,.page .nowpage{margin-right:10px;}
.page .selfpage {background:#2E6AB1;color:#fff;BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none}
.page a {BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none}
.page a:hover {BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow}
.page a:active {BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow}
.page span.current {BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1}
.page span.disabled {BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid}
.page #pagekeydown{}
.page input{height:22px;line-height:16px;padding:0px 0px;margin:0px;margin-right: 5px;}
.page button{height:22px;line-height: 6px;display: inline;}
.page select{}

/****表格样式2********/
.tableborder{width:100%;margin: 0px 0 20px 0px;float: left;background: #f1f1f1}
.tableborder,.tableborder td{border:solid 1px #fff;}
.tableborder th{border:solid 1px #fff;}
.tableborder thead tr td{background: #eee;color:#ddd;}

/****表格样式1********/
.table{width:100%;margin:0 0 0 0;float: left;}
.table,.table td{border:solid 1px #fff;}
.table th{border:solid 1px #fff;width:100px;}
.table thead tr td{background: #fff;color:#ddd;}

.tablenew{width:100%;margin:0 0 0 0;float: left;}
.tablenew td{border-bottom:solid 1px #f1f1f1;line-height: 24px;}
.tablenew th{border:solid 1px #eee;background: #eee;border-top: 3px solid #ddd;text-align: left;}
.tablenew thead tr td{background: #eee;color:#ddd;}

.tablenewborder{width:100%;margin:0 0 0 0;float: left;}
.tablenewborder td{border:solid 1px #eee;line-height: 24px;}
.tablenewborder th{border:solid 1px #ddd;background: #eee;text-align: left;}
.tablenewborder tr .td{background: #f4f4f4;}
.tablenewborder tr .td1{background: #f8f8f8;}

/******按钮*******/
.bt1{padding:8px 15px;margin-right:6px; background: #ccc;color:#000;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;}
.bt2{padding:8px 15px;margin-right:6px; background: #4884D5;color:#fff;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;}

.pagesize{float: left;line-height: 34px;border: 1px solid #ddd;border-right: 0;overflow: hidden;font-size: 14px;}
.pagesize a,.pagesize b,.pagesize .current{padding:0 15px;line-height: 34px;height: 34px;text-align: center;color: #555;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;}
.pagesize .current{background: #e3e3e3;color: #222;}

/******子导航列表*******/
.navsonlist{float: left;width: 90%;margin:20px 20px 0;}
.navsonlist a{float: left;height: 26px;padding:0 10px;background: #ddd;line-height: 26px;text-align: center;color: #888;margin-right: 5px;border-radius: 3px;font-size: 12px;}
.navsonlist a:hover{background: #aaa;color: #fff;}
.navsonlist a.cur{background: #aaa;color: #fff;}

/**容器**/
.containers{float: left;width: 100%;margin: 0px 0px 0;padding: 0;font-size: 13px;color: #666;}
.containers .h2{float: left;width: 100%;line-height: 36px;color: #555;border-bottom: 1px solid #ddd;font-size: 14px;font-weight: normal;padding: 0;margin: 0 0 10px;}
.containers .box{float: left;width: 100%;line-height: 26px;}
.containers .box .hr{float: left;width: 100%;margin: 15px 0;border-bottom: 1px dashed #ddd;}
.containers .table{width:100%;margin: 10px 0 0 0px;float: left;}
.containers .table{border:solid 1px #ddd;}
.containers .table td{border:solid 1px #ddd;}
.containers .table thead tr td{background: #eee;color:#ddd;}
.containers .tablenoborder{width:100%;margin: 10px 0 0 0px;float: left;}
.containers .tablenoborder{border:none;}
.containers .tablenoborder td{border:none;}
.containers .tablenoborder thead tr td{background: #eee;color:#ddd;}
.containers .p{float: left;width: 100%;float: left;line-height: 26px;}
.containers .comment{float: left;width: 100%;float: left;}
.containers .comment .hr{float: left;width: 100%;height: 1px;}
.containers .comment .select{float: left;width: 30%;margin-bottom: 20px;}
.containers .comment .textarea{float: left;width: 60%;height: 80px;margin-bottom: 20px;}
.containers .comment .submitt{float: left;padding: 0 30px;margin-right: 50%;line-height: 34px;}
.containers .form{float: left;width: 100%;color: #666;}
.containers .form .li{float: left;width: 100%;margin: 0 0 10px;}
.containers .form .li .textarea{height: 80px;}
.containers .form .li .button{border-radius: 3px;height: 30px;}
@media (max-width: 992px) {
	.containers .comment .select{width: 100%;margin-bottom: 10px;}
	.containers .comment .textarea{width: 100%;margin-bottom: 10px;}
	.containers .comment .submitt{width: 100%;}
}

.tip2{float: left;line-height: 37px;margin-right: 15px;color: #aaa;}

/**文字颜色**/
.tred{color:#3487bb}
.torange{color:#f00}
.tgreen{color:green}
.tgrey{color:grey}
.tccc{color:#ccc}
.tccc:hover{color:#3487bb}
.star{float: left;line-height: 34px;color: #3487bb;}
.guess{width:920px;background-color:white;float: left;}
.guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;}
.cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;}
.guess_sp{width:100%;overflow: hidden;float: left;}

/****表格 表单********/
.tableform{width:100%;margin: 0px 0 20px 0px;float: left;}
.tableform,.tableform td{border:solid 1px #fff;}
.tableform th{border:solid 1px #fff;width:100px;}
.tableform tr td{padding:7px 5px;}
.tableform tr td label{margin-bottom: 0;}
.tableform tr td .labeltext{float: left;margin-right: 20px;}
.tableform tr td .em{float: left;color: red;line-height: 36px;margin-right: 5px;}

.tbox{width:100%;float:left;}
.jquerytip{float: left;line-height: 36px;}
@media (max-width: 992px) {
	.alert{    padding-top: 8px;padding-bottom: 8px;padding-left: 8px;margin-bottom: 10px;}
}

/*列表页文档标签*/
.flag{background: var(--themeone);border-radius: 20px;line-height: 20px;display: inline-block;padding: 0 8px;margin: 0 0 0 0px;color: #fff;font-size: 12px;}
.flag_c{background: #0bf;text-shadow:1px 1px 0 #0af;}
.flag_h{background: #fb0;text-shadow:1px 1px 0 var(--themeone);}
.flag_s{background: #bbf;text-shadow:1px 1px 0 #baf;}
.flag_n{background: var(--themeone);text-shadow:1px 1px 0 #baf;}

.Wdate{border: 1px solid #eee;}
.allmain{float: left;width: 100%;margin-top: 145px;margin-bottom: 20px;}

/*优惠券*/
.coupon_list{float: left;width: 100%;margin: 0 0 60px;position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.coupon_list .li{float: left;width: 31%;margin: 0 2.33% 30px 0;position: relative;display: flex;}
.coupon_list .li.pass .tag{background: #666;color: #ccc;}
.coupon_list .li.pass .lil{background: #ccc;color: #666}
.coupon_list .li.pass .lir{background: #ddd;}
.coupon_list .li.pass .lir b{color: #000;}
.coupon_list .li.ok .tag{background: #fa0;color:#ffeabf;}
.coupon_list .li.ok .lil{background: #ffeabf;color: #f90}
.coupon_list .li.ok .lir{background: #fff6e5;}
.coupon_list .li.ok .lir b{color: #f90;}
.coupon_list .li .tag{position: absolute;right: 0px;top: 0px;background: #dce3ff;color: var(--themefour	);line-height: 30px;padding: 0 10px;border-radius: 0 6px 0 6px;}
.coupon_list .li .lil{width: 50px;float: left;height: inherit;background: var(--themefive);color:#fff;border-radius:10px 10px 10px 10px;text-align: center;padding-top: 25px;font-size: 18px;writing-mode: tb;display: flex;align-items: center;}
.coupon_list .li .lir{flex:1;float: left;height: inherit;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;background: #fff;}
.coupon_list .li .lir b{float: left;width: 100%;line-height: 30px;color:var(--themefive);font-size: 18px;font-weight: bold;}
.coupon_list .li .lir p{float: left;width: 100%;line-height: 18px;color: rgba(0,0,0,0.3);font-weight: normal;}
.coupon_list .li .lir span{float: left;width: 100%;line-height: 24px;color: rgba(0,0,0,0.6);font-weight: normal;}
.coupon_list .li .lir a{float: left;line-height: 36px;background: var(--themethree);color: #fff;padding: 0 20px;margin: 6px 0 0 0;border-radius: 4px;}
@media (max-width: 768px) {
	.coupon_list .li{width: 100%;margin: 0 0 12px 0;}
}


.add_address{float: left;width: 100%;margin-bottom: 0px;}
.add_address .form{float: left;width: 100%;padding: 30px 20px 25px 50px;}
.add_address .form .li{float: left;width: 100%;margin: 0 0 15px;}
.add_address .form .li.half{width: 22%;margin-right: 2%;}
.add_address .form .li.address{width: 46%;margin-right: 2%;}
.add_address .form .li.country{width: 46%;margin-right: 2%;}
.add_address .form .li.phone{width: 46%;margin-right: 2%;}
.add_address .form .li.state{width: 25%;margin-right: 2%;}
.add_address .form .li.city{width: 25%;margin-right: 2%;}
.add_address .form .li.zipcode{width: 25%;margin-right: 0px;}
.add_address .form .li .libox{float: left;width: 31.33%;margin: 0 2% 2% 0;overflow: hidden;}
.add_address .form .li .lil{float: left;width:100%;line-height: 30px;font-size: 16px;font-family: 'MB';}
.add_address .form .li .lir{float: left;width:100%;}
.add_address .form .li .lir .logo{float: left;text-align: center;display: flex;flex-direction: column;align-items: center;margin: 2px 40px 0 0;}
.add_address .form .li .lir .logo img{float: left;height: 40px;}
.add_address .form .li .lir .logo p{float: left;font-size: 13px;}
.add_address .form .li .lir .logo b{float: left;}
.add_address .form .li .lir .logo b strong{font-family: 'MB';font-size: 32px;;display: inline-block;vertical-align: baseline;}
.add_address .form .li .lir .logo b em{font-style: normal;line-height: 20px;font-size: 16px;font-family: 'MB';display: inline-block;vertical-align: baseline;color: #000;}
.add_address .form .li .lir .logo p{color: #aaa;}
.add_address .form .li .lir .p{float: left;line-height: 40px;line-height: 40px;color: #888;}
.add_address .form .li .lir .red{float: left;line-height: 40px;color: red;margin-right: 10px;}
.add_address .form .li .lir .checkbox{float: left;margin: 14px 10px 0 0 ;}
.add_address .form .li .lir .select{background: #eee;width: 100%;color: #333}
.add_address .form .li .lir .input{background: #eee;width: 100%;color: #333}
.add_address .form .li .lir .select:focus{border: 1px solid var(--themefive);}
.add_address .form .li .lir .input:focus{border: 1px solid var(--themefive);}
.add_address .form .li .lir .input::placeholder{color: #ddd;}
.add_address .form .li .lir .tipss{float: left;line-height: 40px;margin-right: 10px;color: #ccc;}
.add_address .form .li .lir .tips{float: left;line-height: 40px;margin-right: 10px;color: #ccc;}
.add_address .form .li .lir .mailing_method{float: left;margin: 10px 20px 0 0;padding:0px 20px;border: 1px solid #eee;}
.add_address .form .li .lir .mailing_method.cur{border: 1px solid var(--themethree);}
.add_address .form .li .lir .mailing_method .radio{margin-right: 5px;}
.add_address .form .li .lir .mailing_method .texts{float: left;margin: 0 10px 0 0;padding: 0;line-height: 40px;font-size: 16px;color: #000;}
.add_address .form .li .lir .mailing_method span{float: left;margin: 0 10px 0 0;padding: 0;line-height: 40px;font-size: 16px;color: #000;}
.add_address .form .li .lir .textarea{float: left;height: 80px;width: 100%;border: 1px solid var(--themefive);border-radius: 5px;}
.add_address .form .li .lir .btn{float: left;padding: 0 30px;line-height: 48px;background: var(--themefive);border:none;border-radius: 3px;color: #fff;font-family: 'MB';font-weight: bold;margin: 20px 0 0 0;}
.add_address .form .li.half{width: 48%;height: 75px;}
.add_address .form .li.w100{width: 98%;}
.add_address .form{padding: 0 0 0 15px;}
.add_address .form .li.li_submit .lir{display: flex;justify-content: center;}
.add_address .form .li .lir .input{background: #FFF;border:1px solid var(--themefive);height: 40px;line-height: 30px;color: #000;font-size: 14px;}
.add_address .form .li .lir .select{background: #FFF;border:1px solid var(--themefive);height: 40px;line-height: 30px;}
.add_address .form .li .lir .input::placeholder{color: #7c7575;}
.add_address .form .li .lir .tips{color: #000;font-size: 15px;}
.address_manage .add_address .form{width: 70%;min-width: 800px;}
@media (max-width: 768px) {
	.add_address .form{width: 100%;}
	.add_address .form .li{margin-bottom: 10px;}
	.add_address .form .li .lir .tips{}
	.add_address .form .li .lil{width:100%;text-align: left;}
	.add_address .form .li .lir{width:100%;}
	.add_address .form .li .lir .red{display: none;}
	.add_address .form .li .lir .btn{line-height: 44px;}
}

.more_bt{cursor: pointer;padding: 0;background: none;}
.xiangxia{transform: rotate(90deg);transition: 0.5s;background: #ddd;}
.fontsize12{font-size: 12px;}

/*message page*/
.mess{float: left;width: 100%;}
.messa{float: left;width: 100%;background: #fff;padding: 20px;display: flex;flex-direction: row;}
.messa .left{float: left;width: 35%;}
.messa .left .top{float: left;width: 100%;display: flex;justify-content: space-between;line-height: 32px;margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.messa .left .top .titles{font-size: 18px;font-weight: bold;}
.messa .left .top .a{padding: 0 15px;border: 1px solid #eee;border-radius: 4px;background: #f4f4f4;color: #666;cursor: pointer;}
.messa .left .top .a span{font-size: 16px;}
.messa .left form{float: left;width: 100%;line-height: 36px;}
.messa .left form .lis{float: left;width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.messa .left form .lis .lis_box{float: left;position: relative;}
.messa .left form .lis .lis_box .insert_title{float: left;margin: 0 10px 0 0;background: #f4f4f4;padding: 0 20px 0 10px;border-radius: 4px;cursor: pointer;}
.messa .left form .lis .lis_box .box_content{float: left;position: absolute;top: 36px;left: 0;background: #fff;border-radius: 4px;padding: 15px 15px;box-shadow: 0 0px 10px rgba(0,0,0,0.05);border: 1px solid #ddd;display: none;}
.messa .left form .lis .lis_box .box_content label{float: left;width: 100%;line-height: 24px;}
.messa .left form .lis .lis_box .box_content label input{float: left;margin: 4px 4px 0 0;height: 14px;}
.messa .left form .lis .lis_box .box_content label span{float: left;line-height: 24px;}
.messa .left form .lis .lis_box .box_content .btn{float: left;background: var(--themethree);border: none;color: #fff;border-radius: 4px;padding: 0 15px;line-height: 30px;height: 30px;margin: 5px 0 0 0;}
.messa .left form .lis .lis_box .insert_text{width: auto;}
.messa .left form .lis .lis_box .insert_text p{width: 100%;line-height: 24px;padding: 0 5px;border-radius: 3px;border: 1px dashed #eee;margin-bottom: 4px;white-space: nowrap;}
.messa .left form .stitle{float: left;width: 100%;line-height: 36px;font-size: 14px;font-weight: bold;margin-bottom: 0px;}
.messa .left form .stitle label{float: right;height: 36px;}
.messa .left form .stitle label input{vertical-align:super;margin: 11px 6px 0 0;float: left;}
.messa .left form .stitle label span{vertical-align: text-bottom;}
.messa .left form .topic{float: left;width: 100%;margin-bottom: 15px;}
.messa .left form .label_box{float: left;width: 100%;margin-bottom: 10px;}
.messa .left form .label_box .label{float: left;margin: 0 10px 0 0;background: #f4f4f4;padding: 0 20px 0 10px;border-radius: 4px;height: 36px;cursor: pointer;}
.messa .left form .label_box .label input{float: left;margin:10px 6px 0 0;height: 14px;width: 14px;}
.messa .left form .label_box .label span{float: left;line-height: 36px;font-weight: bold;color: #000;}
.messa .left form .content_head{float: left;width: 100%;line-height: 20px;border: 1px solid #eee;background: #f4f4f4;border-radius: 4px 4px 0 0;border-bottom: none;padding: 10px;color: #666;font-weight: bold;font-size: 15px;margin-top: 15px;}
.messa .left form .content_mid{float: left;width: 100%;line-height: 20px;border: none;border-left: 1px solid #eee;border-right: 1px solid #eee;background: #f4f4f4;border-radius: 0px;min-height: 350px;color: #666;font-size: 13px;padding: 10px;}
.messa .left form .content_foot{float: left;width: 100%;line-height: 20px;border: 1px solid #eee;background: #f4f4f4;border-radius: 0 0 4px 4px;border-top: none;font-weight: bold;padding: 10px;margin-bottom: 15px;color: #666;}
.messa .left form .select{float: left;width: 100%;line-height: 34px;border: 1px solid #eee;background: #f4f4f4;border-radius: 4px;margin-bottom: 15px;height: 36px;cursor: pointer;}
.messa .left form .select2{float: left;line-height: 34px;border: 1px solid #eee;background: #f4f4f4;border-radius: 4px;margin-bottom: 15px;height: 36px;cursor: pointer;}
.messa .left form .attachment_box{float: left;display: flex;flex-direction: column;cursor: pointer;}
.messa .left form .attachment_box .attachment{display: none;}
.messa .left form .attachment_box .attachment_bt{float: left;line-height: 36px;font-size: 14px;font-weight: bold;margin-bottom: 0px;line-height: 38px;border: 1px solid #eee;padding: 0 15px;border-radius: 4px;width: 150px;}
.messa .left form .attachment_box .attachment_file_box{float: left;line-height: 36px;font-size: 14px;font-weight: bold;margin-bottom: 0px;border:none;padding: 0 15px;border-radius: 4px;display: none;background: #fafafa;width: 300px;position: relative;}
.messa .left form .attachment_box .attachment_file_box input{background: none;}
.messa .left form .attachment_box .attachment_file_box .attachment_file{float: left;line-height: 36px;font-size: 12px;font-weight: bold;margin-bottom: 0px;border:none;padding: 0 0;border-radius: 4px;height: 36px;width: 100%;}
.messa .left form .attachment_box .attachment_file_box .bi-x-lg{position: absolute;right: 8px;top: 8px;line-height: 20px;}
.messa .left form .button{float: right;background: var(--themethree);border: none;color: #fff;border-radius: 4px;padding:0 25px;line-height: 40px;height: 40px;margin: 0;}
.messa .right{flex: 1;padding-left: 60px;}
.messa .right .top{float: left;width: 100%;display: flex;justify-content: space-between;line-height: 32px;margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.messa .right .top .titles{font-size: 18px;font-weight: bold;}
.messa .right .top .a{padding: 3px 15px;border: 1px solid #eee;border-radius: 4px;background: #f4f4f4;line-height: 26px;cursor: pointer;transition: 0.5s;}
.messa .right .top .a:hover{background: var(--themethree);color: #fff;}
.messa .right .top .a span{font-size: 16px;transition: 0.5s;}
.messa .right .top .a i{font-size: 13px;font-style: normal;cursor: pointer;padding: 0 3px;transition: 0.5s;line-height: 26px;display: inline-block;border-radius: 3px;}
.messa .right .attention_add{float: right;width: 70%;position: relative;padding: 20px 30px 30px 0;}
.messa .right .attention_add .bi-plus-circle-fill{float: right;font-size: 40px;position: relative;z-index: 3;}
.messa .right .attention_add form{float: right;width: 100%;margin-top: -40px;position: relative;z-index: 1;display: none;}
.messa .right .attention_add form .tit{float: right;width: 100%;line-height: 30px;font-size: 16px;color: #333;margin-bottom: 10px;font-weight: bold;}
.messa .right .attention_add form .textarea{float: right;width: 100%;height:100px;border-radius: 4px;border: 1px solid #eee;padding: 15px;line-height: 20px;margin-bottom: 15px;}
.messa .right .attention_add form input[name="time_attention"]{float: left;width: 70%;height: 40px;line-height: 38px;border: 1px solid #eee;border-radius: 4px;}
.messa .right .attention_add form button{float: right;width: 28%;height: 40px;line-height: 40px;border:none;background: var(--themethree);color: #fff;border-radius: 4px;}

.message_history_wrap{float: left;width: 100%;background: #f4f4f4;padding: 20px 0 20px 20px;}
.message_history{float: left;width: 100%;line-height: 30px;height: 70vh;overflow-y: auto;background: #f4f4f4;overflow-anchor: auto;}
.message_history .li{float: left;width: 70%;display: flex;flex-direction: row;margin-bottom: 30px;}
.message_history .li .avatar{width: 40px;background: #ddd;height:40px;line-height: 40px;text-align: center;border-radius: 40px;font-size: 18px;}
.message_history .li .msg{flex: 1;padding: 0 0 0 10px;}
.message_history .li .msg .ti{float: left;width: 100%;line-height: 20px;}
.message_history .li .msg .time{float: left;width: 100%;line-height: 20px;color: #aaa;margin-bottom: 6px;}
.message_history .li .msg .time2{line-height: 20px;color: #aaa;margin-bottom: 6px;}
.message_history .li .msg .content{float: left;width: 100%;background: #fff;padding: 15px;border-radius: 0 10px 10px 10px;font-size: 12px;line-height: 24px;color: #333;position: relative;}
.message_history .li .msg .content .con{float: left;width: 100%;font-size: 12px;line-height: 20px;}
.message_history .li .msg .content .attachment_list{float: left;width: 100%;font-size: 12px;line-height: 24px;color: #333;margin-top: 10px;color: var(--themefour);border-top: 1px dashed #eee;padding-top: 5px;}
.message_history .li .msg .content .attachment_list span:nth-child(1){color: #bbb;}
.message_history .li .msg .content .add_attention_btn{position: absolute;right: 12px;bottom: 15px;z-index: 888;font-size: 14px;opacity: 0.1;transition: 0.5s;}
.message_history .li:hover .msg .content .add_attention_btn{opacity: 1}
.message_history .r{float: right;flex-direction: row-reverse;}
.message_history .r .ti{text-align: right;}
.message_history .r .time{text-align: right;}
.message_history .r .msg{text-align: right;padding: 0 10px 0 0;}
.message_history .r .msg .content{border-radius: 10px 0 10px 10px;text-align: left;}

.slideStl{position:fixed;width: 80%;height: 100vh;z-index:999;background: rgba(0, 0, 0, .3);top: 0;right: -80%;transition: 0.5s;}
.slideStl .bi-x-lg{position: absolute;left: 0px;top: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;background: rgba(0, 0, 0, 0.3);color: #fff;}
.slideStl .box {
	width: 100%;
	max-height: calc(100vh - 60px); /* 减去顶部或其他可能的空间 */
	overflow-y: auto;
	padding: 30px 30px 30px 50px;
}
@media screen and (min-width: 1440px) {
	.slideStl .box {
		height: calc(100vh - 60px); /* 更高高度 */
		max-height: calc(100vh - 60px);
		overflow-y: auto;
	}
}
.slideStl .box::-webkit-scrollbar {
	width: 8px;
}

.slideStl .box::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}
.slideStl .stl{float: left;width: 100%;padding:10px 15px 0;}
.slideStl .stl .stl_records{float: left;width: 100%;background: #fff;padding:12px;margin-top: -4px;border-radius: 6px 6px 10px 10px;box-shadow: 0 3px 5px rgba(0,0,0,0.05);margin-bottom: 10px;display: none;}
.slideStl .stl .stl_records .lis{float: left;width: 100%;line-height: 30px;font-size: 12px;}
.slideStl .stl .li{float: left;width: 100%;display: flex;padding: 10px;line-height: 20px;background: #fff;margin: 4px 0;box-shadow: 0 0 10px rgba(0,194,130,0.05);border-radius: 6px;transition:0.5s;border: 1px solid rgba(0,194,130,0.2);display: flex;flex-direction: row;justify-content: space-around;font-size: 12px;}
.slideStl .stl .li_head{background:#f2fdfa;}
.slideStl .stl .li .badge{font-weight: normal;}
.slideStl .stl .li .btn{padding: 0.375rem 0.35rem;}
.slideStl .stl .li em{font-style: normal;}
.slideStl .stl .li i{font-style: normal;word-break: break-all;}
.slideStl .stl .li_have_1{border-radius:6px 6px 0 0;}
.slideStl .stl .li_2{margin-top: -5px;border-radius: 0 0 6px 6px;}
.slideStl .stl .li.li_in_order_statu_1{box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #eee;}
.slideStl .stl .li.li_in_order_statu_1 .stl_name{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_1 .stl_detail{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_1 .stl_price{opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_1 .stl_material{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_1 .stl_proplus{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_1 .stl_remark_text{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_1 .badge-secondary{display: none;}
.slideStl .stl .li.li_in_order_statu_1 .badge-secondary{display: none;}
.slideStl .stl .li.li_in_order_statu_6{box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #eee;}
.slideStl .stl .li.li_in_order_statu_6 .stl_name{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_6 .stl_detail{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_6 .stl_price{opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_6 .stl_material{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_6 .stl_proplus{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_6 .stl_remark_text{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_6 .badge-secondary{display: none;}
.slideStl .stl .li.li_in_order_statu_6 .badge-secondary{display: none;}
.slideStl .stl .li.li_in_order_statu_4{box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #eee;}
.slideStl .stl .li.li_in_order_statu_4 .stl_name{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_4 .stl_detail{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_4 .stl_price{opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_4 .stl_material{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_4 .stl_proplus{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_4 .stl_remark_text{text-decoration: line-through;opacity: 0.3;}
.slideStl .stl .li.li_in_order_statu_4 .badge-secondary{display: none;}
.slideStl .stl .li.li_in_order_statu_4 .badge-secondary{display: none;}
.slideStl .stl .li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.slideStl .stl .li .stl_name{width: 130px;font-size: 12px;line-height: 20px;padding-right: 18px;}
.slideStl .stl .li .stl_name .bi-eye-fill{color: #666;margin-left: 6px;cursor: pointer;}
.slideStl .stl .li .stl_name .file_thumb{width: 100%;max-width: 60px;}
.slideStl .stl .li .stl_name .file_thumb img{width: 100%;}
.slideStl .stl .li .stl_detail{width: 240px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.slideStl .stl .li .stl_material{width: 150px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.slideStl .stl .li .stl_proplus{word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;/*overflow: hidden;*/word-wrap: break-word;white-space: normal;}
.slideStl .stl .li .stl_qty{width: 40px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.slideStl .stl .li .stl_unit{width: 80px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.slideStl .stl .li .stl_price{width: 80px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.slideStl .stl .li .stl_remark_text{width:60px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.slideStl .stl .li .stl_links{width:140px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;float: right;text-align: right;}
.slideStl .stl .li .stl_links .btn{padding: 0 10px;line-height: 32px;}

div::-webkit-scrollbar {width: 5px;height: 5px;border-radius: 5px;}
div::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .1);border-radius: 5px;}
div::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0);}

/*消息主页*/
.message_index{float: left;width: 100%;display: flex;flex-direction: row;height: 100vh;padding: 75px 20px 0 0;position: absolute;}
.message_index .lbar{width: 220px;background: #fff;overflow-y: auto;}
.message_index .lbar .li{float: left;width: 100%;display: flex;flex-direction: column;padding: 10px 8px 10px 10px;cursor: pointer;border-bottom: 1px dashed #eee;position: relative;}
.message_index .lbar .li.cur{background: #d6efe7;}
.message_index .lbar .li.cur .li_b span{color: #333;}
.message_index .lbar .li.cur .li_b i{color: #333;}
.message_index .lbar .li.cur .li_tit b{color: var(--themethree)}
.message_index .lbar .li.cur .li_tit .bi-envelope-open-fill{color: var(--themethree)}
.message_index .lbar .li .li_tit{float: left;width: 100%;line-height: 30px;display: flex;flex-direction: row;justify-content: space-between;}
.message_index .lbar .li .li_tit b{flex: 1;}
.message_index .lbar .li .li_tit span{width: 20px;}
.message_index .lbar .li .li_tit .bi-envelope-fill{color: var(--themethree)}
.message_index .lbar .li .li_tit .bi-envelope-open-fill{color: #aaa}
.message_index .lbar .li .li_b{float: left;width: 100%;line-height: 20px;}
.message_index .lbar .li .li_b i{line-height: 20px;font-style: normal;font-size: 12px;color: #aaa;}
.message_index .lbar .li .li_b span{line-height: 20px;font-style: normal;font-size: 12px;color: #aaa;}
.message_index .lbar .li a{position: absolute;line-height: 42px;border-radius: 6px;background:#bbb;color: #fff;padding: 0 12px;top: 15px;right: 10px;}
.message_index .lbar .li.cur a{background: var(--themethree)}
.message_index .rbar{flex: 1;overflow-y: auto;padding: 20px 20px;background: #f4f4f4;}

.image-container {
	width: 300px;  /* 设置外边框的宽度 */
	height: 300px; /* 设置外边框的高度 */
	overflow: hidden; /* 确保图片不会超出外边框 */
}

.image-container img {
	width: 100%; /* 图片宽度跟随外边框宽度变化而变化 */
	height: 100%; /* 图片高度跟随外边框高度变化而变化 */
	object-fit: cover; /* 图片会保持原比例缩放，多余的部分会被剪裁掉 */
}
.iti{width: 100%}
#page_feedback_from .error,.form-feedback .error {
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	margin-top: auto;
	font-size: 1rem;
	color: #f00;
}

.messa .right .top .titles .message_sum{cursor: pointer;}
.messa .right .top .titles .message_unread{cursor: pointer; color: red;}

#refreshButton {
	z-index: 99999; /* 确保在所有元素之上 */
	padding: 5px;
	font-size: 14px;
	cursor: pointer;
	background-color: var(--themefive);
	color: white;
	border: none;
	border-radius: 5px;
	/* 关键：确保按钮不被父级 overflow 或 transform 影响 */
	transform: translateZ(0);
	will-change: transform;
}

/* 按钮悬停效果 */
#refreshButton:hover {
	background-color: #0056b3;
}
/*切换语言*/
.language-switcher {display: inline-block;float: right;border: 1px solid #FFF;border-radius: 5px;margin-top: 21px;}
.language-switcher .btn-link {color: #FFF;text-decoration: none;padding: 8px 12px;display: flex;align-items: center;}
.language-switcher .btn-link:hover {color: var(--themefive);}
.language-switcher .btn-link:hover .current-language{/*color: var(--themefive);*/}
.language-switcher .current-flag {margin-right: 8px;display: inline-flex;align-items: center;}
.language-switcher .current-language {font-weight: bold;color: #FFF;}
.language-switcher .flag-icon {margin-right: 8px;border-radius: 2px;}
.language-switcher .dropdown-item {display: flex;align-items: center;padding: 8px 12px;}
/*
.language-switcher .dropdown-item:hover {background-color: #f8f9fa;}*/

.qpage img.bank{
	filter: brightness(0) saturate(100%) invert(39%) sepia(82%) saturate(1498%) hue-rotate(202deg) brightness(95%) contrast(97%);
	width: 13px;
	height: 13px;
	margin-top:-3px;
	margin-left:3px;
}
.proplus_list img.bank{}