ol, ul, li {list-style-type: none;}
div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}
a{text-decoration: none;}
body{
    font: 12px/140% Arial,"宋体",Helvetica, sans-serif,Verdana;
    color: #5a5a5a;
    margin: 0;
    background: #FFF;}

#scroll_container {overflow-x:auto;overflow-y:scroll;position:relative;width:100%;}
#scroll_container_bg {position:absolute;width:100%;left:0px;top:0px;}
#canvas {position:relative;width:100%;z-index:99;}
#canvas .cstlayer,#site_footer .cstlayer {left:0;top:0;position:absolute;/*overflow:hidden;*/z-index:99;}

.web_title{ height: 80px; display: flex;}
.web_title .logo{
    width: 480px;
    height: 80px;
    line-height: 80px;
}
.web_title .menu{
    height: 80px;
    left: 480px;
    top: 0px;
    position: absolute;
    z-index: 100;
    width: 730px;
    height: 80px;
}
.web_title .head-tel-icon{
    width: 200px;
    height: 80px;
    left: 1019px;
    top: 39px;
    position: absolute;
    z-index: 101;
    width: 24px;
    height: 24px;
}
.web_title .head-logo{height: 50px;left: 0px; top: 14px; position: absolute}

.web_title .logo .content{
    overflow-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    height: 29px;
    /* width: 150px; */
    display: block;
    left: 100px; position: absolute;
}
.web_title .logo .content .logo_title{font-family: "Microsoft YaHei";font-size: 24px;color: rgb(0, 0, 0);}
.web_title .head-menu{margin: 0;}
.web_title .head-tel{
    left: 1052px;
    top: 35px;
    position: absolute;
    z-index: 102;
    width: 148px;
    height: 29px;
}
.web_title .head-tel .content{
    font-size: 12px;
    line-height: 140%;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    height: 29px;
    width: 148px;
    display: block;
}
.web_title .head-tel-span{
    font-family: "Microsoft YaHei";
    color: rgb(255, 116, 4);
    font-size: 20px;
    line-height: 140%;
}


#nav_layer li.wp_subtop {
    text-align: center;
    float: left;
    width: 90px;
    height: 80px;
    line-height: 80px;
    background-image: url(/plugin/navigation/view/images/png_bg.png);
    background-color: transparent;
    background-position: top left;
    background-repeat: repeat;
}
#nav_layer li.wp_subtop>a {
    white-space: nowrap;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    font-family: Microsoft YaHei;
}
#layer {

}


#layer li>a.ahover {
    color: #333333;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #0b49a2;
    font-family: Microsoft YaHei;
}

.mySwiper {
    height: 500px;
  }

  .mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{
      color: #fff;
  }

#layerContent1{
    width: 1200px;
    height: 170px;
    left: 0px; top: 514px; position: absolute; z-index: 104;
    background: #fff;

}

#layerContent1 .shapes_content{
    padding: 42px 40px;
    height: 86px;
}

#layerContent1 .shapes_content ul{
    display: flex;
}

#layerContent1 .shapes_content ul li{
    width: 280px;
    height: 86px;
    border-right: solid 1px #eee;
}

#layerContent1 .shapes_content ul li:last-child{
    border-width: 0;
}

#layerContent2 {
    width:1200px;
    position:absolute;
    top:600px;
    height:690px;
    z-index:102;
}

.contentBlock{
    text-align: center;
}
.contentBlock .contentNumTitle{
    text-align: center;
    /* display: flex; */
    width: 100%;
}

.contentBlock .contentNumTitle .contentNum{
    font-family: arial;
    font-size: 46px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    line-height: 50px;
    display: inline;
    color: #000000;
}
.contentBlock .contentNumTitle .contentUnit{
    display: inline;
    font-family: "Microsoft YaHei";
    color: rgb(0, 0, 0);
    font-size: 20px;
}

.contentBlock .contentNote{
    font-family: "Microsoft YaHei";
    color: rgb(102, 102, 102);
    font-size: 16px;
    line-height: 140%;
    display: inline;
}

#layerContent2 .img{
    width: 468px;
    height: 270px;
}
#layerContent2 .img1{
    position: absolute;
    left: 9px;
    top: 0px;
    z-index: 10;
}
#layerContent2 .imgBack{
    position: absolute;
    left: 0px;
    top: 8px;
    background: #0b49a2;
}

#layerContent2 .content{
    position: absolute;
    left: 515px;
}
#layerContent2 .content .title{
    font-family: "Microsoft YaHei";
    font-size: 24px;
    color: rgb(0, 0, 0);
    line-height: 240%;
}
#layerContent2 .content .text-content{
    text-indent:2em;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    line-height: 220%;
}

#layerContent2 .poject-item{
    position: absolute;
    top: 540px;
    z-index: 106;
    width: 1200px;
}
#layerContent2 .poject-item ul{
    display: flex;
    width: 1040px;
    padding: 0 80px;
}

#layerContent2 .poject-item li{
    width: 130px;
    margin: 0 20px;
}
#layerContent2 .poject-item li>div{
    height: 100px;
    width: 130px;
    text-align: center;
}

#layerContent2 .poject-item li .icon{
    height: 42px;
    width: 42px;
    border-radius: 10px;
    padding: 13px;
    display: inline-block;
}
#layerContent2 .poject-item li .icon1{
    background-color: rgb(112, 48, 160);
}
#layerContent2 .poject-item li .icon2{
    background-color: rgb(2,206,173);
}
#layerContent2 .poject-item li .icon3{
    background-color: rgb(245, 200, 23);
}
#layerContent2 .poject-item li .icon4{
    background-color: rgb(255, 116, 4);
}
#layerContent2 .poject-item li .icon5{
    background-color: rgb(98, 185, 94);
}
#layerContent2 .poject-item li .icon6{
    background-color: rgb(255, 0, 0);
}

#layerContent2 .poject-item li .icon img{
    height: 42px;
    width: 42px;
}

#layerContent2 .poject-item li>div>div{
    font-family: "Microsoft YaHei";
    color: rgb(0, 0, 0);
    font-size: 16px;
    line-height: 240%;
}

#layerContent3 .content-title{
    height: 100px;
    width: 600px;
}
#layerContent3 .content-title .title{
    font-family: "Microsoft YaHei";
    font-size: 30px;
    color: rgb(0, 0, 0);
    height: 50px;
    line-height: 40px;
}

#layerContent3 .content-title .content{
    font-size: 16px;
    line-height: 140%;
    height: 20px;
}

#layerContent3 .btn-content{
    width: 600px;
    padding-top: 20px;
    text-align: right;
}
#layerContent3 .btn-content .btn-class {
    background-color: rgba(11,73,162,1);
    width: 81px;
    height: 37px;
    line-height: 37px;
    display: inline-block;
    text-align: center;
}

#layerContent3 .btn-content .more{
    background-color: rgba(255,116,4,1);
}

#layerContent3 .btn-content .btn-class span{
    color: rgb(255,255,255);
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: normal;
}


#layerContent3 .anli-item .swiper-slide{
    padding: 15px;
    border: 1px solid #eeeeee;
    width: 348px !important;
} 
#layerContent3 .anli-item .swiper-slide img{
    height: 200px;
    width: 348px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
}


#layerContent3 .anli-item .swiper-slide .title{
    font-family: Microsoft YaHei;
    font-size: 17px;
    color: #000000;
    font-weight: normal!important;
    line-height: 140%;
    margin-bottom: 10px;
    width: 348px;
}
#layerContent3 .anli-item .swiper-slide .content{
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 140%;
    height: 74px;
    width: 348px;
}
#layerContent3 .anliSwiper-pagination{
    text-align: center;
    margin-top: 16px;
}

#layerContent4 .title-content{
    margin-top: 30px;
    height: 100px;
    text-align: center;
}


#layerContent4 .title-content .title{
    overflow-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    height: 44px;
    width: 1200px;
    display: block;
    font-family: "Microsoft YaHei";
    font-size: 30px;
    color: rgb(0, 0, 0);
    line-height: 140%;
}


#layerContent4 .title-content .content{
    overflow-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    height: 23px;
    width: 1200px;
    display: block;
    line-height: 140%;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb(153, 153, 153);
}

#layerContent4 .porject-item li{
    padding: 20px;
    width: 380px;
    /* margin-right: 30px; */
    margin-bottom: 30px;
    /* background-color: #FFF; */
    display: flex;
}
#layerContent4 .porject-item li:last-child{
    margin-right: 0px;
}
#layerContent4 .porject-item li .img{
    height: 135px;
    width: 115px;
    /* margin-left: 30px; */
}
#layerContent4 .porject-item li .img img{
    height: 135px;
    width: 115px;
}



#layerContent4 .porject-item li .text{
    font-family: Microsoft YaHei;
    font-size: 16px;
    color: #000000;
    font-weight: normal!important;
    line-height: 200%;
    padding: 15px 20px;
}

#layerContent5{
    color: #fff;
}

#layerContent5 li{
    width: 400px;
    padding:40px 20px;
}
#layerContent5 li .title{
    font-family: "Microsoft YaHei";
    font-size: 24px;
    line-height: 240%;
}


#layerContent5 li .text{
    font-family: "Microsoft YaHei";
    font-size: 13px;
    line-height: 220%;
}

#layerContent6 .title-block{
    display: flex;
    padding: 40px;
    height: 80px;
}

#layerContent6 .title-block .title-content .title{
    overflow-wrap: break-word;
    height: 50px;
    line-height: 140%;
    font-family: "Microsoft YaHei";
    font-size: 30px;
    color: rgb(0, 0, 0);
}


#layerContent6 .title-block .title-content .text{
    font-size: 16px;
    color: rgb(153, 153, 153);
    height: 23px;
}
#layerContent6 .btn-content{
    text-align: right;
    padding-top: 20px;
}

#layerContent6 .btn-content .btn-class {
    background-color: rgba(11,73,162,1);
    width: 81px;
    height: 37px;
    line-height: 37px;
    display: inline-block;
    text-align: center;
}

#layerContent6 .btn-content .more{
    background-color: rgba(255,116,4,1);
}
#layerContent6 .btn-content .btn-class span{
    color: rgb(255,255,255);
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: normal;
}
#layerContent6 .img-content {
    border-color: transparent;
    border-width: 0px;
    overflow: hidden;
    width: 586px;
    height: 380px;
    border-style: solid;
    background-color: rgb(247, 247, 247);
    /* padding: 15px; */
    margin-right: 25px;
}
#layerContent6 .img-content .zxSwiper{
    width: 586px;
    height: 380px;
}
#layerContent6 .img-content .swiper-slide{
    width: 586px;
    height: 360px;
}

#layerContent6 .img-content .swiper-wrapper{
    width: 586px;
    height: 360px;
}
#layerContent6 .img-content .zxSwiper-pagination{
    margin-top: 10px;
    text-align: center;
}
#layerContent6 .img-content img{
    height: 320px;
    width: 586px;
    display: block;
    transform: scale(1);
}

#layerContent6 .img-content .title{
    padding-top: 10px;
    font-family: Microsoft YaHei;
    font-size: 16px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    line-height: 140%;
    text-align: left;
}
#layerContent6 .img-content .sub-title{
    padding-top: 2px;
    font-family: Microsoft YaHei;
    font-size: 12px;
    color: #ff7404;
    font-weight: normal;
    line-height: 140%;
}
#layerContent6 .img-content .text{
    padding-top: 10px;
    font-family: Microsoft YaHei;
    font-size: 13px;
    line-height: 20px !important;
    padding-top: 6px;
    color: #999999;
    font-weight: normal;
}

#layerContent6 .item-title{
    height: 28px;
    border-bottom: 1px solid #ccc;
}
#layerContent6 .item-title .item-title-text{
    font-size: 18px;
    font-weight: bold;
}

#layerContent6 .item-content{
    width: 594px;
    font-family: Microsoft YaHei;
}
#layerContent6 .item-content li{
    height: 24px;
    overflow: hidden;
    margin: 10px 0;
    border-bottom: 1px dotted #dbd4cd;
    list-style: none;
}

#layerContent6 .item-content li .icon{
    background: #0b49a2;
    width: 60px;
    height: 32px;
    float: left;
    text-align: center;
    margin-left: 30px;
    color: #fff;
}


#layerContent6 .item-content li .icon .title{
    display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    height: 32px;
    line-height: 41px;
}

#layerContent6 .item-content li .icon .time{
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 13px;
    display: block;
    font-weight: normal;
}
#layerContent6 .item-content li a{
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: rgb(50, 50, 50);
}


#layerContent7 .title{
    margin-top: 40px;
    overflow-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    height: 44px;
    width: 1200px;
    display: block;
    line-height: 140%;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 30px;
    color: rgb(0, 0, 0);
}

#layerContent7 .sub-title{
    width: 1200px;
    height: 23px;
    height: 23px;
    width: 1200px;
    line-height: 140%;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb(153, 153, 153);
    text-align: center;
}

#layerContent7 .link-class{ 
    /* border-color: rgb(238, 238, 238);
     border-width: 1px; 
     border-style: solid;  */
     /* background: rgb(255, 255, 255);  */
     flex: 1;
}

#layerContent7 .link-content{
    margin-top: 30px;
}

#layerContent7 .link-content-ul{
    display: flex; 
    width: 1200px; 
    margin-bottom: 40px;
    text-align: justify;
    justify-content: space-between;
}


#footer_content .content{
    display: flex;
    padding-top: 20px;
    height: 60px;
}


#footer_content .content .content-left{
    width: 280px;
    display: flex;
}
#footer_content .content .content-left .content-qrcode{
    width: 100px;
}
#footer_content .content .content-left .content-follow{
    width: 200px;
    padding-left: 20px;
    padding-top: 40px;
}
#footer_content .content .content-left .content-title{
    font-family: "Microsoft YaHei";
    font-size: 13px;
    color: rgb(102, 102, 102);
    line-height: 140%;
    height: 24px;
    display: block;
}
#footer_content .content .content-left .content-icon img{
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
#footer_content .content .content-center{
    width: 840px;
    margin-right: 60px;
    margin-top: 10px;
}

#footer_content .content .content-center .content-menu li a{
    width: 60px;
    text-align: center;
    padding: 0 20px;
    font-family: "Microsoft YaHei";
    font-size: 15px;
    color: rgb(200, 200, 200);
}
#footer_content .content .content-center .content-menu li:first-child{
    padding-left: 0px;
    text-align: left;
}
#footer_content .content .content-center .content-menu li:last-child{
    padding-right: 0px;
    text-align: right;
}
#footer_content .content .content-center .content-company{
    margin-top: 15px;
    border-top: 1px solid #434343;
    padding-top: 15px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: rgb(200, 200, 200);
}

#footer_content .content .content-right{
    width: 300px;
    display: flex;
}
#footer_content .content .content-right .content-address-icon{
    width: 32px;
    margin-right: 20px;
}

#footer_content .content .content-right .content-address .content-address-name{
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: rgb(255, 255, 255);
}
#footer_content .content .content-right .content-address .content-address-address{
    margin-top: 6px;
    font-family: "Microsoft YaHei";
    font-size: 13px;
    color: rgb(200, 200, 200);

}
#footer_content .content .content-right .content-address .content-address-tel{
    margin-top: 20px;
    font-family: "Microsoft YaHei";
    font-size: 13px;
    color: rgb(200, 200, 200);
}

#footer_content .content-copyright{
    border: none;
    border-top: 1px solid #434343;
    padding-top: 20px;
    text-align: center;
    font-size: 13px;
    color: rgb(200, 200, 200);
    line-height: 140%;
    height: 38px;
}
#footer_content .content-copyright a{
    color: rgb(200, 200, 200);

}

.content .TRS_Editor{
    font-weight: normal;
}

#site-nav .toolbar{
}
#site-nav .toolbar a{
    font-family: Microsoft YaHei;
    color: rgb(67, 67, 67);
}


.site-bannar {
  height: 290px;
}

.site-bannar  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .site-bannar  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .new-ul li{
    height: 50px;
  }
  .new-ul li .title{
    float: left;
  }
  .new-ul li .time{
      float: right;
      display: inline-block;
      font-family: Microsoft YaHei;
      font-size: 13px;
      color: #9F9F9F;
      font-weight: normal;
      text-decoration: none;
      line-height: 50px;
  }

  .new-ul p.link{
    margin-left: 3px;
    color: #7D7D7D;
    line-height: 28px;
}
.new-ul p.title > a {
    display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 15px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    line-height: 50px;
}

.note-content{
    padding: 20px;
}

.note-content .contact{
    text-align: center;
}

.note-content .contact-info{
    width: 900px;
    text-align: left;
    display: inline-block;
}
.note-content .contact span{
    display: block;
    font-family: Microsoft YaHei;
    font-size: 15px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    line-height: 50px;
}
.note-content .contact a{
    color: #000000;
}
.note-content .address{
    text-align: center;
} 

.anliSwiper-next, .anliSwiper-prev{
    top: 30% !important;
    width: 37px !important;
    height: 72px !important;
}

.anliSwiper-next::after, .anliSwiper-prev::after{
    font-size: 72px !important;
}

.new_ul a{
    width:590px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;
}