@charset 'utf-8';
html{background:#fff ;}
body{font-size:14px;font-family:"MR",arial,"Microsoft Yahei",sans-serif;color:#000;background:none;width: 100%;float: left;overflow-x: hidden;}

*{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;}
}
@media (max-width: 768px) {
.m_display_none{display: none;}
}

html::-webkit-scrollbar {width: 10px;height: 10px;border-radius: 10px;}
html::-webkit-scrollbar-thumb {background-color: rgba(0,0,0, 0.4);border-radius: 10px;}
html::-webkit-scrollbar-track {background-color: rgba(0,0,0, 0);}

/*div样式*/
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);}

/*去除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;} 

/* 公共 */
.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;}
#m_noshow{}
@media (max-width: 768px) {
.container{padding-right: 0;padding-left: 0;}
#show_pc{display: none;}
#show_wap{display: block;}
#m_noshow{display: none;}
}
.container{padding: 0;}
.videobox{float: left;width: 100%;margin-bottom: 20px;}
@media (max-width: 1500px) {
.videobox{height: 200px;}
}

@keyframes jump {
    0% {margin-top:5px;}
    50% {margin-top:10px;}
    100% {margin-top:5px;}
}

@keyframes jump_top {
    0% {top:0;}
    50% {top:3px;}
    100% {top:0;}
}

/*分页*/
.pagesizes{ width: 100%;float: left;margin: 20px 0  0 0;}
.pagesizes .count{ display: inline-block;padding: 0 15px; line-height: 40px;text-decoration: none;margin: 0 4px 0 0;transition: 0.5s;color: #666;}
.pagesizes .pagination{float: left;}
.pagesizes .pagination li {float: left;}
.pagesizes .pagination li a,
.pagesizes .pagination li span { display: inline-block;padding: 0 15px; line-height: 40px;text-decoration: none;border:none;margin: 0 10px 0 0;transition: 0.5s;background: #fff;border-radius: 4px;box-shadow: 0 0 5px rgba(0,0,0,0.05);}
.pagesizes .pagination .active a,
.pagesizes .pagination .active span,
.pagesizes .pagination li:hover a{background-color: var(--colorone);color: #fff;}
.pagesizes .pagination .disabled{color: #ccc;}
.pagesizes .pager{float: left;width: 100%;}
.pagesizes .pager li {float: left;}
.pagesizes .pager li a,
.pagesizes .pager li span { display: inline-block;padding: 0 15px; line-height: 40px;text-decoration: none;margin: 0 4px 0 0;transition: 0.5s;}
.pagesizes .pager .active a,
.pagesizes .pager .active span,
.pagesizes .pager li:hover a{background-color: var(--colorone);color: #fff;}
.pagesizes .pager .disabled{color: #ccc;}
.pagesizes_m{ width: 100%;float: left;margin: 0px 0  0 0;display: none;font-size: 14px;}
.pagesizes_m .pagination{float: left;width: 100%;}
.pagesizes_m .pagination li {float: left;}
.pagesizes_m .pagination li a,
.pagesizes_m .pagination li span { display: inline-block;padding: 0 15px; line-height: 40px;text-decoration: none;margin: 0 10px 0 0;transition: 0.5s;box-shadow: 0 0 5px rgba(0,0,0,0.05);}
.pagesizes_m .pagination .active a,
.pagesizes_m .pagination .active span,
.pagesizes_m .pagination li:hover a{background-color: var(--colorone);color: #fff;}
.pagesizes_m .pagination .disabled{color: #ccc;}
.pagesizes_m .pager{float: left;width: 100%;}
.pagesizes_m .pager li {float: left;}
.pagesizes_m .pager li a,
.pagesizes_m .pager li span { display: inline-block;padding: 0 15px; line-height: 40px;text-decoration: none;margin: 0 10px 0 0;transition: 0.5s;box-shadow: 0 0 5px rgba(0,0,0,0.05);border-radius: 4px;}
.pagesizes_m .pager .active a,
.pagesizes_m .pager .active span,
.pagesizes_m .pager li:hover a{background-color: var(--colorone);color: #fff;}
.pagesizes_m .pager .disabled{color: #ccc;}
@media (max-width: 768px) {
.pagesizes{display: none;}
.pagesizes_m{display: block;}
}



/* headers*/
.headers{width:100%;height:90px;float: left;z-index: 80;position: fixed;background:rgba(173, 141, 52,.9);box-shadow: 0 15px 15px rgba(0,0,0,0.05);transition:0.5s;padding: 0 100px;position: fixed;left:0;top:0;display: flex;justify-content: space-between;}
.headers .l{float: left;}
.headers .l .logo{float: left;height: 100%;display: flex;justify-content: center;align-items: center;}
.headers .l .logo .img{height: 40px;transition:0.5s;}
.headers .l .logo .img_o{height: 40px;transition:0.5s;display: none;}
.headers .nav_menu3,
.headers .nav_menu3 ul,
.headers .nav_menu3 ul li,
.headers .nav_menu3 ul li a{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 .nav_menu3:after,
.headers .nav_menu3 > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.headers .nav_menu3 {float: right;margin:0;}
.headers .nav_menu3 > ul > li {float: left;}
.headers .nav_menu3 > ul > li > a {padding:0 2vw;line-height: 90px;font-size: 20px;text-decoration: none;color: #fff;font-weight: bold;}
.headers .nav_menu3 > ul > li > a.cur {color: #fff;font-weight: bold;}
.headers .nav_menu3 > ul > li:hover > a {color: #fff;background: rgba(0, 0, 0, 0.3);}
.headers .nav_menu3 > ul > li.sub > a {padding-right: 45px;font-weight: bold;}
.headers .nav_menu3 > ul > li.sub > a::after {position: absolute;margin-right: 10px;top: 42px;right: 20px;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 .nav_menu3 > ul > li.sub:hover > a::after {border-color: #fff;}
.headers .nav_menu3 ul ul {position: absolute;left: -9999px;}
.headers .nav_menu3 li:hover > ul {left: auto;}
.headers .nav_menu3 ul ul ul {margin-left: 100%;top: 0;width: 280px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);padding: 0;}
.headers .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 .nav_menu3 ul li:hover > ul > li {height: 48px;}
.headers .nav_menu3 ul ul li a {padding: 0 0px 0 2vw;font-size: 17px;line-height: 48px;width: 280px;background: var(--colorone);text-decoration: none;color: #fff;transition: 0.4s;}
.headers .nav_menu3 ul ul li:hover > a,
.headers .nav_menu3 ul ul li a:hover {background: rgba(0, 0, 0, 1);}
.headers .nav_menu3 ul ul li.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 .nav_menu3 ul ul li.sub:hover > a::after {border-color: #fff;}
.headers .r{float: right;text-align: right;font-size: 16px;position: relative;}
.headers .r .a{float: left;line-height: 90px;margin: 0 0 0 20px;color: #fff;transition:0.5s;}
.headers .r .t{float: left;line-height: 90px;margin: 0 0 0 10px ;color: #fff;}
.headers .r .q{float: left;height: 24px;margin: 14px 0 0 10px ;}
.headers .r .q img{float: left;height: 20px;}
.headers .r .ubox{float: left;position: relative;border-radius: 10px 0 0 0;}
.headers .r:hover .ubox{background: rgba(255,255,255,0.1);}
.headers .r .ubox .u{line-height: 90px;color: #fff;display: flex;padding: 0 20px;}
.headers .r .ubox .u span{font-size: 24px;margin: 0 10px 0 0;}
.headers .r .ubox .u b{font-size: 16px;font-weight: normal;}
.headers .r .ubox .box{width:250px;background: #fff;position: absolute;right: 0;top:90px;padding: 20px;overflow: hidden;display: none;border-radius: 10px 0 10px 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.headers .r .ubox .box a{float: left;width: 100%;text-align: right;line-height: 40px;}
.headers .r .ubox .box a i{font-size: 15px;}
.headers .r .ubox .box a b{font-size: 14px;font-weight: normal;}
.headers.on{width:100%;background: #fff;}
.headers.on .l .logo .img{display: none;}
.headers.on .l .logo .img_o{display: block;}
.headers.on .nav_menu3 > ul > li > a {color: #000;}
.headers.on .nav_menu3 > ul > li > a.cur {color: #000;}
.headers.on .nav_menu3 > ul > li.sub > a::after {border-bottom: 1px solid #000;border-right: 1px solid #000;}
.headers.on .nav_menu3 > ul > li.sub:hover > a::after {border-color: #000;}
.headers.on .nav_menu3 ul ul li.sub:hover > a::after {border-color: #000;}
.headers.on .r .ubox .u{color: #000;}
.headers.on .r .a{color: #000;}
.headers.on .r .t{color: #000;}
@media (max-width: 1920px) {
.headers{padding: 0 50px;}
}
@media (max-width: 1800px) {
.headers{padding: 0 40px;}
.headers .logo{margin-right: 80px;}
.headers .nav{margin-left: 40px;}
.headers .nav a{margin: 0 0 0 30px;}
.headers .nav_menu3 > ul > li > a {padding-right:30px;font-size: 17px;}
.headers .nav_menu3 > ul > li.sub > a {padding-right: 50px;}
.headers .nav_menu3 ul ul li a{font-size: 16px;}
}
@media (max-width: 1600px) {
.headers{padding: 0 30px;}
.headers .logo{margin-right: 60px;}
.headers .nav{margin-left: 20px;}
.headers .nav_menu3 > ul > li > a {padding-right:20px;font-size: 16px;}
.headers .nav_menu3 ul ul li a{font-size: 15px;}
.headers .nav_menu3 > ul > li.sub > a {padding-right: 35px;}
.headers .nav_menu3 > ul > li.sub > a::after {right:14px;}
.headers .r{font-size: 14px;}
}
@media (max-width: 1440px) {
.headers{padding: 0 10px;}
.headers .nav{margin-left: 10px;}
.headers .nav a{margin-left: 20px;}
.headers .r .t{display: none;}
}
@media (max-width: 992px) {
.headers{display: none;}
}

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

.m_head_nav{display: none;background:var(--colorone);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.5);transition:0.5s;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg); -o-transform:rotate(90deg0deg);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: #fff;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: rgba(255,255,255,0.4);border-radius: 0 10px 10px 10px;}
.m_head_nav .abox .conss .navlists li .c li{float: left;line-height: 50px;font-size: 18px;color: #fff;margin: 0 40px 0 0;width: auto;}
.m_head_nav .abox .conss .navlists li .c li a{color: #fff;}
.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: rgba(255,255,255,0.6);box-shadow: none;outline: none;line-height: 58px;border: none;margin: 0;font-size: 16px;padding: 0;}
.m_head_nav .abox .conss form .input::placeholder {color: rgba(255,255,255,0.3);}
.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;max-width: 75%;}
.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 li{}
.m_head_nav .abox .conss .navlists li .c li a{font-size: 13px;}
.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 .input::placeholder {color: rgba(255,255,255,0.3);}
.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%;background: var(--colorone);;box-shadow:none;float: left;z-index: 800;display: none;position: fixed;top: 0;left:0;padding: 15px 20px 15px;}
.head_m_1.on{background: var(--colorone);box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.head_m_1 .mnav{width:100%;float: left;position: relative;display: flex;flex-direction: row;justify-content:space-between;}
.head_m_1 .mnav a{font-size: 15px;color: #ffffff88;line-height: 36px;font-weight: bold;border-radius: 30px;background:linear-gradient(to bottom, #957d3b, #5e4707);padding: 0 16px;border: 1px solid #dec378;}
.head_m_1 .mnav a.cur{color: #fff;opacity: 1;background: linear-gradient(to bottom, #906c09, #261c00);}
.head_m_1 .box{width:100%;float: left;position: relative;margin-bottom: 15px;}
.head_m_1 .box .logo{float: left;font-size: 0;}
.head_m_1 .box .logo img{float: left;height: 30px;}
.head_m_1 .box .r{float: right;text-align: right;vertical-align: middle;display: none;}
.head_m_1 .box .r .menu{float: right;height: 36px;color: #fff;font-size: 16px;display: flex;flex-direction: row;align-items: center;justify-content: center;background: #00000044;border-radius: 30px;padding: 0 16px;gap: 3px;}
.head_m_1 .box .r .menu span{color: #fff;font-size: 20px;}
@media (max-width: 992px) {
.head_m_1{display: block;}
}
@media (max-width: 400px) {
.head_m_1 .mnav a{padding: 0 12px;font-size: 14px;}
}

/* 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(--colorone);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(--colorone);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(--colorone);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: 33;}
.footers .box{width: 100%;float: left;padding: 60px 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: 40px 0 70px;}
.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: 44px;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: 44px;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;}
.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(--colorone)}
.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: 44px;}
.footers .box .m .sns .a2a_kit a .icon-pinterest1{font-size: 44px;}
.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: 100px;font-size: 16px;padding-bottom: 20px;}
@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;}
}

/*页面顶部*/
.page_focus{float: left;width: 100%;position: relative;}
.page_focus .bg{float: left;width: 100%;height: 40vh;background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
.page_focus .img{float: left;width: 100%;display: none;aspect-ratio: 5/4;background-position: center bottom;background-size: cover;}
.page_focus .con{float: left;width: 100%;background: rgba(0,0,0,0);position: absolute;z-index: 2;bottom: 0;height: 40vh;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;text-transform: uppercase;}
@media (max-width: 768px) {
.page_focus{height: auto;}
.page_focus .bg{display: none;}
.page_focus .img{display: block;}
.page_focus .con{height: 100%;padding: 100px 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;text-transform: uppercase;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
} 

/*htmlPn_01_pc*/
.htmlPn_01_pc{float: left;width: 100%;line-height:30px;font-size: 16px;font-weight: normal;margin:10px 0;color: #666;border-top: 1px solid #e5e5e5;margin-top: 20px;padding-top: 25px;}
.htmlPn_01_pc p{float: left;width: 100%;display: flex;flex-direction: row;margin: 5px 0;}
.htmlPn_01_pc p span{color: #333;width: 80px;}
.htmlPn_01_pc p a{color: #333;flex:1;}
@media (max-width: 992px) {
}



/*article_head*/
.article_head{float: left;width: 100%;padding: 60px 0;}
.article_head .box{width: 100%;;float: left;position:relative;border-bottom: 3px solid #eee;padding-bottom: 30px;}
.article_head .box .ah{width: 100%;float: left;position:relative;overflow: hidden;padding-top: 125px;margin-top: -125px;z-index: 1;padding-bottom: 80px;}
.article_head .box .ah .swiper-slide{text-align: center;font-size: 18px;background: #fff;height: auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.article_head .box .ah .swiper-slide .content{width: 100%;float: left;position: relative;text-align: left;overflow: hidden;background: #fff;display: flex;transition: 0.5s;    align-items: flex-start;flex-direction: row;}
.article_head .box .ah .swiper-slide .content .img{float: left;width: 600px;aspect-ratio:5/2;overflow: hidden;background-size: cover;border-radius: 20px;}
.article_head .box .ah .swiper-slide .content .r{flex:1;float: right;padding:0  0 0 40px;transition: 0.5s;}
.article_head .box .ah .swiper-slide .content .r b{float: left;width: 100%;transition: 0.5s;line-height: 30px;font-size: 24px;margin: 20px 0 0;color:#000;font-family: 'MB';word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.article_head .box .ah .swiper-slide .content .r strong{float: left;width: 100%;transition: 0.5s;line-height: 30px;font-size: 14px;font-weight: bold;margin-top: 40px;}
.article_head .box .ah .swiper-slide .content .r p{float: left;width: 100%;transition: 0.5s;font-family: 'ML';margin-top: 10px;font-size: 14px;line-height: 24px;text-align: justify;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;color: #666;;}
.article_head .box .ah .swiper-slide .content .r strong i{line-height: 40px;display: inline-block;color: var(--colorone);font-style: normal;font-weight: bold;padding: 0 0px;border-radius:40px;font-size: 14px;float: right;}
.article_head .box .ah .swiper-slide .content .r strong i span{background-color: var(--colorone);color: #fff;width: 16px;height: 16px;text-align: center;margin-left: 4px;border-radius: 100%;display: inline-block;vertical-align: inherit;line-height: 16px;transition:0.5s;}
.article_head .box .ah .swiper-button-next, 
.article_head .box .ah .swiper-button-prev{border: 1px solid var(--colorone);width: 48px;height: 48px;border-radius: 100%;display: inline-block;background-size: 12px;color: red;display: none;}
.article_head .box .ah .swiper-button-prev{top: 34px;right:80px;left:auto;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2310479b'%2F%3E%3C%2Fsvg%3E");}
.article_head .box .ah .swiper-button-prev:hover{border: 1px solid var(--colorone);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2310479b'%2F%3E%3C%2Fsvg%3E");}
.article_head .box .ah .swiper-button-next{top: 34px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2310479b'%2F%3E%3C%2Fsvg%3E");}
.article_head .box .ah .swiper-button-next:hover{border: 1px solid var(--colorone);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2310479b'%2F%3E%3C%2Fsvg%3E");}
.article_head .box .ah .swiper-pagination-bullet-active.swiper-pagination-bullet-active{background: var(--colorone)}
@media (max-width: 1200px) {
.article_head{padding: 50px 15px 50px;display: none;}
.article_head .box .ah{padding-bottom: 50px;}
.article_head .box .ah .swiper-button-next, 
.article_head .box .ah .swiper-button-prev{width: 36px;height: 36px;right: 0;top: 65px;}
.article_head .box .ah .swiper-button-prev{right:55px;}
.article_head .box .ah .swiper-slide .content{flex-direction: column;padding: 0;}
.article_head .box .ah .swiper-slide .content .img{float: left;width: 100%;aspect-ratio: 3/2;border-radius: 10px 10px 0 0;}
.article_head .box .ah .swiper-slide .content .r{flex:1;float: right;padding:15px;margin-top: 0;}
.article_head .box .ah .swiper-slide .content .r b{font-size: 16px;line-height: 24px;}
.article_head .box .ah .swiper-slide .content .r i{margin-top: 10px;}
.article_head .box .ah .swiper-slide:hover .content{background: var(--colorone)}
.article_head .box .ah .swiper-slide:hover .content .r b,
.article_head .box .ah .swiper-slide:hover .content .r strong,
.article_head .box .ah .swiper-slide:hover .content .r p{color: #fff;}
}

/*article_page*/
.article_page{ float: left;width: 100%;margin-bottom: 60px;}
.article_page .cate{width: 100%;float: left;position: relative;margin-bottom: 60px;background: #ddd;padding: 20px 0;}
.article_page .cate .list{float:left; }
.article_page .cate .list a{height: 60px;line-height: 60px;color: #000;float: left;font-size: 20px;margin-right: 30px;font-weight: bold;font-family: 'MB';}
.article_page .cate .list a.cur{color: var(--colorone)}
.article_page .cate form{float: right;width:400px;max-width: 60%;height: 60px;border-bottom: 2px solid #888;display: flex;}
.article_page .cate 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;}
.article_page .cate 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;}
.article_page .cate form button span{line-height: 60px;top: 0;font-size: 24px;color: #000;vertical-align: top;display: inline-block;}
.article_page .box{float: left;width: 100%;}
.article_page .box .ul{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;}
.article_page .box .ul li{width:100%;transition:0.5s;margin: 0 0 30px 0;padding: 0 0 30px;background: #fff;border-bottom: 1px solid #eee;display: flex;flex-direction: row-reverse;align-items: flex-start;}
.article_page .box .ul li:hover{border-bottom: 1px solid var(--colorone);}
.article_page .box .ul li:hover .time{background-color:var(--colorone);color: #fff;}
.article_page .box .ul li:hover .img div{transform: scale(1.1);}
.article_page .box .ul li:nth-child(3n){margin-right: 0}
.article_page .box .ul li .img{width:300px;float: left;overflow: hidden;aspect-ratio: 4/2;border-radius: 10px;}
.article_page .box .ul li .img div{width:100%;float: left;overflow: hidden;aspect-ratio: 4/2;background-size: cover;transition:0.5s;}
.article_page .box .ul li .time{width:120px;float: left;background-color:#eee;line-height:30px;color: #aaa;transition:0.5s;display: flex;justify-content: center;align-items: center;aspect-ratio: 1;flex-direction: column;border-radius: 10px;}
.article_page .box .ul li .time b{font-size: 30px;}
.article_page .box .ul li .info{flex: 1;float: left;transition:0.5s;padding:0 20px;}
.article_page .box .ul li .info .tit{width: 100%;float: left;font-size: 20px;font-weight: bold;line-height: 40px;color:#000;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB'}
.article_page .box .ul li .info p{width: 100%;float: left;font-size: 16px;color: #999;line-height: 30px;margin-top: 6px;;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 15px;text-align: justify;}
.article_page .box .ul li:hover .info .tit{color: var(--colorone)}
.article_page .box .cases{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;margin: 50px 0;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;}
.article_page .box .cases li{transition:0.5s;background: #fff;display: flex;flex-direction: column;align-items: flex-start;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
.article_page .box .cases li:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.article_page .box .cases li:hover .time{background-color:var(--colorone);color: #fff;}
.article_page .box .cases li:hover .img div{transform: scale(1.1);}
.article_page .box .cases li:hover .logo div{transform: scale(1.1);}
.article_page .box .cases li:hover .info .tit::after{width: 100%;}
.article_page .box .cases li:nth-child(3n){margin-right: 0}
.article_page .box .cases li .img{width:100%;float: left;overflow: hidden;aspect-ratio: 3/2;border-radius: 10px 10px 0 0;}
.article_page .box .cases li .img div{width:100%;float: left;overflow: hidden;aspect-ratio: 3/2;background-size: cover;transition:0.5s;}
.article_page .box .cases li .logo{width:60px;float: left;overflow: hidden;aspect-ratio: 1;margin: 15px 0 15px 15px;border-radius: 100%;}
.article_page .box .cases li .logo div{width:100%;float: left;overflow: hidden;aspect-ratio: 1;background-size: cover;transition:0.5s;border-radius: 100%;background-position: center;}
.article_page .box .cases li .time{width:120px;float: left;background-color:#eee;line-height:30px;color: #aaa;transition:0.5s;display: flex;justify-content: center;align-items: center;aspect-ratio: 1;flex-direction: column;}
.article_page .box .cases li .time b{font-size: 30px;}
.article_page .box .cases li .info{flex: 1;float: left;transition:0.5s;padding: 0 20px 15px ;}
.article_page .box .cases li .info .tit{width: 100%;float: left;font-size: 20px;font-weight: bold;line-height: 30px;color:#000;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB';border-top: 1px solid #eee;padding: 15px 0 20px;position: relative;margin-bottom: 6px;}
.article_page .box .cases li .info .tit::after{width: 30px;height: 3px;background: var(--colorone);display: inline-block;position: absolute;bottom: 0;left: 0;content: " ";border-radius: 3px;transition: 0.5s;}
.article_page .box .cases li .info p{width: 100%;float: left;font-size: 15px;color: #999;line-height: 24px;margin-top: 10px;;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 15px;text-align: justify;}
.article_page .box .cases li:hover .info .tit{color: var(--colorone)}
.article_page .box .master{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;margin: 50px 0;display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 40px;}
.article_page .box .master li{transition:0.5s;background: #fff;display: flex;flex-direction: column;align-items: flex-start;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);overflow: hidden;position: relative;}
.article_page .box .master li:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.article_page .box .master li:hover .time{background-color:var(--colorone);color: #fff;}
.article_page .box .master li:hover .img div{transform: scale(1.1);}
.article_page .box .master li:hover .logo div{transform: scale(1.1);}
.article_page .box .master li:hover .info{padding-bottom: 25px;}
.article_page .box .master li:hover .info p{height: auto;}
.article_page .box .master li .img{width:100%;float: left;overflow: hidden;aspect-ratio: 4/4;border-radius: 10px 10px 0 0;}
.article_page .box .master li .img div{width:100%;float: left;overflow: hidden;aspect-ratio: 4/4;background-size: cover;transition:0.5s;background-position: center;}
.article_page .box .master li .logo{width:60px;float: left;overflow: hidden;aspect-ratio: 1;margin: 15px 0 15px 15px;border-radius: 100%;}
.article_page .box .master li .logo div{width:100%;float: left;overflow: hidden;aspect-ratio: 1;background-size: cover;transition:0.5s;border-radius: 100%;background-position: center;}
.article_page .box .master li .time{width:120px;float: left;background-color:#eee;line-height:30px;color: #aaa;transition:0.5s;display: flex;justify-content: center;align-items: center;aspect-ratio: 1;flex-direction: column;}
.article_page .box .master li .time b{font-size: 30px;}
.article_page .box .master li .info{flex: 1;float: left;transition:0.5s;padding: 10px 20px 15px ;position: absolute;bottom: 0;left: 0;background: #000000aa;width: 100%;transition: 0.5s;}
.article_page .box .master li .info .tit{width: 100%;float: left;font-size: 18px;font-weight: bold;line-height: 30px;color:#fff;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB';padding: 15px 0 10px;position: relative;}
.article_page .box .master li .info p{width: 100%;float: left;font-size: 14px;color: #fff;line-height: 20px;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align: justify;height: 0;overflow: hidden;transition: 0.5s;}
.article_page .box .master li:hover .info .tit{}
.article_page .box .story{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;margin: 50px 0;display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.article_page .box .story li{transition:0.5s;background: #fff;display: flex;flex-direction: row;align-items: flex-start;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
.article_page .box .story li:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.article_page .box .story li:hover .img div{transform: scale(1.1);}
.article_page .box .story li:hover .info .tit::after{width: 100%;}
.article_page .box .story li:nth-child(3n){margin-right: 0}
.article_page .box .story li .img{width:270px;float: left;overflow: hidden;aspect-ratio: 4/3;border-radius: 10px  0 0 10px;}
.article_page .box .story li .img div{width:100%;float: left;overflow: hidden;aspect-ratio: 4/3;background-size: cover;transition:0.5s;background-position: center;}
.article_page .box .story li .info{flex: 1;float: left;transition:0.5s;padding: 0 20px 15px ;}
.article_page .box .story li .info .tit{width: 100%;float: left;font-size: 20px;font-weight: bold;line-height: 30px;color:#000;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB';padding: 15px 0 20px;position: relative;margin-bottom: 6px;}
.article_page .box .story li .info .tit::after{width: 30px;height: 3px;background: var(--colorone);display: inline-block;position: absolute;bottom: 0;left: 0;content: " ";border-radius: 3px;transition: 0.5s;}
.article_page .box .story li .info p{width: 100%;float: left;font-size: 15px;color: #666;line-height: 24px;margin-top: 8px;;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align: justify;}
.article_page .box .story li:hover .info .tit{color: var(--colorone)}
.article_page .content{float: left;width: 100%;line-height: 24px;font-size: 13px;padding: 30px 0;}
.article_page .content .con{display: flex;flex-direction: row;width: 100%;    align-items: flex-start;}
.article_page .content .con .sidebar{float: left;width:320px;padding: 30px;background: #f7f4f0;border-radius: 15px;}
.article_page .content .con .sidebar .title{float: left;width:100%;line-height: 40px;font-size: 20px;color: #000;font-weight: bold;}
.article_page .content .con .sidebar .re{width: 100%;float: left;margin: 10px 0 40px;}
.article_page .content .con .sidebar .re a{float: left;line-height: 24px;padding: 0 0 0 15px;color: #333;margin: 0 0 10px 0;transition:0.5s;position: relative;font-size: 16px; transition:0.5s;width: 100%;}
.article_page .content .con .sidebar .re a::before{top: 10px;left: 0;width: 6px;height: 6px;background: #888;border-radius: 6px;position: absolute;display: inline-block;content: '';transition:0.5s;}
.article_page .content .con .sidebar .re a:hover{color: var(--colorone);}
.article_page .content .con .sidebar .re a:hover::before{background-color: var(--colorone);left: 4px;}
.article_page .content .con .sidebar .tag{width: 100%;float: left;margin: 10px 0 40px;}
.article_page .content .con .sidebar .tag a{float: left;line-height: 34px;padding: 0 15px;background-color: #eee;color: #333;margin: 0 20px 10px 0;transition:0.5s; border-radius: 34px;}
.article_page .content .con .sidebar .tag a:hover{background: var(--colorone);color: #fff;}
.article_page .content .con .sidebar .ad{width: 100%;float: left;margin: 10px 0 40px;background-image: url(/static/common/images/bd_bg.jpg);background-size: cover;background-position: center;aspect-ratio: 4/3;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 20px}
.article_page .content .con .sidebar .ad p{width: 100%;float: left;line-height: 30px;font-size: 16px;text-align: center;color: #fff;position: relative;transition:0.3s;font-weight: bold;}
.article_page .content .con .sidebar .ad em{width: 100%;float: left;text-align: center;margin: 10px 0 0;transition:1s}
.article_page .content .con .sidebar .ad em a{display: inline-block;height: 34px;border-radius: 34px;border: 1px solid #fff;color: #fff;padding: 0 30px;line-height: 34px;font-size: 13px;transition:0.3s;}
.article_page .content .con .sidebar .ad em a:hover{background: var(--colorone);padding: 0 50px}
.article_page .content .con .htext{float: left;flex: 1;padding: 0 80px 0 0;}
.article_page .content .address{float: left;width: 100%;line-height: 40px;padding: 13px 40px;font-size: 16px;margin-bottom: 35px;background: #fff;position: relative;z-index: 444;margin-top: -60px;box-shadow: 0 5px 10px rgba(0,0,0,0.05);border-radius: 8px;}
.article_page .content .address span{float: left;margin: 0 5px 0 0;}
.article_page .content .address a{color: #555;margin: 0 5px 0 0;}
.article_page .content .address i{color: #aaa;margin: 0 5px 0 0;}
.article_page .content .con .btitle{float: left;width: 100%;margin:30px 0 15px;line-height: 30px;font-size: 30px;font-weight: bold;}
.article_page .content .con .re_cases{float: left;width:100%;font-size:13px;display: flex;justify-content: start;flex-wrap: wrap;margin: 10px 0 50px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;}
.article_page .content .con .re_cases li{transition:0.5s;background: #fff;display: flex;flex-direction: column;align-items: flex-start;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.article_page .content .con .re_cases li:hover .time{background-color:var(--colorone);color: #fff;}
.article_page .content .con .re_cases li:hover .img div{transform: scale(1.1);}
.article_page .content .con .re_cases li:hover .logo div{transform: scale(1.1);}
.article_page .content .con .re_cases li:nth-child(3n){margin-right: 0}
.article_page .content .con .re_cases li .img{width:100%;float: left;overflow: hidden;aspect-ratio: 2/1;border-radius: 10px 10px 0 0;}
.article_page .content .con .re_cases li .img div{width:100%;float: left;overflow: hidden;aspect-ratio: 2/1;background-size: cover;transition:0.5s;}
.article_page .content .con .re_cases li .logo{width:50px;float: left;overflow: hidden;aspect-ratio: 1;margin: 15px 0 15px 15px;border-radius: 100%;}
.article_page .content .con .re_cases li .logo div{width:100%;float: left;overflow: hidden;aspect-ratio: 1;background-size: cover;transition:0.5s;border-radius: 100%;background-position: center;}
.article_page .content .con .re_cases li .time{width:120px;float: left;background-color:#eee;line-height:30px;color: #aaa;transition:0.5s;display: flex;justify-content: center;align-items: center;aspect-ratio: 1;flex-direction: column;}
.article_page .content .con .re_cases li .time b{font-size: 30px;}
.article_page .content .con .re_cases li .info{flex: 1;float: left;transition:0.5s;padding: 0 15px 15px ;}
.article_page .content .con .re_cases li .info .tit{width: 100%;float: left;font-size: 18px;font-weight: bold;line-height: 30px;color:#000;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB';border-top: 1px solid #eee;padding-top: 15px;}
.article_page .content .con .re_cases li .info p{width: 100%;float: left;font-size: 14px;color: #999;line-height: 20px;margin-top: 10px;;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 15px;text-align: justify;}
.article_page .content .con .re_cases li:hover .info .tit{color: var(--colorone)}
.article_page .content .con .htext .h1{float: left;width: 100%;margin:30px 0 5px;line-height: 48px;font-size: 30px;font-weight: bold;text-align: center;}
.article_page .content .con .htext .h1 .w3c:hover{color: #fff;background: var(--colorone);padding: 0 30px 0 50px;}
.article_page .content .con .htext .info{float: left;width: 100%;line-height: 30px;margin-bottom: 20px;color: #aaa;text-align: center;font-size: 16px;}
.article_page .content .con .htext .info a{color: #aaa;}
.article_page .content .con .htext .price{float: left;width: 100%;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 40px;}
.article_page .content .con .htext .price b{float: left;line-height: 50px;font-size: 30px;color: var(--colorone);}
.article_page .content .con .htext .price a{float: right;line-height: 50px;background: var(--colorone);color: #fff;border-radius: 6px;color: #fff;padding: 0 20px;font-size: 18px;font-weight: bold;}
.article_page .content .con .htext .text{float: left;width: 100%;line-height: 36px;font-size: 16px;}
.article_page .content .con .htext .text img{max-width: 100%;}
.article_page .content .con .htext .text h1{float: left;width: 100%;line-height: 60px;font-size: 36px;margin: 0 0 20px;padding: 0 0 15px;font-weight: bold;border-bottom: 3px dashed #eee;}
.article_page .content .con .htext .text h2{float: left;width: 100%;line-height: 60px;font-size: 24px;margin: 0 0 10px;padding: 0;font-weight: bold;}
.article_page .content .con .htext .text h3{float: left;width: 100%;line-height: 40px;font-size: 18px;margin: 0 0 10px;padding: 0;font-weight: bold;}
.article_page .content .con .htext .text blockquote{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 5px 0;padding: 15px;background: #fafafa;margin:  0 0 15px;}
.article_page .content .con .htext .text blockquote p{color: #999;}
.article_page .content .con .htext .text .syntaxhighlighter{margin: 15px 0 !important;display: inline-block;}
@media (max-width: 768px) {
.article_page{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
.article_page .cate{display: none;}
.article_page .box{float: left;width: 100%;background: none;border-radius: 0px;padding:20px 15px 50px;box-shadow: none;}
.article_page .box .ul{justify-content: space-between;}
.article_page .box .ul li{width:100%;margin: 0 0 20px 0;padding:0 0 20px;}
.article_page .box .ul li .img{display: none;}
.article_page .box .ul li .time{width: 100px;height: 100px;}
.article_page .box .ul li .info{padding:0 15px 0px;}
.article_page .box .ul li .info .tit{font-size: 16px;line-height: 24px;}
.article_page .box .ul li .info p{font-size: 14px;line-height: 20px;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 0}
.article_page .box .ul li:hover .desc{color: var(--colorone)}
.article_page .box .ul li:hover p{color: var(--colorone)}
.article_page .box .ul li:hover i{background: var(--colorone);color: #fff;border: 1px solid var(--colorone);}
.article_page .box .ul li:hover .img img{transform: scale(1.1);}
.article_page .content{padding:20px 15px;}
.article_page .content .address{line-height: 40px;padding: 6px 20px;font-size: 14px;margin-bottom: 0px;margin-top: -46px;}
.article_page .content .con .htext{padding: 0;}
.article_page .content .con .htext .h1{margin:25px 0 7px;font-size: 20px;line-height:32px;}
.article_page .content .con .sidebar{display: none;}
.article_page .box .cases{margin: 0 0 20px;grid-template-columns: 1fr 1fr;gap: 20px;}
.article_page .box .cases li .img{border-radius: 6px;}
.article_page .box .master{margin: 0 0 20px;grid-template-columns: 1fr 1fr;gap: 20px;}
.article_page .box .master li .img{border-radius: 6px;}
.article_page .content .con .btitle,
.article_page .content .con .re_cases{display: none;}
.article_page .box .story{margin: 0 0 20px;grid-template-columns: 1fr;gap: 20px;}
.article_page .box .story li{transition:0.5s;background: #fff;display: flex;flex-direction: row;align-items: flex-start;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
.article_page .box .story li:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.article_page .box .story li:hover .img div{transform: scale(1.1);}
.article_page .box .story li:hover .info .tit::after{width: 100%;}
.article_page .box .story li:nth-child(3n){margin-right: 0}
.article_page .box .story li .img{width:40%;float: left;overflow: hidden;aspect-ratio: 4/4;border-radius: 10px  0 0 10px;}
.article_page .box .story li .img div{width:100%;float: left;overflow: hidden;aspect-ratio: 4/4;background-size: cover;transition:0.5s;}
.article_page .box .story li .info{flex: 1;float: left;transition:0.5s;padding: 0 20px 15px ;}
.article_page .box .story li .info .tit{width: 100%;float: left;font-size: 16px;font-weight: bold;line-height: 24px;color:#000;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB';padding: 15px 0 10px;position: relative;margin-bottom: 6px;overflow: hidden;}
.article_page .box .story li .info .tit::after{width: 30px;height: 3px;background: var(--colorone);display: inline-block;position: absolute;bottom: 0;left: 0;content: " ";border-radius: 3px;transition: 0.5s;}
.article_page .box .story li .info p{width: 100%;float: left;font-size: 13px;line-height: 20px;margin-top: 6px;;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align: justify;}
.article_page .box .story li:hover .info .tit{color: var(--colorone)}
.article_page .box .cases li .info .tit{font-size: 16px;line-height: 24px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB';border-top: 1px solid #eee;padding: 15px 0 20px;position: relative;margin-bottom: 6px;}
.article_page .box .cases li .info .tit::after{width: 30px;height: 3px;background: var(--colorone);display: inline-block;position: absolute;bottom: 0;left: 0;content: " ";border-radius: 3px;transition: 0.5s;}
.article_page .box .cases li .info p{width: 100%;float: left;font-size: 14px;color: #666;line-height: 20px;margin-top: 10px;;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 5px;text-align: justify;}
.article_page .box .master li .info .tit{width: 100%;float: left;font-size: 15px;font-weight: bold;line-height: 20px;color:#fff;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;font-family: 'MB';padding: 10px 0 5px;position: relative;}
.article_page .box .master li .info p{width: 100%;float: left;font-size: 13px;color: #fff;line-height: 20px;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align: justify;height: 0;overflow: hidden;transition: 0.5s;}
.article_page .box .master li:hover .info .tit{}
.article_page .box .master li .info{padding: 5px 15px 10px ;}

.article_page .box .master li .img{aspect-ratio: 4/5;}
.article_page .box .master li .img div{aspect-ratio: 4/5;}

}



/*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(--colorone)}
.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 b{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(--colorone);transition:0.5s;word-break:break-all;display:-webkit-box;-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;word-break:break-all;display:-webkit-box;-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(--colorone)}
.news_page .box .ul li:hover p{color: var(--colorone)}
.news_page .box .ul li:hover i{background: var(--colorone);color: #fff;border: 1px solid var(--colorone);}
.news_page .box .ul li:hover .img img{transform: scale(1.1);}
.news_show{float: left;width: 100%;margin:140px 0 100px;z-index: 333;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 b{font-weight: normal;flex: 1;font-size: 40px;font-family: 'MB';line-height: 50px;padding-right: 100px;}
.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%;}
.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 b{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(--colorone)}
.news_page .box .ul li:hover p{color: var(--colorone)}
.news_page .box .ul li:hover i{background: var(--colorone);color: #fff;border: 1px solid var(--colorone);}
.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 b{font-size: 24px;line-height: 30px;padding-right:0px;margin-bottom: 10px;}
.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(--colorcolor);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-right:20px;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(--colorone);background: var(--colorone);color: #fff;}
.faq_page .box .catenav .list a.cur{border-color: var(--colorone);background: var(--colorone);color: #fff;}
.faq_page .box .title{float: left;width:100%;margin-bottom: 40px;}
.faq_page .box .title b{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(--colorone);transition:0.5s;word-break:break-all;display:-webkit-box;-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;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 15px;}
.faq_page .box .ul li .info i{float: left;color:var(--colorfive);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(--colorone)}
.faq_page .box .ul li:hover p{color: var(--colorone)}
.faq_page .box .ul li:hover i{color: var(--colorone);}
.faq_page .box .ul li:hover .img img{transform: scale(1.1);}
.faq_show{float: left;width: 100%;margin:100px 0 100px;z-index: 333;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 b{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:49%;margin: 0 0 10px;background: #fff;padding: 0 10px;}
.faq_page .box .catenav .list a.cur{color: var(--colorone)}
.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 b{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(--colorone)}
.faq_page .box .ul li:hover p{color: var(--colorone)}
.faq_page .box .ul li:hover i{background: var(--colorone);color: #fff;border: 1px solid var(--colorone);}
.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 b{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:80px 0 40px;}
.printing_page .box{float: left;width: 100%;}
.printing_page .box .con{float: left;width: 100%;margin-bottom: 40px;}
.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 b{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(--colorone)}
.printing_page .box .con .li:hover .text .td{color: var(--colorone)}
.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;}
.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 b{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%;}
.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;word-break: break-all;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(--colorone)}
.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(--colorone)}
.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 b{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(--colorfive);color: #fff;border: 1px solid var(--colorfive);}
.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(--colorone);transition:0.5s;word-break:break-all;display:-webkit-box;-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;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;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(--colorone)}
.solutions_page .box .ul li:hover p{color: var(--colorone)}
.solutions_page .box .ul li:hover i{background: var(--colorone);color: #fff;border: 1px solid var(--colorone);}
.solutions_page .box .ul li:hover .img img{transform: scale(1.1);}
.solutions_show{float: left;width: 100%;margin:140px 0 100px;z-index: 333;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 b{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 b{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(--colorone)}
.solutions_page .box .ul li:hover p{color: var(--colorone)}
.solutions_page .box .ul li:hover i{background: var(--colorone);color: #fff;border: 1px solid var(--colorone);}
.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 b{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(--colorfive);color: #fff;border: 1px solid var(--colorfive)}
@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 b{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 b{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 b{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(--colorone)}
.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;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;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(--colorone)}
.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;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;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 b{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(--colorone);padding: 40px;color: #fff;transition:0.5s;margin-bottom: 30px;}
.guarantee_page .box .four .con .li:hover{background:var(--colorfive)}
.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 p{float: left;width: 100%;line-height: 24px;font-size: 16px;}
@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 b{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 b{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 b{font-size: 24px;line-height: 36px;margin-bottom: 10px;}
.guarantee_page .box .three .title p{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(--colorone)}
.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;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.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(--colorone)}
.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 b{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;align-items: self-end;justify-content: space-around;}
.industry_page .box .one .con .l b{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(--colorfive);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 b{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(--colorfive);}
@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 b{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(--colorfive);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 b{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: 20px;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 .noable{opacity: 0.6;background: #eee;cursor: not-allowed;}
.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: leftl;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(/static/common/My97DatePicker/skin/datePicker.gif) no-repeat 98%;}

/*order_detail*/
.order_detail{float:left;width: 100%;}
.order_detail .order{float:left;width: 100%;line-height: 30px;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);}
.order_detail .order .l{width:180px;display: flex;background: var(--colorone);}
.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{flex: 1;padding: 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;box-shadow: 0 0px 10px rgba(0,0,0,0.05);}
.order_detail .records .li b{float: left;font-weight: normal;font-size: 12px;margin-bottom: 5px;line-height: 24px;color: #fff;background: var(--colorone);border-radius:  0 12px 12px 0;margin-left: -15px;padding: 0 20px 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;}
.order_detail .deal{float:left;width: 100%;background: #fafafa;padding: 15px 20px;line-height: 30px;margin-bottom: 20px;border-radius: 10px;}
.order_detail .deal .titles{float:left;width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.order_detail .deal .titles .b{float: left;font-size: 16px;font-weight: bold;line-height: 40px;}
.order_detail .pay{float:left;width: 100%;background: #fafafa;padding: 15px 20px;line-height: 30px;margin-bottom: 20px;border-radius: 10px;}
.order_detail .btn_repay{float:left;margin: 20px 0;}
.more_box{float: left;width: 100%;display: none;background: #fafafa;}
.more_box .good{float: left;width: 100%;padding: 20px;}
.more_box .good .titles{float: left;width: 100%;line-height: 40px;font-size: 16px;font-weight: bold;margin-top: 0;}
.more_box .good .li{float: left;width: 100%;display: flex;padding: 15px;line-height: 24px;background: #fff;margin: 8px 0;box-shadow: 0 0 10px rgba(0,0,0,0.05);border-radius: 6px;transition:0.5s;justify-content: space-between;align-items: center;}
.more_box .good .li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.more_box .good .li .good_thumbnail{width: 100px;}
.more_box .good .li .good_thumbnail img{width: 100%;border-radius: 6px;height: auto;}
.more_box .good .li .good_title{flex:1;font-size: 14px;padding-left: 20px;font-weight: bold;}
.more_box .good .li .good_title b{width: 100%;}
.more_box .good .li .good_title p{display: none}
.more_box .good .li .good_dw{width: 10%;}
.more_box .good .li .good_detail{width: 25%;}
.more_box .good .li .good_price{width: 200px;}
@media (max-width: 768px) {
.order_detail .deal{padding: 20px 10px;}
.order_detail .deal .titles .btn{line-height: 38px;font-size: 15px;}
.order_detail .order{flex-direction: column;}
.order_detail .order .l{width: 55%;padding:0 20px;margin-top: 20px;float: left;border-radius: 0 40px 40px 0;box-shadow:5px 5px 0  rgba(0,0,0,0.05);}
.order_detail .order .l b{display:flex;flex-direction: row;justify-content: left;align-items: center;}
.order_detail .order .l b span{line-height: 40px;font-size: 20px;color: #fff;float: left;margin-right: 20px;}
.order_detail .order .l b i{line-height: 40px;font-size: 16px;color: #fff;display: inline-block;float: left;width: auto;}
.order_detail .order .r{width: 100%;padding: 10px 10px;}
.order_detail .records{padding:10px;justify-content: space-between}
.order_detail .records .li{width: 49%;margin-bottom: 10px;margin-right: 0;}
.more_box{padding: 10px;}
.more_box .good{padding: 0;}
.more_box .good .titles{margin-top: 0;}
.more_box .good .li .good_thumbnail{width: 80px;}
.more_box .good .li .good_price{display: none;}
.more_box .good .li .good_title{padding-left: 10px;}
.more_box .good .li .good_title p{display: block;}
}

/*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(--colorone);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;word-break:break-all;display:-webkit-box;-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;word-break:break-all;display:-webkit-box;-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;word-break:break-all;display:-webkit-box;-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;word-break:break-all;display:-webkit-box;-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(--colorone); 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;word-break:break-all;display:-webkit-box;-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(--colorone); background: #e6e6e6;border-bottom: 3px solid var(--colorone);}
.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(--colorone);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(--colorone);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(--colorone);color: #fff;}
.cateNav_8 a:hover{background:var(--colorone);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_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(--colorone);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(--colortwo)
;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;}
.mainWrap .container{display: flex;flex-direction: row-reverse;justify-content: space-between;}
.main{width: 100%;margin:0px auto 0 ;display: flex;flex-direction: row-reverse;justify-content: space-between;}
@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(--colorone);color: var(--colorone);}
@media (max-width: 992px) {
.cateNav_3{display: block;}
}

#mR0{margin-right: 0;}
#allmap{float: left;width: 100%;height: 300px;}


/*移动端栏目导航*/
.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(--colorone);}
@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%;}
}

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

/*html_pn*/
.html_pn{float: left;width: 100%;line-height: 40px;font-size: 20px;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(--colorfive);}
.html_pn .prev{}
.html_pn .prev a:hover{color:var(--colorfive);}
@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 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(--colorone);color: #fff;border: 1px solid var(--colorone)}
@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(--colorone);}
.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(--colorone);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(--colorone);}
@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: none;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;}

/*****分页处理*******/
.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(--colorone);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(--colorone);}
.flag_s{background: #bbf;text-shadow:1px 1px 0 #baf;}
.flag_n{background: var(--colorone);text-shadow:1px 1px 0 #baf;}

.Wdate{border: 1px solid #eee;}
.allmain{float: left;width: 100%;margin-bottom: 20px;}
.allmain .container{display: flex;flex-direction: row-reverse;justify-content: space-between;}