@font-face{
    font-family:utsaah;
    src:url(../ttf/utsaah.ttf)
}
 @font-face{
    font-family:utsaahb;
    src:url(../ttf/utsaahb.ttf)
}
 @font-face{
    font-family:Raleway;
    src:url(../otf/raleway-regular.otf)
}
 @font-face{
    font-family:Raleway-Bold;
    src:url(../ttf/raleway-bold.ttf)
}
 body{
    background:#f8f8f8
}
 .title-p{
    color:#000;
    font-size:24px;
    font-family:Raleway
}
 .pro_list{
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 10px;
}


 .block-a{
    display:block
}
 .img-auto{
    width:100%;
    height:auto
}
 @media screen and (min-width:1400px){
    .container{
        width:1400px;
        padding:0
    }
}
 .listcase-box ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 .listcase-box ul li{
    width:28%;
    margin:30px 0;
    font-family:Raleway
}
 .listcase-box ul li a{
    color:#333;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    float:right
}
 .listcase-box ul li p{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    min-height:60px
}
 .listcase-box ul li p,.listcase-box ul li span{
    font-size:14px;
    color:#6c6c6c;
    margin-bottom:15px
}
 .listcase-box ul li h3{
    margin:15px 0;
    font-size:22px
}
 .listcase-box ul li .more-box{
    background:#f1f3f4;
    padding:10px
}
 .listcase-box ul li h3 a:hover{
    color:#2947bb
}
 .listcase-box ul li .thumb-box{
    overflow:hidden
}
 .listcase-box ul li .thumb-box img{
    transition:all .8s
}
 .listcase-box ul li .thumb-box:hover img{
    transform:scale(1.1)
}
 .download_page .download_box .item{
    background:#fff;
    padding:30px;
    margin-bottom:20px;
    display:flex;
    justify-content:space-between
}
 .download_page .download_box .item a{
    color:#333
}
 .download_page .download_box .item .title{
    width:70%
}
 .download_page .download_box .item:hover .title a{
    color:#2947bb
}
 .download_page .download_box .item .title img{
    float:left;
    margin-right:20px
}
 .download_page .download_box .item .title a{
    font-size:20px
}
 .download_page .download_box .item .textbox{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:30%;
    align-items:center
}
 .download_page .download_box .item .textbox div{
    font-size:16px;
    color:#999;
    width:33%;
    text-align:center
}
 .download_page .download_box .item .textbox div img{
    margin-top:-5px;
    margin-right:5px
}
 .download_page .download_box .item .textbox .downloadbutton a{
    border:1px solid #333;
    padding:15px;
    border-radius:5px
}
 .download_page .download_box .item .textbox .downloadbutton a:hover{
    border:1px solid #2947bb;
    background:#2947bb;
    color:#fff
}
 .download_page .download_box .item .textbox .downloadbutton a:hover img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%) brightness(10000%)
}
 .download_page .inside-pagination ul{
    justify-content:flex-end
}
 .download_page .inside-pagination ul li{
    margin:2% 8px 6%;
    width:auto;
    font-size:20px
}
 .download_page .inside-pagination ul li.active a{
    border-bottom:1px solid red;
    padding:2px 5px
}
 .listblog-box{
    font-family:Raleway;
    color:#6c6c6c;
    font-size:14px
}
 .listblog-box a{
    color:#000
}
 .listblog-box .left-box a{
    overflow:hidden
}
 .listblog-box .left-box img{
    transition:all .8s
}
 .listblog-box .left-box:hover img{
    transform:scale(1.1)
}
 .listblog-box .right-box .more-box{
    padding:10px;
    background:#f1f3f4
}
 .listblog-box .right-box h3{
    margin:15px 0
}
 .listblog-box .right-box p{
    margin-bottom:15px;
    font-size:16px;
    color:grey
}
 .listblog-box ul li{
    margin-top:3%;
    margin-bottom:4%
}
 .listblog-box .right-box h3 a:hover{
    color:#2947bb
}
 .listcase-box .inside-pagination ul{
    justify-content:flex-end
}
 .listcase-box .inside-pagination ul li{
    margin:2% 8px 6%;
    width:auto;
    font-size:20px
}
 .listcase-box .inside-pagination ul li.active a{
    border-bottom:1px solid red;
    padding:2px 5px
}
 .search-box{
    padding-top:20px;
    padding-bottom:20px
}
 .search-box .search-left form{
    width:100%;
    position:relative
}
 .search-box .search-left form input{
    width:100%;
    height:40px;
    padding-left:10px;
    border:1px solid #ccc
}
 .search-box .search-left form button{
    position:absolute;
    right:10px;
    top:0;
    border:none;
    outline:0;
    background:0 0;
    width:40px;
    height:40px;
    padding:5px
}
 .share-box{
    overflow:hidden
}
.share-box ul li,
.share-box ol li{
    list-style: none !important;!i;!;
}
 .share-box li{
    float:right;
    margin-left:15px;
    transition:all .6s;
    margin-top:10px
}
 .share-box li:hover{
    margin-top:2px
}
 .listproduct-box .pro-child-box{
    overflow:hidden;
    margin:4% 0
}
 .listproduct-box .pro-child-box li{
    float:left;
    width:25%;
    border:1px solid #ccc;
    text-align:center;
    height:70px;
    line-height:70px;
    border-collapse:collapse
}
 .listproduct-box .pro-child-box li:last-child{
    border-right:1px solid #ccc
}
 .listproduct-box .pro-child-box li a{
    font-size:18px;
    color:#000;
    font-family:utsaahb
}
 .listproduct-box .pro-child-box li a img:nth-child(2){
    display:none
}
 .listproduct-box .pro-child-box li.active a img:nth-child(1),.listproduct-box .pro-child-box li:hover a img:nth-child(1){
    display:none
}
 .listproduct-box .pro-child-box li.active a img:nth-child(2),.listproduct-box .pro-child-box li:hover a img:nth-child(2){
    display:inline-block
}
 .listproduct-box .pro-child-box li.active a,.listproduct-box .pro-child-box li:hover a{
    color:#fff
}
 .listproduct-box .pro-child-box li.active,.listproduct-box .pro-child-box li:hover{
    background:#2947bb
}
 .listproduct-box .list-box li{
    margin-bottom:3%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(-45deg,transparent 30px,#fff 0) right,linear-gradient(135deg,transparent 30px,#fff 0) left;
    background-size:50% 100%;
    background-repeat:no-repeat;
    filter:drop-shadow(0 30px 20px rgba(10,10,10,.15))
}
 .listproduct-box .list-box li>div{
    width:calc(100% - 4px);
    height:calc(100% - 4px);
    background:linear-gradient(-45deg,transparent 30px,#fff 0) right,linear-gradient(135deg,transparent 30px,#fff 0) left;
    background-size:50% 100%;
    background-repeat:no-repeat
}
 .listproduct-box .list-box li:nth-child(3){
    margin-bottom:8%
}
 .listproduct-box .list-box li .thumb-box{
    padding-left:5%
}
 .listproduct-box .list-box li .thumb-box img{
    width:60%;
    height:auto
}
 .listproduct-box .list-box li .text-box{
    padding-top:8%;
    padding-right:12%;
    display:flex;
    align-items:center;
    color:#000
}
 .listproduct-box .list-box li .text-box h3{
    font-family:utsaahb;
    font-size:20px;
    color:#000;
    text-align:left;
    font-weight:700
}
 .listproduct-box .list-box li .text-box p{
    margin:10px 0;
    font-size:16px;
    font-family:utsaah;
    line-height:20px
}
 .listproduct-box .list-box li .text-box a{
    width:120px;
    height:30px;
    background:#2947bb;
    color:#fff;
    line-height:30px;
    text-align:center;
    background:linear-gradient(-45deg,transparent 8px,#2947bb 0) right,linear-gradient(135deg,transparent 8px,#2947bb 0) left;
    background-size:50% 100%;
    background-repeat:no-repeat;
    margin-top:10%;
    margin-bottom:5%
}
 .list-factory-video{
    padding:2% 0
}
 .list-factory-video iframe{
    width:100%;
    height:800px
}
 .list-factory-box{
    background:#fff;
    font-family:Arial;
    font-size:14px;
    color:#888
}
 .list-factory-box li{
    padding:4% 0;
    border-bottom:1px dashed #ccc
}
 .list-factory-box li:last-child{
    margin-bottom:20px
}
 .list-factory-box .left-box img{
    width:90%;
    height:auto;
    cursor:pointer
}
 .list-factory-box .right-box h3{
    font-weight:700;
    font-size:18px;
    color:#000;
    margin:30px 0
}
 .list-factory-box .right-box p:last-child{
    margin:20px 0
}
 #imgModal .modal-body #leftbtn{
    position:absolute;
    top:45%;
    bottom:0;
    left:5%;
    width:50px;
    height:50px;
    line-height:50px;
    background:#444;
    font-family:宋体;
    font-weight:bolder;
    font-size:22px;
    text-align:center;
    color:#fff;
    border-radius:50%;
    cursor:pointer
}
 #imgModal .modal-body #rightbtn{
    position:absolute;
    top:45%;
    bottom:0;
    right:5%;
    width:50px;
    height:50px;
    line-height:50px;
    background:#444;
    font-family:宋体;
    font-weight:bolder;
    font-size:22px;
    text-align:center;
    color:#fff;
    border-radius:50%;
    cursor:pointer
}
 #imgModal .modal-body #leftbtn:hover,#imgModal .modal-body #rightbtn:hover{
    background:#2947bb
}
 .list-video-box{
    background:#f8f8f8;
    margin-bottom:5%
}
 .list-video-box ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .list-video-box ul li{
    width:23%;
    background:#fff;
    position:relative;
    margin-top:4%;
    transition:all .8s;
    float:left;
    margin-right:2%
}
 .list-video-box ul li::before{
    display:block;
    content:'';
    position:absolute;
    background:#f8f8f8;
    width:0;
    height:0;
    top:-5px;
    left:-20px;
    border-left:30px solid transparent;
    border-right:30px solid transparent;
    border-bottom:30px solid #f8f8f8;
    transform:rotate(-45deg)
}
 .list-video-box ul li::after{
    display:block;
    content:'';
    position:absolute;
    background:#f8f8f8;
    width:0;
    height:0;
    right:-5px;
    bottom:-20px;
    border-top:30px solid transparent;
    border-left:30px solid #f8f8f8;
    border-bottom:30px solid transparent;
    transform:rotate(45deg)
}
 .list-video-box ul li .img-box{
    position:relative
}
 .list-video-box ul li .img-box img:last-child{
    position:absolute;
    bottom:30px;
    left:30px
}
 .list-video-box ul li .text-box{
    padding:20px;
    color:#000
}
 .list-video-box ul li .text-box h4{
    font-family:utsaahb;
    font-size:18px;
    min-height:70px
}
 .list-video-box ul li .text-box p{
    font-family:utsaah;
    font-size:14px;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    min-height:60px
}
 .list-video-box ul li:hover{
    box-shadow:0 1px 20px -10px #ccc
}
 .list-video-box ul li:hover h4{
    color:#2947bb
}
 .list-video-box ul li .img-box:hover img:last-child{
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin:auto
}
 .list-video-box ul li .img-box:hover img:first-child{
    opacity:.6
}
 .list-faq-box{
    background:#f8f8f8;
    margin-bottom:6%
}
 .list-faq-box .faq-navbox{
    background:#eee;
    overflow:hidden;
    margin-top:20px
}
 .list-faq-box .faq-navbox li{
    padding:15px 30px 10px;
    cursor:pointer;
    text-align:center;
    float:left;
    font-size:22px;
    font-family:utsaahb
}
 .list-faq-box .faq-navbox li.active{
    color:#fff;
    background:#2947bb
}
 .list-faq-box .faq-listbox{
    background:#fff;
    padding:2% 2% 5%
}
 .list-faq-box .faq-listbox li{
    display:none
}
 .list-faq-box .faq-listbox li.active{
    display:block
}
 .list-faq-box .faq-listbox .one-faq{
    padding:20px 0;
    border-bottom:1px solid #ccc;
    position:relative
}
 .list-faq-box .faq-listbox .one-faq>div{
    padding-left:20px;
    position:relative;
    margin-bottom:10px
}
 .list-faq-box .faq-listbox .one-faq>div::before{
    display:inline-block;
    color:#2947bb;
    position:absolute;
    left:0;
    top:-2px;
    font-weight:bolder
}
 .list-faq-box .faq-listbox .one-faq>div:first-child::before{
    content:'Q:'
}
 .list-faq-box .faq-listbox .one-faq>div:last-of-type::before{
    content:'A:'
}
 .list-faq-box .faq-listbox .one-faq .q-box{
    font-size:16px;
    color:#000;
    font-family:Arial
}
 .list-faq-box .faq-listbox .one-faq .a-box{
    font-size:16px;
    color:#888;
    overflow:hidden;
    height:20px;
    transition:all .6s;
    font-family:Arial
}
 .list-faq-box .faq-listbox .one-faq>span{
    position:absolute;
    font-weight:bolder;
    top:44px;
    right:0;
    font-size:18px;
    cursor:pointer
}
 .xuanzhe-box{
    background:#f8f8f8;
    margin-bottom:10%
}
 .xuanzhe-box .ys-box{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:3%;
    margin-bottom:8%
}
 .xuanzhe-box .ys-box li{
    width:24%;
    cursor:pointer
}
 .xuanzhe-box .ys-box li .img-box img:last-child{
    display:none
}
 .xuanzhe-box .ys-box li:hover .img-box img:first-child{
    display:none
}
 .xuanzhe-box .ys-box li:hover .img-box img:last-child{
    display:block
}
 .xuanzhe-box .ys-box li .text-box{
    background:#d6d5d6;
    padding-top:55%;
    margin-top:-50%;
    padding-left:10%;
    padding-right:10%;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    border-radius:10px;
    padding-bottom:15%;
    height:70%;
    color:#222
}
 .xuanzhe-box .ys-box li .text-box h4{
    font-family:utsaahb;
    font-size:24px;
    line-height:24px;
    margin-bottom:10px
}
 .xuanzhe-box .ys-box li .text-box p{
    font-family:utsaah;
    font-size:18px;
    line-height:18px
}
 .xuanzhe-box .ys-box li:hover .text-box{
    background:#2947bb;
    color:#fff
}
 .xuanzhe-box .con-box img{
    max-width:100%!important;
    height:auto
}
 .xuanzhe-box .con-box h3{
    color:#000;
    font-size:30px;
    font-family:Raleway-Bold
}
 .xuanzhe-box .con-box p{
    color:#000;
    font-size:16px;
    font-family:Raleway
}
 .xuanzhe-box .bottom-list{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 .xuanzhe-box .bottom-list li{
    width:45%;
    margin-top:5%
}
 .xuanzhe-box .bottom-list li h3{
    font-size:30px;
    font-family:Raleway;
    margin:20px 0
}
 .xuanzhe-box .bottom-list li p{
    font-size:16px;
    font-family:Raleway
}
 .list-honor-box{
    background:#f8f8f8;
    margin-bottom:6%
}
 .list-honor-box ul{
    overflow:hidden
}
 .list-honor-box ul li{
    width:19%;
    margin:.5%;
    float:left;
    cursor:pointer;
    border:6px solid #eee;
    padding:0;
    margin-top:2%;
    transition:all .6s
}
 .list-honor-box ul li .left-box img{
    width:100%
}
 .list-honor-box ul li:hover{
    border:6px solid #2947bb
}
 .section-advantage .home_advantage_list .text_body h3{
    margin-bottom:14px;
    font-size:20px;
    font-weight:700;
    line-height:18px
}
 .about-box .container .about-left h2{
    color:#1a1b1d;
    font-size:36px;
    font-family:utsaahb
}
 .about-box .container .about-left p,.about-box>div>div{
    font-size:16px;
    font-family:utsaah;
    color:#1a1b1d
}
 .about-box>div:first-child>div:first-child{
    margin-top:10%
}
 .about-box>div>div h4{
    color:#000;
    font-weight:bolder;
    font-size:20px
}
 .hf-box{
    background:url(../jpg/about-hf-bg.jpg) center/cover no-repeat;
    color:#fff;
    padding:5% 0 0
}
 .hf-box h2{
    font-size:32px;
    font-family:utsaahb;
    color:#fff
}
 .hf-box hr{
    background:#fff;
    width:60px;
    height:3px;
    margin-bottom:10px
}
 .hf-box h1{
    font-size:100px;
    font-family:utsaahb;
    color:#fff
}
 .hf-box p{
    margin-top:-30px;
    font-size:18px;
    font-family:utsaah;
    color:#f8f8f8
}
 .development-box{
    background:url(../jpg/tree-bg.jpg) center/cover no-repeat;
    padding:5% 0 4%
}
 .development-box h2{
    text-align:center;
    color:#23221e;
    font-size:36px;
    font-weight:700
}
 .development-box hr{
    margin:10px auto;
    width:50px;
    height:4px;
    background:#2947bb
}
 .development-box ul li{
    float:right;
    padding:0 12%;
    margin-top:1%;
    min-height:130px
}
 .development-box ul li:nth-child(2n){
    margin-top:3%;
    text-align:right
}
 .partner-box{
    background:#fff;
    padding-top:3%;
    padding-bottom:5%
}
 .partner-box h2{
    text-align:center;
    font-size:48px;
    color:#1a1b1d
}
 .partner-box hr{
    margin:10px auto 30px;
    width:50px;
    height:4px;
    background:#2947bb
}
 .partner-box .par-swiper{
    padding-bottom:20px
}
 .partner-box .par-swiper .swiper-slide{
    border:1px solid #ccc
}
 .partner-box .par-swiper .swiper-slide:hover{
    box-shadow:0 2px 10px 1px #ccc
}
 .jiagong-box ul,.jiagong-box ol{
    padding-inline-start: 17px;
}
 .jiagong-box ul li,.blog-box .blog-con ul li,.pro-conbox ul li{list-style-type: disc;}
  .jiagong-box ol li,.blog-box .blog-con ol li,.pro-conbox ol li{
    list-style-type: decimal;
}
.blog-box .blog-con ul,.blog-box .blog-con ol,.pro-conbox ul,.pro-conbox ol{
 padding-left: 15px;   
}

.jiagong-box table td,.blog-box .blog-con table td,.pro-conbox table td{
    padding: 10px;
}

.pro-conbox{
    padding: 0 15px;
}






 .jiagong-box .service-box h3{
    text-align:center;
    font-family:Raleway-Bold;
    font-size:30px;
    margin:5% 0 2%;
    color:#222
}
 .jiagong-box .service-box p{
    font-family:Raleway;
    font-size:16px;
    text-align:center;
    width:80%;
    margin:10px auto;
    color:#222
}
 .jiagong-box .title-box h2,.jiagong-box .title-box h1{
    font-family:Raleway;
    font-size:24px
}
 .jiagong-box .service-list ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 .jiagong-box .service-list ul li{
    width:32%;
    box-shadow:0 0 10px 1px #eee;
    margin-top:30px;
    text-align:center;
    background:#fff;
    padding-bottom:3%
}
 .jiagong-box .service-list ul li h4{
    font-family:Raleway;
    font-size:30px;
    color:#222
}
 .jiagong-box .service-list>a{
    width:160px;
    height:40px;
    background:#2947bb;
    color:#fff;
    margin:3% auto;
    text-align:center;
    line-height:40px;
    font-size:18px
}
 .jiagong-box .process-box h3{
    text-align:center;
    font-family:Raleway-Bold;
    font-size:30px;
    margin:5% auto 1%;
    width:64%;
    color:#222;
    line-height:50px
}
 .jiagong-box .process-box p{
    font-family:Raleway;
    font-size:16px;
    text-align:center;
    width:80%;
    margin:10px auto;
    color:#222
}
 .jiagong-box .process-list{
    margin-top:3%
}
 .jiagong-box .process-list ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 .jiagong-box .process-list ul li{
    width:30%;
    text-align:center
}
 .jiagong-box .process-list ul li img{
    width:60%
}
 .jiagong-box .process-list ul li div{
    color:#222;
    font-family:Raleway;
    font-size:16px;
    margin-bottom:16px
}
 .jiagong-box .process-list ul li h4{
    font-size:30px;
    line-height:36px;
    height:80px
}
 .jiagong-box .table-box1>div{
    overflow:auto
}
 .jiagong-box .table-box1 h3{
    font-family:Raleway-Bold;
    font-size:30px;
    color:#222;
    margin:5% 0 1%
}
 .jiagong-box .table-box1 p{
    font-family:Raleway;
    font-size:16px;
    color:#222;
    margin-bottom:16px
}
 .jiagong-box .table-box1 table{
    width:100%;
    border:1px solid #eee;
    margin:3% 0
}
 .jiagong-box .table-box1 table th{
    text-align:center;
    font-family:Raleway;
    font-size:18px;
    color:#222;
    padding:15px 0
}
 .jiagong-box .table-box1 table tr:first-child th{
    background:#eee
}
 .jiagong-box .table-box1 table td{
    text-align:left;
    padding:1% 0 1% 2%;
    font-family:Raleway;
    color:#222
}
 .jiagong-box .machining-box h3{
    font-family:Raleway-Bold;
    font-size:30px;
    color:#222;
    margin:20px 0 0
}
 .jiagong-box .machining-box .faq-listbox{
    padding:2% 2% 5%
}
 .jiagong-box .machining-box .faq-listbox li.active{
    display:block
}
 .jiagong-box .machining-box .faq-listbox .one-faq{
    padding:20px 0;
    border-bottom:1px solid #ccc;
    position:relative
}
 .jiagong-box .machining-box .faq-listbox .one-faq .q-box{
    font-size:16px;
    color:#000;
    padding-left:20px;
    position:relative;
    margin-bottom:10px;
    font-family:Arail
}
 .jiagong-box .machining-box .faq-listbox .one-faq .a-box{
    font-size:16px;
    color:#888;
    overflow:hidden;
    height:20px;
    transition:all .6s;
    padding-left:20px;
    position:relative;
    margin-bottom:10px;
    font-family:Arail
}
 .jiagong-box .machining-box .faq-listbox .one-faq .q-box::before{
    display:inline-block;
    color:#2947bb;
    position:absolute;
    left:0;
    top:-2px;
    font-weight:bolder;
    content:'Q:'
}
 .jiagong-box .machining-box .faq-listbox .one-faq .a-box::before{
    display:inline-block;
    color:#2947bb;
    position:absolute;
    left:0;
    top:-2px;
    font-weight:bolder;
    content:'A:'
}
 .jiagong-box .machining-box .faq-listbox .one-faq>span{
    position:absolute;
    font-weight:bolder;
    top:44px;
    right:0;
    font-size:18px;
    cursor:pointer
}
 .jiagong-box .choose-box h3{
    font-family:Raleway-Bold;
    font-size:30px;
    color:#222
}
 .jiagong-box .choose-box ul li{
    width:30%;
    margin:3% 10%;
    float:left;
    text-align:center
}
 .jiagong-box .choose-box ul li img{
    max-width:100%
}
 .jiagong-box .choose-box ul li p{
    font-size:24px;
    font-family:Raleway;
    color:#222;
    margin:20px 0
}
 .jiagong-box .choose-box ul li div{
    font-size:16px;
    font-family:Raleway;
    color:#222
}
.jiagong-box .pinglun-box{
    margin-bottom:6%
}
.jiagong-box .pinglun-box h3{
    font-family: Raleway-Bold;
    font-size: 30px;
    color: #222;
}
.jiagong-box .pinglun-box .pinglun-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.jiagong-box .pinglun-box .pinglun-list .item{
    width: 49%;
    /* display: flex; */
    /* flex-direction: column; */
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    margin-bottom: 20px;
}
.jiagong-box .pinglun-box .pinglun-list .item .left{display: flex;margin-bottom: 10px;height: 50%;overflow: hidden;}
.jiagong-box .pinglun-box .pinglun-list .item .left .img_box{
    width: 20%;
}
.jiagong-box .pinglun-box .pinglun-list .item .left .img_box img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100px;
    overflow: hidden;
}
.jiagong-box .pinglun-box .pinglun-list .item .left .text_box{
    width: 80%;
}
.jiagong-box .pinglun-box .pinglun-list .item .left .text_box h6{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}
.jiagong-box .pinglun-box .pinglun-list .item .left .star{
    font-size: 16px;
}
.jiagong-box .pinglun-box .pinglun-list .item .left .star img{
    vertical-align: text-bottom;
}
.jiagong-box .pinglun-box .pinglun-list .item .left .star span{
    margin-left: 10px;
    display: inline-block;
}
.jiagong-box .pinglun-box .pinglun-list .item .right{
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    height: 50%;
}
.jiagong-box .pinglun-box .pinglun-list .item .right p{
    font-size: 16px;
    margin-bottom: 10px;
}
.jiagong-box .pinglun-box .pinglun-list .item .right span{
    display: block;
}




 .contact-box{
    margin-top:3%
}
 .contact-box h3{
    font-family:Raleway;
    font-size:26px;
    font-weight:bolder;
    margin:20px 0
}
 .contact-box .contact-left p,.contact-box .contact-right p{
    font-size:14px;
    color:#6c6c6c;
    margin-bottom:20px;
    font-family:Raleway
}
 .contact-box .contact-left p>a,.contact-box .contact-right p>a{
    color:#6c6c6c
}
 .contact-box .contact-left h4{
    font-size:22px;
    font-family:Raleway;
    margin-bottom:20px
}
 .contact-box .contact-right .form-box input{
    width:100%;
    height:40px;
    margin-bottom:10px;
    outline:0;
    border:1px solid #ccc;
    padding-left:20px
}
 .contact-box .contact-right .form-box textarea{
    width:100%;
    height:80px;
    outline:0;
    border:1px solid #ccc;
    padding-left:20px;
    padding-top:10px
}
 .contact-box .contact-right .form-box button{
    padding:10px;
    color:#fff;
    background:#2947bb;
    margin:10px 0;
    border:none;
    outline:0
}
 .map-box{
    margin-top:4%
}
 .zhinan-list{
    margin:3% auto
}
 .zhinan-list .list-box li{
    background:#fff;
    padding:3%;
    margin-bottom:20px;
    overflow:hidden
}
 .zhinan-list .list-box li:nth-child(2n)>div{
    float:right
}
 .zhinan-list .list-box li .img-box{
    overflow:hidden
}
 .zhinan-list .list-box li .img-box img{
    border-radius:50%;
    border:1px solid #ccc
}
 .zhinan-list .list-box li .text-box{
    padding-left:30px;
    margin-top:5%
}
 .zhinan-list .list-box li:nth-child(2n) .text-box{
    padding-right:8%
}
 .zhinan-list .list-box li .text-box h3>a{
    font-size:24px;
    font-family:Raleway;
    color:#222
}
 .zhinan-list .list-box li .text-box h4>a:hover{
    color:#2947bb
}
 .zhinan-list .list-box li .text-box p,.zhinan-list .list-box li .text-box span{
    font-size:16px;
    font-family:Raleway;
    color:#888;
    margin-bottom:5%;
    margin-top:2%
}
 .zhinan-desc{
    color:#000;
    font-family:Raleway
}
 .zhinan-desc .desc-head{
    display:flex;
    align-items:center;
    margin:3% 0 5%;
    flex-wrap:wrap
}
 .zhinan-desc .desc-head h1{
    font-family:Raleway-Bold;
    font-size:50px;
    line-height:70px
}
 .zhinan-desc .desc-head hr{
    width:100px;
    height:2px;
    background:#2947bb;
    margin:30px 0
}
 .zhinan-desc .desc-head span{
    font-size:16px;
    display:block;
    margin-bottom:20px
}
 .zhinan-desc .con-box p{
    font-size:30px
}
 .zhinan-desc .con-box div{
    font-size:16px
}
 .zhinan-desc .con-box h3{
    font-size:30px;
    font-family:Raleway-Bold
}
 .zhinan-desc .con-box .four-box>div p{
    font-size:30px;
    font-family:Raleway;
    margin-bottom:30px;
    margin-top:20px
}
 .zhinan-desc .con-box .four-box>div div{
    font-size:16px;
    font-family:Raleway;
    margin-bottom:30px
}
 .zhinan-desc .con-box .five-box li{
    display:flex;
    align-items:center
}
 .zhinan-desc .con-box .five-box li>div p{
    font-size:30px;
    font-family:Raleway;
    margin-bottom:20px
}
 .zhinan-desc .con-box .five-box li>div div{
    font-size:16px;
    font-family:Raleway
}
 .purus-box{
    margin:3% auto;
    padding-bottom:3%
}
 .purus-box h4{
    font-size:24px;
    font-family:Raleway-Bold;
    font-weight:bolder;
    margin-bottom:10%
}
 .purus-box p{
    font-size:18px;
    font-family:Raleway-Bold;
    font-weight:bolder
}
 .purus-box div{
    font-size:16px;
    font-family:Raleway
}
 .purus-box div.col-md-6{
    padding-right:3%
}
 .case-box2{
    background:#fff;
    padding:3% 0
}
 .case-box2 .row{
    display:flex;
    align-items:center;
    margin:2% 0;
    flex-wrap:wrap
}
 .case-box2 img{
    max-width:100%!important
}
 .case-box2 .row .text-box{
    margin:20px auto
}
 .case-box2 p{
    font-size:18px;
    font-family:Raleway-Bold;
    font-weight:bolder;
    padding:0 20px
}
 .case-box2 div{
    font-size:16px;
    font-family:Raleway
}
 .case-box2 .text-box div{
    padding:0 20px
}
 .casecon-box{
    padding-bottom:4%
}
 .casecon-box h3{
    font-size:26px;
    font-family:Raleway-Bold;
    font-weight:bolder
}
 .casecon-box div{
    font-size:16px;
    font-family:Raleway
}
 .casecon-box .list-box>div{
    margin-bottom:3%
}
 .casecon-box .list-box>div p{
    font-size:18px;
    font-family:Raleway-Bold;
    font-weight:bolder;
    margin:30px 0 10px
}
 .purus-box2{
    background:#fff;
    padding:4% 0
}
 .purus-box2 .row>div{
    padding-right:5%
}
 .purus-box2 h4{
    font-size:24px;
    font-family:Raleway-Bold;
    font-weight:bolder;
    margin-bottom:10%
}
 .purus-box2 p{
    font-size:18px;
    font-family:Raleway-Bold;
    font-weight:bolder
}
 .purus-box2 div{
    font-size:16px;
    font-family:Raleway
}
 .latest-box{
    position:relative;
    margin-bottom:5%
}
 .latest-box>h3{
    width:90%;
    margin:4% auto 3%;
    font-size:26px;
    font-weight:bolder;
    font-family:Raleway-Bold
}
 .latest-box>.list-box{
    width:90%;
    margin:0 auto 6%
}
 .latest-box>span{
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    background:#fff;
    display:block;
    position:absolute;
    top:60%;
    font-weight:bolder;
    cursor:pointer
}
 .latest-box>span#last-leftbtn{
    left:0;
    transform:rotate(-45deg)
}
 .latest-box>span#last-rightbtn{
    right:0;
    transform:rotate(45deg)
}
 .latest-box>span:hover{
    background:#2947bb;
    color:#fff
}
 .latest-box .swiper-slide h3{
    font-size:22px;
    font-family:Raleway;
    color:#000;
    margin:20px 0
}
 .latest-box .swiper-slide p{
    font-size:14px;
    font-family:Raleway;
    color:#6c6c6c
}
 .latest-box .swiper-slide div{
    font-size:14px;
    font-family:Raleway;
    color:#6c6c6c;
    background:#f1f3f4;
    padding:15px 10px;
    margin-top:20px
}
 .blog-box{
    padding-bottom:5%;
    color:#333;
    padding:30px;
    font-size:16px;
    width:57%;
    background:#fff
}
 .blog-box img{
    max-width:100%!important;
    height:auto!important
}
 .blog-box .blog-con{
    margin-top:20px
}
 .blog-box .head-box{
    text-align:center;
    font-family:Raleway
}
 .blog-box .head-box h3{
    font-size:30px;
    margin:3% 0 1%
}
 .blog-box .blog-con div{
    font-size:16px;
    color:#6c6c6c
}
 .blog-box .blog-con h3{
    font-size:30px;
    font-family:Raleway
}
 .page_content .content_box{
    display:flex;
    flex-direction:row-reverse;
    border-bottom:1px solid #ccc;
    padding-bottom:60px
}
 .page_content .content_box .sidebar_right{
    width:20%;
    padding-left:2%
}
 .page_content .content_box .sidebar_right .sidebar_right_box.fixed{
    position:sticky;
    top:120px
}
 .page_content .content_box .sidebar_right .avatar_box{
    box-shadow:0 0 10px 0 rgba(0,0,0,.5);
    transition:box-shadow .3s;
    padding:25px 15px 30px;
    background:#fff
}
 .page_content .content_box .sidebar_right .avatar_box .img_box{
    text-align:center;
    overflow:hidden
}
 .page_content .content_box .sidebar_right .avatar_box .img_box img{
    width:147px;
    height:137px;
    object-fit:cover
}
 .page_content .content_box .sidebar_right .avatar_box .text_box{
    text-align:center
}
 .page_content .content_box .sidebar_right .avatar_box .text_box p{
    font-size:16px;
    font-weight:700;
    padding:15px 0
}
 .page_content .content_box .sidebar_right .avatar_box .text_box span{
    display:inline-block;
    font-size:16px;
    color:#333;
    line-height:24px
}
 .page_content .content_box .sidebar_right .avatar_box .text_box a{
    display:inline-block;
    box-shadow:2px 0 10px 0 rgba(0,0,0,.5);
    background-color:#2947bb;
    border-radius:5px 5px 5px 5px;
    padding:5px 10px;
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    margin-top:25px;
    transition:all .3s linear;
    display:none
}
 .page_content .content_box .sidebar_right .avatar_box .text_box a:hover{
    color:#2947bb;
    background:#fff
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box h6{
    font-family:Raleway;
    font-size:26px;
    font-weight:bolder;
    margin:20px 0
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box .input{
    width:100%;
    display:flex;
    flex-wrap:wrap
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box .input div{
    width:100%
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box .input input{
    width:100%;
    height:40px;
    margin-bottom:10px;
    outline:0;
    border:1px solid #ccc;
    padding-left:20px
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box .upload-box #fileName{
    color:#1e4593;
    font-size:16px;
    float:left;
    line-height:50px;
    margin-left:10px
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box .upload-box .upload-wrap{
    position:relative;
    display:inline-block;
    overflow:hidden;
    border-radius:3px;
    border:1px solid #1750a1;
    color:#fff;
    width:100%;
    background:#fff;
    height:50px;
    padding:0 0;
    border-radius:10px;
    float:left;
    margin-bottom:8px;
    margin-left:15px
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer
}
 input[type=file]::-webkit-file-upload-button{
    cursor:pointer
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box .upload-box .upload-wrap .file-open{
    line-height:50px;
    text-align:center;
    font-size:16px;
    color:#1e4593;
    font-size:16px;
    font-weight:700
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box .upload-box .upload-wrap .file-open img{
    width:20px;
    margin-top:-3px
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box textarea{
    width:100%;
    height:80px;
    outline:0;
    border:1px solid #ccc;
    padding-left:20px;
    padding-top:10px
}
 .page_content .content_box .sidebar_right .sidebar_right_box .form-box .submit input{
    padding:10px;
    color:#fff;
    background:#2947bb;
    margin:10px 0;
    border:none;
    outline:0
}
 .page_content .content_box .blog_show{
    width:23%
}
 .page_content .content_box .blog_show .blog_show_left_title{
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
    background:#2947bb;
    color:#fff;
    padding:10px 15px;
    position:relative;
    cursor:pointer;
    transition:all .5s linear
}
 .page_content .content_box .blog_show .blog_show_left_title:hover{
    background:#0228bc
}
 .page_content .content_box .blog_show .blog_show_left_title:after{
    content:'';
    display:block;
    width:13px;
    height:13px;
    position:absolute;
    right:20px;
    top:-8px;
    bottom:0;
    margin:auto;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg)
}
 .page_content .content_box .blog_show .blog_show_left_title.active:after{
    transform:rotate(45deg);
    border-left:2px solid #fff;
    border-top:2px solid #fff;
    border-right:2px solid transparent;
    border-bottom:2px solid transparent;
    top:10px
}
 .page_content .content_box .blog_show{
    width:23%;
    padding-right:2%
}
 .page_content .content_box .blog_show .category-box.fixed{
    position:sticky;
    top:120px
}
 .page_content .content_box .blog_show .category-box .category-item{
    margin-bottom:0
}
 .page_content .content_box .blog_show .category-box .category-item p{
    padding:0
}
 .page_content .content_box .blog_show .category-box .category-item p a{
    display:inline-block;
    padding:5px 15px;
    width:100%;
    font-weight:unset
}
 .page_content .content_box .blog_show .category-box .category-item.active,.page_content .content_box .blog_show .category-box .category-item:hover{
    background:rgb(41 71 187/6%)
}
 .page_content .content_box .blog_show .category-box .category-item.active p a,.page_content .content_box .blog_show .category-box .category-item:hover p a{
    color:#2947bb
}
 .page_content .content_box .blog_show .category-box .category-item{
    background:#fff;
    font-size:16px
}
 .page_content .content_box .blog_show .category-box .category-item p a{
    color:#333
}
 #nextbtn,#prevbtn{
    float:right;
    background:#ececec;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:30px;
    font-family:宋体;
    font-weight:700;
    margin-top:50px;
    color:#000
}
 #nextbtn{
    margin-right:10%
}
 #prevbtn{
    margin-right:20px
}
 #nextbtn:hover,#prevbtn:hover{
    color:#fff;
    background:#2947bb
}
 .listblog-box .inside-pagination ul{
    justify-content:flex-end
}
 .listblog-box .inside-pagination ul li{
    margin:2% 8px 10%;
    width:auto;
    font-size:20px
}
 .listblog-box .inside-pagination ul li.active a,.listblog-box a.active{
    border-bottom:1px solid #d30000;
    background:#d30000;
    color:#fff;
    padding:1px 10px
}
 .pro-desc .pro-head{
    margin-top:3%;
    font-family:Raleway
}
 .pro-desc .head-img img{
    width:95%;
    height:auto
}
 .pro-desc .head-text h1{
    font-size:24px
}
 .pro-desc .head-text div{
    font-size:16px;
    color:grey;
    margin:20px 0
}
 .pro-desc .head-text p{
    font-size:14px;
    color:#000;
    margin-bottom:10px
}
 .pro-desc .head-text li{
    padding:10px 0 10px 15px
}
 .pro-desc .head-text li:nth-child(2n-1){
    background:#f2f2f2
}
 .pro-desc .head-text>a{
    display:block;
    width:160px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#fff;
    background:#2947bb;
    font-size:18px;
    margin:20px 0
}
 .pro-desc .head-text .pro-share a{
    margin-right:10px
}
 .aboutpro-box{
    padding-top:2%;
    border-top:1px solid #ccc;
    margin-top:5%
}
 .aboutpro-box>h2{
    font-size:28px
}
 .aboutpro-box .about-list{
    position:relative;
    max-width:98%;
    margin:auto
}
 .aboutpro-box .swiper-box{
    margin:3% auto 5%;
    width:94%;
    text-align:center
}
 .aboutpro-box .swiper-box .swiper-slide{
    background:#fff
}
 .aboutpro-box .swiper-box .swiper-slide p{
    margin:20px 0;
    font-size:16px;
    font-family:Raleway;
    color:#222
}
 .aboutpro-box .about-list>span{
    position:absolute;
    top:35%;
    font-family:宋体;
    font-weight:bolder;
    font-size:50px;
    cursor:pointer;
    color:#ccc
}
 .aboutpro-box .about-list>span#about-leftbtn{
    left:0
}
 .aboutpro-box .about-list>span#about-rightbtn{
    right:0
}
 .pro-conbox{
    background:#fff;
    font-family:Raleway
}
 .pro-conbox p span{
    white-space:break-spaces
}
 .pro-conbox h1{
    font-size:36px
}
 .pro-conbox div{
    font-size:16px
}
 .pro-formbox{
    background:#fff;
    margin-top:5%;
    font-family:Raleway;
    padding:5% 15px
}
 .pro-formbox .form-left h3{
    font-family:Raleway-Bold;
    font-size:26px;
    font-weight:bolder;
    margin-bottom:20px
}
 .pro-formbox .form-left p{
    font-size:16px;
    color:#6c6c6c;
    overflow:hidden;
    word-wrap:break-word;
    word-break:normal
}
 .pro-formbox .form-right input{
    width:100%;
    outline:0;
    border:1px solid #ccc;
    margin-bottom:10px;
    height:40px;
    padding-left:20px
}
 .pro-formbox .form-right textarea{
    width:100%;
    outline:0;
    border:1px solid #ccc;
    height:80px;
    padding-left:20px;
    padding-top:10px
}
 .pro-formbox .form-right button{
    color:#fff;
    background:#2947bb;
    padding:10px;
    outline:0;
    border:none;
    margin-top:10px
}
 .listproduct-box .inside-pagination ul{
    justify-content:center
}
 .listproduct-box .inside-pagination ul li{
    color:#ccc;
    margin:2% 8px 5%;
    font-size:24px
}
 .listproduct-box .inside-pagination ul li a{
    color:#828283;
    padding:0 5px
}
 .listproduct-box .inside-pagination ul li.active a{
    border-bottom:1px solid red
}
 .banner_img{
    padding-top:138px
}
 .banner_img a{
    display:inline-block
}
 .banner_img img{
    max-width:100%
}
 .page_banner{
    padding-top:138px
}
 .page_banner img{
    max-width:100%
}
 .page_banner .item1{
    background:#fff;
    position:relative;
    margin-bottom:80px
}
 .page_banner .item1 .item_box{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center;
    max-width:1600px;
    margin:auto;
    padding-bottom:30px
}
 .page_banner .item1 .item_box .img_box,.page_banner .item1 .item_box .text_box{
    width:49%
}
 .page_banner .item1 .item_box .img_box{
    text-align:right
}
 .page_banner .item1 .item_box .img_box img:last-child{
    display:none
}
 .page_banner .item1 .item_box .text_box{
    max-width:40%
}
 .page_banner .item1 .item_box .text_box .title{
    font-size:60px;
    line-height:66px;
    margin-bottom:35px;
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .page_banner .item1 .item_box .text_box .title1{
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .page_banner .item1 .item_box .text_box .alt{
    font-size:16px;
    margin-top:30px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical
}
 .page_banner .item1 .item_box .text_box .alt p{
    line-height:30px
}
 .page_banner .item1 .item_box .text_box .alt img{
    max-width:15px;
    margin-top:-5px
}
 .page_banner .item1 .item_box .text_box a{
    background:#2947bb;
    color:#fff;
    font-size:18px;
    display:inline-block;
    padding:10px 15px;
    box-shadow:2px 0 10px 0 rgba(0,0,0,.5);
    border-radius:5px;
    transition:all .3s linear;
    margin:30px 0
}
 .page_banner .item1 .item_box .text_box a:hover{
    background:#fff;
    color:#2947bb
}
 .page_banner .item1 .item_box .text_box span{
    display:block;
    width:100%;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .page_banner .item1 .item_box .text_box span img{
    margin-top:-5px
}
 .page_banner .item1 .item_box .text_box .bottom_img{
    margin-top:15px
}
 .page_banner .item1 .item_box .text_box .bottom_img img{
    max-height:55px
}
 .page_banner .item1 .bottom_block{
    position:absolute;
    bottom:-50px;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    display:flex;
    justify-content:center
}
 .page_banner .item1 .bottom_block p{
    border:1px solid #ddd;
    background:#fff;
    border-radius:3px;
    margin-right:25px;
    padding:20px;
    width:240px;
    font-size:22px;
    color:#2947bb;
    font-weight:700;
    transition:all .2s linear
}
 .page_banner .item1 .bottom_block p:last-child{
    margin-right:0
}
 .page_banner .item1 .bottom_block p span{
    display:block;
    font-size:16px;
    color:#333;
    font-weight:400;
    margin-top:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .page_banner .item1 .bottom_block p:hover{
    box-shadow:2px 0 10px 0 rgba(0,0,0,.2)
}
 .page_banner .item2{
    background:#fff;
    position:relative;
    margin-bottom:80px
}
 .page_banner .item2 .item_box{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center;
    max-width:1600px;
    margin:auto;
    padding-bottom:150px;
    padding-top:50px
}
 .page_banner .item2 .item_box .img_box,.page_banner .item2 .item_box .text_box{
    width:49%
}
 .page_banner .item2 .item_box .img_box{
    text-align:right
}
 .page_banner .item2 .item_box .img_box img:last-child{
    display:none
}
 .page_banner .item2 .item_box .text_box{
    max-width:45%
}
 .page_banner .item2 .item_box .text_box .title{
    font-size:60px;
    line-height:66px;
    margin-bottom:25px;
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .page_banner .item2 .item_box .text_box .title1{
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .page_banner .item2 .item_box .text_box .alt{
    font-size:16px;
    margin-top:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical
}
 .page_banner .item2 .item_box .text_box .alt p{
    line-height:30px
}
 .page_banner .item2 .item_box .text_box .alt img{
    max-width:15px;
    margin-top:-2px;
    margin-right:3px
}
 .page_banner .item2 .item_box .text_box a{
    background:#2947bb;
    color:#fff;
    font-size:18px;
    display:inline-block;
    padding:10px 15px;
    box-shadow:2px 0 10px 0 rgba(0,0,0,.5);
    border-radius:5px;
    transition:all .3s linear;
    margin:30px 0
}
 .page_banner .item2 .item_box .text_box a:hover{
    background:#fff;
    color:#2947bb
}
 .page_banner .item2 .item_box .text_box span{
    display:block;
    width:100%;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .page_banner .item2 .item_box .text_box span img{
    margin-top:-5px
}
 .page_banner .item2 .bottom_block{
    position:absolute;
    bottom:-85px;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    display:flex;
    justify-content:center
}
 .page_banner .item2 .bottom_block p{
    border:1px solid #ddd;
    background:#fff;
    border-radius:3px;
    margin-right:25px;
    padding:20px;
    width:240px;
    font-size:18px;
    color:#2947bb;
    font-weight:700;
    transition:all .2s linear;
    text-align:center
}
 .page_banner .item2 .bottom_block p img{
    max-width:100%
}
 .page_banner .item2 .bottom_block p:last-child{
    margin-right:0
}
 .page_banner .item2 .bottom_block p span{
    display:block;
    font-size:16px;
    color:#333;
    font-weight:400;
    margin-top:10px
}
 .page_banner .item2 .bottom_block p:hover{
    box-shadow:2px 0 10px 0 rgba(0,0,0,.2)
}
 .page_banner .item3{
    background:#fff;
    position:relative;
    margin-bottom:80px
}
 .page_banner .item3 .img_box .img_box_pc{
    width:100%;
    height:550px
}
 .page_banner .item3 .img_box .img_box_m{
    display:none
}
 .page_banner .item3 .item_box{
    max-width:1400px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    display:flex;
    align-items:center
}
 .page_banner .item3 .item_box .text_box{
    width:500px;
    background:#fff;
    padding:40px
}
 .page_banner .item3 .item_box .text_box .title{
    font-size:54px;
    line-height:66px;
    margin-bottom:25px;
    font-weight:700;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .page_banner .item3 .item_box .text_box .title:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:17%;
    height:5px;
    background:#2947bb
}
 .page_banner .item3 .item_box .text_box .title span{
    display:block;
    padding-left:20%
}
 .page_banner .item3 .item_box .text_box .alt{
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical
}
 .page_banner .item3 .item_box .text_box a{
    background:#2947bb;
    color:#fff;
    font-size:18px;
    display:inline-block;
    padding:10px 15px;
    box-shadow:2px 0 10px 0 rgba(0,0,0,.5);
    border-radius:5px;
    transition:all .3s linear;
    margin:30px 0
}
 .page_banner .item3 .item_box .text_box a:hover{
    background:#fff;
    color:#2947bb
}
 .page_banner .item3 .item_box .text_box>span{
    display:block;
    width:100%;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .page_banner .item3 .item_box .text_box>span img{
    margin-top:-5px
}
 .page_banner .item4{
    background:#2947bb14;
    position:relative
}
 .page_banner .item4 .item_box{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center;
    max-width:1400px;
    margin:auto;
    padding-bottom:50px;
    padding-top:50px
}
 .page_banner .item4 .item_box .img_box,.page_banner .item4 .item_box .text_box{
    width:49%
}
 .page_banner .item4 .item_box .img_box .img_box_pc{
    display:flex;
    flex-direction:row-reverse
}
 .page_banner .item4 .item_box .img_box .img_box_pc .right img{
    margin-bottom:20px
}
 .page_banner .item4 .item_box .img_box .img_box_pc .right img:last-child{
    margin-bottom:0
}
 .page_banner .item4 .item_box .img_box .img_box_pc .left img,.page_banner .item4 .item_box .img_box .img_box_pc .right img{
    max-width:unset
}
 .page_banner .item4 .item_box .img_box .img_box_pc .right{
    text-align:right;
    margin-right:20px
}
 .page_banner .item4 .item_box .img_box .img_box_m{
    display:none
}
 .page_banner .item4 .item_box .text_box{
    max-width:45%
}
 .page_banner .item4 .item_box .text_box .title{
    font-size:60px;
    line-height:66px;
    margin-bottom:25px;
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .page_banner .item4 .item_box .text_box .title span{
    position:relative
}
 .page_banner .item4 .item_box .text_box .title span:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    right:-100px;
    width:100px;
    height:5px;
    background:#2947bb
}
 .page_banner .item4 .item_box .text_box .title1{
    font-size:16px
}
 .page_banner .item4 .item_box .text_box .alt{
    font-size:16px;
    margin-top:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical
}
 .page_banner .item4 .item_box .text_box .alt p{
    line-height:30px
}
 .page_banner .item4 .item_box .text_box .alt img{
    max-width:15px;
    margin-top:-2px;
    margin-right:3px
}
 .page_banner .item4 .item_box .text_box a{
    background:#2947bb;
    color:#fff;
    font-size:18px;
    display:inline-block;
    padding:10px 15px;
    box-shadow:2px 0 10px 0 rgba(0,0,0,.5);
    border-radius:5px;
    transition:all .3s linear;
    margin:30px 0
}
 .page_banner .item4 .item_box .text_box a:hover{
    background:#fff;
    color:#2947bb
}
 .page_banner .item4 .item_box .text_box>span{
    display:block;
    width:100%;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .page_banner .item4 .item_box .text_box span img{
    margin-top:-5px
}
 .page_banner .item4 .bottom_block{
    position:absolute;
    bottom:-85px;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    display:flex;
    justify-content:center
}
 .page_banner .item4 .bottom_block p{
    border:1px solid #ddd;
    background:#fff;
    border-radius:3px;
    margin-right:25px;
    padding:20px;
    width:240px;
    font-size:18px;
    color:#2947bb;
    font-weight:700;
    transition:all .2s linear;
    text-align:center
}
 .page_banner .item4 .bottom_block p img{
    max-width:100%
}
 .page_banner .item4 .bottom_block p:last-child{
    margin-right:0
}
 .page_banner .item4 .bottom_block p span{
    display:block;
    font-size:16px;
    color:#333;
    font-weight:400;
    margin-top:10px
}
 .page_banner .item4 .bottom_block p:hover{
    box-shadow:2px 0 10px 0 rgba(0,0,0,.2)
}
.vmt_pro_show .show_faq_box{}
.vmt_pro_show .show_faq_box .item{margin-bottom:20px;background:#ffffff;border-radius:5px;padding:20px;cursor: pointer;}
.vmt_pro_show .show_faq_box .item .title{margin-bottom:5px;position:relative}
.vmt_pro_show .show_faq_box .item .title:before{content:'';display:block;position:absolute;right:0;width:15px;height:15px;top:35%;font-family:fangsong;font-weight:bold;background:linear-gradient(to bottom,transparent 40%,black 40%,black 60%,transparent 60%),linear-gradient(to right,transparent 40%,black 40%,black 60%,transparent 60%);transition: all .3s linear;}
.vmt_pro_show .show_faq_box .item .remark{display:none;overflow:hidden;padding-top:20px}
.vmt_pro_show .show_faq_box .item.open .title:before{
    transform: rotate(45deg);
}
 @media(max-width:1600px){
    .page_banner .item1 .item_box{
        max-width:96%
    }
     .page_banner .item1 .item_box .text_box .title{
        font-size:46px;
        line-height:55px
    }
     .page_banner .item2 .item_box{
        max-width:96%
    }
}
 @media(max-width:1400px){
    .download_page .download_box .item{
        padding:20px
    }
     .download_page .download_box .item .title a{
        font-size:18px
    }
     .download_page .download_box .item .textbox div{
        font-size:14px
    }
     .download_page .download_box .item .textbox div:nth-child(2){
        width:25%
    }
     .download_page .download_box .item .textbox div:last-child{
        width:40%
    }
     .download_page .download_box .item .textbox .downloadbutton a{
        padding:10px
    }
     .page_banner .item3 .img_box .img_box_pc{
        height:450px
    }
     .page_banner .item3 .item_box{
        max-width:100%
    }
     .page_banner .item3 .item_box .text_box{
        padding:20px;
        margin-left:160px
    }
     .page_banner .item3 .item_box .text_box .title{
        font-size:50px;
        line-height:50px
    }
     .page_banner .item1{
        margin-bottom:0;
        padding-bottom:20px
    }
     .page_banner .item4 .item_box{
        max-width:96%;
        padding-bottom:30px;
        padding-top:30px
    }
     .page_banner .item4 .item_box .text_box .title{
        font-size:46px;
        line-height:55px
    }
     .page_banner .item2 .item_box{
        padding-top:30px
    }
     .page_banner .item2 .item_box .img_box img:first-child{
        font-size:46px;
        line-height:55px
    }
     .page_banner .item2 .item_box .text_box .title{
        font-size:46px;
        line-height:55px
    }
}
 @media(max-width:1280px){
    .page_banner .item1 .bottom_block p{
        padding:16px
    }
}
 @media screen and (max-width:991px){
    .list-video-box ul li{
        width:48%;
        margin-left:1%;
        margin-right:1%
    }
     .page_content .content_box{
        flex-direction:column-reverse
    }
     .page_content .content_box .sidebar_right{
        width:100%;
        padding-left:0
    }
     .page_content .content_box .blog_show{
        width:100%;
        padding-right:0;
        margin-bottom:20px
    }
     .blog-box{
        width:100%
    }
    .jiagong-box .pinglun-box .pinglun-list{}
    .jiagong-box .pinglun-box .pinglun-list .item{
    padding: 10px;
    width: 100%;
    height: 100%;
}
     .jiagong-box .pinglun-box .pinglun-list .item .left{
    height: 100%;
    display: flex;
    justify-content: space-between;
}
     .jiagong-box .pinglun-box .pinglun-list .item .left .img_box{
    width: 20%;
}
     .jiagong-box .pinglun-box .pinglun-list .item .left .img_box img{
    width: 60px;
    height: 60px;
}
     .jiagong-box .pinglun-box .pinglun-list .item .left .text_box{
    width: 76%;
}
     .jiagong-box .pinglun-box .pinglun-list .item .left .text_box h6{
    font-size: 16px;
    line-height: normal;
}

.vmt_pro_show .show_faq_box{}
.vmt_pro_show .show_faq_box .item{}
.vmt_pro_show .show_faq_box .item .title{
    max-width: 98%;
}
 .vmt_pro_show .show_faq_box .item .title p span{
    font-size: 18px !important;
    line-height: normal;
}
.vmt_pro_show .show_faq_box .item .title:before{
    right: -20px;
}
.vmt_pro_show .show_faq_box .item .remark{}
.vmt_pro_show .show_faq_box .item.open .title:before{}





}
 @media screen and (max-width:768px){
    .title-p{
        width:100%;
        font-size:20px
    }
     .pro_list{
            font-size: 24px;
        }
     .listproduct-box .pro-child-box li{
        width:100%;
        border:1px solid #ccc
    }
     .listproduct-box .list-box li .thumb-box img{
        width:100%
    }
     .listproduct-box .list-box li .text-box{
        padding:15px
    }
     .list-factory-video iframe{
        height:300px
    }
     .list-factory-box .left-box img{
        width:100%
    }
     .list-video-box ul li{
        width:100%;
        margin:20px 0
    }
     .xuanzhe-box .ys-box li{
        width:50%;
        margin-bottom:30%
    }
     .xuanzhe-box .bottom-list li{
        width:100%
    }
     .jiagong-box .service-list ul li{
        width:100%
    }
     .jiagong-box .process-box h3,.jiagong-box .service-box p{
        width:100%
    }
     .jiagong-box .process-list ul li{
        width:100%
    }
     .jiagong-box .choose-box ul li{
        width:100%;
        margin:20px auto
    }
     .jiagong-box .pinglun-box .pinglun-list li .tx-box{
        width:30%
    }
     .jiagong-box .pinglun-box .pinglun-list li .js-box{
        width:62%
    }
     .listproduct-box .list-box li .thumb-box{
        padding-left:15%
    }
     .listcase-box ul li{
        width:100%
    }
     .zhinan-list .list-box li .img-box{
        text-align:center
    }
     .zhinan-list .list-box li .img-box img{
        width:50%
    }
     .zhinan-desc .desc-head h1{
        font-size:30px;
        line-height:50px
    }
     .list-honor-box ul li{
        width:48%
    }
     .development-box{
        background:0 0
    }
     .aboutpro-box .swiper-box{
        width:78%
    }
     .aboutpro-box .swiper-box .swiper-slide p{
        font-size:18px
    }
     .download_page .download_box .item{
        flex-direction:column
    }
     .download_page .download_box .item .title{
        width:100%;
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        margin-bottom:10px
    }
     .download_page .download_box .item .title a{
        font-size:17px
    }
     .download_page .download_box .item .textbox{
        width:100%
    }
     .download_page .download_box .item .textbox div img{
        vertical-align:middle;
        margin-top:-3px
    }
     .download_page .download_box .item .textbox .downloadbutton a{
        padding:7px
    }
     .blog-box{
        padding:15px
    }
     .banner_img,.page_banner{
        padding-top:51px
    }
     .page_banner .item3{
        position:unset;
        margin-bottom:0
    }
     .page_banner .item3 .img_box .img_box_pc{
        display:none
    }
     .page_banner .item3 .img_box .img_box_m{
        display:block;
        height:300px
    }
     .page_banner .item3 .item_box{
        max-width:100%;
        position:unset
    }
     .page_banner .item3 .item_box .text_box{
        padding:20px;
        width:100%;
        margin-left:0
    }
     .page_banner .item1 .item_box{
        flex-direction:column;
        padding-bottom:20px
    }
     .page_banner .item1 .item_box .img_box,.page_banner .item1 .item_box .text_box{
        width:100%;
        max-width:100%
    }
     .page_banner .item1 .item_box .img_box{
        margin-bottom:20px
    }
     .page_banner .item1 .item_box .img_box img:first-child{
        display:none
    }
     .page_banner .item1 .item_box .img_box img:last-child{
        display:block
    }
     .page_banner .item1 .item_box .text_box .title{
        -webkit-line-clamp:unset;
        font-size: 34px;
        line-height: normal;
    }
     .page_banner .item1 .bottom_block{
        position:unset;
        flex-wrap:wrap;
        justify-content:space-around
    }
     .page_banner .item1 .bottom_block p{
        margin-right:0;
        width:48%;
        margin-bottom:10px
    }
     .page_banner .item4 .item_box{
        flex-direction:column
    }
     .page_banner .item4 .item_box .img_box,.page_banner .item4 .item_box .text_box{
        width:100%;
        max-width:100%
    }
     .page_banner .item4 .item_box .img_box{
        margin-bottom:20px
    }
     .page_banner .item4 .item_box .img_box .img_box_pc{
        display:none
    }
     .page_banner .item4 .item_box .img_box .img_box_m{
        display:block
    }
     .page_banner .item4 .item_box .text_box .title{
        font-size:40px;
        line-height:normal
    }
     .page_banner .item2{
        margin-bottom:0;
        padding-bottom:20px
    }
     .page_banner .item2 .item_box{
        flex-direction:column;
        padding-top:20px;
        padding-bottom:0
    }
     .page_banner .item2 .item_box .img_box,.page_banner .item2 .item_box .text_box{
        width:100%;
        max-width:100%
    }
     .page_banner .item2 .item_box .img_box{
        margin-bottom:20px
    }
     .page_banner .item2 .item_box .text_box .title{
        font-size:40px;
        line-height:normal
    }
     .page_banner .item2 .bottom_block{
        position:unset;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-around;
        margin-top:30px
    }
     .page_banner .item2 .bottom_block p{
        width:48%;
        margin-right:0;
        margin-bottom:10px
    }
    .list-faq-box .faq-navbox li{
        font-size: 16px;
        padding: 10px 10px;
        width: 50%;
    }
    .list-faq-box .faq-listbox .one-faq .q-box{
        padding-right: 10px;
    }
    .list-faq-box .faq-listbox .one-faq .a-box{
        padding-right: 10px;
    }
    .list-faq-box .faq-navbox{
        margin-bottom: 20px;
    }
}
 @media screen and (max-width:420px){
    .xuanzhe-box .ys-box li{
        width:100%;
        margin-bottom:20%
    }
}
 .five-box li{
    overflow:hidden
}