@charset "UTF-8";
@font-face {
    font-family: OPPOSans-B;
    src: url('../fonts/opposans-bold.ttf')
}
@font-face {
    font-family: OPPOSans-R;
    src: url('../fonts/opposans-regular.ttf')
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-size: 62.5%;
    position: relative;
}
*, *:before, *:after {
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body {
    font-size:12px;
    color:#000;
    margin:auto;
    overflow-x: hidden;

	

	background: #414247;
	    
}
body.active {
    overflow: hidden;
}
a,a:hover {
    text-decoration: none;
}
a:hover {
    color:#009c96
}
.menuBox a.on {
    color:#009c96 !important
}
.pageMenu li a.on {
    color:#fff;
    background:#009c96
}
li,ul {
    list-style: none;
}
img {
    vertical-align: middle;
    max-width:100%;
}
button {
    border:none;
}
.cls {
    clear:both
}
.imgBox {
    overflow: hidden;
    position: relative;
    height: 0;
}

.sideNav {
    position: fixed;
    right: 60px;
    top: 50%;
    z-index: 9999;
    margin-top: -75px
}

.sideNav ul li {
    display: block;
    cursor: pointer;
    width: 15px;
    height: 15px;
    margin: 10px 0;
}

.sideNav ul li a {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/ccb41175706940d5bef33592e9902c01384b4993.png) no-repeat center;
    transition: .3s;
}

.sideNav ul li.active a {
    background: url(../images/1bec1319bfaafb6a0f8983e56fb8d38d3ff49f51.png) no-repeat center;
}

.dowebok {
    position: relative;
}

.fp-section.fp-table{
    height: 100%!important;
}

.fp-tableCell{
    height: 100%!important;
}
/*手机端头部*/
.xymob-head {
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0;
  right: 0;
  background: #151515;
}

.xymob-head-box {
  position: relative;
  height: 60px;
}

.xymob-head-box .xymob-logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 70%;
  height: 45px;
  text-align: center;
}

.xymob-head-box .xymob-logo h1, .xymob-head-box .xymob-logo a {
  /*display: inline;*/
  /*font-size: 0;*/
}

.xymob-head-box .xymob-logo img {
  height: 45px;
}

.xymob-navbtn {
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto 0 auto 27px;
  width: 30px;
  height: 20px;
}

.xymob-navbtn span, .xymob-navbtn:after, .xymob-navbtn:before {
  display: block;
  height: 2px;
  width: 100%;
  background: #fff;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.xymob-navbtn span {
  margin: 7px 0;
}

.xymob-navbtn:after, .xymob-navbtn:before {
  content: '';
  -webkit-transform-origin: 7.5%;
          transform-origin: 7.5%;
}

.xymob-navbtn.clicked span {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
}

.xymob-navbtn.clicked:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.xymob-navbtn.clicked:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.xymob-search-btn {
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14%;
  text-align: center;
  line-height: 60px;
}

.xymob-search-btn .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.xymob-search-btn .icon-font:after {
  background-position: -30px -210px;
}

.xymob-menu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  height: 100vh;
  background: #151515;
  padding: 0 10%;
}

.xymob-menu .xymob-menu-box {
  height: 100vh;
  overflow: auto;
  padding-bottom: 80px;
}

.xymob-nav > li {
  border-bottom: 1px solid #2b2b2b;
  position: relative;
}

.xymob-nav > li > a {
  display: block;
  line-height: 50px;
  font-size: 16px;
  color: #ffffff;
}

.xymob-nav .xymob-menu-jt {
  position: absolute;
  width: 20%;
  height: 50px;
  line-height: 50px;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 9;
}

.xymob-nav .xymob-menu-jt .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.xymob-nav .xymob-menu-jt .icon-font:after {
  background-position: -30px -240px;
}

.xymob-nav .xymob-menu-jt.clicked .icon-font:after {
  background-position: -30px -270px;
}

.xymob-nav .xymob-sub-menu {
  background: #1E1E1E;
  display: none;
}

.xymob-nav .xymob-sub-menu > li {
  border-top: 1px dashed #2b2b2b;
}

.xymob-nav .xymob-sub-menu > li > a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 40px;
  text-indent: 2em;
}

.xymob-dlbtn {
  margin-top: 40px;
}

.xymob-dlbtn a {
  text-align: center;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #d7a753;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
}

.xymob-dlbtn a i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.xymob-dlbtn a .icon-dl:after {
  background-position: -30px -540px;
}

.xymob-dlbtn a .icon-pn:after {
  background-position: -30px -600px;
}

.xymob-dlbtn a .icon-tc:after {
  background-position: -30px -570px;
}

.xymob-dlbtn .zx-btn {
  margin-top: 10px;
  background: none;
  border: 1px solid #fff;
}

.xymob-search {
  position: fixed;
  z-index: 99999;
  left: 100%;
  bottom: 0;
  top: 0;
  width: 100%;
  background: #151515;
  padding: 15px 15% 0 15%;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.xymob-search .xymob-search-close-btn {
  position: absolute;
  top: 27px;
  left: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}

@media (max-width: 420px) {
  .xymob-search .xymob-search-close-btn {
    left: 15px;
  }
}

.xymob-search .xymob-search-close-btn i {
  width: 100%;
  height: 100%;
  display: block;
}

.xymob-search .xymob-search-close-btn i:after {
  background-position: -30px -300px;
}

.xymob-search .xymob-search-box {
  height: 50px;
  border-bottom: 2px solid #2d2d2d;
}

.xymob-search .xymob-search-box input[type="text"] {
  width: 80%;
  float: left;
  background: none;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.3);
  font-family: "Microsoft YaHei";
  font-size: 16px;
  height: 50px;
}

.xymob-search .xymob-search-box #s_btn {
  width: 20%;
  height: 50px;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 0;
  background: none;
  border: none;
}

.xymob-search .xymob-search-box #s_btn .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.xymob-search .xymob-search-box #s_btn .icon-font:after {
  background-position: -30px -210px;
}

.xymob-search .xymob-seaerch-wz span,
.xymob-search .xymob-seaerch-wz a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 45px;
  border-bottom: 1px solid #2b2b2b;
}

.xymob-search.clicked {
  left: 0;
}

.top_wap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
	
}

.logo {
    position: relative;
    float: left;
}

.logo img {
    max-width: 300px;
}
.container-fluid2 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0 5.33333333%;
}

@media (max-width:1200px) {
    .container-fluid2 {
        padding: 0 1.33333333%;
    }
}

.top_right {
    position: relative;
    width: calc(100% - 25%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.x-header {
    position: absolute;
    width: 100%;
    top: 0px;
    padding: 1.30208333% 0;
    z-index: 999;
}

.x-logo {
    float: left;
    width: 20%;
}

.x-logo a {
    display: block;
}

.tbhm{
    color:#fff;width: 18%;
}

.tbhm img{width: 40px;float: left;margin-right: 10px;}

.x-header-right {
    position: relative;
    margin-left: 10px;
    text-align: center;
}

.x-header-right .ss_btn {
    width: 50px;
    height: 50px;
    background: url(../images/ss.png) no-repeat right center;
    cursor: pointer;
}
.x-header-right .ss_btn:hover{background: url(../images/ss.png) no-repeat right center;}

.x-header-right #formsearch,
.x-header-right .x-login {
    display: inline-block;
    vertical-align: middle;
}

.x-header-right #formsearch {
    position: absolute;
    top: 65px;
    right: 0;
    z-index: 9999;
    width: 340px;
    display: none;
    background: #fff;
}

.x-header-right #formsearch #s_btn {
    float: left;
    outline: none;
    border: none;
    width: 68px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    background: #d7a753;
}

.x-header-right #formsearch #keyword {
    float: left;
    background: none;
    outline: none;
    border: none;
    width: calc(100% - 68px);
    color: rgba(0, 0, 0, 0.8);
    margin-top: 0px;
    height: 50px;
    padding-left: 30px;
    font-size: 14px;
}

.x-header-right .x-login {
    font-size: 14px;
    color: #000000;
    line-height: 1.6;
    line-height: 50px;
}

.x-header-right .x-login .username {
    max-width: 75px;
    vertical-align: -10px;
    display: inline-block;
}

.x-header-right .x-login a {
    color: #000;
}

.x-header-right .x-login a:hover {
    color: #af0000;
}





/*  */
.xa-login {
  position: absolute;
  width: 50%;
  text-align: right;
  top: 0;
  right: 8.33333333%;
}

/* 导航样式 */

.x-menu {
    position: relative;
    width: calc(100% - 180px);
}

.x-menu>li {
    float: left;
    position: relative;
    width: 12%;
    text-align: center;
}

.x-menu>li>a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 60px;
}

.x-menu>li:hover>a {
    color: #d7a753;
}

.x-menu>li.active>a {
    /*color: #d7a753;*/
}

.x-menu>li:after {
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    height: 0px;
    opacity: 0;
    top: 100%;
}

.x-menu>li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.x-sub-menu {
    position: absolute;
    z-index: 99;
    width: 200%;
    left: -50%;
    top: 65px;
	
	background-color: rgba(255, 255, 255, 0.8);

    border-radius: 5px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-sub-menu>li>a {
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: .5em;
}

.x-sub-menu>li>a:hover {
    background: #e9eaeb;
}

.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
}

.imgBox img {
    width: 100%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    transition: all 0.5s;
    height: 100%;
    object-fit: cover;
}
.sections {
    /*max-width: 1420px;*/
    padding:0 20px;
    margin:0 auto;
    
}
.pageSection {
    max-width: 1240px;
    padding:0 20px;
    margin:90px auto 150px;
    display: flex;
    width: 80%;
    justify-content: space-between;
}



.sections,.pageSection {
    /*width: 100%;*/
    /*max-width: 100%;*/
    /*padding-left: 270px;*/
    /*padding-right: 270px;*/
}
@media screen and (max-width: 1800px) {
    .sections,.pageSection {
        /*width: 90%;*/
        /*max-width: 90%;*/
        /*padding-left: 20px;*/
        /*padding-right: 20px;*/
    }
}
@media screen and (max-width: 1600px) {
    .sections,.pageSection {
        width: 80%;
        max-width: 80%;
    }
}
@media screen and (max-width: 1366px) {
    .sections,.pageSection {
        width: 90%;
        max-width: 90%;
    }
}
@media screen and (max-width: 768px) {
    .sections,.pageSection {
        width: 100%;
        max-width: 100%;
    }
}
:root {
    --linear-color:#009c96 linear-gradient(to right ,rgba(32,156,255,0.39),rgba(104,204,227,0.39));
    --dominant-color:#009c96
}

.swiper-button-prev:hover,.swiper-button-next:hover {
    background: var(--linear-color);
    box-shadow: 0 0 18px 9px rgba(0,165,184,0.1);
}
/*限制行数*/
.clamp1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.clamp2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.clamp3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.clamp4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.clamp5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.clamp6{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
input::placeholder,textarea::placeholder {
    font-size:14px;
    color:#999
}
input:focus,textarea:focus,select:focus {
    outline:1px solid #009c96;
    border:none
}
input:checked {
    background:#009c96 ;
}
/*swiper css*/
.swiper{
    --swiper-theme-color: #009c96;/* 设置Swiper风格 */
    --swiper-navigation-color: #009c96;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
}

.phone {
    display: none;
}
/*滚动条美化*/
::-webkit-scrollbar{
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track{
    background-color: #f5f5f5;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);
    border-radius:5px;
}
::-webkit-scrollbar-thumb{
    background-color: #b3b3b3;
    border-radius: 5px;
}

.swiper-pagination-progressbar {
    height: 6px !important;
    background: #e4e4e4 !important;
    border-radius: 20px;
}
.swiper-pagination-progressbar-fill {
    border-radius: 180px !important;
}

/*按钮*/
.button-prev,.button-next {
    transition: all 0.5s;
    background-repeat: no-repeat;
    background-position:center;
    background-size:28px 28px;
}
.button-prev:hover,.button-next:hover {
    background-color:#ff4d00;
    transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
    .pc {
        display:none;
    }
    .phone {
        display: block;
    }
}


@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px), (min-resolution: 120dpi) and (min-width: 768px) {

    html {
        /*zoom: 0.8;*/
        /*transform: scale(0.8);
        transform-origin: 0 0;
        width: 125%;
        height: 125%;*/
    }

    .menuBox ul li a {
        font-size: 20px !important;
    }


    @media screen and (max-width: 1080px) {
        .menuBox {
            height: 125vh;
        }
    }

}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px), (min-resolution: 144dpi) and (min-width: 768px){
    html {
        /*zoom: 0.67;*/
    }
    .menuBox ul li a {
        font-size: 20px !important;
    }

    @media screen and (max-width: 1080px) {
        .menuBox {
            height: 150vh;
        }
    }
}


/*@media screen and (max-width: 1920px) {
    html {
        font-size: calc(10000 * 100vw / 1920);
    }
}*/

/* section4 */

.section4 {
    position: relative;
    background: url(../images/bj7.jpg) no-repeat;
    background-size: cover;
}


/*c4_index*/

.c4_index {
    position: relative;
}
.clearfix {
    zoom: 1;
}
.max1475 {
    max-width: 1505px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
  @media(min-width: 991px){
  
      .allx {
          transition-duration:1.5s;
          opacity: 0;
      }
  
      .active .allx {
          opacity: 1;
      }
        .active2 .allx {
          opacity: 1;
      }  
      .leftx {
          transform: translateX(-500px);
      }
      .rightx {
          transform: translateX(500px);
      }
      .bottomx {
          transform: translateY(500px);
      }
      .active .leftx {
          transform: translateX(0);
      }
      .active .rightx {
          transform: translateX(0);
      }
      .active .bottomx {
          transform: translateY(0);
      }
      .active2 .allx {
          opacity: 1;
      }
      .active2 .bottomx {
          transform: translateY(0);
      }
  }
.clearfix {
    zoom: 1
}



.case_list11 {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top: 3%;
}

.case_list11 li {
    width: 24%;
    position: relative;
    margin: .5%;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.case_list11 li a.ovimg {
    overflow: hidden;
    display: block;
}

.case_list11 li .tu img {
    width: 100%;display:block;transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;

	height: 255px;
}


.case_list11 li:hover .tu img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
}


.case_list11 li .cfu {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .65);
    opacity: 0;
    transition: .3s;
}

.case_list11 li .kss {
    position: absolute;
    border: 1px solid #fff;
    width: 90%;
    left: 5%;
    top: 5%;
    height: 90%;
    display: table;
}

.case_list11 li .kss h2 {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.case_list11 li .kss i {
    display: block;
    text-align: center;
    margin-top: 15px;
}

.case_list11 li .kss i img {
    max-width: 100%;
    width: auto;
}

.case_list11 li:hover .cfu {
    opacity: 1;
}

.case_list11 li.wen {
    position: relative;
    padding-top: 3.125%;
}

.case_list11 li.wen h2 {
    color: #FFFFFF;
    font-size: 30px;
    padding: 10px 0;
}

.case_list11 li.wen p {
    color: #646464;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom:16px;
    background: url(../images/hx1.png) no-repeat left bottom;
}

.case_list11 li.wen .casemore {
    margin-top: 12.125%;
    display: inline-block;
    border: 1px solid #c5c5c5;
    padding: 10px 20px 10px 34px;
    font-size: 14px;
    color: #545454;
    background: url(../images/bbc33c22aefeb67061d33ddc7484be4e269c621a.png) no-repeat 20px center;
}
.case_list11 li.wen .casemore:hover{
   
    color:#fff;
     background: url(../images/5b1bb04c29b64cdf7a425833636437d53b4f435e.png) no-repeat 20px center #d7a753;
     border-color:#d7a753;
}
.pic{margin-top: 40px;}
@media (max-width:1200px) {
    .case_list11 li.wen {
        padding-top: 1.125%;
    }
    .case_list11 li.wen h2 {
        font-size: 24px;
    }
    .case_list11 li.wen p {
        font-size: 16px;
    }
    .case_list11 li.wen .casemore {
        margin-top: 8.125%;
    }
}

@media (max-width:1024px) {
    .case_list11 li {
        width: 48%;
        margin: 1%;
    }
    .case_list11 li.wen h2 {
        font-size: 18px;
        padding: 0;
    }
    .case_list11 li.wen .casemore {
        font-size: 12px;
    }
    
    
     .x-banner {
        height: auto;
    }
    .x-banner .owl-carousel .banner-item a>img {
        height: auto;
    }
}


.floor_4_main {
 
 
}




 .index_title .left {
  color: #fff;
}

 .index_title .left p {
  color: #fff;
}

.index_title{
 margin-top: 2%;
  margin-bottom: 2%;}

 .index_title .hd ul {
  float: left;
  
  
  width: 100%;
 
}

 .index_title .hd li {
width: 17%;
 
  float: left;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  
  
    
      background: #fff;
    
      text-align: center;
      line-height: 60px;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 10px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
	  margin-left: 1.5%;margin-right: 1.5%;
}



.index_title .hd li:hover{background-color: #d90400;}



.index_title .hd li h3:hover{color: #FFFFFF;}
 .index_title .hd li:first-child{margin-left: 0%;}

 .index_title .hd li:nth-child(6){margin-left: 0%;}

 .index_title .hd li:nth-child(5){margin-right: 1.5%;}

 .index_title .hd li:last-child{margin-right: 1.5%;}
 .index_title .hd li h3 {
  color: #333;
  font-weight: normal;
}

 .index_title .hd li .img {
  position: relative;
  width: 45px;
  margin: 0 auto 5px;
  height: 45px;
  overflow: hidden;
}

 .index_title .hd li .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: ease-in-out .2s;
}

 .index_title .hd li .img .img2 {
  top: 100%;
}

 .index_title .hd li:last-child {}

 .index_title .hd li.on h3 {
  color: #c70d22;
}

 .index_title .hd li.on .img img:first-child {
  opacity: 0;
}

 .index_title .hd li.on .img .img2 {
  top: 0;
}

 .index_title .hd a {
 
  display: block;
  text-align: center;
 
  font-size: 16px;

}

 .index_title .hd a b {
  border: 2px solid #fff;
  line-height: 36px;
  display: block;
  width: 36px;
  border-radius: 100%;
  margin: 0 auto 9px;
}

 .index_title .hd a:hover {
  color: #ff6200;
}

 .index_title .hd a:hover b {
  border: 2px solid #ff6200;
  color: #ff6200;
}



.floor_4_main .bd  ul li {
    width: 47.5%;
	margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1.8%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.floor_4_main .bd  ul li .caseUrl {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 25;
}

.floor_4_main .bd  ul li .img {
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 70.17%;
    z-index: 1;
}

.floor_4_main .bd  ul li .img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.floor_4_main .bd  ul li .caseText {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(255, 255, 255, .85);
    display: table;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.floor_4_main .bd  ul li .caseText .caseTextmid {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.floor_4_main .bd  ul li .caseText .caseTextmid h3 {
    font-size: 36px;
    color: #676767;
    display: block;
}

.floor_4_main .bd  ul li .caseText .caseTextmid p {
    font-size: 24px;
    color: #676767;
    margin-top: 4%;
}

.floor_4_main .bd  ul li .caseText .caseTextmid .caseButton {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-top: 7%;
}

.floor_4_main .bd  ul li .caseText .caseTextmid .caseButton a {
    width: 150px;
    height: 50px;
    font-size: 18px;
    color: #676767;
    display: inline-block;
    vertical-align: middle;
    border: #676767 1px solid;
    border-radius: 25px;
    line-height: 50px;
    margin: 0 8px;
    position: relative;
    z-index: 30;
}

.floor_4_main .bd  ul li .caseText .caseTextmid .caseButton a:hover {
    background: #FFFFFF;
    color: #fa8b3c;
}

.floor_4_main .bd  ul li .caseText .caseTextmid .moreCase {
    width: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.floor_4_main .bd  ul li .caseText .caseTextmid .moreCase a {
    display: block;
    width: 100%;
    height: 100%;
}

.floor_4_main .bd  ul li .caseText .caseTextmid .moreCase img {
    width: 100%;
}

.floor_4_main .bd  ul li .caseText .caseTextmid .moreCase:hover {
    width: 55px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.floor_4_main .bd  ul li:hover .img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -moz-transform: scale(1.1);
    /* Firefox */
    -webkit-transform: scale(1.1);
    /* Safari 和 Chrome */
    -o-transform: scale(1.1);
    /* Opera */
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.floor_4_main .bd  ul li:hover .caseText {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.floor_4_main .bd  ul li .bottomTxt{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	height: 40px;
	width: 100%;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	/*background-color: rgba(0,0,0,.6);*/
	background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.7));
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.floor_4_main .bd  ul li:hover .bottomTxt{
	opacity: 0;
}


.com-title {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
}

.com-title .tit-cn {
	margin-bottom: 15px;
	font-size: 36px;
    color: #333;
	line-height: 1;
	font-weight: bold;
}
.com-title .line {

    width: 387px;

    height: 1px;

    margin: 24px auto 0;

    background-color: #cccccc;

    position: relative;

}



.com-title .line::after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: -4px;

    width: 50px;

    height: 9px;

    background-color: #d90400;

    border-radius: 5px;

    transform: translateX(-50%);

}

.com-title .tit-des a{
	color: #6c6c6c;
text-transform: uppercase;
font-size: 16px;
}

.detail-title h3 {
	position: relative;
}

.detail-title h3:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	width: 60px;
	height: 3px;
	background: #e60012;
	margin-left: -30px;
}

.index-notice {
	height: 60px;
	line-height: 60px;
	background: #e8e8e8;
	color: #333;
	overflow: hidden;
	font-size: 16px;
}

.icon-notice {
	margin-right: 20px;
	margin-top: -2px;
	width: 28px;
	height: 60px;
	background: url(../images/icon-notice.png) no-repeat center;
	vertical-align: middle;
}

.index-notice-list {
	margin-left: 10px;
	width: 50%;
}


.floor_2 {
  padding-bottom: 55px;
 
}

.floor_2 li {
  height: 200px;
  float: left;
  margin-left: 2%;
  width: 18.3%;
  border-radius: 30px 0 30px 0;
  overflow: hidden;
  position: relative;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.floor_2 li a::before,
.floor_2 li a::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  z-index: 10;
}

.floor_2 li a::before {
  border-top: 1px solid rgba(255, 255, 255, 0.57);
  border-bottom: 1px solid rgba(255, 255, 255, 0.57);
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
}

.floor_2 li a::after {
  border-left: 1px solid rgba(255, 255, 255, 0.57);
  border-right: 1px solid rgba(255, 255, 255, 0.57);
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
}

.floor_2 li:hover a::before,
.floor_2 li:hover a::after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.floor_2 li .tit {

  height: 114px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 0 25px;
  position: relative;
  z-index: 10;
  transition: ease-in-out .2s;
}

.floor_2 li .tit h3 {
  font-size: 22px;
  padding-top: 30px;
  padding-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.floor_2 li .tit p {
  font-size: 28px;
  
  font-weight: bold;
}

.floor_2 li .yuan {
  border-radius: 100%;
  height: 30px;
  width: 30px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  text-align: center;
  line-height: 27px;
  font-size: 20px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 22px;
  bottom: 23px;
  background: #a30000;
  transition: ease-in-out .2s;
}

.floor_2 li .span {
  position: absolute;
  width: 2px;
  height: 129px;
  background: #fff;
  display: block;
  right: 36px;
  bottom: 70px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  transition: ease-in-out .2s;
}

.floor_2 li a {
  display: block;
  width: 100%;
  height: 100%;
}

.floor_2 li .p {
  position: absolute;
  left: -5px;
  bottom: -20px;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 50px;
  font-size: 16px;
  line-height: 30px;
  opacity: 0;
  transition: ease-in-out .2s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.floor_2 li .on {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(201, 0, 0, 0.6);
  opacity: 0;
}

.floor_2 li .on .line {
  border: 1px solid rgba(255, 255, 255, 0.57);
  left: 26px;
  top: 28px;
  right: 26px;
  bottom: 28px;
  display: none;
  position: absolute;
  border-radius: 25px 0 25px 0;
  transition: ease-in-out .2s;
  transform: rotate(90deg);
}

.floor_2 li:first-child {
  margin-left: 0;
}

.floor_2 li:nth-child(2n) {
  margin-top: 71px;
}

.floor_2 li:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.floor_2 li:hover .yuan {
  background: #fff;
  color: #a30000;
}

.floor_2 li:hover .on {
  opacity: 1;
}

.floor_2 li:hover .on .line {
  transform: rotate(0);
}

.floor_2 li:hover .p {
  opacity: 1;
  bottom: 32px;
}

.floor_2 li:hover .tit {
  padding: 0 44px;
}

.floor_2 li:hover .tit h3 {
  padding-top: 57px;
}

.floor_2 li:hover .yuan {
  bottom: 47px;
  right: 44px;
}

.floor_2 li:hover .span {
  bottom: 100px;
  right: 57px;
}
@media (min-width:576px) {
	.container,.container-sm {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container,.container-md,.container-sm {
		max-width: 720px
	}
}

@media (min-width:992px) {
	.container,.container-lg,.container-md,.container-sm {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl {
		max-width: 1140px
	}
}

@media (min-width:1400px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
		max-width: 1400px
	}
}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
	width: 100%;
	padding-right: var(--bs-gutter-x,.75rem);
	padding-left: var(--bs-gutter-x,.75rem);
	margin-right: auto;
	margin-left: auto
}

.row1{display: flex;
flex-direction: column; /* 设置flex容器的方向为垂直 */
  justify-content: space-between;}
.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) * -.5);
	margin-left: calc(var(--bs-gutter-x) * -.5)
}

.row>* {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y)
}
.single-blog-box {
    border-radius: 10px;
    position: relative;
    filter: drop-shadow(0 0 125px rgba(0,0,0,0.15));
    margin-bottom: 30px;
    display: block;
}

.single-blog-box.blog-grid {
    margin-bottom: 24px;
}

.blog-section.blog-2column .single-blog-box {
    margin-bottom: 20px;
}

.blog-thumb {
    overflow: hidden;
}
.case-thumb{
	background: #fff url() 0 0 no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}

.blog-thumb img {
    width: 100%;
    transition: 0.5s;

	height: 250px;
}

.case-image{
	width:auto!important;
	display: block;
	margin:0 auto;
	max-width:100%;
}

.single-blog-box:hover .blog-thumb img {
    transform:scale(1.1);
}

.meta-blog p {
    color: #00d664;
    font-size: 16px;
}

.blog-content {
    padding: 30px;
    background: #fff;
    word-wrap:break-word;
}
.blog-content h4{ font-size: 24px;
    color: #232323;
    font-weight: 600;
    display: inline-block;
    line-height: 30px;
    transition: 0.5s;
    margin: 10px 0 24px;
}
.blog-content h4 a {
   
}

.single-blog-box:hover .blog-content h4 a{
    color:#00d664;
}

.blog-section.blog-2column .blog-content h4 a {
    font-size: 20px;
}
.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}
.blog-button {
    font-size: 16px;
    
    color: #222222;  
    display: inline-block;
}

.single-blog-box:hover a.blog-button{
    color:#00d664;
    border-bottom: 2px solid #00d664;
}

.blog-bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #E8E8E8;
    margin-top: 29px;
}

.blog-bottom span {
    display: inline-block;
    color: #1c236e;
    margin-top: 16px;

	font-size: 14px;
}

.blog-bottom span i {
    font-size: 12px;
    margin-right: 10px;
    color: #00ce60;
    display: inline-block;
}
.news{margin-top: 3.5%;}
.case img{max-width: 1100px;margin: 0 auto;}
  .hjCont ul{ overflow:hidden; width:1920px;margin-top: 50px;}
  .hjCont li{ float:left;  position:relative; margin:10px;}
 
  .hjCont li i{ display:block; width:300px; position:absolute; background:url(hjlbg.png) repeat center; top:0; left:0; cursor:pointer;}
 
  .hjCont li:hover i{ display:none;}
  .hjCont li:hover p{ }
  .hjCont li:hover p a{ color:#000;}
  
  .index-more a {
  display: inline-block;
  border: 1px solid;
  padding: 10px 35px;
  margin-top: 20px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  white-space: nowrap;
  }
  .main5{padding-top:40px;background: #fff;width: 100%;padding-bottom: 50px;}
  .m5_box{width: 100%;margin-top: 40px;}
  .m5_box li{     float: left;
  margin-right: 20px;
      margin-bottom: 20px;border:1px solid #ddd;overflow: hidden;}
  .hjCont li .ry{width:400px;height: 300px ;display: table-cell;
   vertical-align: middle;
   text-align:center;background-color: #FFFFFF;}
  
  .hjCont li .ry img{max-width: 400px;max-height: 300px;}
  .hjCont li .ry img:hover { 	transition: 1s;
  			/* 过度时间 */
  			transform: scale(1.1);
  }
  
  
  .hjCont li  .pro-txt {
      display: block;
      text-align: center;
      background-color: #03479c;
      padding: 20px 20px;
  }
  
  .hjCont li  .pro-txt .pro-tit h3 {
      font-size: 18px;
      font-weight: 500;

	  color: #FFFFFF;
    
  }
  
  .hjCont li  .pro-txt .index-more a {
      border: 1px solid #dcdcdc;
      color: #666;
  }
  
  .hjCont li :hover .pro-txt .index-more a {
      background-color: #208740;
      color: #fff;
  }
  
   .hjCont li .case-text{
       position: absolute;
       width: 100%;
     
       bottom: 0;
       background: rgba(28, 35, 110, .7);
       overflow: hidden;
       z-index: 5;
       transition: all .3s;
   }
   .hjCont li .case-text p{
       width: 100%;
       font-size: 16px;
       color: #ffffff;
       text-align: center;
       line-height: 50px;
       position: absolute;
       bottom: 0;
       transition: all .3s;
   }


.section3 {
    position: relative;
    background: url(../images/pbg.png) no-repeat;
    background-size: cover;
}


.row2{
    overflow: hidden;
    background: url(../images/bj3.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 23px 0 58px;
    color:#fff;
	 position: relative;
	 height: 100%;
	 
	 background-attachment: fixed; 
	 
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
.row2 .l{
    width: 100%;
    overflow: hidden;
    padding-right: 60px;position: relative;display: block;
}
.row2 .l .tit{
    margin-bottom: 55px;
}
.row2 .l .tit span{
    line-height: 1.3;
    font-size: 24px;
    font-weight: bold;
}
.row2 .l .tit p{
    font-size: 2.86vw;
    font-weight: bold;
}
.ul-list1{
    display: flex;
    justify-content: space-between;
}
.ul-list1 li{
    width: 100px;
    text-align: center;
}
.ul-list1 li .ico img{
    display: block;
    margin:0 auto 17px;
}
.ul-list1 .desc{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 40px;
}
.ul-list1 .num{
    width: 38px;
    height: 38px;
    border:2px solid #fff;
    line-height: 34px;
    font-family: Arial;
    font-size: 18px;
    border-radius: 50%;
    margin:0 auto;
    font-weight: bold;
}
.row2 .r .more{
    display: block;
    width: 313px;
    background-color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    line-height: 48px;
    border-radius: 30px;
    color:#333333;
    float: right;
    margin-bottom: 47px;
}


.l,.col-l,.col_l,.col-c,.col_c{float:left; }
 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 
 
 
 .section6{background-color: #FFFFFF;}
 .section7 {
     position: relative;
     background: url(../images/bj8.jpg) no-repeat center;
     background-size: cover;overflow: hidden;
 }
 
 .section7::before {
     content: '';
     width: 50%;
     height: 100%;
     background: rgba(38, 38, 38, 0.72);
     position: absolute;
     top: 0;
     left: 0;
 }
 
 .sec8-con{
     padding: 1.125% 0 5.125%;
 }
 .w1280 {
     max-width: 1310px;
     padding-left: 15px;
     padding-right: 15px;
     margin: 0 auto;
 }
 .sec8-con .cont {
     max-width: 443px;
     position: relative;
     font-family: "";

	 margin-top: 2%;

	  float: left;

	 
 }
 
 .sec8-con .cont .index-tlt1 {
     text-align: left;
     margin-bottom: 4%
 }
 
 .sec8-con .cont .index-tlt1 h2 {
     font-size: 30px;
     color: #d7a753;
  text-transform: uppercase;
     font-weight: 400;
 }
 
 .sec8-con .cont .index-tlt1 p {
     font-size: 28px;
     color: #fff;
     line-height: 2;
     font-weight: 100;
 }
 
 .sec8-con .cont .lxfs {
     font-size: 16px;
     color: #fff;
     line-height: 2;
 }
 .sec8-con .cont .lxfs p{line-height: 2;}
 .sec8-con .cont .lxfs p:hover{color:#d7a753;}
 
 
 .sec8-con .cont .yqlj {
     font-size: 16px;
     color: rgba(255, 255, 255, 0.57);
     line-height: 2;
 }
 
 .sec8-con .cont .yqlj a {
     color: rgba(255, 255, 255, 0.57);
 }
 
 .sec8-con .cont .sub-company {
     padding: 3% 0 0%;
	 width: 100%;
	 overflow: hidden;
 }
 
 .sec8-con .cont .sub-company>h3>a {
     display: block;
     font-size: 16px;
     color: rgba(255, 255, 255, 0.57);
     margin-bottom:12px;font-weight:normal;margin-top:15px;
 }
 .sec8-con .cont .sub-company>h3>a:hover{color:#d7a753;}
 
 .sec8-con .cont .sub-company .sec6-slick {
     padding-right: 40px;
     position: relative;
    
 }

 

 .sec8-con .cont .sub-company .sec6-slick li img{width: 180px;}
 
 .sec8-con .cont .sub-company .sec6-slick li{float:left;text-align:center;margin-right:10px;}
 .sec8-con .cont .sub-company .sec6-slick li h3{color:#fff;font-size:14px;margin-top:5px;font-weight:normal;}
 
 
 
 .sec8-con .cont .sub-company .sec6-slick .slick-con {
     padding: 0 5%;
 }
 
 .sec8-con .cont .sub-company .sec6-slick .slick-con img {
     max-width: 100%;
     margin: 0 auto;
 }
 
 .sec8-con .cont .sub-company .sec6-slick .slick-arrow {
     display: block;
     width: 35px;
     height: 35px;
     padding: 0;
     border: none;
     outline: none;
     position: absolute;
     bottom: 0;
     text-indent: 100px;
     overflow: hidden;
 }
 
 
 
 
 .sec8-con .cont .back-top {
     margin-top: 5%;
 }
 
 .sec8-con .cont .back-top a {
     display: inline-block;
     font-size: 12px;
     color: #fff;
     padding-right: 60px;
     line-height: 36px;
     background: url(../images/aa6f09127af9f62512dcd8184f5d2943a522c0ea.png) no-repeat right center;
 }
 
 .sec8-con .cont .back-top a:hover {
     color:#d7a753;
     background: url(../images/ftp.png) no-repeat right center;
 }
 
 .sec8-con .cont .fnav {
     font-size: 14px;
     color: #fff;
     line-height: 2;
     margin-top: 20px;
 }
 
 .sec8-con .cont .fnav a {
     color: #fff
 }
 
 .sec8-con .cont .copyr {
     font-size: 14px;
    color: rgba(255, 255, 255, 0.57);
     line-height: 2;
     margin-top: 1.5em;
 }
 
 .sec8-con .cont .copyr img{
     margin-top: -2px;
 }
 .sec8-con .cont .copyr a {
     color: rgba(255, 255, 255, 0.57); line-height: 2;
 }
 
 .nybanner{ text-align:center; overflow:hidden; position:relative;}
 .nybanner>img{ width:100%;-webkit-animation:banner_outside 6s linear forwards;animation:banner_outside 6s linear forwards}
 .nybanner .nybantxt{ position:absolute; width:100%; text-align:center; left:0; top:65%; transform:translateY(-50%); z-index:23; color:#fff;}
 .nybanner .nybantxt .cn{font-size: 26px;line-height: 44px;height: 44px;overflow: hidden;letter-spacing: 4px;text-transform: uppercase;}
 .nybanner .nybantxt .en{font-size: 36px; line-height: 48px;height: 48px;overflow: hidden; margin-bottom:8px;letter-spacing: 8px}
 
 .am-parth{ font-size:14px; height:50px; line-height:50px;box-shadow: 0 0 3px rgba(0, 0, 0, .15);}
 .am-parth .location{ position:relative; padding-left:20px; background:url(../images/map-location.png) 0 center no-repeat; background-size:16px auto;}
 .am-parthx .location{ font-size:14px; margin-bottom:10px; position:relative; padding-left:20px; background:url(../images/map-location.png) 0 center no-repeat; background-size:16px auto;}
 
 .ny-warp{  padding:30px 0;}
 
 .ny-title
 {font-size: 38px;
 
 font-weight: bold;
   
     z-index: 9999;
     margin: 0 auto;
     letter-spacing: 4px;line-height: 65px;
     color:#FFFFFF;
    
    
     clear: both;
     margin-top: 30px;
     margin-bottom: 30px;
     z-index: 9999;
     text-align: center;}
 .ny-nav{ text-align:center; margin-bottom:30px;margin-top: 30px;border-top: 1px solid #b5b5b5;border-bottom: 1px solid #b5b5b5;}

 .ny-nav a{ display:inline-block; padding:10px 30px;  border-radius:40px; margin:0 10px;line-height: 50px;color:#b5b5b5 ;font-weight: bold;font-size: 16px;}

 .ny-nav a.on,.ny-nav a:hover{  color:#ee6022; }
 .newslicon{
 		width:1200px;
 		margin-bottom:70px;
 		overflow:hidden;
 		background:url(../images/line.jpg) 140px 0 repeat-y;
 	}

 .ny-news-list ul li{ margin-top:-1px;transition: all .1s linear;position:relative;background:#fff; border:1px solid #eee;}
 .ny-news-list ul li a{ display:block; padding:30px;  }
 .ny-news-list ul li:hover{box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;}
 .ny-news-list ul li a i{ width:18%; float:left;}
 .ny-news-list ul li a .txt{ width:82%; float:right; padding-left:30px; position:relative;}
 .ny-news-list ul li a .txt .tit{ font-size:20px; color:#333; }
 .ny-news-list ul li a .txt .note{ font-size:14px; color:#999;margin:10px 0; line-height:1.8;}
 .ny-news-list ul li a .txt .rq {display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;top: 6px;right: 62px;padding-left: 24px;color: #999;}
 .ny-news-list ul li a .txt .readNum {display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newslist_icon02.png) no-repeat left center;position: absolute;top: 5px;right: 4px;padding-left: 24px; color:#666;}
 .ny-news-list ul li a .txt .more{ width:36px; height:36px; line-height:34px; border-radius:50%; border:1px solid #ddd; text-align:center;transition: all .3s linear;}
 .ny-news-list ul li a .txt .more:before{content: "\f105";}
 .ny-news-list ul li a i{ display:block; overflow:hidden;}
 .ny-news-list ul li a i img{transition: all .3s linear;}
 .ny-news-list ul li a:hover i img{ transform:scale(1.1); opacity:.8;}
 .ny-news-list ul li a:hover .more{ background:#a60000; color:#fff;}
 
 .pages{ text-align:center; margin-top:20px;}
 .pages a{ width:46px; margin:0 5px; height:46px; line-height:46px; text-align:center; display:inline-block; background:#fff; border-radius:50%; box-shadow:0 2px 2px 2px rgba(0,0,0,.05)}
 .pages a.on,.pages a:hover{ background:#a60000; color:#fff;}
 
 
 .ny-case-list ul{ margin:0 -15px;overflow: hidden;}
 .ny-case-list ul li{ padding:15px;width: 33.3%;float: left;}
 .ny-case-list ul li a{ display:block;}
 .ny-case-list ul li a{ display:block;transition: all .3s linear;}
 .ny-case-list ul li a:hover{transform:scale(1.08)}
 .ny-case-list ul li a i{ display:block; overflow:hidden;}
 .ny-case-list ul li a i img{transition: all .3s linear;height: 260px;width: 100%;}
 .ny-case-list ul li a:hover i img{ transform:scale(1.08)}
 .ny-case-list ul li a .txt {padding: 10px 0;background:#2b2b2b; }
 
 .ny-case-list ul li a .txt .tit{ font-size:16px;  text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #FFFFFF;}

 

 

 .ny-honor-list ul{ margin:0 -15px;overflow: hidden;}

 .ny-honor-list ul li{ padding:15px;width: 20%;float: left;}

 .ny-honor-list ul li a{ display:block;background-color: #FFFFFF;}

 .ny-honor-list ul li a{ display:block;transition: all .3s linear;}

 .ny-honor-list ul li a:hover{transform:scale(1.08)}

 .ny-honor-list ul li a i{ display:block; overflow:hidden;height: 245px;display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center;}

 .ny-honor-list ul li a i img{transition: all .3s linear;max-height: 245px;max-width: 100%;
}

 .ny-honor-list ul li a:hover i img{ transform:scale(1.08)}

 .ny-honor-list ul li a .txt {padding: 10px 0;background:#2b2b2b; }

 

 .ny-honor-list ul li a .txt .tit{ font-size:16px;  text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #FFFFFF;}
 
 
 .pag_about_head{padding-top: 50px;}
 .pag_about_headch {font-size: 42px;line-height: 60px;color: #FFFFFF;text-align: center;background: url(../images/abouttitle.png) no-repeat center bottom;letter-spacing: 4px;font-weight: bold;}
 .pag_about_headen {font-family: Arial;font-size: 18px;line-height: 16px;color: #FFFFFF;text-align: center;margin: 20px 0 30px;letter-spacing: 4px;text-transform: uppercase;}
 .page_about_headunder {display: block;width: 20px;height: 10px;background-image: url(../images/title_under.png);background-size: 100% auto;background-repeat: no-repeat;margin: 0 auto;}
 .page_aboutaa_content {max-width: 1080px;margin: 20px auto 60px;font-size: 18px;line-height: 40px;color: #999999;text-indent: 2em;}
 .pag_about_head.white .pag_about_headch{ color:#fff;}
 .pag_about_head.white .pag_about_headen{ color:rgba(255,255,255,.6)}
 .pag_about_head.white .page_about_headunder{background-image: url(../images/title_underw.png);background-size: 100% auto;}
 .ny-about1 .hm-abdata ul li{ color:#666;}
 .ny-about1 .hm-abdata ul li .tit span{ color:#a60000}
 
 
  .newsli{
 		width:1200px; overflow:hidden; position:relative; margin-bottom:40px;
 	}
 	 .newsli .newsleft{
 		width:140px; float:left;
 	}
 	 .newsli .newsleft .t{
 		color:#FFFFFF; font-size:36px; font-family:Arial; margin-top:50px; margin-bottom:16px;
 	}
 	 .newsli .newsleft .b{
 		color:#999; font-size:18px; font-family:Arial; 
 	}
 	 .newsli .newsline{
 		width:2px; height:0%; top:0px; left:140px; position:absolute; background:#666;
 		transition:all 1s ease 0s;
 		-moz-transition:all 1s ease 0s;
 		-webkit-transition:all 1s ease 0s;
 		-o-transition:all 1s ease 0s;
 	}
 	 .newsli .newsmid{
 		width:745px; float:left; margin-left:50px; display:block;
 	}
 	 .newsli .newsmid .t{
 		font-size:20px; color:#FFFFFF; font-weight:bold;  margin-bottom:24px; margin-top:28px;
 		transition:all 1s ease 0s;
 		-moz-transition:all 1s ease 0s;
 		-webkit-transition:all 1s ease 0s;
 		-o-transition:all 1s ease 0s;
 		overflow: hidden;
 		text-overflow:ellipsis;
 		white-space: nowrap;
 		line-height:22px;
 	}
 	 .newsli .newsmid .t font{
 		color: #fffff;
 	}
 	 .newsli .newsmid .b{
 		font-size:14px; color:#bbb; line-height:30px;
 		transition:all 1s ease 0s;
 		-moz-transition:all 1s ease 0s;
 		-webkit-transition:all 1s ease 0s;
 		-o-transition:all 1s ease 0s;
 		width:85%;
 	}
 	 .newsli .newsmid .b font{
 		color: #ffc339;
 	}
 	 .newsli .newsright{
 		float:right; width:220px; height:150px; display:block; text-align:center; overflow:hidden;
 	}
 	 .newsli .newsright img{
 		height:150px; margin-left:-10%;
 	}
 	 .newsli:hover .newsleft .t{
 	
 		transition:all 1s ease 0s;
 		-moz-transition:all 1s ease 0s;
 		-webkit-transition:all 1s ease 0s;
 		-o-transition:all 1s ease 0s;
 	}
 	 .newsli:hover .newsleft .b{
 	
 		transition:all 1s ease 0s;
 		-moz-transition:all 1s ease 0s;
 		-webkit-transition:all 1s ease 0s;
 		-o-transition:all 1s ease 0s;
 	}
 	 .newsli:hover .newsline{
 		background:#ff6110; height:100%;
 		transition:all 1s ease 0s;
 		-moz-transition:all 1s ease 0s;
 		-webkit-transition:all 1s ease 0s;
 		-o-transition:all 1s ease 0s;
 	}
 	 .newsli:hover .newsmid .t{
 	
 	}
 	 .newsli:hover .newsmid .b{
 	
 	}
 	.contact{
 	max-width: 1200px;
 	    margin: 60px auto 60px;}
 	.contact .contactleft{
 		float:left; width:50%;  margin-top:70px;
		 padding-left: 20px;
 	}
 	.contact .contactleftt{
 		 float:left;
		 
		
 	}
 	.contact .contactleftt img{
 		float:left; margin-right:20px;
 	}
 	.contact .contactleftt .contactlefttext{
 		float:left;
		
 	}
 	.contact .contactleftt .contactlefttext .contactleftch{
 		font-size:30px; color:#FFFFFF; margin-bottom:10px;margin-top: 0px;
 	}
 	.contact .contactleftt .contactlefttext .contactleften{
		
 		font-size:20px; color:#bbb; font-family:Arial;
 	}
 	.contact .contactleft .contactleftm{
 		font-size:30px; color:#ff6110; margin-top:35px;letter-spacing: 6px;
 	}
 	
 	.contact .contactleftb{
 		float:left; margin-top:10px;width: 100%;
 	}
 	.contact .contactleftb img{
 		float:left; margin-right:20px;
 	}
 	.contact .contactleftb .contactlefttext{
 		float:left;
 	}
 	.contact .contactleftb .contactlefttext .contactleftch{
 		 margin-bottom:10px; margin-top:10px;font-size: 20px;

		 color: #FFFFFF;
 	}
 	.contact .contactleftb .contactlefttext .contactleften{
 		font-size:14px; color:#bbb; 
 	}
 	.contact .contactright{
 		width:50%; float:right; margin-top:70px;
 	}
 	.contact .contactright .input01{
 		width:578px; height:48px; border:1px solid #666666; border-radius:2px; padding-left:20px;  font-size:14px; color:#fff; background:none; margin-bottom:10px;
 	}
 	.contact .contactright textarea{
 		height:108px; margin-bottom:18px; padding:10px 0 10px 20px; border:1px solid #666666; border-radius:2px; width:578px; background:none; color:#c3c3c3; font-size:14px;
 	}
 	.contact .contactright .submit{
 		width:180px; height:50px; line-height:50px; font-size:16px; color:#fff; background:#ffb300; border:0px;
 	}
 	.contact .contactclear{
 		clear:both; margin-bottom:70px;
 	}
 	
 	
 	 
 					 .in-tit{
 					   text-align: center;
 					 }
 					 .in-tit p{
 					     color:#FFFFFF;
 					     font-size: 24px;
 					     font-weight: 600;
 					
 					     position: relative;
 						 margin-block-start: 0em;
 						     margin-block-end:0em;
 					 }
 					 
 					 .in-tit .intro{
 					     color:#807f84;
 					     font-size: 18px;
 					     line-height: 2;
 					
 					 }
 					  .service{
 					         width: 100%;
 					      
 					         margin: 0 auto;
 					         padding: 30px 0 0px;
 							 
 							 margin-bottom: 60px;
 							
 					         
 					     }
 					     .service_div{
 					        
 					         margin: 0 auto;
 					        background-color: #2b2b2b;
 					     }
 					     .service_div_ul{
 					         text-align: center; 
 					     }
 					     .service_div_ul li:nth-child(1){
 					         font-size: 30px;
 					         font-weight: 700;
 					         color: #000;
 					         margin-bottom: 14px;
 					     }
 					     .service_div_ul li:nth-child(2){
 					         font-size: 16px;
 					         color: #5e5e5e;
 					         margin-bottom: 50px;
 					     }
 					     .service_div:after{
 					         content: '';
 					         clear: both;
 					         display: block;
 					     }
 					     .service_div_div{
 					         width: 33.3%;
 					         float: left;
 					         position: relative;
 					     }
 					     .service_div_div_bao{
 					         width: 100%;
 					         height: 300px;
 							
 					 		
 					     }
 					     .service_div_div_top{
 					       
 					         height: 300px;
 					         padding: 50px 45px 0;
 					         text-align: center;
 					     }
 					     .top_ul{
 					         font-size: 24px;
 					         color: #FFFFFF;
 					 		font-weight: bold;
 					 		
 					     }
						 
						 
						 .pagebar { padding:20px; overflow:hidden; clear:both}
						 .pagebar .pagination {
						   display: flex;
						   justify-content: center;
						   margin-top: 10px;
						 }
						 .pagination a {
						   background: #fff;
						   border: 1px solid #ccc;
						   color: #333;
						   font-size: 12px;
						   padding: 8px 10px;
						   margin: 0 2px;
						   border-radius: 3px; line-height:100%
						 }
						 .pagination span {
						     color: #FFFFFF;
						     font-size: 12px;
						     padding: 7px 2px;
						     margin: 0 2px;
						     border-radius: 3px;
						 }
						 .pagination a:hover {
						   color: #333;
						   border: 1px solid #333;
						 }
						 .pagination a.page-num-current {
						   color: #fff;
						   background: #333;
						   border: 1px solid #333;
						 }
						 .pagination .st{ font-family:宋体}
						 .text-secondary{ text-align:center; padding:20px 0}
						 
						 
						 .aboudetail {
						 	width: 100%;
						 	height: auto;
						 	min-height: 320px;
						 	margin: 0 auto;
						 	padding: 0;
						 	-webkit-box-sizing: border-box;
						 	-moz-box-sizing: border-box;
						 	box-sizing: border-box
						 }
						 .aboudetail .aboudetail_main {
						 
						 	height: auto;
						 	min-height: 320px;
						 	margin: 80px auto 60px;
						 	padding: 0
						 }
						 .aboudetail_main .aboudetail_name {
						 	width: 100%;
						 	height: auto;
						 	overflow: hidden;
						 	line-height: 40px;
						 	color: #FFFFFF;
						 	font-size: 30px;
						 	margin: 0 auto 15px;
						 	padding: 0
						 }
						 .aboudetail_main .aboudetail_tips {
						 	width: 100%;
						 	height: 30px;
						 	overflow: hidden;
						 	line-height: 30px;
						 	color: #999;
						 	font-size: 16px;
						 	margin: 0 auto 30px;
						 	padding: 0 0 15px;
						 	border-bottom: 1px solid #e6e6e6
						 }
						 .aboudetail_tips span {
						 	display: inline-block;
						 	height: 30px;
						 	line-height: 30px;
						 	color: #999;
						 	font-size: 16px;
						 	margin: 0 40px 0 0;
						 	padding: 0
						 }
						 .aboudetail_tips span img {
						 	display: block;
						 	width: 16px;
						 	height: 16px;
						 	margin: 7px 10px 7px 0;
						 	padding: 0;
						 	float: left
						 }
						 .aboudetail_main .aboudetail_content {
						 	width: 100%;
						 	height: auto;
						 	overflow: hidden;
						 	line-height: 28px!important;
						 	color: #666!important;
						 	font-family: Arial, Helvetica, \5FAE\8F6F\96C5\9ED1, sans-serif!important;
						 	font-size: 16px!important;
						 	word-break: break-all;
						 	text-align: justify;
						 	margin: 0 auto;
						 	padding: 0
						 }
						 .aboudetail_content div, .aboudetail_content p, .aboudetail_content span, .aboudetail_content font, .aboudetail_content em {
						 	width: 100%;
						 	height: auto;
						 	overflow: hidden;
						 	line-height: 28px!important;
						 	color: #FFFFFF!important;
						 	font-family: Arial, Helvetica, \5FAE\8F6F\96C5\9ED1, sans-serif!important;
						 	font-size: 16px!important;
						 	font-style: normal;
						 	word-break: break-all;
						 	text-align: justify;
						 	margin: 0 auto;
						 	padding: 0
						 }
						 .aboudetail_content div, .aboudetail_content p {
						 	margin: 0 auto 20px
						 }

						 

						  .nyhonor{display: flex;
  flex-wrap: wrap;
  justify-content: center;}

						 

						 

						  .nyhonor p{	display: inline-block;
						 max-width: 300px;
						 	margin: 0 0 20px;}
						 .nyhonor img {
						 	display: inline-block;
						 max-width: 300px;
						 	margin: 0 0 20px;

						
						 }

.g-form{
  float: right;
  width: 613px;

  margin-top: 30px;

  

  position: relative;
}
.fd-form{
}
.fd-form .box{
    overflow: hidden;
}
.fd-form .item{
    overflow: hidden;
    margin-bottom: 27px;
}
.fd-form .item .inp-box{
    width: 49%;
    margin-right: 2%;
    float: left;
    height: 52px;
    overflow: hidden;
}



.fd-form .item .inp-boxa{
    width: 100%;
   
    float: left;
    height: 52px;
    overflow: hidden;
}
.fd-form .item .inp-box:last-child{
    margin-right: 0;
}
.fd-form .item .inp{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #525252;
    padding: 0 27px;
    font-size: 14px;
    color:#fff;
}
.fd-form .item .inp::placeholder{
    color:#fff;
}
.fd-form .item textarea{
    display: block;
    resize: none;
    background-color: #525252;
    height: 85px;
    overflow: hidden;
    width: 100%;
     color:#fff;
    padding: 10px 27px 0;
}
.fd-form .item textarea::placeholder{
    color:#fff;
}

.fd-form .item .btn{
    display: block;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color:#fff;
    overflow: hidden;
    background-color: #d7a753;
    cursor: pointer;
}
.fd-form .item .btn #tj{ width:100%; height:50px; border:0; cursor:pointer; background:none; color:#fff}
.g-form .title{
  margin-bottom: 47px;

}
.g-form .title .entit{

  text-transform: uppercase;
  color:#7F7F7F;
  font-size: 34px;
}
.g-form .title p{
  font-size: 28px;
  color:#fff;
  line-height: 1.1;
}


.p_button {
    display: inline-block;
    margin-top: 40px;
    border-radius: 30px;
    border: 2px solid #e7ad5f;
    background: #e7ad5f;
    width: 100%;
    max-width: 150px;
    LINE-HEIGHT: 40px;
    height: 43px;
    padding: 0px 15px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-left: 0;
    float: left;
    margin-right: auto;
    font-family: "9ac0d955-f321-4960-bafd-585669d01a96";
    opacity: 0;
    transform: translateY(40px);
    transition: all ease .3s, transform ease 2s 1s, opacity ease .8s .9s;
}

input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}


.pro_main {background-color: #fff;border-top: none;border-bottom: none;zoom: 1;overflow: hidden;}
.pro_main .neirong ul li{width: 50%;float: left;text-align: center;margin: 2px 0;}
.pro_main .neirong ul li img{padding: 2px;border:1px solid #ccc;}
.prodetailsinfo { padding: 15px 0; clear: both; zoom: 1; }

.pit_c { width: 48%;position: relative; float: left; height: auto; line-height: 32px; padding-left: 10px; font-size: 14px; text-indent: 5px; }
.pit_c h1 { font-size: 22px; line-height: 60px; border-bottom: 1px solid #efefef; }



.pit_c li p{line-height: 35px;}
.pit_c li { border-bottom: 1px solid #efefef;line-height: 35px; }
.pit_c li.pit_ms{font-size: 12px;line-height: 26px;}
.pit_c li a.qq { color: #32abe1; background: url(../images/qq.gif) no-repeat left center; padding-left: 30px; padding-top: 5px; margin-left: 5px; }
.pit_c li span{font-size: 15px;font-weight: bold;color: #ff7300}
.pit_c img{width: 220px;}

.proviewbox { float: left; width: 460px; margin: 0 20px 0 20px; position: relative; z-index: 5; }
.probigshow { position: relative; width: 460px; padding: 1px; border: 1px solid #ddd; overflow: hidden }
.probigshow .span_showtip { position: absolute; top: 0px; left: 0px; width: 81px; height: 81px; text-indent: -999em; overflow: hidden; }
.probigshow .showtip_1 { background-position: 0 0; }
.probigshow .showtip_2 { background-position: 0 -81px; }
.probigshow a.a_probigshow { cursor: crosshair; }
.zoomplepopup { position: absolute; top: 0px; left: 0px; display: none; background: #fff; border: 1px solid #e9493d; overflow: hidden; opacity: 0.5; filter: alpha(opacity = 50); z-index: 10; cursor: crosshair;/* height:50px;width:50px;*/ }
#probig_preview { position: absolute; visibility: hidden; top: 0px; left: 405px; width: 340px; height: 340px; background: #fff; border: 1px solid #ccc; overflow: hidden; }
#probig_preview img { position: relative; }
.div_prothumb { position: relative; padding-top: 5px;height: 80px;}
.thumbporbox { position: relative; width: 400px; overflow: hidden; }
.div_prothumb .span_prev, .div_prothumb .span_next {background: url(../images/sprite.jpg) no-repeat; position: absolute; top: 10px; width: 21px; height: 62px; text-indent: -999em; overflow: hidden; cursor: hand; cursor: pointer; }
.div_prothumb .span_prev{left:0px;background-position:0px 0px;}
.div_prothumb .span_prev:hover{background-position:-44px 0px;cursor:default;}
.div_prothumb .span_next{right:0px;background-position:-22px 0px;}
.div_prothumb .span_next:hover{background-position:-66px 0px;cursor:default;}
.ul_prothumb { position: relative; width: 1200px; overflow: hidden;padding-left: 20px; }
.ul_prothumb li { float: left; width: 80px; height:auto; text-align: center; margin-top: 5px;margin-left: 14px;}
.ul_prothumb img { padding: 1px; border: 1px solid #0068b7; width: 80px; height: auto;border-radius: 5px;height: 60px; }
.ul_prothumb li.now img { border: 1px solid #c00; }
div.jqZoomTitle { z-index: 5000; text-align: center; font-size: 11px; font-family: Tahoma; height: 16px; padding-top: 2px; position: absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999; }
.jqZoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 10; border-color: #c4c4c4; border-style: solid; cursor: crosshair; }
.jqZoomPup img { border: 0px; }
.preload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-repeat: no-repeat; background-position: 43px 30px; width: 90px; * width: 100px; height: 43px; *height: 55px; z-index: 10; position: absolute; top: 3px; left: 3px; }
.jqZoomWindow { border: 1px solid #999; background-color: #FFF; }

.fenlei {    margin:20px;border-bottom: 1px #ccc solid; position:relative; padding-top:10px; clear:both;}

.fenlei .tit {padding-bottom:4px; _padding-bottom:2px; position:absolute; top:-25px;}

.fenlei .tit a { display:inline-block; padding-left:4px; height:25px; overflow:hidden; margin-left:1px; cursor:pointer; float:left; color:#000;}

.fenlei .tit a span { font-size:16px; float:left;}

.fenlei .tit a:hover, .fenlei .tit .cur { border-bottom: 3px #0068b7 solid; color:#000; text-decoration:none; background-position:left -25px; margin-top:1px;}
.clear{
    clear: both;
}
.fenlei .tit a:hover span, .fenlei .tit .cur span { background-position:right -25px; padding-top:0px;}

.fenlei .tit a.first { color:#C10005;}

.fenlei .tit a.first:hover { color:#fff;}




.pro_img ul{ overflow:hidden; width:96%; margin:0 auto; display: flex;
justify-content: space-around;
  align-items: center;flex-wrap: wrap;}

.pro_img img{ border:1px #ccc solid; padding:3px; background:#fff;
height: 270px;width: 360px; }

.pro_img li{ background:#000;   margin:10px; height: 270px;width: 360px;}


.neirong{background-color: #FFFFFF;padding: 30px;}



.neirong{line-height: 30px;}






.xunjia{width: 500px;height: 44px;overflow: hidden;font-size: 16px;margin-top: 10px;}
.xunjial{background-color: #ff7300;margin-right: 10px;float: left;width: 150px;height: 40px;line-height: 40px;color: #fff;text-align: center;cursor:pointer;}
.xunjiar{float: left;width: 150px;height: 40px;line-height: 40px;border:1px solid #f2dcbc;background: url(../images/iconxun.png) no-repeat 14px center;background-color: #fff5ec;color: #ff712b;text-indent: 38px;cursor:pointer;}
.xunjial a{color: #fff;}
.xunjial:hover{ background-color: #ff500b;}
.xunjiar:hover{border-color: #f9d59e;background-color: #ffecda;color: #f46200;}