.mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;}
.mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2);}
.mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;}
.mo_top .mot .molo img{ height:30px;}
.mo_top .mot .momenuicon{ float:right; height:16px; margin:17px 0;}
.mo_top .mot .cloesicon{ display:none;}
.mo_top .moxl{ left:-100%; top:50px; background:rgba(50,123,246,0.5); position:absolute; z-index:99; width:100%; transition:all ease 0.3s;}
.mo_top .moxl_box{ width:60%; background:#327bf6; height:100%; padding-bottom: 50px;}

.mo_top .moxl .moxl_xun{ width:100%; float:left; position:relative;}
.mo_top .moxl .moxl_xun .moxl_xun_icon{ width:100%; height:0px; position:absolute; padding-right:10px;}
.mo_top .moxl .moxl_xun .moxl_xun_icon img{ float:right; height:10px; margin:20px 0;}
.mo_top .moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2{ display:none; width:10px; height:7px}
.mo_top .moxl .moxl_xun .moxl_xun_title{ width:100%; padding-left:10px; display:inline-block; line-height:35px; font-size:14px; color:#fff;}
.mo_top .moxl .moxl_xun .moxl_erji{ width:100%; overflow:hidden; display:none}
.mo_top .moxl .moxl_xun .moxl_erji a{ width:100%; padding-left:20px; height:30px; line-height:30px; font-size:12px; color:#fff; display:inline-block; float:left;}

.mo_bottom{ width:100%; background:#da251c; display:none; margin-top:20px; position:fixed; bottom:0; z-index:20;}
.mo_bottom .mo_bottom_nei{ width:96%; margin:0 auto; height:50px;}
.mo_bottom .mo_bottom_nei .mo_lj_font{ padding-top:5px;}
.mo_lj{ color:#fff; padding:10px 0; text-align:center; font-size:13px; width:25%;}
.mo_yc{ width:100%; height:80px; display:none;}
.mo_lj div i{ font-size: 20px;}













.navigation-is-open .mo_top .moxl{ left:0;}
.navigation-is-open{ overflow:hidden}

.cd-nav-trigger {
  position: absolute;
  z-index: 3;
  top:10%;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  /* image replacement */
  overflow: hidden;
  right:2%;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background: #3493ff;
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px;
}
.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-nav-trigger circle {
  /* circle border animation */
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  -moz-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
  /* rotate trigger when navigation becomes visible */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  -moz-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}


















.ma-infinitypush-wrapper .ma-infinitypush > ul, .ma-infinitypush-wrapper .ma-infinitypush > ol{ border-bottom:0px}
.ma-infinitypush-wrapper .ma-infinitypush ul li{ border-bottom:1px solid #fff}
.ma-infinitypush-wrapper .ma-infinitypush ul li a{ padding: 0px 8%;}
.ma-infinitypush-wrapper .ma-infinitypush ul li a i{ display:inline-block; width:20px; height:20px; border-radius:100%; text-align:center; line-height:20px; border:1px solid #fff}






#wrapper {
  position: relative;
  width: 100%;
  min-width: 20rem;
}

/*****************************************************************
 * Header
 *****************************************************************/
#header {
  background-color: #3498db;
  height: 2.5rem;
}
@media screen and (max-width: 1200px) {
  #header {
    background-color: #393939;
    height: 3.75rem;
  }
}
#header .header-main {
  max-width: 75rem;
  height: 2.5rem;
  margin: 0 auto;
  padding: 0 0.625rem;
}
@media screen and (max-width: 1200px) {
  #header .header-main {
    height: 3.75rem;
    padding: 0 0.625rem;
  }
}
#header .header-main .site-title {
  position: relative;
  float: left;
  width: 3.5625rem;
  height: 100%;
  margin: 0 1.25rem 0 0.9375rem;
}
#header .header-main .site-title a {
  position: absolute;
  display: block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTk4LjkgNzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5OC45IDcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE5OC45LDcwIDE1OC41LDAgMTMyLjYsNDQuOSAxNDcuMSw3MCAJIi8+Cgk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjExMi43LDcwIDE1My4xLDAgMTAxLjMsMCA2MC45LDcwIAkiLz4KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTEuOCw3MCA5Mi4yLDAgNDAuNCwwIDAsNzAgCSIvPgo8L2c+Cjwvc3ZnPg==) no-repeat 0 0;
  text-indent: -9999px;
  width: 3.5625rem;
  height: 1.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*****************************************************************
 * Site Navigation
 *****************************************************************/
.desktop #mo_nav{
  position: static;
  background-color: #393939;
  width: 100%;
  height: 100%;
  right: -12.5rem;
  float: left;
}
.desktop #mo_nav ul {
  position: relative;
  list-style: none;
  margin: 0;
  float: left;
}
.desktop #mo_nav ul:before, .desktop #mo_nav ul:after {
  content: "";
  display: block;
}
.desktop #mo_nav ul:after {
  clear: both;
}
.desktop #mo_nav ul li {
  padding: 0;
  float: left;
  height: 3.75rem;
}
.desktop #mo_nav ul li a {
  display: block;
  text-decoration: none;
  color: #3498db;
  padding: 0 1.25rem;
  -webkit-transition: background-color	0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background-color	0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color	0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: background-color	0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color	0.3s ease-in-out, color 0.3s ease-in-out;
  line-height: 3.75rem;
  height: 3.75rem;
}
.desktop #mo_nav ul li a:hover {
  border-top: 0.0625rem solid #dddddd;
  border-bottom: 0.0625rem solid #dddddd;
  color: white;
  border: none;
  background-color: #3498db;
  line-height: 3.75rem;
}
.desktop #mo_nav ul li ul {
  display: none;
}

/*****************************************************************
 * Main
 *****************************************************************/
#main {
  padding: 1.25rem;
  clear: both;
  min-width: 20rem;
}
#main h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  color: white;
  letter-spacing: 0.0375rem;
  text-align: center;
  margin: 1.875rem 0 0 0;
}
#main h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  color: white;
  letter-spacing: 0.0375rem;
  text-align: center;
  margin: 1.875rem 0;
}
#main nav {
  display: block;
  margin: 1.875rem 0;
  text-align: center;
}
#main nav a {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.9375rem;
  color: #1e6fa4;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.0375rem;
  padding: 0.625rem 0.9375rem;
}
#main nav a:hover {
  color: #125480;
}
#main nav a.active {
  color: white;
}
#main p.blindtext {
  font-family: "BLOKKRegular", sans-serif;
  text-align: center;
  overflow: hidden;
}
#main button {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.9375rem;
  color: white;
  letter-spacing: 0.0375rem;
  background-color: transparent;
  border: 0.125rem solid white;
  padding: 0.625rem 2.5rem;
  margin: 0 auto;
  cursor: pointer;
}

/*****************************************************************
 * Footer
 *****************************************************************/
#footer {
  width: 100%;
}
#footer .footer-main {
  max-width: 75rem;
  height: 100%;
  margin: 0 auto;
  padding: 0.625rem 0.625rem 1.875rem 0.625rem;
  overflow: hidden;
}
#footer .footer-main > p {
  text-align: center;
  font-size: 0.625rem;
  margin: 0;
}
#footer .footer-main > p a {
  color: #fff;
  text-decoration: none;
}








.mo_down{ height:0px; overflow:hidden}
.mo_down.on{ height:auto;}

.noscroll{
    overflow: hidden;
}




.clearer:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearer{zoom: 1;}/* 触发 hasLayout */ 


.fl{ float:left;}
.fr{ float:right;}




.rollBox_list{ text-align:center;}
.rollBox_list dt{ font-size:14px; color:#fff; margin-top:15px;}
.rollBox .slick-prev,.rollBox .slick-next{ width:60px; height:65px; top:40%;}
.rollBox .slick-prev:before,.rollBox .slick-next:before{ display:none;}
.rollBox .slick-prev{ background: url(../images/rollBox_left.png) no-repeat 50% 50%; }
.rollBox .slick-next{ background: url(../images/rollBox_right.png) no-repeat 50% 50%; }

.kuandu ul li a{ display:inline-block;}
.kuandu ul li a:nth-child(1){ width:70%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.kuandu ul li a:nth-child(2){ width:30%; text-align:right;}

.zw{ width:948px; padding-top:0px;}
.zw h1{ border-bottom: 1px solid #CCC; font-size: 16px; line-height: 35px; margin-bottom:14px;}
.zw .zw_title{ text-align:right; line-height: 14px; font-size: 12px;}




.lie ul li.on a{ color:#fff; background:#1867c8;}






.news_list{ display:inline-block; width:100%; border-bottom:1px dashed #dcdcdc; line-height:38px;}
.news_list dd{ width:70%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.news_list dd img{ margin-right:5px; position:relative; top:1px;}
.news_list dt{ width:30%; text-align:right;}






.lkaz .lkaz_title{ color:#000000;font-size:32px;background-color:#FFFFFF; text-align:center; padding:35px 0px;}
.lkaz .lkaz_txt{ overflow:hidden; padding:0px 120px;}
.lkaz .lkaz_txt a{ display:inline-block; width:32%; margin-right:2%; float:left; line-height:normal; margin-bottom:2%;}
.lkaz .lkaz_txt a:nth-child(3n){ margin-right:0px;}
.lkaz .lkaz_txt a img{ width:100%; max-height:163px;}
.phone{ font-size:32px; text-align:center;}
.phone span{ color:#E53333;}



.product{ overflow:hidden;}
.product_xun{ display:inline-block; width:32%; margin-right:2%; float:left; margin-bottom:2%;}
.product_xun:nth-child(3n){ margin-right:0px;}
.product_xun .product_xun_title{ text-align:center; height:160px; border:1px solid #dcdcdc; padding:15px 0px; margin-bottom:15px;}
.product_xun .product_xun_title img{ max-height:160px;}
.product_xun .product_xun_wen .dd{ font-size:16px; margin-bottom:8px;}
.product_xun .product_xun_wen .dt{ line-height:22px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}










@media screen and (max-width:1220px){
.pc_all,.m{ width: 96% !important; margin: 0 auto;height:auto; overflow: hidden; padding:20px 0px;}
.pc_top{ display: none;}
.footer{ display:none;}
.mo_footer{ display:block;}
.mo_top{display: block;}
.mo_height{ height: 50px;}
.slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;}
img{ max-width: 100%;}



.top,#menu{ display:none;}
#fullSlide .bd li{ height:auto;}
.banner,.banner .slick-slide .banner_img img{ height:auto;}






.zuobian,.youbian{ width:100%;}
.zuobian{ padding-bottom:15px;}
.zuobian h1{ font-size:16px; line-height:50px; height:50px;}
.zuobian a{ width:49%; border:1px solid #dcdcdc; border-radius:5px; margin-top:2%; float:left;}
.zuobian a:nth-child(2n){ float:right;}
.wrap{ width:49%; margin-left:0px; margin-top:2%;}
.wrap:nth-child(2n){ float:right;}
.photo span{ width:100%;}



.anli h1 a,.lie h1{ height:auto; line-height:50px; font-size:16px; background:#1152a2; width:100%;}
.anli h1{ height:auto;}


.wrap2{ width:100%; margin-left:0px; margin-top:2%;}
.wrap2:nth-child(2n){ float:right;}
.wrap2 img{ height:auto !important; width:100% !important;}
.photo2 span{ width:auto; height:auto; transform:translateX(-50%) translateY(-50%); left:50%; top:50%; line-height:normal; font-size:14px;}


.luli{ font-size:20px;}
.tuandui{ height:auto;}
.rollBox{ width:100%; margin:0px; padding-top:40px;}
.rollBox .slick-prev, .rollBox .slick-next{ top:0%; width:30px; height:35px; background-size:100%;}

.xinxin{ width:100%;}
.bannerbox,#focus{ width:100%;}
.kuandu{ height:auto; width:100%; border-right:0px; margin-left:0px;}
.kuandu ul{ width:100%;}
.kuandu ul li{ width:100%; padding-left:0px;}
.foot{ height:235px;}
.foot .db,.foot .mm{ display:none;}
.foot div{ margin:0px auto !important;}



.lie,.zw{ width:100%; overflow:hidden;}
.lie ul li{ width:49%; border:1px solid #dcdcdc; border-radius:5px; margin-top:2%; overflow:hidden;}
.lie ul li a{ display:inline-block; width:100%; border:0px;}
.lie ul li{ float:left;}
.lie ul li:nth-child(2n){ float:right;}

.zw{ margin-top:20px;}
.zw .zw_title{ display:none;}
.zw h1{ text-align:center;}

.wrap{ width:49%; margin-left:0px; margin-top:2%;}
.wrap:nth-child(2n){ float:right;}



.photo{ text-align:center;}
.photo a img{ width:auto !important; height:auto !important; max-height:120px;}



.news_top{ margin-bottom:25px;}
.news_list dd{ width:60%;}
.xiaocms-page{ text-align:center;}





.lkaz .lkaz_title{ font-size:18px; padding:25px 0px; padding-top:0px;}

.lkaz .lkaz_txt{ padding:0px;}
.lkaz .lkaz_txt a{ width:49%; margin-right:0px;}
.lkaz .lkaz_txt a:nth-child(2n){ float:right;}
.lkaz .lkaz_txt a img{ max-height:140px;}
.phone{ font-size:18px;}



.team .wrap{ width:100%; margin-left:0px; margin-top:2%;}
.team .photo a img{ max-height:inherit;}


.product_xun{ width:49%; margin-right:0px;}
.product_xun:nth-child(2n){ float:right;}




}

@media screen and (max-width:950px){



}

@media screen and (max-width:768px){



}


@media screen and (max-width:600px){

.banner,.banner .slick-slide .banner_img img{ height:150px;}


}


@media screen and (max-width:375px){


}
@media screen and (max-width:360px){


}


@media screen and (max-width:320px){

}