@media only screen and (max-width: 3100px) {
  html {
    font-size: 30px;
  }
}
@media only screen and (max-width: 2560px) {
  html {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1920px) {
  html {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1440px) {
  html {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  html {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 16px;
  }
}


@media  (min-width: 1024px) and (max-width: 1240px) {
  .header-handle{display:none !important}
  .header-menu>li>a{font-size:14px}
  
}




.float_box{width:60px;border:1px solid #dddddd; position: fixed;right:12px;bottom:5%; z-index: 100; transition:all 0.3s;box-shadow: 0 14px 32px rgba(145,145,145,0.2);background: rgba(255,255,255,0.6);display:none}

.float_box dl dd {
    display: none;
}
.float_box dl{width:100%;height:60px;padding:20px 10px;border-bottom:1px solid #ddd; text-align: center; cursor:pointer; position: relative;}
.float_box dl dd{font-size:14px;color:#777; font-weight: bold; margin-top:10px;}
.float_box dl:hover dd{color:#ce0e05;}
.float_box .gotop{border-bottom:none;}
.jmrx_box{width:250px;height:100%; position: absolute;top:0;right:50px;transition:all 0.3s; opacity: 0; visibility: hidden; }
.jmrx_in{width:220px;background:#fff;box-shadow: 0 0 32px rgba(93,99,109,0.22);padding:20px 20px; position: relative; }
.jmrx_in:after{width: 0;height: 0;border-top: 10px solid transparent; border-left: 12px solid #fff; border-bottom: 10px solid transparent;content:''; position: absolute;top:50%;right:-12px;margin-top:-10px;} 
.float_box dl.float_jmrx:hover .jmrx_box{opacity: 1;visibility: visible;right:100%;}
.jmrx_box img{width:35px; height:32px;float:left;margin-top:5px;}
.jmrx_box .jmrx_tel{padding-left:13px;text-align:left;overflow: hidden;}
.jmrx_box .jmrx_tel h4{font-size:14pxrem;color:#777;}
.jmrx_box .jmrx_tel h3{font-size:14pxrem;color:#ce0e05;font-weight: bold;margin-top:8px;}
.ricon{width:27px;margin-left: 5px;}


.espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:15px 0px;}

.layui-btn{width: 9.09rem !important;
    height: 2.14rem !important;
    border: 0;
    outline: 0;
    background-color: #003399 !important;
    font-size: 0.73rem !important;
    color: #fff !important;
    cursor: pointer;
    margin-left: 0.91rem;}
	
	.pcc{display:block}
	.mcc{display:none}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:hover,
.btn:focus,
.btn.focus {text-decoration: none;}

.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}

.disnonee{display:none}

.icon-arrow-right:before{font-size:22px}
.icon-arrow-left:before{font-size:22px}

.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline:0px}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}

.btn {
	display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;
	white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;
	-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:hover,
.btn:focus,
.btn.focus {text-decoration: none;}

.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}


.page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:15px 0px;}


.btn-group,
.btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-group > .btn,
.btn-group-vertical > .btn {position: relative;float: left;}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {z-index: 2;}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {margin-left: -1px;}

.page-brand__list{overflow:hidden}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.main-center {
     max-width: 1540px;
    width: 92%;
  margin: 0 auto;
}
.fx {
  display: flex;
}
.ac {
  align-items: center;
}
.jsb {
  justify-content: space-between;
}
.jsa {
  justify-content: space-around;
}
.fc {
  flex-direction: column;
}
.jcc {
  justify-content: center;
}
.fw {
  flex-wrap: wrap;
}
/* 鍒嗛〉 */
.paged {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4.55rem;
}
.paged > a {
  margin-right: 0.45rem;
}
.paged .page-num {
  display: inline-block;
  padding: 0.55rem 0.73rem;
  font-size: 0.73rem;
  color: #999999;
}
.paged > a:hover {
  background-color: #003399;
  color: #fff;
}
.paged .page-num-current {
  background-color: #003399;
  color: #fff;
}
.no-date {
  text-align: center;
  font-size: 0.91rem;
  padding-bottom: 4.55rem;
}
.com-title {
  padding: 4.55rem 0 3.64rem;
  text-align: center;
}
.com-title h3 {
  position: relative;
     font-size: 48px;
    font-weight: 500;
  margin-bottom: 1.5rem;
}
.com-title h3::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.82rem;
  width: 2.27rem;
  height: 0.18rem;
  background-color:#003399;
}
.com-title p {
  font-size: 0.73rem;
  color: #999;
  text-transform: uppercase;
}
.inn-banner {
  position: relative;
  height: 22.73rem;
}
.inn-banner .txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.inn-banner .txt::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2.5rem;
  width: 2.27rem;
  height: 0.27rem;
  background-color: #ffffff;
}
.inn-banner .txt h3 {
  font-size: 1.64rem;
  margin-bottom: 0.95rem;
  font-weight: 500;
  color: #fff;
}
.inn-banner .txt p {
  font-size: 1.09rem;
  white-space: nowrap;
}
.position {
  padding: 1.82rem 0 2.73rem;
  color: #999999;
}
.position a {
  padding: 0 0.14rem;
}
.position a:hover {
  color: #003399;
}
header {
  position: relative;
}
header .head-pc .head-t {
  background-color: #151414;
  color: #ffffff;
}
header .head-pc .head-t .main-center {
  height: 1.82rem;
}
header .head-pc .head-t .head-r li {
  color: #fefefe;
  margin-left: 1.36rem;
}
header .head-pc .head-t .head-r li .icon {
  margin-right: 0.45rem;
}
header .head-pc .head-t .head-r li i {
  color: #fefefe;
  font-size: 0.91rem;
}
header .head-pc .head-t .head-r li:first-child {
  margin-left: 0;
}
header .head-pc .head-t .head-r .login {
  margin-left: 2.27rem;
}
header .head-pc .head-t .head-r .login .icon {
  width: 0.91rem;
  height: 0.91rem;
  text-align: center;
  line-height: 0.91rem;
  border-radius: 50%;
  background-color: #003399;
}
header .head-pc .head-t .head-r .login .icon i {
  font-size: 0.55rem;
}
header .head-pc .head-t .head-r .login span {
  font-size: 0.73rem;
  color: #003399;
}
header .head-pc .head-b {
  background-color: #151414;
  border-top: 0.05rem solid rgba(38, 38, 38, 0.7);
  z-index: 999;
}
header .head-pc .head-b .main-center {
  height: 100%;
}
header .head-pc .head-b .main-center .logo {
  width: 10.18rem;
  height: 2.95rem;
}
header .head-pc .head-b .main-center .logo img {
  object-fit: contain;
}
header .head-pc .head-b nav li {
  margin-right: 2.55rem;
  height: 4.55rem;
  line-height: 4.55rem;
}
header .head-pc .head-b nav li a {
  position: relative;
  padding: 0 0.45rem;
  font-size: 0.73rem;
  color: #fff;
}
header .head-pc .head-b nav li a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1.95rem;
  transform: translateX(-50%);
  width: 0;
  height: 0.14rem;
  background-color: #ffffff;
  transition: width 0.3s;
}
header .head-pc .head-b nav li:last-child {
  margin-right: 0;
}
header .head-pc .head-b nav li:last-child a {
  padding-right: 0;
}
header .head-pc .head-b nav li:last-child .nav-active::after {
  width: 110%;
  left: 60%;
}
header .head-pc .head-b nav li:hover a::after {
  width: 100%;
  transition: width 0.3s;
}
header .head-pc .head-b nav li:hover:last-child a:after {
  width: 110%;
  left: 60%;
}
header .head-pc .head-b nav .nav-active::after {
  width: 100%;
}
footer {
  background: url(../images/foot-bg.jpg) no-repeat center;
  
  background-size: cover;
}
footer .foot-t {
  padding: 1.23rem 0 1.09rem;
  border-bottom: 0.05rem solid rgba(255, 255, 255, 0.2);
}
footer .foot-t .foot-process h3 {
  font-size: 1.09rem;
  margin-bottom: 0.59rem;
  color: #fff;
  font-weight: normal;
}
footer .foot-t .foot-process p {
  color: #fff;
}
footer .foot-t .process-list li {
  width: 8.18rem;
  height: 2.27rem;
  text-align: center;
  box-sizing: border-box;
  border: 0.05rem solid #ffffff;
  margin-left: 2.27rem;
}
footer .foot-t .process-list li .icon {
  margin-right: 0.45rem;
}
footer .foot-t .process-list li .icon i {
  color: #fff;
  font-size: 1.45rem;
}
footer .foot-t .process-list li span {
  color: #fff;
}
footer .foot-t .process-list li:hover {
  background-color: #003399;
  border: 0.05rem solid #003399;
}
footer .foot-c {
  padding: 1.95rem 0 3.73rem;
  border-bottom: 0.05rem solid rgba(255, 255, 255, 0.2);
}
footer .foot-c .foot-c-l {
  width: 14.41rem;
  margin-right: 5rem;
  transform: translateY(-0.68rem);
}
footer .foot-c .foot-c-l .img {
  width: 14.41rem;
  height: 4.18rem;
  margin-bottom: 1.91rem;
}
footer .foot-c .foot-c-l .img img {
  object-fit: contain;
}
footer .foot-c .foot-c-l p {
  font-size: 0.91rem;
  color: #fff;
  text-align: right;
  letter-spacing: 0.34rem;
}
footer .foot-c .foot-c-r {
  width: calc(100% - 19.41rem);
}
footer .foot-c .foot-c-r .foot-c-r-t ul {
  margin-bottom: 2.82rem;
}
footer .foot-c .foot-c-r .foot-c-r-t ul li {
  color: #fff;
  margin-right: 3.3rem;
}
footer .foot-c .foot-c-r .foot-c-r-t ul li:last-child {
  margin-right: 0;
}
footer .foot-c .foot-c-r .foot-c-r-t ul li a:hover {
  color: #003399;
}
footer .foot-c .foot-c-r .foot-c-r-b .item:nth-of-type(2) {
  transform: translateX(-37%);
}
footer .foot-c .foot-c-r .foot-c-r-b h3 {
  color: #fff;
  margin-bottom: 0.91rem;
  font-weight: normal;
}
footer .foot-c .foot-c-r .foot-c-r-b h3 i {
  color: #fff;
  margin-right: 0.32rem;
  font-size: 0.55rem;
}
footer .foot-c .foot-c-r .foot-c-r-b .online-item {
  position: relative;
  margin-right: 0.91rem;
}
footer .foot-c .foot-c-r .foot-c-r-b .online-item > img {
  width: 1.36rem;
  height: 1.36rem;
  object-fit: contain;
}
footer .foot-c .foot-c-r .foot-c-r-b .online-item .online-hover-pic {
  display: none;
}
footer .foot-c .foot-c-r .foot-c-r-b .online-item .hover-pic {
  display: none;
  position: absolute;
  left: 50%;
  top: 2rem;
  transform: translateX(-50%);
  width: 4.09rem;
  height: 4.09rem;
}
footer .foot-c .foot-c-r .foot-c-r-b .online-item .hover-pic::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.55rem;
  width: 0;
  height: 0;
  border-width: 0.27rem 0.27rem 0.27rem 0.27rem;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
}
footer .foot-c .foot-c-r .foot-c-r-b .online-item .hover-pic img {
  object-fit: contain;
}
footer .foot-c .foot-c-r .foot-c-r-b .online-item:hover .online-pic {
  display: none;
}
footer .foot-c .foot-c-r .foot-c-r-b .online-item:hover .online-hover-pic {
  display: block;
}
footer .foot-c .foot-c-r .foot-c-r-b .online-item:hover .hover-pic {
  display: block;
}
footer .foot-c .foot-c-r .foot-c-r-b .tel h4 {
  font-size: 1.55rem;
  color: #fff;
  margin-bottom: 0.73rem;
}
footer .foot-c .foot-c-r .foot-c-r-b .tel h5 {
  font-size: 1.09rem;
  color: #fff;
}
footer .foot-b {
  padding: 0.91rem 0;
  text-align: center;
  color: #fff;
}
footer .foot-b .links {
  margin-bottom: 0.55rem;
}
footer .foot-b .copyright {
  line-height: 1.18rem;
}
footer .foot-b .tech-sup {
  margin-top: 0.55rem;
}
footer .foot-b a:hover {
  color: #003399;
}
 .foot-contact {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  height: 5.5rem;
background-color: rgb(0 0 0 / 80%);
  background-size: cover;
}
 .foot-contact .main-center {
  height: 100%;
}
 .foot-contact .logo {
  width: 12.59rem;
  height: 3.64rem;
}
 .foot-contact .logo img {
  object-fit: contain;
}
 .foot-contact .form {
  position: relative;
}
 .foot-contact .form h3 {
  font-size: 0.73rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #fff;
}
 .foot-contact .form h3 span {
  color: #003399;
}
 .foot-contact .form input {
  width: 14.55rem;
  height: 2.14rem;
  padding: 0 0.45rem;
  background-color: #ffffff;
  color: #666666;
  box-sizing: border-box;
}
 .foot-contact .form input::-webkit-input-placeholder {
  color: #666;
}
 .foot-contact .form .fot-con-tel {
  margin-left: 1.36rem;
}
 .foot-contact .form button {
  width: 9.09rem;
  height: 2.14rem;
  border: 0;
  outline: 0;
  background-color: #003399;
  font-size: 0.73rem;
  color: #fff;
  cursor: pointer;
  margin-left: 0.91rem;
}
 .foot-contact .form .close {
  position: absolute;
  right: -0.95rem;
  top: 0;
  cursor: pointer;
}
 .close i {
  font-size: 0.95rem;
  color: #fff;
}
footer .foot-slide {
  position: fixed;
  right: 1.36rem;
  top: 50%;
  z-index: 999;
  transform: translateY(-50%);
  border-radius: 0.27rem;
  width: 3.64rem;
}
footer .foot-slide li {
  position: relative;
  background-color: #fff;
  height: 3.5rem;
  box-shadow: 0.05rem 0.09rem 0.91rem 0 rgba(0, 0, 0, 0.08);
}
footer .foot-slide li:first-child {
  display: none;
}
footer .foot-slide li a {
  display: block;
}
footer .foot-slide li .slide-item {
  height: 3.5rem;
  text-align: center;
}
footer .foot-slide li .slide-item i {
  font-size: 1.18rem;
  color: #003399;
}
footer .foot-slide li .slide-item p {
  color: #003399;
  margin-top: 0.27rem;
}
footer .foot-slide li .slide-item::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background-color: rgba(39, 59, 107, 0.2);
}
footer .foot-slide li .order-search::after {
  width: 0;
  height: 0;
}
footer .foot-slide li .slide-hover {
  position: absolute;
  left: -5.91rem;
  bottom: 0;
  padding: 0.23rem;
  background-color: #fff;
  border-radius: 0.18rem;
  transition: all 0.3s;
  display: none;
}
footer .foot-slide li .slide-hover .pic {
  width: 4.09rem;
  height: 4.09rem;
  margin-bottom: 0.32rem;
}
footer .foot-slide li .slide-hover .pic img {
  object-fit: contain;
}
footer .foot-slide li .slide-hover p {
  color: #003399;
  font-size: 0.55rem;
  text-align: center;
}
footer .foot-slide li .slide-hover::after {
  content: '';
  position: absolute;
  right: -0.55rem;
  bottom: 0.32rem;
  width: 0;
  height: 0;
  border-width: 0.27rem 0.27rem 0.27rem 0.27rem;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
footer .foot-slide li:hover {
  background-color: #003399;
}
footer .foot-slide li:hover .slide-item i,
footer .foot-slide li:hover .slide-item p {
  color: #fff;
}
footer .foot-slide .league:hover .slide-hover {
  left: -5.09rem;
  display: block;
  transition: all 0.3s;
}
footer .foot-slide .slide-online-consult {
  border-radius: 0.27rem 0.27rem 0 0;
}
footer .foot-slide .slide-online-order {
  border-radius: 0 0 0.27rem 0.27rem;
}
footer .foot-slide .slide-toTop {
  width: 2.27rem;
  height: 2.27rem;
  text-align: center;
  line-height: 2.27rem;
  border-radius: 50%;
  background-color: #ffffff;
  margin: 0.36rem auto 0;
  cursor: pointer;
}
footer .foot-slide .slide-toTop i {
  font-size: 1.18rem;
  color: #003399;
}
footer .foot-slide .slide-toTop .slide-item::after {
  width: 0;
  height: 0;
}
#mb-header {
  display: none;
}
#mb-header #navbar-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 999;
  padding: 0 2.5%;
  box-sizing: border-box;
}
#mb-header #navbar-main #logo {
  width: 109px;
}
#mb-header #navbar-main #logo img {
  width: 109px;
  height: 40px;
  object-fit: contain;
}
#mb-header #navbar-main #logo .logo-txt {
  color: #fff;
  margin-left: 0.36rem;
}
#mb-header #navbar-main #logo .logo-txt p {
  white-space: nowrap;
}
#mb-header #navbar-main #logo .logo-txt .company-name {
  font-weight: bold;
  margin-bottom: 0.23rem;
}
#mb-header #navbar-main #logo .logo-txt .company-tel {
  font-size: 12px;
  letter-spacing: 0.27rem;
}
#mb-header #navbar-main #logo .mb-logo {
  display: none;
  width: 100%;
  height: 40px;
  object-fit: contain;
}
#mb-header #navbar-main #sidebar-main-trigger {
  width: 30px;
}
#mb-header #navbar-main #sidebar-main-trigger img {
  width: 100%;
}
#mb-header #sidebar-main {
  background-color: rgba(0, 0, 0, 0.7);
  width: 30% !important;
}
#mb-header #sidebar-main li:last-of-type a {
  border-bottom: none;
}
#mb-header #sidebar-main a {
  display: block;
  text-align: center;
  padding: 16px 0;
  color: #fff;
}
#mb-header #sidebar-main-trigger {
  width: 30px;
  background-clip: content-box;
}
#mb-header #sidebar-main-trigger i {
  color: #fff;
  font-size: 30px;
}
@media only screen and (max-width: 1680px) {
  .main-center {
    width: 54.6rem;
  }
  footer .foot-t .foot-process h3 {
    font-size: 0.82rem;
    white-space: nowrap;
  }
  footer .foot-t .foot-process p {
    white-space: nowrap;
  }
  footer .foot-t .process-list li {
    width: 8rem;
    margin-left: 1.27rem;
  }
  footer .foot-c .foot-c-r .foot-c-r-t ul li {
    margin-right: 1.8rem;
  }
}
@media only screen and (max-width: 1580px) {
  footer .foot-c .foot-c-r .foot-c-r-b .item:nth-of-type(2) {
    transform: translateX(-21%);
  }
}
@media only screen and (max-width: 1280px) {
  footer .foot-c .foot-c-r .foot-c-r-t ul li {
    margin-right: 1.7rem;
  }
}
@media only screen and (max-width: 768px) {
  .main-center {
    width: 100%;
  }
  .w-body {
    padding: 0 10px;
  }
  .position {
    padding: 1.36rem 10px 0;
  }
  .position a {
    line-height: 1.36rem;
  }
  .inn-banner {
    height: 15.73rem;
  }
  .inn-banner .txt::after {
    left: 10px;
  }
  header .head-pc {
    display: none;
  }
  header #mb-header {
    display: block;
  }
   .foot-contact {
    display: none;
  }
  footer .foot-slide {
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    transform: translateY(0);
    width: 100%;
    background-color: #fff;
    border-radius: 0;
  }
  footer .foot-slide ul {
    display: flex;
  }
  footer .foot-slide ul li {
    flex: 1;
    background-color: transparent;
    box-shadow: none;
  }
  footer .foot-slide ul li:first-child {
    display: block;
  }
  footer .foot-slide ul li:first-child .slide-item::after {
    width: 0;
    height: 0;
  }
  footer .foot-slide ul li .slide-item::after {
    left: 0;
    bottom: 50%;
    transform: translate(0, 50%);
    width: 1px;
    height: 80%;
  }
  footer .foot-slide ul .league,
  footer .foot-slide ul .slide-toTop {
    display: none;
  }
  footer .foot-slide .slide-online-consult,
  footer .foot-slide .slide-name {
    border-radius: 0;
  }
  footer .foot-t .main-center {
    flex-direction: column;
  }
  footer .foot-t .main-center .foot-process {
    margin-bottom: 20px;
  }
  footer .foot-t .main-center .process-list {
    flex-wrap: wrap;
  }
  footer .foot-t .main-center .process-list li {
    width: 9rem;
    margin-bottom: 0.91rem;
    margin-left: 0;
    margin-right: 1.27rem;
  }
  footer .foot-c {
    padding: 1.95rem 0;
  }
  footer .foot-c .main-center {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .foot-c .main-center .foot-c-l {
    width: auto;
    margin-right: 0;
    margin-bottom: 1.36rem;
  }
  footer .foot-c .main-center .foot-c-r {
    width: 100%;
  }
  footer .foot-c .main-center .foot-c-r .foot-c-r-t {
    display: none;
  }
  footer .foot-c .main-center .foot-c-r .foot-c-r-b {
    flex-wrap: wrap;
  }
  footer .foot-c .main-center .foot-c-r .foot-c-r-b .item {
    margin-bottom: 0.91rem;
  }
  footer .foot-b {
    padding-bottom: 3.91rem;
  }
  footer .bah a {
    line-height: 1.14rem;
  }
}


.so12fu{display:none}

.nlocation{font-size: 16px;
    float: right;
    margin: 0 0 15px 0;}
.nlocation a {color:#333}
.nlocation li{float:left}

.hoverp{background: #fff;
    width: 89%;
    /* height: 40px; */
    display: block;
    border-radius: 10px;
    color: #666;
    line-height: 40px;
    padding-left: 10px;}
	
.mpro{display:none !important }



.main_nav {}
.main_nav li{
}
.main_nav li a{color:#fff}

.cd-user-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 54, 66, 0.9);
  z-index: 3;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0; 
  -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
  -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
  transition: opacity 0.3s 0, visibility 0 0.3s;
}
.cd-user-modal.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0, visibility 0 0;
  -moz-transition: opacity 0.3s 0, visibility 0 0;
  transition: opacity 0.3s 0, visibility 0 0;
}
.cd-user-modal.is-visible .cd-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-user-modal-container {
  position: relative;
  width: 90%;
  max-width: 600px;
  background: #FFF;
  margin: 3em auto 4em;
  cursor: auto;
  border-radius: 0.25em;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-user-modal-container .cd-switcher:after {
  content: "";
  display: table;
  clear: both;
}
.cd-user-modal-container .cd-switcher li {
  width: 100%;
  float: left;
  text-align: center;
}
.cd-user-modal-container .cd-switcher li:first-child a {
  border-radius: .25em 0 0 0;
}
.cd-user-modal-container .cd-switcher li:last-child a {
  border-radius: 0 .25em 0 0;
}
.cd-user-modal-container .cd-switcher a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #003399;
  color: #fff;
}
.cd-user-modal-container .cd-switcher a.selected {
  background: #FFF;
  color: #505260;
}
@media only screen and (min-width: 600px) {
  .cd-user-modal-container {
    margin: 8em auto;
  }
  .cd-user-modal-container .cd-switcher a {
    height: 70px;
    line-height: 70px;
  }
}

.cd-form {
  padding: 1.4em;
}
.cd-form .fieldset {
  position: relative;
  margin: 1.4em 0;
}
.cd-form .fieldset:first-child {
  margin-top: 0;
}
.cd-form .fieldset:last-child {
  margin-bottom: 0;
}
.cd-form label {
  font-size: 16px;
  font-size: 0.875rem;
}
.cd-form label.image-replace {
  /* replace text with an icon */
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.cd-form label.cd-username {
  background-image: url("../images/cd-icon-username.svg");
}
.cd-form label.cd-email {
  background-image: url("../fonts/cd-icon-email.svg");
}
.cd-form label.cd-password {
  background-image: url("../fonts/cd-icon-password.svg");
}
.cd-form input {
  margin: 0;
  padding: 0;
  border-radius: 0.25em;
}
.cd-form input.full-width {
  width: 100%;
}
.cd-form input.full-width2 {
  width: 100%;
}
.cd-form input.has-padding {
  padding: 12px 20px 12px 20px;
}
.cd-form input.has-border {
  border: 1px solid #d2d8d8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input.has-border:focus {
  border-color: #343642;
  box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
  outline: none;
}
.cd-form input.has-error {
  border: 1px solid #d76666;
}
.cd-form input[type=password] {
  /* space left for the HIDE button */
  padding-right: 65px;
}
.cd-form input[type=submit] {
  padding: 16px 0;
  cursor: pointer;
  background: #666;
  color: #FFF;
  font-weight: bold;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
  background: #3599ae;
  outline: none;
}


@media only screen and (min-width: 600px) {
  .cd-form {
    padding: 2em;
  }
  .cd-form .fieldset {
    margin: 1em 0;
  }
  .cd-form .fieldset:first-child {
    margin-top: 0;
  }
  .cd-form .fieldset:last-child {
    margin-bottom: 0;
  }
  .cd-form input.has-padding {
    padding: 16px 20px 16px 20px;
  }
  .cd-form input[type=submit] {
    padding: 16px 0;
  }
}



.cd-close-form {
  /* form X button on top right */
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: -40px;
  background: url("../fonts/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 1170px) {
  .cd-close-form {
    display: none;
  }
  
  
 
}

#cd-login, #cd-signup, #cd-reset-password {
  display: none;
}

#cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
  display: block;
}





@media (max-width: 1024px)


{	.video-inner {
    position: fixed;
    top: 20% !important;
    left: 6% !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    width: 83% !important;
    height: auto !important;
    background: #000;
}


.float_box{display:block}

.ask-con .pic{width: 96% !important;}

.item-etitle{text-shadow: 1px 1px 2px black, 0 0 25px #eee, 0 0 5px #eee;}
.item-ctitle{text-shadow: 1px 1px 2px black, 0 0 25px #eee, 0 0 3px #eee;}
.item-intro P{text-shadow: 1px 1px 2px black, 0 0 5px #eee, 0 0 0px #eee;}

     .qskf-item .pic{display:none !important}
     .qskf-item{width:100% !important}
	 .qskf-item .pic-tit{    /* float: left; */
    width: 100% !important;
    height: 409px !important;
    text-align: center !important;
    padding-left: 2% !important;
    position: relative;}
	.qskf-item .pic-tit .tit-t3{margin:0 auto}
	.qskf-item .pic-tit .tit-t4{width:100%;    left: 0px !important; }
	
	.page-product__list .item-attr{display:none}

	.trait-item p{font-size: 14px !important;}
	.ask-con .ask-le{width:100% !important;}
	.ask-con .ask-ri{width:100% !important;}
	.ask-con .pic-summary{padding: 22px 0 20px 0 !important; }
	.Inpage-ask .ask-con {transform: translateY(0px) !important;}
	.icon-arrow-right:before{font-size:18px}
	.icon-arrow-left:before{font-size:18px}
	.nav_small{    margin-top: 10px;}
	
	.builds{display:none}
	
	.build-info{position:inherit !important;margin-bottom: 30px;}
	
	.hs-dec1 img{}
	
	.rlo{width:20px}
	
	#laymod_770475 #lq-contact-zh .message-cont .submit-block{width:100% !important}
	
	.subnav li{}
	
	.fs22{font-size:16px !important}
	
	
	.w1750-2{margin-left:20px !important; margin-right:20px !important;width: 94% !important;}
	
	.page-roof__cont{}
	.mt-150{margin-top:0 !important}
	.com-title h3{font-size:32px}
	.trr{font-size: 14px !important;
    width: 71%;
    margin: 0 auto;
    line-height: 30px !important;}
	
	#rongyu{margin-top:15px; margin-bottom:15px}
	.brand .brand-container .txt .info p{line-height:1.6rem !important}
	.sn-col-10{display:none !important}
	.ovf{padding-bottom:15px}
	
	.wrap-tit h2{font-size: 24px !important;margin-bottom:0px !important; margin-top: 0px!important;}
	.Inpage-adv .adv-menu li{    margin: 11px 30px  !important;}
	.jphone{display:none}
	
	.wrap-tit p{width:90% !important; padding-top:10px}
	.scbj{padding-top:40px !important}
	.list-jp::before, .list-jp::after{display:none}
	.list-jp::after{display:none !important}
	.Assistance2 {height:480px !important}
	.ask-con .pic-tit h2{font-size:14px !important}
	.ask-con .pic-tit p{display:none}
	.ask-con .pic{margin: 25px 0 0 7px !important; }
	.ask-con .pic-summary{margin-left: 15px !important; }
	
	.ppro{display:none !important;}
	.mpro{display:block !important;}
	.fs32{font-size: 18px !important;}
	.mt-100{margin-top:0px !important }
	.fs150{font-size: 36px !important;}
	.ppjs{padding-top:0px !important }
	.trait-con{margin-top:0px !important }
	.trait-item h2{font-size: 18px !important ;}
	.sjmx .wrapper > p{width:90% !important}
	.mt-120{margin-top:0px !important }
	
	.nlocation{font-size:12px;line-height: 22px;}
	.mcc{display:block !important}
	.pcc{display:none !important}
	
	.Inpage-adv .adv-con{margin-top:0px !important}
	.scbj .wrap-tit p{font-size:14px !important}
	
	.mlogo{display:block;width: 50%;
    margin: 70px auto;}
	

	
}