@charset "UTF-8";

/*主色调*/

/*文字文本*/

/*单行省略号*/

/*多行省略号*/

/**a标签hoverboder效果**/

* {

  margin: 0;

  padding: 0;

}



table {

  word-break: break-word;

}



.wrapper {

  width: 1200px;

  margin: 0 auto;

}



a {

  color: inherit;

  text-decoration: none;
 

}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

  color: #999;

}



h1, h2, h3, h4, h5, h6 {

  font-weight: normal;

  margin:0;

  padding:0;

}



li {

  list-style: none;

}



input, button {

  outline: none;

}



 em, i {

  font-style: normal;

  display: inline-block;

}



body {

  font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', STHeitiSC-Light, 'Microsoft YaHei', Arial, "PingFang TC", "Microsoft JhengHei", sans-serif;

  background-color: #fff;

}



img {

  border: none;

  max-width: 100%;

}



.fl {

  float: left;

}



.fr {

  float: right;

}



/*定位*/

.pos-r {

  position: relative;

}



/* 清除浮动 */

.clear:after {

  content: "";

  clear: both;

  display: block;

  visibility: hidden;

  width: 0;

  height: 0;

}



/*滚动条*/

::-webkit-scrollbar {

  width: 8px;

  height: 8px;

}



::-webkit-scrollbar-button:vertical {

  display: none;

}



::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {

  background-color: #e2e2e2;

}



::-webkit-scrollbar-thumb {

  border-radius: 0px;

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.5);

}



::-webkit-scrollbar-thumb:vertical:hover {

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.35);

}



::-webkit-scrollbar-thumb:vertical:active {

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.38);

}



/* my */

body {

  font-size: 14px;

  color: #212121;

  line-height: 1;

  min-width: 1200px;

}



.w {

  width: 1200px;

  margin: 0 auto;

  position: relative;

}



.color {

  color: #cd001d !important;

}



.no-data {

  color: #aaa;

  padding: 10px;

  font-size: 12px;

}



.brow {

  height: 40px;

  line-height: 40px;

  background-color: #f0f3f9;

  font-size: 13px;

  color: #757575;

}



.brow h6 {

  font-size: inherit;

}



.brow a {

  padding: 0 10px;

}



.brow a:hover {

  text-decoration: underline;

}



.brow a:last-child {

  padding-right: 0;

}



.brow a ~ a {

 

}



.header {

  height: 100px;

  line-height: 100px;

}



.header .logo {

  width: 200px;

  padding: 15px 0px;

  height: 40px;

}

.header .logo h1 img{

	display:block;

}

 .address {

  font-size: 13px;

 /* margin: 14px 10px;*/

  padding: 0 10px;

  height: 38px;

  line-height: 38px;

  color: #757575;

  position: relative;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

/*  border: 1px solid transparent;*/

}



 .address:hover {

  border: 1px solid #ececec;

}



 .address:hover .bottom-arrow {

      -webkit-transform: rotate(-180deg);

      transform: rotate(-180deg); 

}



 .address:hover .address-list {

   display: block;  

}



 .address .address-icon {

  width: 13px;

  height: 16px;

  margin-right: 5px;

  background: url("../images/address.png") no-repeat center;

}



 .address .bottom-arrow {

  width: 14px;

  height: 8px;

  margin-left: 5px;

 /* padding: 5px;*/

  cursor: pointer;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  background: url("../images/bottom_arrow.png") no-repeat center;

}



 .address i, .header .address span {

  vertical-align: middle;

}



.address .address-list {

  position: absolute;

  left: -1px;

 

  background-color: #fff;

  border: 1px solid #ececec;

  z-index: 10;

  width: 250px;

  /*height: 122px;*/

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  padding: 10px 0;

/*  overflow-y: auto;*/

  display: none;

}



 .address .address-list li {

  float: left;

  line-height: 1em;

  margin: 10px;

  text-align: center;

}



 .address .address-list li a:hover {

  color: #bb1c21;

}



.header .tel {

  color: #cd001d;

  font-size: 28px;

}



.header .tel .tel-icon {

  width: 28px;

  height: 28px;

}



.header .tel img, .header .tel span {

  vertical-align: middle;

}



.nav-items {

  line-height: 50px;

}



.nav-items .menu-item {

  height: 50px;

  border-bottom: 1px solid #eee;

  text-align:center;

  

}





.nav-items .menu-item {

    height: 50px;

   

}

.nav-items nav {

  padding: 0 20px;

  font-size: 15px;

}



    .nav-items nav a {

        position: relative;

      /*  margin: 0 23px;

        padding: 0 5px;*/

		padding-left:25px;

		padding-right:25px;

        height: 47px;

        display: inline-block;

        -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);

        transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);

        border-bottom: 3px solid transparent;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    

        vertical-align:middle;

    }



.nav-items nav a.on>span {

  color: #cd001d;

  border-bottom: 3px solid #cd001d;

  height:100%;

}



.nav-items nav a>span:hover {

  color: #cd001d;

}



.nav-items nav a.hot:before {

  content: '';

  display: block;

  position: absolute;

  top: 3px;

  right: -3px;

  z-index: 1;

  width: 22px;

  height: 14px;

  background: url("../images/hot.png") no-repeat center;

  -webkit-animation: Hot 0.3s ease  alternate infinite;

          animation: Hot 0.3s ease  alternate infinite;

}



.nav-items nav .spacer {

  margin: 0 20px;

  width: 1px;

  height: 1em;

  background-color: #212121;

  vertical-align: text-bottom;

}





.nav{position: absolute;}

.nav ul li{float: left;margin: 0 3.2px;}

.nav ul a{display: block;font-size: 17px;font-weight: 400;color: black;height: 38px;text-align: center;}

.nav ul a.active,.mnavlist li a.active{background:#e57512;color: white;}

.nav ul li:hover .nav_wrap{background:#e57512;color: white;}

.nav ul li:hover .allservice{display: block;}

.title{margin-top: 55px;}

.title h1{font-size: 28px;font-weight: bold;text-align: center;}

.title p{text-align: center;color: #959595;font-size: 14px;margin-top: 8px;}

/*服务范围*/

.allservice{width: 880px;height: 325px;position: absolute;top: 38px;left: 3px;background: #ffffff;z-index: 100;display: none;}

.allservice .all_lsit .all_inner{float: left;width: 176px;padding-left: 35px;margin-top: 30px;}

.allservice .all_inner ul li{float: none;margin: 0;}

.allservice .all_inner ul li a{font-size: 13px;height: 23px;text-align: left;line-height: 23px;color: #666666;}

.allservice .all_inner ul li:hover a{text-decoration: underline;}

.all_inner h1{font-size: 16px;color: #cd001d;margin-bottom: 3px; padding-left: 28px;}

.header_right{float:right;margin-top:20px;}

.header_right img{float: right;margin-left: 20px;}

.header_right img.tel2{ margin-left:50px;}

.mnavlist{display: none;}

.mnavlist li{float: left;width: 25%;text-align: center;font-size: 16px;height: 40px;line-height: 40px;}

.mnavlist li a{display: block;color: black;}

.mnavlist li:hover a{background: #e57512;color: white;}




.menu-main {

  position: absolute;

  left: 202px;

  top: 52px;

  height: 450px;

  width:1000px;

  overflow: hidden;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  z-index: 10;

  background-color: #fff;

  border: 1px solid #cd001d;

  line-height: 1;

  display: none;

}



.menu-main > section {

  display: none;

  height: 100%;

}



 

.menu-main .menu-l {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 800px;

    padding: 20px;

    height: 100%;

    overflow: auto;

}





.menu-main .menu-l .con {

  padding: 10px 0;

}



.menu-main .menu-l .con ~ .con {

  border-top: 1px dotted #d5d5d5;

}



.menu-main .menu-l .con h6 {

  font-size: 14px;

  color: #212121;

  padding-bottom: 10px;

}



.menu-main .menu-l .con li {

  float: left;

  margin: 6px 30px 6px 0;

}



.menu-main .menu-l .con li:hover a {

  color: #cd001d;

}



.menu-main .menu-l .con li a {

  color: #757575;

  font-size: 13px;

}



.menu-main .menu-r {

    width: 180px;

    background-color: #fafafa;

    padding: 10px;

    height: 448px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: 100%;

    overflow: auto;

}



.menu-main .menu-r .con {

  height: 136.666667px;

  background-color: #fff;

  position: relative;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.menu-main .menu-r .con:hover {

  -webkit-transform: translate(0, -2px);

          transform: translate(0, -2px);

  -webkit-box-shadow: 0px 2px 10px -2px #776969;

          box-shadow: 0px 2px 10px -2px #776969;

}



.menu-main .menu-r .con h4 {

  text-align: center;

  color: #ef7773;

  font-size: 16px;

  padding: 30px 5px 0;

  line-height: 1.2;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}



.menu-main .menu-r .con img {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

  z-index: 1;

}



.menu-main .menu-r .con ~ .con {

  margin-top: 8px;

}



@-webkit-keyframes Hot {

  from {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    opacity: 1;

  }

  to {

    -webkit-transform: translate(0, -2px);

            transform: translate(0, -2px);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    opacity: .9;

  }

}



@keyframes Hot {

  from {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    opacity: 1;

  }

  to {

    -webkit-transform: translate(0, -2px);

            transform: translate(0, -2px);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    opacity: .9;

  }

}



.menu-item.on {

  width: 100%;

  color: #cd001d;

 /* border: 1px solid #cd001d;*/

  border-right: none;

  background-color: #000;

}



.menu-item.on .right-arrow {

  background-image: url("../images/right_arrow_hover.png");

}



.menu-item.on .icon img {

  display: none;

}



.menu-item.on .icon .hover-img {

  display: block;

}



.menu-item a {

  font-size: 18px;

  position: relative;

  width: 105px;

  display: block;

  padding: 0 35px 0 60px;

  

}



.menu-item .icon {

  width: 20px;

  height: 20px;

  position: absolute;

  top: 50%;

  left: 25px;

  margin-top: -10px;

  z-index: 1;

}



.menu-item .icon .hover-img {

  display: none;

}



.menu-item .icon img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}



.menu-item .right-arrow {

  width: 8px;

  height: 14px;

  background: url("../images/right_arrow.png") no-repeat center;

  position: absolute;

  right: 20px;

  top: 50%;

  margin-top: -7px;

  z-index: 1;

}



.menu {

  display: none;

  position: absolute;

  /*top: 52px;*/

  left: 0;

  width: 202px;

  /*height: 450px;*/

  background-color: #000;

  opacity: 0.76;

  z-index: 11;

}



.menu .menu-item {

  height: 89px;

  

  color:#fff;

}



.mod-services {

  padding: 25px 0;

  background-color: #eaeaea;

}



.mod-services li {

  width: 25%;

  text-align: center;

}



.mod-services li .img {

  width: 32px;

  height: 32px;

  line-height: 32px;

  margin: 0 auto;

  padding-bottom: 15px;

}



.mod-services li .img img {

  max-width: 100%;

  max-height: 100%;

}



.mod-services li h4 {

  font-size: 16px;

  line-height: 24px;

  padding: 0 20px 5px;

  width: auto;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-wrap: normal;

}



.mod-services li p {

  font-size: 13px;

  color: #999;

  line-height: 24px;

  padding: 0 10px;

  width: auto;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-wrap: normal;

}



.footer {

  background-color: #363636;

  padding: 30px 0;

  color: #fefefe;

}



.footer .tit {

  text-align: center;

  padding: 50px 0;

  margin: 0 auto;

}

.footer .tit img{

	margin:0 auto;

	display:block;

}

.footer .con {

  padding-bottom: 30px;

}



.footer .con section {

  width: 20%;

}



.footer .con section h5 {

  font-size: 16px;

  padding-bottom: 30px;

}



.footer .nav-list li {

  padding-bottom: 3px;

  font-size: 13px;

  color: #999;

  line-height: 30px;

}



.footer .nav-list li a:hover {

  text-decoration: underline;

}



.footer .qr-code {

  max-width: 120px;

}



.footer .tel {

  font-size: 30px;

}



.footer .copyright {

  font-size: 13px;

  color: #999;

  text-align: center;

}



.footer .copyright .support {

  padding-left: 40px;

}



.footer .copyright .support a:hover {

  text-decoration: underline;

}



.consult {

  width: 100px;

  position: fixed;

  top: 170px;

  right: 0;

  z-index: 100;

  background-color: #fff;

}



.consult .tit {

  background-color: #e13e38;

  text-align: center;

  width: 100px;

  height: 60px;

  position: relative;

}



.consult .tit::before {

  content: '';

  display: block;

  width: 100%;

  height: 7px;

  position: absolute;

  bottom: -7px;

  left: 0;

  z-index: 1;

  background: url("../images/consult_tit_bottom.png") no-repeat center;

}



.consult .tit .img {

  margin: 0 auto;

  width: 24px;

  height: 17px;

  padding: 12px 0 7px;

}



.consult .tit .img img {

  width: 100%;

  height: 100%;

}



.consult .tit h3 {

  color: #fff;

  font-size: 14px;

}



.consult li {

  height: 45px;

  line-height: 45px;

  font-size: 12px;

  color: #757575;

  -webkit-transition: all .3s;

  transition: all .3s;

}



.consult li.on {

  color: #e13e38;

  -webkit-transform: translate(2px, 0);

          transform: translate(2px, 0);

}



.consult li:hover {

  color: #e13e38;

  -webkit-transform: translate(3px, 0);

          transform: translate(3px, 0);

}



.consult li ~ li {

  border-top: 1px solid #ededed;

}



.consult li a {

  display: block;

  height: 100%;

  padding: 0 10px;

  cursor:pointer;

}



.consult li a img {

  vertical-align: middle;

}



.consult li a span {

  padding-right: 5px;

}



.select-box {

  font-size: 12px;

  height: 12px;

  display: inline-block;

  padding: 8px 25px 8px 10px;

  border: 1px solid #e2e2e2;

  position: relative;

  max-width: 180px;

  vertical-align: middle;

  color: #212121;

  cursor: pointer;

}



.select-box .val {

  vertical-align: middle;

  font-size: inherit;

  cursor: pointer;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-wrap: normal;

}



.select-box .icon {

  position: absolute;

  right: 7.5px;

  top: 50%;

  width: 10px;

  height: 5px;

  margin-top: -2.5px;

  z-index: 1;

  background: url("../images/select_arrow.png") no-repeat center;

}



.select-box .select-list {

  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  width: auto;

  z-index: 100;

  max-height: 260px;

  border: 1px solid #e2e2e2;

  background-color: #fff;

  overflow: auto;

  font-size: inherit;

  min-width: 100%;

}



.select-box .select-list li {

  min-height: 1.6px;

  padding: 8px 10px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  white-space: nowrap;

  max-width: 120px;

  width: auto;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-wrap: normal;

}



.select-box .select-list li.on {

  color: #cd001d;

}



.select-box .select-list li:hover {

  background-color: #e8e8e8;

}



.select-box .select-none {

  display: none;

}



.tag {

  padding: 0 10px;

  background-color: #d99e5e;

  color: #fff;

  height: 20px;

  font-size: 12px;

  line-height: 20px;

  border-radius: 10px;

  vertical-align: bottom;

}



.top-img .w {

  position: relative;

  height: 180px;

}



.top-img img {

  display: block;

  width: 100%;

  height: 100%;

}



.top-img .tit {

  position: absolute;

  left: 0;

  top: 50%;

  font-size: 30px;

  margin-top: -15px;

  z-index: 1;

  color: #fff;

}



.crumbs {

  line-height: 30px;

  font-size: 12px;

  color: #999999;

}



.crumbs a:hover {

  text-decoration: underline;

}



.crumbs .no-hover:hover {

  cursor: default;

  text-decoration: none;

}



.crumbs .crumbs-list {

  display: inline-block;

}



.more-btn {

  font-size: 13px;

  color: #fff;

  width: 120px;

  height: 36px;

  line-height: 36px;

  cursor: pointer;

  background-color: #cd001d;

  border: none;

  border-radius: 20px;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.more-btn:hover {

  -webkit-transform: translate(0, -2px);

          transform: translate(0, -2px);

  -webkit-box-shadow: 0px 2px 10px -2px #776969;

          box-shadow: 0px 2px 10px -2px #776969;

}





/*搜索样式*/

.nullDataShow {

    width: 100%;

    height: 481px;

    padding-top: 201px;

    box-sizing: border-box;

}



    .nullDataShow img {

        margin: 0 auto;

        width: 160px;

        display: block;

    }



    .nullDataShow span {

        text-align: center;

        display: block;

        margin-top: 20px;

        font-size: 14px;

        color: #ccc;

    }





.t-t{

    transition: all 0.3s;

}



.t-color:hover{

    color: #c20600;

}

.t-scale:hover{

    transform: scale(1.05);

}