@charset "UTF-8";
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;border:0;}
body {color:#333;font-size:14px;font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;}
a, a:active{color: inherit;text-decoration: none;cursor:pointer;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {text-decoration:none;color:#218bce;}
img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;}
input,textarea,select,button {font:14px "Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:textfield !important;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}
.btn {display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
input.text,textarea.text {display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}
.d-more{-webkit-transition:0.4s cubic-bezier(0.77,0,0.175,1);transition:0.4s cubic-bezier(0.77,0,0.175,1);position:relative;z-index:2}
.d-more::before{position:absolute;content:"";top:0;left:0;z-index:-1;width:100%;height:100%;background:#0f6ab4;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.77,0,0.175,1);transition:-webkit-transform 0.4s cubic-bezier(0.77,0,0.175,1);transition:transform 0.4s cubic-bezier(0.77,0,0.175,1);transition:transform 0.4s cubic-bezier(0.77,0,0.175,1),-webkit-transform 0.4s cubic-bezier(0.77,0,0.175,1)}
.d-more:hover{color:#fff;background:transparent}
.d-more:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}
.hide {display: none!important;}
.show {display: block!important;}
.shadow-lg {box-shadow: 0 0 15px rgba(0,0,0,.14)!important;}

/*头部*/
#top {
  background: #f6f6f6;
  padding: 10px 0;
}
@media (max-width: 991.98px) {
  #top {
    font-size: 0.738rem;
    text-align: center;
  }
}

.header .tel {
  color: #fff;
  font-size: 16px;
  background: #8a8a8a;
  padding: 2px 4px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
}

.header-section {
  z-index: 999;
}
.header-section > .container > .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.header-section > .container > .row > .col {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: static;
}
.header-section > .container > .row > .col:first-child, .header-section > .container > .row > .col:last-child {
  min-width: 185px;
}
@media only screen and (max-width: 479px) {
  .header-section > .container > .row > .col:first-child, .header-section > .container > .row > .col:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.header-logo {
  margin: 5px 0;
}
.header-logo a {
  display: inline-block;
}
.header-logo a img {
  max-width: 100%;
}

.main-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-menu > ul > li {
  margin-right: 55px;
  position: static;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul > li {
    margin-right: 40px;
  }
}
.main-menu > ul > li:last-child {
  margin-right: 0;
}
.main-menu > ul > li > a {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 0.25px;
  color: #333333;
  display: block;
  padding: 25px 0;
  position: relative;
}
.main-menu > ul > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 10px;
  height: 1px;
  width: 0;
  background-color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.main-menu > ul > li.active > a::before, .main-menu > ul > li:hover > a::before {
  width: 100%;
}
.main-menu > ul > li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.main-menu > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.sub-menu {
  position: absolute;
  left: auto;
  top: 100%;
  margin-left: -20px;
  margin-top: 30px;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 220px;
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}
.sub-menu li {
  margin-bottom: 5px;
  position: relative;
}
.sub-menu li:last-child {
  margin-bottom: 0;
}
.sub-menu li a {
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: 0.25px;
}
.sub-menu li.active > a {
  color: #333333;
}
.sub-menu li:hover > a {
  color: #218bce;
}
.sub-menu li:hover .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 0;
}
.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.sub-menu .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.mega-menu {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 15px;
  top: 100%;
  margin-top: 30px;
  padding: 0px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: calc(100% - 30px);
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}
.mega-menu li {
  margin-bottom: 5px;
}
.mega-menu li.col {
  padding: 0 15px;
}
.mega-menu li.col > a {
  color: #333333;
  padding-bottom: 7px;
  border-bottom: 1px solid #29a2e7;
  margin-bottom: 10px;
}
.mega-menu li > span {
  color: #333333;
  display: block;
  font-size: 18px;
  line-height: 1;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: 500;
  letter-spacing: 0.25px;
  margin-bottom: 15px;
  border-bottom: 1px solid #29a2e7;
}
.mega-menu li:last-child {
  margin-bottom: 0;
}
.mega-menu li a {
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: 0.25px;
}
.mega-menu li.active > a {
  color: #218bce;
}
.mega-menu li:hover > a {
  color: #218bce;
}

.mobile-menu {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 0 100% !important;
          flex: 1 0 100% !important;
}
.mobile-menu .mean-bar {
  position: relative;
}
.mobile-menu .mean-bar .meanmenu-reveal {
  position: absolute;
  top: -49px;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .meanmenu-reveal {
    top: -40px;
  }
}
.mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 2px;
  width: 26px;
  background-color: #222222;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 2px;
  width: 26px;
  background-color: transparent;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mobile-menu .mean-bar .mean-nav {
  background-color: #ffffff;
}
.mobile-menu .mean-bar .mean-nav > ul {
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 0px solid transparent;
  overflow-x: hidden;
  max-height: 250px;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 180px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 575px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 220px;
    overflow-y: auto;
  }
}
.mobile-menu .mean-bar .mean-nav > ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li a {
  font-size: 14px;
  display: block;
  color: #333333;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 40px 0 20px;
  border-bottom: 0;
  margin-bottom: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li a::after {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li a:hover {
  color: #218bce;
  padding-left: 25px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.active {
  color: #218bce;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  right: -1px;
  top: 0;
  font-size: 20px !important;
  color: #333333;
  line-height: 44px;
  height: 46px;
  width: 40px;
  text-align: center;
  padding: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
  line-height: 40px;
}
.mobile-menu .mean-bar .mean-nav > ul li span {
  font-size: 14px;
  display: block;
  color: #333333;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: none;
  padding: 0 40px 0 20px;
  margin: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-nav > ul li ul {
  position: static;
  background-color: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0 !important;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  display: none;
  float: left;
  width: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition: none;
  transition: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li, .mobile-menu .mean-bar .mean-nav > ul li ul li {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-right: 0px solid transparent;
  width: 100%;
  display: block !important;
  float: left;
  width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li a {
  font-size: 14px;
  display: block !important;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li span, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li span, .mobile-menu .mean-bar .mean-nav > ul li ul li span {
  font-size: 14px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul {
  background-color: rgba(0, 0, 0, 0.04);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
}
.pc-menu{display:none!important;}

.mega-menu .pc_menu{border:1px solid #29a2e7;width: 100%;overflow:hidden;}
.mega-menu .pc_menu .pc_menu_l{float:left;background:#29a2e7;width:193px;}
.mega-menu .pc_menu .pc_menu_l li{border-bottom:1px solid #43adea;}
.mega-menu .pc_menu .pc_menu_l li{margin-bottom:0;}
.mega-menu .pc_menu .pc_menu_l li a{height:65px;line-height:65px;padding-left:40px;font-size:16px;font-weight:bold;color:#fff;}
.mega-menu .pc_menu .pc_menu_l li a i{float:right;line-height:65px;margin-right:20px;}
.mega-menu .pc_menu .pc_menu_l .active{background:#218bce;}
.mega-menu .pc_menu .pc_menu_r{margin-left:193px;}
.mega-menu .pc_menu .pc_menu_r .subitem dl{overflow:hidden;display:black;}
.mega-menu .pc_menu .pc_menu_r .subitem dt{float:left;width:210px;font-weight:normal;font-size:14px;line-height:50px;padding-left:40px;}
.mega-menu .pc_menu .pc_menu_r .subitem dt i{float:right;line-height:50px;margin-right:20px;}
.mega-menu .pc_menu .pc_menu_r .subitem dd{margin-left:210px;margin-top:13px;border-bottom:1px dashed #d9d9d9;line-height:25px;padding-bottom:10px;min-height:38px;}

/*.mega-menu .mt{height:24px;padding:14px 12px 12px 16px;line-height:24px;cursor:pointer;overflow:hidden;}
.mega-menu .mt strong{float:left;font-size:14px;color:#630;}
.mega-menu .mt .extra{float:right;overflow:hidden;width:22px;height:22px;background-position:-214px -52px;}
.mega-menu .mc{position:relative;padding:0 3px 0;border:solid #C40000;border-width:0 1px 1px;background:#FEF8EF;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
.mega-menu .item{width:203px;height:32px;border-top:1px solid #FDE6D2;}
.mega-menu .fore{border-top:none;}
.mega-menu span{display:block;width:203px;position:relative;z-index:1;}
.mega-menu h3{font-size:14px;width:140px;height:30px;padding-left:20px;border:solid #FEF8EF;border-width:1px 0 1px 1px;background-position:-241px -57px;font-weight:normal;}
.mega-menu h3 a:link,.mega-menu h3 a:visited{display:block;height:30px;line-height:30px;color:#333;}
.mega-menu h3 a:hover,.mega-menu h3 a:active{color:#1B578A;}
.mega-menu s{display:block;position:absolute;top:10px;left:182px;width:13px;height:13px;background-position:-218px -106px;}
.mega-menu .item .i-mc{position:absolute;left:163px;top:0;width:700px;border:1px solid #c30;background:#FFF9EF;overflow:hidden;}
.mega-menu .item dt{padding:3px 6px 0 0;font-weight:bold;}
.mega-menu .item dd{padding:3px 0 0;overflow:hidden;zoom:1;}
.mega-menu .subitem{float:left;width:464px;min-height:400px;padding:0 4px 0 8px;}
.mega-menu .subitem dl{border-top:1px solid #FFEFD7;padding:6px 0;overflow:hidden;zoom:1;}
.mega-menu .subitem .fore{border-top:none;}
.mega-menu .subitem dt{float:left;width:54px;line-height:22px;text-align:right;color:#c00;}
.mega-menu .subitem dd{float:left;width:402px;}
.mega-menu .subitem em{float:left;height:14px;margin:4px 0;line-height:14px;padding:0 8px;border-left:1px solid #ccc;font-style:normal;white-space:nowrap;}
.mega-menu .fr{background:#fff;width:194px;padding:0 15px 2010px 15px;margin-bottom:-2000px;float:right;}
.mega-menu .fr dl{padding-bottom:0;}
.mega-menu .mc .extra{padding:7px 8px;background:#FDF1DE;border-top:1px solid #FDE6D2;}
.mega-menuhover{background-position:0 -50px;}
.mega-menuhover .mt .extra{background-position:-214px -75px;}
.mega-menuhover .mc{display:block;}
.mega-menu .hover span{z-index:13;width:160px;}
.mega-menu .hover h3{font-size:14px;border:solid #c30;border-width:1px 0 1px 1px;overflow:hidden;background:url(images/nav-sort.gif) #FFF9EF no-repeat -241px -57px;font-weight:bold;}
.mega-menu .hover s{display:none;}
.mega-menu .hover .i-mc{display:block;z-index:12;}
*html .mega-menu .item dd{padding-bottom:6px;}
*html .mega-menu .subitem{height:400px;}
.mega-menu .close{position:absolute;top:6px;left:674px;z-index:14;width:19px;height:19px;background-position:-216px -125px;cursor:pointer;}*/

.banner {height: 490px;position: relative;}
.banner .swiper-slide {background: no-repeat center / cover;}

.carousel-banner {height: 300px;position: relative;}
.carousel-banner .swiper-slide {background: no-repeat center / cover;}

/*hmTitle*/
.hmTitle { text-align: center; margin-bottom: 30px; }
.hmTitle .title { display: inline-block; position: relative; }
.hmTitle i { display: inline-block; width: 40px; height: 40px; text-transform: uppercase; color: #fff; border-radius: 50%; margin: 0 auto; background-color: #178EEE; font: normal 26px/42px 'Arial'; position: relative; }
.hmTitle h3,
.hmTitle h4 { font-weight: bold; color: #333333; font-size: 33px; line-height: 1.5em; text-transform: uppercase; clear: both; }
.hmTitle h4 { color: #bbb; }
.bluebg .hmTitle i { background-color: #fff; color: #333333; }
.bluebg .hmTitle h3,
.bluebg .hmTitle h4 { color: #fff; }

/*hmowl*/
#hmowl { padding: 40px 0 0 0; overflow: hidden; }
#hmowl .box { padding: 0 60px; }
#hmowl .owl-nav .owl-prev { left: -60px; }
#hmowl .owl-nav .owl-next { right: -60px; }
#hmowl .owl-stage-outer { overflow: hidden; }
#hmowl .bxitem { border: 1px solid #eee; margin-right: 1px; }
#hmowl .thumbnail { overflow: hidden; }
#hmowl .thumbnail a { display: block; padding-bottom: 75%; position: relative; }
#hmowl .thumbnail img { position: absolute; top: 0; height: 100%; }
#hmowl h2 { font-weight: normal; font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; margin-bottom: 10px; }
#hmowl a { color: #333; font-weight: bold; font-size: 14px; }
#hmowl a:hover { color: #1E95F5; }
#hmowl .info { padding: 20px; }
#hmowl .intro { font-size: 14px; line-height: 1.75em; text-align: justify; height: 7em; overflow: hidden; color: #444; margin-bottom: 15px; }

ul.project-menu {
	display: flex;
	justify-content: center;
	margin: 30px auto;
}
ul.project-menu li {
	display: inline-block;
	cursor: pointer;
	margin-right: 20px;
	border-radius: 3px;
	transition: .3s;
	list-style: none;
	font-size: 18px;
	font-weight: 500;
	color: #333;
	background: #dddddd;
	padding: 10px 35px;
}
.project-menu .active {
	color: #fff;
	background: #f08c37;
}

.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel img { width: 100%; height: auto; display: block; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent: -9999em; width: 35px; height: 35px; position: absolute; top: 50%; margin-top: -17.5px; padding: 0; }
.owl-carousel .owl-nav .owl-prev { background: url(../images/controls.png) no-repeat 0 0; left: 15px; transition: background 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-next { background: url(../images/controls.png) no-repeat -42px 0; right: 15px; transition: background 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-prev:hover { background-position: 0 -35px; }
.owl-carousel .owl-nav .owl-next:hover { background-position: -42px -35px; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.2; }
.owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../images/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

.server-title {padding-top: 20px;}
.server {background-color: #f6f6f6;}

.in-server{padding-bottom:45px;}
.in-server li a {
    display: block;
    border: 1px solid #999999;
    margin: 20px 0 0 20px;
    background-color: #f6f6f6;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 16px;
	padding: 20px 10px;
}
.in-server .cpsc {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/cpsc.png) no-repeat 0 0;
	margin-left:10px;
	margin-right:20px;
}
.in-server .coacx {
	width: 24px;
	height: 24px;
	background: url(../images/coacx.png) no-repeat 0 0;
	margin-left:10px;
	margin-right:20px;
}
.in-server .msdsxz {
	width: 24px;
	height: 24px;
	background: url(../images/msdsxz.png) no-repeat 0 0;
	margin-left:10px;
	margin-right:20px;
}
.in-server .jszs {
	width: 24px;
	height: 24px;
	background: url(../images/jszs.png) no-repeat 0 0;
	margin-left:10px;
	margin-right:20px;
}

.index-news-con .img-center {float: left;width: 530px;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}
.index-news-con .list-2 {margin-left: 530px;}
.list-2 {margin: -30px 0 0 -30px;overflow: hidden;}
.list-2 li a {display: block;margin: 30px 0 0 30px;overflow: hidden;padding: 12px;}
.list-2 li .date {float: left;width: 100px;text-align: center;padding: 7px 10px;border-right:1px solid #e4e4e4;}
.list-2 li .date strong {display: block;font-size: 30px;line-height: 1;margin-bottom: 1px;}
.list-2 li .date .xian {display: block;margin: 10px;border-bottom:1px solid #e4e4e4;}
.list-2 li .text {margin-left: 135px;}
.list-2 li .text h4 {font-size: 20px;font-weight: 600; margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-2 li .text p {margin: 5px 0 0;color: #888;height: 40px;overflow: hidden;}

.portlet .widget-title{background-color:#28a1e7;height: 45px;line-height: 45px;padding-left:10px;color: #fff;font-size: 16px;}
.portlet ul{background-color:#f6f6f6;padding:0 10px 10px 10px;}
.portlet ul li{color: #333333;padding-left:10px;line-height: 51px;border-bottom:1px dashed #d9d9d9;}
.portlet ul li i{line-height: 51px;}
.portlet ul li a{color: #333333;}
.portlet ul li ul li{border-bottom:0;line-height: 40px;color:#999999;}
.portlet ul li i{line-height: 40px;}
.portlet ul li ul li a{color:#999999;}
.lsm-container li>a.active {color: #218bce;}
.lsm-sidebar-more{float:right;}
.lsm-sidebar-more::after {content: "\f107";}
.lsm-sidebar-show > a > i.fa.lsm-sidebar-more{transform:rotate(180deg);}

.page-breadcrumb{font-size: 14px;margin-top:5px;margin-bottom:20px;}
.page-breadcrumb a{font-size: 14px;color: #333333;}

.col-3,.col-9 {
    padding-left:7px;
    padding-right:7px;
}

.list-title{color: #29a2e7;height: 40px;line-height: 40px;padding-left:0px;font-size: 18px;margin-bottom:20px;border-bottom:1px solid #e4e4e4;}
.list-title:before {
    display: inline-block;
    vertical-align: -2px;
    width: 5px;
    height: 15px;
    background: #29a2e7;
    margin-right: 10px;
    content: "";
}

.btn.btn-primary {
    padding: 0px 10px;
    color: #333;
    border-color: #efefef;
    background-color: #efefef;
}
.btn.btn-primary:active, .btn.btn-primary:hover {
    color: #333;
    background-color: #efefef;
    border-color: #efefef;
}
.btn.btn-primary.focus,.btn.btn-primary:focus {
	box-shadow: none
}
.btn.btn-primary.disabled,.btn.btn-primary:disabled {
	color: #333;
	background-color: #efefef;
	border-color: #efefef
}
.btn.btn-primary:not(:disabled):not(.disabled).active,.btn.btn-primary:not(:disabled):not(.disabled):active,.show>.btn.btn-primary.dropdown-toggle {
	color: #333;
	background-color: #efefef;
	border-color: #efefef
}
.btn.btn-primary:not(:disabled):not(.disabled).active:focus,.btn.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn.btn-primary.dropdown-toggle:focus {
	box-shadow: none
}

#search_keyword:focus{color:#495057;background-color:#fff;border:1px solid #767676;outline:0;box-shadow:none}

.search{padding:20px 0px 10px 0px;line-height:30px;}
.search .search-title{font-size:14px;font-weight: :bold;;padding:10px 0;}
.search #search_keyword {border:1px solid #767676;}
.search .search_button{border:1px solid #d9d9d9;font-size:12px;height:30px;line-height:30px;color:#000000;}
.search .search_button:active,.search .search_button:hover{border:1px solid #d9d9d9;font-size:12px;height:30px;line-height:30px;color:#000000;}
.search .search-body{padding:20px;}
.search .search-body li{padding-left:20px;list-style:inside;}
.coa-table{border: 1px solid #eee;width: 100%;}
.coa-table > thead > tr > th, .coa-table > tbody > tr > th, .coa-table > tfoot > tr > th, .coa-table > thead > tr > td, .coa-table > tbody > tr > td, .coa-table > tfoot > tr > td {border: 1px solid #f4f4f4;}
.coa-table>tbody>tr>td, .coa-table>tbody>tr>th, .coa-table>tfoot>tr>td, .coa-table>tfoot>tr>th, .coa-table>thead>tr>td, .coa-table>thead>tr>th{
    padding: 8px;
}
.coa-table > thead {
    color:#fff;
    background-color: #4b9cad;
}

.msds-search{padding:20px 0px 10px 0px;line-height:30px;}
.msds-search li{padding-left:5px}
.msds-search #search_keyword {border:1px solid #d9d9d9;}
.msds-search .search_button {border:1px solid #d9d9d9;font-size:12px;height:30px;line-height:30px;color:#3a9a3c;}
.msds-search .search_button:active,.msds-search .search_button:hover {border:1px solid #d9d9d9;font-size:12px;height:30px;line-height:30px;color:#3a9a3c;}
.msds-search .search-body{padding:20px;}
.msds-search .search-xian {margin:20px 20px;border-top:1px solid #d9d9d9;}
.msds-search .search-body a{color:#3a9a3c;line-height:30px;}
.msds-table {border: 1px solid #eee;width: 100%;}
.msds-table > thead > tr > th, .msds-table > tbody > tr > th, .msds-table > tfoot > tr > th, .msds-table > thead > tr > td, .msds-table > tbody > tr > td, .msds-table > tfoot > tr > td {border: 0px solid #f4f4f4;}
.msds-table>tbody>tr>td, .msds-table>tbody>tr>th, .msds-table>tfoot>tr>td, .msds-table>tfoot>tr>th, .msds-table>thead>tr>td, .msds-table>thead>tr>th{
    padding: 8px;
}
.msds-table > thead {
    background-color: #fafafa;
}
.msds-table > tbody {
    background-color: #ced9cd;
}

.cp-search{padding:0px;line-height:30px;}
.cp-search .cp-search-keyword{margin-right:20px;height:50px;}
.cp-search #search_keyword{position: absolute;}
.cp-search .search_button{background: url(../images/cpss.png) no-repeat 0 0;width:18px;height:18px;outline:0;position: absolute; top:7px; right:-5px;}
.cp-search .search_button:active,.cp-search .search_button:hover {border:none;height:18px;line-height:18px;}
.cp-search .search-body{padding:20px;}
.cp-search .search-body .pl-lr-10 {
    padding-left:10px;
    padding-right:10px;
}
.cp-search .search-body .style-box {
    padding: 5px;
    border: 1px solid #e3e3e3;
    background: #FFF;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
    border-radius: 4px;
    margin-bottom: 18px;
}
.cp-search .search-body .style-box img {
    width: 100%;
}
.cp-search .search-body .style-inner {
    padding-top:15px;
    padding-left:10px;
}

.cp-search .show-body{padding:0;}
.cp-search .show-body .title{color:#404040;font-size:18px;font-weight:bold;margin-top:10px;}
.cp-search .show-body .body{margin-top:10px;padding:10px 0;color:#404040;font-size:16px;line-height:30px;}
.cp-search .show-body .body img{max-width:100%;margin: 0 auto 20px auto;display: block;}
.cp-search .show-body .body .body-img{width:360px;}
.cp-search .show-body .body .body-img-rml{margin-left: 360px;}
.cp-search .show-body .body .body-img-r{overflow: hidden;}
.cp-search .show-body .body .body-img-r p{line-height:45px;}

.pagination{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}
.pagination a{
	display:block;
	float:left;
	padding:2px 12px;
	border:1px #cccccc solid;
	background:#fff;
	text-decoration:none;
	color:#808080;
	font-size:12px;
	line-height:24px;
	border-radius: 4px;
}
.pagination a:hover{
	color:#4493fc;
	background: white;
	border:1px #4493fc solid;
}
.pagination a.page-num-current{
	border:none;
	background:#4493fc;
	color:#fff;
}
.pagination li{
	float:left;
	font-size:12px;
    text-align: center;
	margin-right:8px;
}
.pagination .active > a, .pagination .active > a:hover, .pagination .active > a:focus, .pagination .active > span, .pagination .active > span:hover, .pagination .active > span:focus {
    color: #fff;
    background-color: #4493fc;
    border-color: #4493fc;
    cursor: default;
}

.footer {margin-top:48px;background-color:#efefef;color: #959595;padding-top:50px;}
.footer a {color: #959595;-webkit-transition: all 0.5s;transition: all 0.5s;}
.footer a:hover {}
.footer dl {float: left;margin: 0;width: 112px;border-right:1px solid #e4e4e4;margin-right:50px;}
.footer dt {font-size: 16px;color: #444444;margin-bottom: 20px;}
.footer dd {margin: 0;}
.footer li a {display: block;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer li a:hover {}
.footer .ewm {width: 100px;float: left;margin-top:20px;}
.footer .lx {width: 300px;float: right;}
.footer .lx .foot_tel {margin-top:-8px;margin-right:15px;display: inline-table;width: 30px;height: 30px;vertical-align:middle;background: url(../images/foot_tel.png) no-repeat 0 0;}
.footer .lx .tel {width: 247px;color: #333333;font-size: 30px;text-align:center;line-height: 30px;}
.footer .lx .tel p{font-size: 14px;}
.footer .lx .tel .shfw{display: inline-block;color: #fff;background: #f08c37;padding: 13px 26px;border-radius:3px;transition: .3s;}
.footer .lx p {margin: 10px 0 0;}

@media (max-width: 912px) {
    .banner,.carousel-banner {height: 160px;}
    .my-5{margin: 15px 0!important;}
	.list-2 {margin: -15px 0 0 -15px;}
    .list-2 li {width: 100%;}
    .list-2 li a {margin: 15px 0 0 15px;padding: 10px;}
    .page-breadcrumb{margin-top:20px;}
	.index-news-con .list-2 {margin-left: -15px;}
	.cp-search .show-body .body .body-img{width:100%;float:none;}
	.cp-search .show-body .body .body-img-r{margin-left: 0px;}
	.footer {padding-top: 30px;}
    #top,.portlet,.index-news-con .img-center,.footer dl {display: none;}
    .footer dt {margin-bottom: 10px;}
    .footer .ewm {display: none;}
    .footer .lx {display: block;float: none;width: auto;}
    .footer .lx .tel {font-size: 20px;width: auto;}
}