/*Product & Service*/
.product-part01{ padding:2% 0 5%; text-align: center;}
.product-part01 h2{ color:#3C3940; margin-bottom: 1.5%;}
.product-part01 .txt{color:#3C3940;}
.product-part02{padding:6% 0 5%;background-position: center top; background-repeat: no-repeat;}
.product-part02 dl{border-left:2px solid #ed001e; padding-left: 30px; padding-bottom:3%;}
.product-part02 dl dt{ float: left; width:10%; line-height: 1.2; margin-top:-5px;}
.product-part02 dl dd{ float: right; width:90%; padding-right: 10px;}
.product-part02 dl dd p{margin-bottom: 3%; line-height: 1.8;}
.product-part02 li{ float: left; width:20%; position: relative;transition: all .5s;}
.product-part02 li .txt{z-index: 1; text-align: center; color:#fff;}
.product-part02 li .txt span{ display: block; width:72px; height: 72px; margin:0 auto; overflow: hidden;}
.product-part02 li .txt span img{width:100%;}
.product-part02 li .bg-layer{position: absolute; left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.2);}
.product-part03{margin-bottom: 5%;}
.product-part03 .img{ width:100%; position: relative;}

.product-part03 .img .t{text-align: center; padding:5% 5%; z-index: 2; width:100%;}
.product-part03 .img .t h2{margin-bottom:20px;color:#000;}
.product-part03 .img .t p{color:#3C3940;}
.product-part03 .con{color:#fff; background: #302D35; margin-bottom: 2%;}
.product-part03 .con h3{ padding:1.5% 5%; text-align: center; border-bottom:1px solid #959498;}
.product-part03 .con ul{padding:2% 0;}
.product-part03 .con li{ float: left; width:25%; padding:15px 2.5%; text-align: center;position: relative;}
.product-part03 .con li::after{content: ""; position: absolute; right:0; top:0; width: 1px; height: 50px; background: #545158;}
.product-part03 .txt{ text-align: right; line-height: 40px;}
.product-part03 .txt a.more{ float: right; margin-left:20px; width:235px; height: 40px; line-height: 40px; text-align: center; color:#fff!important; background: #ed001e;}
.product-part03 .txt p a{margin:0 2px; color:#ed001e;border-bottom:1px solid transparent;margin-right: 10px;}

.product-part03 .img{ background: #F1F1F1;}
.product-part04 .ll{ float: left; width:41.4285%; position: relative;}
.product-part04 .rr{float: right; width:58.5715%; position: relative;}
.product-part04 .ll p,.product-part04 .rr p{ position: absolute; color:#3C3940; left:0; bottom:15%; width:100%; text-align: center; padding:0 5%;}

.product-part05 li{ float: left; width:50%; position: relative;}
.product-part05 li::before{content: ""; position: absolute; left: 50%; bottom:0; z-index:2; width:2px; height: 25%;}
.product-part05 li .txt{ text-align: center; z-index: 1; color:#fff; width:100%; padding:0 5%;}
.product-part05 li h3{margin-bottom: 1.5%;}
.product-part05 li .bg-layer{ position: absolute; left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.5);}


@media only screen and (max-width:1279px){
    .product-part02 li .txt span{width:50px; height: 50px;}
}
@media only screen and (max-width:767px){
    .product-part02 dl dt{width:100%; margin:0 0 3%;}
    .product-part02 dl dd{width:100%; padding:0;}
    .product-part02 li{width:50%;}
    .product-part03 .img .t{ position: static;padding:5% 5% 0; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
    .product-part03 .img .t h2{margin-bottom: 0;}
    .product-part03 .txt{ text-align: left;}
    .product-part03 .txt a.more{ float: none; display: block; margin:0;}
    .product-part03 .con ul {
        padding: 20px;
    }
    .product-part03 .con h3{padding: 15px 5%;}
    .product-part03 .con li{width: 100%;margin-bottom: 10px;padding: 0;}
    .product-part03 .con li::after{display: none;}
    .product-part03 .con li:last-child{margin-bottom: 0;}
    .product-part04 .ll,.product-part04 .rr,.product-part05 li{width:100%;}
    .product-part04 .ll p, .product-part04 .rr p{bottom:5%;}
    .product-part03 .img  img{margin-top: -30px;}
    .product-part04 .ll img{margin-top: -80px;}
    .product-part04 .rr img{margin-top: -50px;}
    .btt1{font-size:1.5rem;padding:20px;font-weight: bold;}
    .btt2{font-size:1.5rem;padding:20px;font-weight: bold;color:#ED001E;}
    .nrr1{padding:0;}
    .nrr2{padding:0;color:#ED001E}
}


.flex-part01{ padding:2% 0 0; background-repeat: no-repeat; background-position: center top;}
.flex-part01 h2{ color:#3C3940; margin-bottom: 1.5%; text-align: center;}
.flex-part01 .txt{color:#3C3940; text-align: center; width:100%;}
.flex-part01 .txt li{ display: inline-block;}
.flex-part01 .txt li em{ margin:0 10px;}
.flex-part01 .img{ width:71.4285%; margin:0 auto; overflow: hidden;}
.flex-part011{ padding:2% 7% 0;position: relative;}
.flex-part011::before{content: ""; position: absolute; left:7%; top:0; width: 2px; height: 94%;background: #ed001e;}
.flex-part011 h2{ color:#3C3940;margin-left:2%;}
.flex-part011 .txt{color:#3C3940; text-align: center; width:100%;}
.flex-part011 .txt li{ display: inline-block;}
.flex-part011 .txt li em{ margin:0 10px;}
.flex-part011 .img{ width:71.4285%; margin:0 auto; overflow: hidden;}
.flex-swiper-box{position: relative;}
.flex-swiper-box .bg-layer{position: absolute; left:0; top:0; width:100%; height: 100%; background: rgba(35,32,40,0.8);z-index: 2;}
.flex-swiper-tt{position: relative;z-index: 3; width:100%; overflow: hidden;}
.flex-swiper-tt .swiper-container{height: 100%;}
.flex-swiper-tt li{ float: left; cursor: pointer; width:16.7%; background: #fff; height: 100%;}
.flex-swiper-tt li span{ display: block; margin:0 auto 10px; width:50px; height: 50px; overflow: hidden;}
.flex-swiper-tt li span img{ width:100%;}
.flex-swiper-tt li span img+img{ display: none;}

.flex-swiper-tt li.on{ background: transparent;}
.flex-swiper-tt li.on span img{ display: none;}
.flex-swiper-tt li.on span img+img{ display: block;}
.flex-swiper-tt li.on p{color:#fff;}

.flex-swiper-cc{padding:10% 5%; color:#fff;position: relative;z-index: 3;}
.flex-swiper-cc li{ display: none;transition: all .5s;opacity: 0;}
.flex-swiper-cc li.on{opacity: 1;display: block;}
.flex-swiper-cc li .ll{ float: left; width:45%}
.flex-swiper-cc li .ll .pho_tit{ display: none;}
.flex-swiper-cc li .ll h2{ position: relative; text-align: left; color:#fff; padding-bottom: 10px; margin-bottom: 5%;}
.flex-swiper-cc li .ll h2::after{content: ""; position: absolute; left:0; bottom:0; width:55%; height: 2px; background: #ed001e;}
.flex-swiper-cc li .ll p{ line-height: 2;}
.flex-swiper-cc li .rr{ float: right; width:50%; text-align: right;}
.flex-swiper-cc li .rr img{max-width: 100%;}
.flex-swiper-cc .swiper-container{padding-bottom: 20px;}
.flex-swiper-cc .swiper-pagination{ display: none;bottom:0px;}
.flex-swiper-cc .swiper-pagination-bullet{width: 8px; height: 8px; margin:0 10px!important; background:#fff;opacity:1;filter: alpha(opacity=100);}
.flex-swiper-cc .swiper-pagination-bullet-active{width: 12px; height: 12px; position: relative; top:2px; background: #000;}


.flex-part02{ padding:0 0 7%; position: relative;}
.flex-part02 h2{color:#3C3940; margin-bottom: 5%; line-height: 1; padding-top:8%; padding-left: 2.5%; border-left:2px solid #ed001e;}
.flex-part02 ul{margin:0 -1.5%;}
.flex-part02 li{ float: left; width:30%; margin:0 1.5%;}
.flex-part02 li .img{width:100%; margin-bottom:5%; border-bottom: 2px solid #C4C3C5;}
.flex-part02 li p{color:#3C3940;}

@media only screen and (max-width:1023px){
    .flex-part01 .txt li{
        float: left;
        width: 100%;
        text-align: center;
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .flex-part01 .txt li em{display: none;}
    .flex-swiper-tt li span{width:30px; height: 30px;}
    .flex-swiper-cc{padding:5%;}  
}
@media only screen and (max-width:767px){
    .flex-part011 h2{ color:#3C3940; margin-bottom: 2%;margin-left:5%;}
    .flex-swiper-box{height: auto!important;}
    .flex-swiper-tt{ display: none;}
    .flex-swiper-tt li span{width:20px; height: 20px; margin-bottom: 0;}
    .flex-swiper-cc li,.flex-swiper-cc .swiper-pagination,.flex-swiper-cc li .ll .pho_tit{ display: block;}
    .flex-swiper-cc li{opacity: 1;}
    .flex-swiper-cc li .ll,.flex-swiper-cc li .rr,.flex-part02 li{width:100%;}
    .flex-swiper-cc li .ll{margin-bottom: 5%;}
    .flex-swiper-cc li .ll .pho_tit span{ display: block; width:40px; height: 40px; overflow: hidden;}
    .flex-swiper-cc li .ll .pho_tit span img{ width:100%;}
    .flex-part02 ul{margin:0;}
    .flex-part02 li{margin:0 0 5%;}
}


.ps-link{margin:4% 0;}
.ps-link li{ float: left; width:49%; cursor: pointer;}
.ps-link li+li{ float: right;}
.ps-link li span{ display: block; text-align: center; padding-bottom: 6%; width:100%; border-bottom:3px solid #F1F1F1; position: relative;}
.ps-link li span::before{opacity: 0;filter: alpha(opacity=0);content: ""; position: absolute; left:50%;  bottom:-8px;width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #232028;}
.ps-link li span img{max-width: 100%;}
.ps-link li span img +img{ display: none;}
.ps-link li.active span{border-color: #232028;}
.ps-link li.active span::before{opacity: 1;filter: alpha(opacity=100);}
.ps-link li.active span img{ display: none;}
.ps-link li.active span img+img{ display: inline-block;}
.ps-link li p{ text-align: center; color:#C4C3C5;margin-top:3%;}
.ps-link li.active p{ color:#3C3940;}
.ps-cons .img,.ps-cons .img img{width:100%;}
.ps-cons .mark{ height: 10px; position: relative; top:-10px;}
.ps-cons h2{color:#3C3940; text-align: center; margin-bottom: 1%;}
.ps-cons .c{ line-height: 2;color:#3C3940;text-align: center; margin-bottom: 5%;}

.itembox{width:100%; overflow: hidden; position: relative;}
.item_line{position: absolute;width: 100%;top: 0;left: 5%;z-index: 10;height: 100%;}
.item_line .item{float: left;width: 10%;border-left: 1px solid rgba(255,255,255,0.2);height: 100%;position: relative;}
.item_line .item .strip{ opacity: 0; width:4px;height: 20%;background: #FFFFFF;position: absolute;top:12%;left:-2px;}
.item_line .item.on{width:30%;}
.item_line .item.on .strip{ opacity: 1;}
.item_conts{position: absolute;width: 100%; height: 100%; bottom:0;left: 5%;z-index: 11;}
.item_conts ol{width: 100%; height: 100%;}
.item_conts ol li{width:10%;float: left;color: #fff; height: 100%;position: relative;transition: all 1s;}
.item_conts ol li.on{ width:30%;}
.item_conts ol li a{color: #fff;}
.item_conts ol li a:hover{color: #fff!important;}
.item_conts ol li h2{line-height: 1.2;color: #fff; position: absolute; width:100%; padding:0 5%; text-align: center; left:0; top:50%; margin-top:-10px;}
.item_conts ol li.on h2{display: none;}
.item_conts ol li .msg{visibility: hidden;opacity: 0;position: absolute; bottom:2%; width:370px; padding:0 5%; color:#fff;transition: all .8s;}
.item_conts ol li.on .msg{visibility: visible;opacity: 1;bottom: 12%}
.item_conts ol li .msg span{ display: block; width:50px; height: 50px; margin:0 0 15%; overflow: hidden;}
.item_conts ol li .msg span img{ width:100%;}
.item_conts ol li h4{ line-height: 1.2; margin-bottom:5%;}
.item_conts ol li p{color:#fff; text-align: left; line-height: 1.5;}

.ps-swiper-box{ padding:0 0 7%; position: relative;}
.ps-swiper-box h2{color:#3C3940; text-align: left;line-height: 1; padding-top:8%; padding-left: 2.5%; border-left:2px solid #ed001e;}
.ps-swiper-box li .img{width:100%; margin-bottom:5%; border-bottom: 2px solid #C4C3C5;}
.ps-swiper-box li p{color:#3C3940;}
.ps-swiper-box .swiper-button-prev{left:-44px; width:44px; height: 44px; background:url(../image/dot01.png) center no-repeat;background-size: contain;}
.ps-swiper-box .swiper-button-next{right:-44px; width:44px; height: 44px; background:url(../image/dot02.png) center no-repeat;background-size: contain;}
.flex-part02 .swiper-button-prev{left:-44px; width:44px; height: 44px; background:url(../image/dot01.png) center no-repeat;background-size: contain;}
.flex-part02 .swiper-button-next{right:-44px; width:44px; height: 44px; background:url(../image/dot02.png) center no-repeat;background-size: contain;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;}

.ps-cons-p .item_line,.ps-cons-p .item_conts{left:0;}


@media only screen and (max-width:1280px){
    .item_conts ol li .msg{width: 260px;}
}

@media only screen and (max-width:1023px){
    .item_conts ol li .msg span{width:30px; height: 30px;}
    .item_conts ol li .msg{width: 180px;}
    .ps-swiper-box .swiper-button-prev{left:-39px; width:39px; height: 44px; background:url(../image/dot01.png) center no-repeat;background-size: contain;}
    .ps-swiper-box .swiper-button-next{right:-39px; width:39px; height: 44px; background:url(../image/dot02.png) center no-repeat;background-size: contain;}
    .flex-part02 .swiper-button-prev{left:-39px; width:39px; height: 44px; background:url(../image/dot01.png) center no-repeat;background-size: contain;}
    .flex-part02 .swiper-button-next{right:-39px; width:39px; height: 44px; background:url(../image/dot02.png) center no-repeat;background-size: contain;}
}


@media only screen and (max-width:767px){
.ps-link li p{ text-align: left;}
.itembox{ height: auto!important;}
.item_line,.item_conts ol li h2{ display: none;}
.item_conts{position: static;}
.item_conts ol{padding:10% 0;}
.item_conts ol li{width:100%!important;margin:0 0 8%; padding:0; height: auto;}
.item_conts ol li h2,.item_conts ol li .msg{position: static;}
.item_conts ol li h2{margin-bottom: 2%; font-size: 16px;}
.item_conts ol li .msg{ opacity: 1; visibility: visible;}
.item_conts ol li .msg span{margin-bottom: 5%;}
    .item_conts ol li .msg{width: 100%;}

    .ps-swiper-box .swiper-button-prev{left:-10px;}
    .ps-swiper-box .swiper-button-next{right:-10px;}
    .flex-part02 .swiper-button-prev{left:-10px;}
    .flex-part02 .swiper-button-next{right:-10px;}
}



.pdets_part01{margin:4% 0 5%;}
.pdets_part01 .img{position: relative; width:100%;}
.pdets_part01 .img img{ width:100%;}
.pdets_part01 .wrap{ position: relative;}
.pdets_part01 .cons{ position: absolute; z-index:2; color:#fff; right:0; bottom:0; width:40%; padding:1.5% 2%; background: rgba(36,32,41,0.9);}
.pdets_part01 .img .cons h2{margin-bottom: 2%;}
.pdets_part01 .img .cons p{color:#C0C0C1;}
.pdets_part01 .swiper-pagination{bottom:30px;}
.pdets_part01 .swiper-pagination-bullet{width: 8px; height: 8px; margin:0 10px!important; background:#000000;opacity:1;filter: alpha(opacity=100);}
.pdets_part01 .swiper-pagination-bullet-active{width: 12px; height: 12px; position: relative; top:2px; background: #2C2C2C;}
.pdets_part01.on .swiper-pagination{display: none;}

.pdets_part02 h2{ text-align: center; margin-bottom: 3%;}
.pdets_part02 .tt{padding:3% 3% 3% 5%; margin-bottom: 4.5%; background: #F1F1F1; position: relative;}
.pdets_part02 .ll{ float: left; width:100px; line-height: 1.2;}
.pdets_part02 .ll em{ display: block; margin-top:30px; width:40px; height:40px; background: url(../image/dot02.png) center no-repeat;}
.pdets_part02 .rr{ float: right; width:calc(100% - 150px);}
.pdets_part02 .rr dd{ float: left; width:12.5%; text-align: center;}
.pdets_part02 .rr dd span{ display: block; margin:0 auto; max-width:55px; max-height: 78px; overflow: hidden;}
.pdets_part02 .rr dd span img{ width:100%;}
.pdets_part02 .rr dd p{margin-top:30px;}
.pdets_part02 .cc{border-top:1px solid #CCCCCC; margin:0 0 5%;}
.pdets_part02 .cc li{float: left; width:50%; padding:1.5% 3%; color:#3F3C43; border-bottom:1px solid #CCCCCC;font-weight: bold;}
.pdets_part02 .cc li:nth-child(2n){font-weight: normal;}
.pdets_part03{margin:0 0 5%;display: none;}
.pdets_part03 h2{ text-align: center; margin:0 0 4%;}
.pdets_part03 .con{ position: relative;}
.pdets_part03 .con img{ width:100%;}
.pdets_part03 .con .swiper-button-prev{ width:80px; height: 80px; left:-40px; margin-top:-40px; background: url(../image/dot01.png) center no-repeat rgba(255,255,255,0.8); border-radius: 50%;}
.pdets_part03 .con .swiper-button-next{ width:80px; height: 80px; right:-40px; margin-top:-40px; background: url(../image/dot02.png) center no-repeat rgba(255,255,255,0.8); border-radius: 50%;}
.pdets_part04{padding:3% 0; text-align: center;color:#3F3C43;}
.pdets_part04 h2{margin-bottom: 10px; }
.pdets_part04 p{margin-bottom: 20px;}
.pdets_part04 .btn a{ display: inline-block; margin:0 2px; width:150px; height: 44px; line-height: 44px; text-align: center; color:#fff!important; background: #3F3C43;}
.pdets_part04 .btn a.consult{background: #ed001e;}
.pdets_part05{margin:5% 0;}
.pdets_part05 h2{text-align: center;}
.pdets_part05 li{ float: left; width:48%;}
.pdets_part05 li:nth-child(2n){ float: right;}
.pdets_part05 li .img{width:100%; margin-bottom:5%; border-bottom: 2px solid #C4C3C5;}
.pdets_part05 li p{color:#3C3940;}
.pdets_part05 a.more{ display: block; margin:5% auto 0; width:210px; height: 44px; line-height: 44px; color:#fff!important; text-align: center; background: #ed001e;}

@media only screen and (max-width:1365px){
    .pdets_part02 .cc li{padding:1.5% 0;}
    .pdets_part02 .rr{width:calc(100% - 100px);}
}
@media only screen and (max-width:1279px){
    .pdets_part02 .cc li{width:100%;}
    .pdets_part02 .cc li:nth-child(2n+1){border-bottom: none; padding-bottom: 0;}
}
@media only screen and (max-width:1023px){
    .pdets_part01 .cons{position: static; width:100%;padding:5%;}
    .pdets_part01 .swiper-container{padding-bottom: 50px;}
    .pdets_part01 .swiper-pagination{bottom:20px;}
    .pdets_part03 .con .swiper-button-prev,.pdets_part03 .con .swiper-button-next{ lefT:0; width:40px; height: 40px; margin-top:-20px; background-size: 50%;}
    .pdets_part03 .con .swiper-button-next{left:auto; right:0;}
}
@media only screen and (max-width:767px){
    .pdets_part02 .ll{position: relative; margin: 20px 0;
        margin-top: 10px;
    }
    .pdets_part02 .ll br{display: none;}
    .pdets_part02 .ll em{
        transform: none;
        position: absolute;
        right: -5px;
        top: 0;
        margin: 0;
        display: none;
    }
    .pdets_part02 .rr{ width:100%;}
    .pdets_part02 .rr dd{ width:25%; margin:0 0 5%;}
    .pdets_part02 .rr dd p{margin-top:10px;}
    .pdets_part04{padding:5% 0;}
    .pdets_part04 .btn a{ width:40%;}
    .pdets_part05 li{width:100%;}
}   

.consult-bg{ display: none; position: fixed; left:0; top:0; z-index: 1000; width:100%; height:100%; background: rgba(36,31,40,0.8);}
.consult-box{ display: none;position: fixed; z-index: 1001; width:90%; height: 80%; background: #fff;}
.consult-box a.c-close{position: absolute; z-index: 1002; right:-60px; top:-60px; width:60px; height: 60px; text-align: center; line-height: 60px; background: #424045;border-radius: 50%;}
.consult-box a.c-close i{font-size: 36px; color:#fff;}
.consult-box .inner{padding:30px 60px; height:100%;}
.consult-box h2{ text-align: center; margin-bottom: 10px;}
.consult-box h2+p{ text-align: center;}
.consult-box .box{ margin-top:30px; height:calc(100% - 110px);overflow-y: auto;}
.consult-box .box li{padding:15px 0; margin-bottom: 10px; border-bottom:1px solid #DFDFDF;}
.consult-box .box .tit{margin-bottom: 15px;}
.consult-box .box .item .label-radio{ float: left; margin-right: 30px; line-height: 32px;}
.consult-box .box .item_bz{ margin-top:8px; padding:30px 20px; background: #F1F1F1;}
.consult-box .box .item_bz .label-radio{ float: left; width:7.5%; margin:0 2.5%;}
.consult-box .box .item_bz .label-radio em{ display: block; margin:0 auto 5px; width:55px; height: 78px; overflow: hidden;}
.consult-box .box .item_bz .label-radio em img{width:100%;}
.consult-box .box .item_bz .label-radio{ background-position: left 92px;}
.consult-box .box .item_r{ float: right; width:230px;}
.consult-box .box .item_r span{ float: left; width:50px;line-height: 32px;}
.consult-box .box .item_r input{ float: left; padding:0 20px; width:210px; height: 32px; line-height: 32px; bordeR:none; background: #F1F1F1;opacity: 1;
    margin-left: 10px;}
.consult-box .box .item .inp{ float: left; position: relative; width:30%; margin-right: 3.33%; padding:0 20px;height: 32px; line-height: 32px; background: #F1F1F1;}
.consult-box .box .item .inp input{ bordeR:none; background: none; width:calc(100% - 50px);}
.consult-box .box .item .inp em{ position: absolute; right:20px; top:0;}
.consult-box li .ll{ float: left; width:48%;}
.consult-box li .rr{ float: right; width:48%;}
.consult-box .box .item .text{padding:0 20px;height: 32px; line-height: 32px; background: #F1F1F1;}
.consult-box .box .item .text input{
    width: 100%;
    border: none;
    background: none;
}
.consult-box .box .item .text textarea{border:none; width:100%; height: 32px; line-height: 32px; font-family: arial; background: none;}
.consult-box .box .item .upload{padding:0 20px;height: 32px; line-height: 32px; background: #F1F1F1; position: relative;}
.consult-box .box .item .upload span{ position: absolute; right:0;top:0; width:120px; text-align: center; color:#fff; height: 32px; line-height: 32px; background: #2E2F31;}
.consult-box .box .item .upload input#TUIFileName{ position: absolute;z-index: 0; left:20px; top:0; width:calc(100% - 160px); height:32px; line-height: 32px; bordeR:none; background: none;}
.consult-box .box .item .upload-box iframe {overflow:hidden; position:absolute;z-index: 2; width:100%; height:100%; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.consult-box .box .item .upload-box.again-box .ViewSpan{overflow: hidden; display: none!important;}
.consult-box .box .item .upload-box.again-box a.view{color:#2E2F31;float: left;}
.consult-box .box .item .upload-box.again-box a.again{color:#2E2F31;float: left; margin-left:10px;}
.consult-box li.special_li .label-radio{ float: left; width:30%; margin-right:3.33%;height: 32px;line-height: 32px;}
.consult-box li.special_li .label-radio:last-child{width:33.33%; margin-right: 0!important;}
.consult-box li.special_li .label-radio span.inpt{ float: right; padding:0 20px; width:calc(100% - 80px); height: 32px;line-height: 32px; background: #F1F1F1;}
.consult-box li.special_li .label-radio span.inpt input{ opacity: 1;filter:alpha(opacity=100); width:100%; height: 32px; line-height: 32px; border:none; background: none;}
.consult-box .btn_tj{ width:190px; height: 44px; line-height: 44px; display: block; margin:30px auto 0; text-align: center; color:#fff!important; border:none; background: #ed001e;}
.consult-box li.special_li .tit i{color: #f00;margin-right: 5px;}
/*模拟radio*/
.label-radio {cursor: pointer;position:relative; background:url(../image/dot44.png) left center no-repeat; display:inline-block;  }
.label-radio.on { background:url(../image/dot45.png) left center no-repeat; }
.label-radio input { opacity:0; filter:alpha(opacity=0); margin-right: 10px;}

@media only screen and (max-width:1449px){
    .consult-box .box .item .label-radio{margin-right:20px;}
    .consult-box .box .item_bz .label-radio{ width:8%; margin:0 2%;}
}
@media only screen and (max-width:1365px){
    .consult-box a.close{ right:0; top:-40px; width:40px; height: 40px; line-height: 40px;}
    .consult-box a.close i{font-size: 20px;}
    .consult-box .box .item .label-radio{margin-right:10px;}
}
@media only screen and (max-width:1279px){
.consult-box .inner{padding:30px;}
.consult-box .box .item_bz .label-radio{ width:13%; margin-bottom: 2%;}
}
@media only screen and (max-width:1023px){
    .consult-box .box .item_bz .label-radio{width:15%;}
    .consult-box .box .item_r input,.consult-box .box .item .inp,.consult-box .box .item .text,.consult-box .box .item .upload{padding:0 10px;}
    .consult-box li:last-child .label-radio span.inpt{width:calc(100% - 60px); padding:0 10px;}
}
@media only screen and (max-width:767px){
.phone-pop .consult-box{ display: block; position: static; width:100%;}
.phone-pop .consult-box .inner{padding:5%;}
.phone-pop .consult-box .box{margin-top:10px;}
.phone-pop .consult-box .box .item .inp,.phone-pop .consult-box .box .item .label-radio{width:100%; margin-right: 0; margin-bottom: 10px;}
.phone-pop .consult-box .box .item_bz{padding:20px 10px;}
.phone-pop .consult-box .box .item_bz .label-radio{width:31%;}
.phone-pop .consult-box li .ll,.phone-pop .consult-box li .rr{width:100%;}
.phone-pop .consult-box li .ll{margin-bottom: 15px;}
.phone-pop .consult-box li:last-child .label-radio:last-child{ width:100%;}
.phone-pop .consult-box .btn_tj{margin-top: 10px;}
}



.scheme-cons{padding:5% 2.34% 0;}
.scheme-cons h2,.scheme-cons .c{ text-align: center; color:#3F3C43;}
.scheme-cons .c{margin:1% 0 5%; line-height: 2;}
.scheme-part .ll{float: left; width:67.8646%;position: relative; overflow: hidden;}
.scheme-part .ll .imageView_container{ /*width: 100%!important; height:100%!important; position: absolute; lefT:0;top:0;*/}
.scheme-part .ll .imageView_container img{width:auto; max-width: unset!important;}
.scheme-part .rr{ float: right; width:32.1354%;}
.kz{ position: absolute; right:5%; bottom:5%; display: block; width:8.5955%; height: 15.2588%; text-align: center; color:#fff; border-radius: 100%;}
.kz i{ font-size:40px;}


/* shortcut */
.shortcut{position:fixed;top:0;left:0;z-index:9999;width:100%;}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .shortcut{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.shortcut{height:28px;background:#EEEEEE;box-shadow:1px 0px 2px rgba(0,0,0,0.2);border-bottom:1px solid #DDDDDD;padding:40px 0 0 0;}
.shortcut li{float:left;cursor:pointer;margin:5px 0 0 15px;display:inline;}
/* #picbbox */
.down_showpic{overflow:hidden;width:auto;text-align:center;}
.pictio{position:absolute;z-index:1;background-color:#666;cursor:move;}


.support-t{position: relative;}
.support-t>img{ width:100%;}
.support-t li{ position: absolute; left:0; top:0; border-radius: 50%; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
.support-t li.add_01{ left:10.5714%; top:15.3658%; width:14.2857%; height: 24.3902%;}
.support-t li.add_02{left:34.7142%; top:5.1219%; width:5.7142%; height: 9.7560%;}
.support-t li.add_03{left:18.2857%; top:50.9756%; width:5.7142%; height: 9.7560%;}
.support-t li.add_04{left:53.1428%; top:30.2439%; width:5.7142%; height: 9.7560%;}
.support-t li.add_05{left:52.1428%; top:37.8292%; width:8.5714%; height: 14.6341%;}
.support-t li.add_06{left:57.8571%; top:46.3414%; width:5.7142%; height: 9.7560%;}
.support-t li.add_07{left:46.4285%; top:63.1707%; width:8.5714%; height: 14.6341%;}
.support-t li.add_08{left:69%; top:9.7560%; width:8.5714%; height: 14.6341%;}
.support-t li.add_09{left:69.6428%; top:21.9512%; width:17.8571%; height: 30.4878%; box-shadow:none; background: rgba(111,162,202,0.8);}
.support-t li.add_09 em{color:#fff; font-family: Arial, Helvetica, sans-serif;}
.support-t span{ position: absolute; left:6px; bottom:5%; width: 43.42%; overflow: hidden;}
.support-t span img{ width:100%; opacity: 0.9;}
.support-c{color:#3C3940; margin:2% 0 7%;}
.support-c h2{margin-bottom: 10px;}

.support-part02{ padding:4.5% 0; margin:0 0 5%; text-align: center; background: url(../image/newaddfw.jpg) no-repeat center;background-size: cover;}
.support-part02 p{ line-height: 2; color:#3C3940;}

.support-part03{margin:5% 0 8%; position: relative;}
.sp03b-box{width:100%;height: 100%;}
.sp03b-box .swiper-container{height: 100%;}
.sp03b-box li .img img{opacity: 0;transition: all 1s;display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sp03b-box li:first-child .img img{opacity: 1;}
.sp03b-box li .img .bg-layer{background: rgba(35,32,40,0.7);}
.sp03b-box li .con{ width:60%; left:30%; color:#fff;opacity: 0;transition: all .5s;}
.sp03b-box li:first-child .con{
    opacity: 1;
}
.sp03b-box li.on .img img{opacity: 1;}
.sp03b-box li.on .con{opacity: 1;}
.sp03b-box li .con h1{margin-bottom: 5%; display: none;}
.sp03b-box li .con span{ display: block; width:64px; height: 64px; margin-bottom: 4%; overflow: hidden;}
.sp03b-box li .con span img{ width:100%;}
.sp03b-box li .con h2{ position: relative; padding-bottom: 20px; line-height: 1.4; margin-bottom:5%;}
.sp03b-box li .con h2::after{content: ""; position: absolute; lefT:0; bottom:0; width:33%; height: 2px; background: #ed001e;}
.sp03b-box li .con p{margin-bottom: 4%; color:#A5A5A7;}
.sp03b-box li .con p:last-child{margin-bottom: 0;}
.sp03b-box .swiper-button-prev{ display: none; left:0; width:39px; height: 44px; top:20%; background:url(../image/dot01_w.png) center no-repeat;}
.sp03b-box .swiper-button-next{display: none;right:0; width:39px; height: 44px;top:20%; background:url(../image/dot02_w.png) center no-repeat;}
.sp03s-box{ position: absolute; z-index: 2; lefT:0; top:0; width:22.2857%; height: 100%;}
.sp03s-box .swiper-container{ height: 100%;}
.sp03s-box li{color:#fff; cursor: pointer; border-bottom:1px solid #464447; background: rgba(0,0,0,0.2);}
.sp03s-box li span{ width:100%; padding:0 5%; line-height: 36px; text-align: center;}
.sp03s-box li span i{ opacity: 0; float: right; font-size: 24px;}
.sp03s-box li.on span{ font-size: 24px;}
.sp03s-box li.on span i{opacity: 1;}
.sp03b-box .swiper-pagination{display: none;}
@media only screen and (max-width:1279px){
    .sp03s-box li.on span{ font-size:18px;}
    .sp03b-box li .con span{width:40px; height: 40px;}
}
@media only screen and (max-width:1023px){
    .sp03s-box li.on span{ font-size:16px;}
    .sp03s-box li span i{font-size: 18px;}
    .kz i{font-size:24px;}
}
@media only screen and (max-width:767px){
.support-part03{height: auto!important;}
.sp03s-box{ display: none;}
.sp03b-box li .img .bg-layer{ display: none;}
.sp03b-box li .con{position: static; padding:5%; width:100%; background: rgba(35,32,40,0.9);transform: translate(0,0);
    -webkit-transform: translate(0,0); -ms-transform: translate(0,0);
    padding-bottom: 50px;
}
.sp03b-box .swiper-button-prev,.sp03b-box .swiper-button-next,.sp03b-box li .con h1{ display: block;}
.sp03b-box li .con span{width:36px; height: 36px;}
.scheme-part .ll,.scheme-part .rr{ width:100%; height: auto!important;}
.scheme-part .ll .imageView_container{position: static!important; height:auto!important;}
.scheme-part .ll img{width:100%!important;}
.kz{ display: none;}
.support-part02 p{font-size: 12px;}
.sp03b-box .swiper-button-prev,.sp03b-box .swiper-button-next{display: none;}
.sp03b-box .swiper-pagination{display: block;bottom: 15px;width: 100%;}
.sp03b-box .swiper-pagination-bullet{width: 8px; height: 8px; margin:0 10px!important; background:#fff;opacity:1;filter: alpha(opacity=100);}
.sp03b-box .swiper-pagination-bullet-active{width: 12px; height: 12px; position: relative; top:2px; background: #ccc;}
.sp03b-box li.swiper-slide .con{opacity: 1;}
.sp03b-box li .img img{opacity: 1;height: auto;}
}

@media only screen and (min-width:1025px){
    .btt1{height: 100px;font-size:4.2rem;padding:20px;font-weight: bold;}
    .btt2{height: 100px;font-size:4.2rem;padding:20px;font-weight: bold;color:#ED001E;}
    .nrr1{padding:20px 10px;}
    .nrr2{padding:20px 10px;color:#ED001E}
    .product-part02 li .bg-layer,.flex-swiper-tt li,.flex-part02 li .img,.ps-link li span,.ps-link li span::before,
    .item_line .item, .item_line .item .strip,.ps-swiper-box li .img,.pdets_part05 li .img,.consult-box .btn_tj,
    .sp03s-box li span,.sp03s-box li span i{transition:0.3s all; -moz-transition:0.3s all;-ms-transition:0.3s all;}
    .product-part02 li:hover{
        transform: scale(1.05,1.05);
        z-index: 1;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
        animation-fill-mode:inherit;
        /*animation-name: inherit!important;*/
    }
    .product-part02 li:hover .bg-layer{opacity: 1;filter: alpha(opacity=100);display: none;}
    .product-part02 li:hover .txt{display: none;}
    .product-part03 .txt a.more:hover,.pdets_part04 .btn a:hover,.pdets_part05 a.more:hover,.consult-box .btn_tj:hover{ opacity: 0.8;}
    .product-part03 .txt p a:hover{border-bottom:1px solid #ed001e;}
    .flex-swiper-tt li:hover{ background: transparent;}
    .flex-swiper-tt li:hover span img{ display: none;}
    .flex-swiper-tt li:hover span img+img{ display: block;}
    .flex-swiper-tt li:hover p{color:#fff;}
    .flex-part02 li:hover .img,.ps-swiper-box li:hover .img,.pdets_part05 li:hover .img{border-bottom:2px solid #3C3940;}
    .flex-part02 li:hover p,.ps-swiper-box li:hover p,.pdets_part05 li:hover p{color:#ed001e;}
}



.about-part01{ padding: 1% 0 5%; text-align: center; color:#3C3940;}
.about-part01 p{ line-height: 2; margin:1% 0;}
.about-part02{position: relative;}
.show-box li{ float: left; width:25%;position: relative;height: 100%!important;}
.show-box li a{}
.show-box li::after{content: ""; position: absolute; left:50%; bottom:58px; width:2px; height:10%; background: #ed001e;}
.show-box li .img{ overflow: hidden;}
.show-box li .txt{ width:100%; padding:0 5%; z-index: 2;color:#fff; text-align: center;}
.show-box li .txt span{ display: block; margin:0 auto 30px; width:120px; height: 120px; overflow: hidden;}
.show-box li .txt span img{width:100%;}
.show-box li .txt h2{margin: 0 0 10px;}
.show-box li .txt p{ line-height: 2;}
.bg-layer{position: absolute; left:0;top:0; width:100%; height: 76.5%; background: rgba(0,0,0,0.5);}
.hide-box{ display: none; position: absolute;lefT:0; top:0; width:100%; height: 100%;}
.hide-box.on{ display: block; z-index: 2;}
.hide-box a.back-show{ position: absolute; z-index: 3; left:5%; top:5%;}
.hide-box a.back-show i{ font-size: 30px; color:#fff;}
.hide-box li{ display: none; float: left;width: 100%; position: relative;}
.hide-box li .txt{ z-index: 2; position: relative; padding:5% 0; color:#fff; text-align: center; }
.hide-box li .txt h2{margin-bottom: 3%;}
.hide-box li .txt dl{margin:0 10%;}
.hide-box li .txt dd{ float: left; width:32.33%; padding-top: 5%; margin:0 0.5%;background: rgba(35,31,39,0.8);}
.hide-box li .txt span{ display: block; margin:0 auto 4%; width:52px; height: 52px; overflow: hidden;}
.hide-box li .txt span img{ width:100%; opacity: 0.2;}
.hide-box li .txt h3{margin-bottom: 2%;}
.hide-box li .txt p{ line-height: 2; padding:0 5%; color:#C8C7C9;}
.hide-box li .txt h4{margin-top:3%;}
.about-part03{padding:20% 0 22%; color:#3C3940;}
.about-part03 h2{margin:0 0 1%;}
.about-part03 .c{ line-height: 2; position: relative;}
.about-part03 .c p{padding-right: 100px;}
.btn_conn{ position: absolute; right:0; top:20px; display: block; width:60px; height: 60px; line-height: 60px; text-align: center; color:#707070; background: #F9F9F9;}
.btn_conn i{font-size:40px;}

@media only screen and (max-width:1279px){
.show-box li .txt span{width:44px; height: 44px;}
}
@media only screen and (max-width:1023px){
.show-box li{width:100%;}
}




.news-part{margin:0;}
.news-part ul{margin:0 0 4%;}
.news-part ul li{ float: left; width:100%; padding:3% 0;}
.news-part ul li:nth-child(2n){ background: #F1F1F1;}
.news-part ul li .img{float: left; width: 31.21%;}
.news-part ul li .txt{ float: right; width:64.5%;padding-top: 20px;}
.news-part ul li .txt span{ display: block; width:90px; height: 30px; line-height: 30px; text-align: center; margin-bottom:2%;color:#3F3C43; background: #E5E5E5;}
.news-part ul li:nth-child(2n) .txt span{  background: #DEDEDE;}
.news-part ul li .txt h2{margin-bottom: 5px;}
.news-part ul li .txt p{color:#6D6B70; line-height: 1.8; max-height: 5.4em; margin-bottom: 3%;}
.news-part ul li .txt em{ display: block; line-height: 20px; margin-bottom: 2%;}
.news-part ul li .txt em i{font-size: 20px; color:#72C1FF; float: left; margin-right: 8px;}
.news-part ul li .txt a.more{ display: block; line-height: 20px; }
.news-part ul li .txt a.more img{vertical-align: middle;}

.newsdets-part{margin:1% 0 6%;}
.newsdets-ll{ float: left; width:70%;}
.newsdets-ll h1{ text-align: center;color:#3F3C43;margin-bottom:3%;}
.newsdets-ll .bon{padding-bottom:10px; font-size: 14px; border-bottom:1px solid #CCCCCC; margin-bottom:7%; position: relative;}
.newsdets-ll .bon span{ float: left; margin:0 5% 0 0;color:#3F3C43;}
.newsdets-ll .bon .share{float: right; font-size: 14px;}

.share .ico-box{height:25px; line-height: 25px;}
.share .ico-box a{ float: left; width:25px; height:25px;margin:0 0 0 20px;}
.share .ico-box a.i-wx{background: url(../image/share_wx.png) no-repeat;}
.share .ico-box a.i-wb{background: url(../image/share_wb.png) no-repeat;}
.share .ico-box a.i-qq{background: url(../image/share_qq.png) no-repeat;}

.dets-page{margin:25px 0; padding:30px 80px 20px 0; font-size: 14px; border-bottom:1px solid #CCCCCC; position: relative;}
.dets-page p{ float: left; width:calc(46% - 60px); font-size: 14px; line-height: 30px;padding-right: 30px; margin-right: 30px;color:#3F3C43; position: relative; overflow: hidden;}
.dets-page p::after{content: ""; position: absolute; right:0; top:5px; width:1px; height: 20px; background: #C4C3C5;}
.dets-page p+p::after{ display: none;}
.dets-page p i{ float: left; font-size: 30px; color:#3F3C43; margin-right:18px;}
.dets-page p label,.dets-page p em,.dets-page p a{ float: left;color:#3F3C43;}
.dets-page p a{max-width:60%; width:calc(100% - 100px); display: unset;}
.dets-page p+p i{margin-left: 18px; margin-right: 0;}
.dets-page a.close{ position: absolute; right:0; bottom:20px; width:60px; height:28px; line-height: 28px; text-align: center; color:#3F3C43; background: #F1F1F1;}
.dets-page a.close i{font-size: 36px;}

.weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;}
.weixin .c{ position:absolute; width:40px; height:40px; background:url(../image/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;}
.weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;}
.weixin .img img{width:200px; height: 200px;}
.weixin p {margin:0 0 30px; text-align:center;}

.newsdets-rr{float: right; width:24%;}
.newsdets-rr h2{padding-left:20px; margin-bottom: 10%; line-height: 1; position: relative;}
.newsdets-rr h2::before{content: ""; position: absolute; left:0; top:0; width:3px; height: 100%; background: #52B2FF; }
.newsdets-rr li{margin:0 0 5%;}
.newsdets-rr li .img{ overflow: hidden; position: relative;}
.newsdets-rr li .img h3{position: absolute; left:0; bottom:0; width:100%; height: 100%; background: url(../image/dot59.png) left bottom repeat-x;}
.newsdets-rr li .img h3 span{position: absolute; left:20px; bottom:15px; color:#fff; font-size: 14px;}
.newsdets-rr li p{padding:10px 20px 0;}
.newsdets-rr li p a{color:#3F3C43;}
@media only screen and (max-width:1365px) {
    .dets-page p{width:calc(100% - 60px); margin-bottom: 10px;}
    .dets-page p::after{ display: none;}
}
@media only screen and (max-width:767px) {
    .dets-page p{width: 100%;padding-right: 0;}
}
@media only screen and (max-width:1279px) {
.share{margin-top:2%;}
}
@media only screen and (max-width:767px) {
.news-part ul li .img,.news-part ul li .txt{ width:100%;}
.news-part ul li{padding-top:5%;}
.news-part ul li .img{margin-bottom: 5%;}
.newsdets-ll,.newsdets-rr{width:100%;}
.newsdets-rr h2{margin-bottom: 5%;}
.dets-page{padding:20px 0 0;}
.dets-page a.close{display: none;}
.weixin{width:50%;}
.weixin .img{padding:10px;}
.weixin .img img{width:100%; height:auto;}
.weixin p{margin:0 0 15px;}

}


.law-part{padding:0 0 16%;}
.law-box{margin:12% 0 0; padding:4% 5% 5%;background: #fff; position: relative;}
.law-box::after{content: ""; position: absolute; left:40%; bottom:-3px; width:20%; height: 3px; background: #ed001e;}
.law-box h2{margin-bottom:1.5%; text-align: center;}


.conn-part{ padding:2% 0 0;}
.conn-part .txt{padding:0 0 8%; text-align: center; line-height: 2;}
.conn_bot ul{position: relative;}
.conn_bot li.ll{ position: absolute; left:0; top:0; width:75.625%;}
.conn_bot li.rr{ position: absolute; right:0; top:0; width:75.625%;}
.conn_bot li .con{position: absolute; z-index: 2; left:50px; bottom:0; top:0; width:calc(100% - 50px); height: 100%; color:#fff; padding-left:25px; border-left:1px solid #656568;}
.conn_bot li.on{z-index: 10;}
.conn_bot li .con::before{ opacity: 0; content: ""; position: absolute; top:12%; left:-2px; width:3px; height: 25%; background: #75A2C9;}
.conn_bot li.on .con::before{ opacity: 1;}
.conn_bot li .con h3{position: absolute; bottom:15%;}
.conn_bot li .con p{position: absolute; bottom:10%;}
.conn_bot li .bg-layer{position: absolute; lefT:0; top:0; width:100%; height: 100%; background:rgba(35,31,39,0.9);}
.conn_bot li.on .bg-layer{opacity: 0;}
.conn_bot li.rr .con{ left:auto; right:50px;border-right:1px solid #7F7E7A}
.conn_bot li.rr.on .con{ right:auto; border-right:none; border-left:1px solid #7F7E7A;}
.conn_bot li.rr .con h3,.conn_bot li.rr .con p{right:25px;}
.conn_bot li.rr.on .con h3,.conn_bot li.rr.on .con p{right:auto;}

.business-part{margin:0 0 7%;}
.business-part h2{text-align: center; margin-bottom: 1.5%; color: #3F3C43;}
.business-part .c{text-align: center; line-height: 2; color:#3F3C43; margin:0 0 7%;}
.business-part li{overflow: hidden;}
.business-part li .img{ float: left; width: 50%;}
.business-part li .con{float: left; width: 50%; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
.business-part li .con .inner{padding:6% 4% 2%;}
.business-part li .con h3{margin:0 0 3%;}
.business-part li .con p{line-height: 2; color:#3F3C43; margin-bottom: 3%;}
.business-part li .con dl{margin:0 0;}
.business-part li .con dd{ position: relative; color:#3F3C43; line-height: 2; padding-left: 20px;}
.business-part li .con dd.tel a{display: block;}
.business-part li .con dd i{ position: absolute; left:0; top:-5px; color:#79BDFC; font-size: 20px;}
.business-part li .con dd:first-child{margin-bottom: 4%;}
.business-part li .con dd a{color:#3F3C43;}
.business-part li:nth-child(2n) .img{ float: right;}
.business-part li:nth-child(2n) .con{ border:none; color:#fff;}
.business-part li:nth-child(2n) .con p{color:#fff;}
.business-part li:nth-child(2n) .con dd,.business-part li:nth-child(2n) .con dd a{color:#fff;}
.business-part li:nth-of-type(3) .con{border-top: none; border-bottom:1px solid #CCCCCC;;}

@media only screen and (max-width:1279px){
.business-part li .con .inner{padding:5%;}
.business-part li .con dl{margin-top:5%;}
}
@media only screen and (max-width:1023px){
.conn_bot li .con{left:3px; padding-left: 10px;}
.business-part li .img,.business-part li .con{width:100%; height: auto!important; border:none!important;}
}
@media only screen and (max-width:767px){
.conn_bot{height:auto!important;}
.conn_bot li .con{border:none!important; width:100%;}
.conn_bot li.ll,.conn_bot li.rr{ position: relative; width:100%;}
.conn_bot li .bg-layer{opacity: 0;}
.conn_bot li .con h3{bottom:20%;}
}


.hr-part01{ text-align: center; margin-bottom: 4%; color: #3F3C43;}
.hr-part01 h2{margin-bottom: 2%;}
.hr-part01 p{line-height: 2;}
.hr-part02{padding:7% 0;}
.hr-part02 .slide-conts{ position: relative;}
.bimg-conts li{ display: none;}
.bimg-conts li .img{ float: left; width:50%;overflow: hidden;}
.bimg-conts li .con{ float: left; width:50%;}
.bimg-conts li .con h2{color:#fff; padding:0 8%;margin-top:-10px;}
.bimg-conts li .con .txt{ color:#3F3C43; margin-top:5%; background: #fff;}
.bimg-conts li .con .txt .inner{padding:10% 8%; height:35rem;box-sizing: border-box;overflow: hidden;}
.bimg-conts li .con .txt h3{margin-bottom: 8%;}
.bimg-conts li .con .txt p{margin-bottom: 5%; line-height: 2;}
.simg-conts{ position: absolute; width:20%; right:50%; bottom:0;}
.bimg-conts .swiper-button-prev,.bimg-conts .swiper-button-next{ display: none;}
.simg-conts li{cursor: pointer;}
.simg-conts li span{ position: absolute; lefT:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.5);}
.simg-conts li.on span{opacity: 0;}
.simg-conts .swiper-button-prev{left:auto; right:-100px; width:39px; height: 44px; background:url(../image/dot01.png) center no-repeat;}
.simg-conts .swiper-button-next{right:-160px; width:39px; height: 44px; background:url(../image/dot02.png) center no-repeat;}
.simg-conts .swiper-button-prev.swiper-button-disabled,.simg-conts .swiper-button-next.swiper-button-disabled{cursor: pointer; opacity: 1;}
.simg-conts .swiper-button-prev.disabled,.simg-conts .swiper-button-next.disabled{cursor: default; opacity: 0.5;}

.hr-part03{ padding:0 0 5%; position: relative;}
.hr-part03 h2{color:#3C3940; margin-bottom: 5%; line-height: 1; padding-top:8%; padding-left: 2.5%; border-left:2px solid #ed001e;}
.hr_p03_ser ul{margin:0 0 0 1.5%; float: left; width:50%;}
.hr_p03_ser li{ float:left; width:46%; margin-left:3%; height: 46px; line-height: 46px; border:1px solid #3C3940;}
.hr_p03_ser .btn{ float: left; width:115px; height: 46px; line-height: 46px; text-align: center; color: #fff!important; border:none; background: #242128;}
/*sel-box*/
.sel-box { position: relative;}
.sel-box dt{height: 46px; line-height: 46px;cursor: pointer;position:relative; z-index:2;}
.sel-box dt a { color:#65686F; display:block;height: 46px;line-height: 46px; padding:0 18px;}
.sel-box .ico { position:absolute; right:15px; top:0; font-size: 24px; color:#000; z-index:1;}
.sel-box.open .ico{transform: rotate(180deg);}
.sel-box dd { display:none;position:absolute;background:#fff;max-height:120px; border:1px solid #3C3940;width:100%; top:47px; left: 0; overflow:auto;}
.sel-box.open dd{ display: block;}
.sel-box dd a { color:#65686F; display:block; padding:0 18px;height: 30px;line-height: 30px; overflow: hidden;}
.sel-box dd a.on {color:#52B2FF;}

.recruit_list{margin:2% 0 0;}
.recruit_list ul{margin:0 0 5%;}
.recruit_list li{border-bottom: 1px solid #CCCCCC;}
.recruit_list dt{overflow: hidden;padding: 2% 30px;line-height:30px;cursor: pointer; }
.recruit_list dt span{ float: left; width:25%; color:#3C3940;}
.recruit_list .recruit_btn{float: right;width: 30px;height: 30px;line-height: 30px;}
.recruit_list .recruit_btn i{ float: right; font-size: 28px; color:#231815;}
.recruit_btn i{font-size: 18px; color:#C3C3C3;}
.recruit_list li.on dt{padding-bottom: 2%;color:#fff; background: #242128;}
.recruit_list li.on dt span{color:#fff;}
.recruit_list li.on dd{background: #F6F6F6; margin-bottom:3%;}
.recruit_list li.on .recruit_btn i.icon-jia:before{color:#fff; content: "\e610"!important;}
.recruit_list li dd{padding: 2% 35px; display: none;}
.recruit_list .p01{overflow: hidden;margin-bottom:2.5%;}
.recruit_list .p01 span{float: left;position: relative; margin-right:28px; padding-right:28px; line-height: 1.8;}
.recruit_list .p01 span::after{content: ""; position: absolute; right:0; top:50%; margin-top:-9px; width:1px; height: 18px; background: #A5A4A7;}
.recruit_list .p01 span:last-child::after{opacity: 0;}
.recruit_list .p01 span:last-child{margin-right: 0; padding-right: 0;}
.recruit_box{overflow: hidden; position: relative;}
.recruit_box::before{content: ""; position: absolute; left:50%; top:0; width:1px; height: 100%; background: #C1C1C1;}
.recruit_box .left,.recruit_box .right{width: 47%;float: left; }
.recruit_box .right{float: right;}
.recruit_box h3{margin-bottom:3%; line-height: 36px;}
.recruit_box h3 i{ float: left; margin-right:20px; font-size: 36px;}
.recruit_box .p02{margin-left:56px;}
.recruit_box .p02 p{line-height: 24px; color:#3C3940; margin-bottom: 8px;}
.recruit_list .btn_box{margin:20px 0px 10px 56px; overflow: hidden;}
.recruit_list .btn_box span{ float: left; color:#78A8CD; padding:0 20px; margin-right: 10px; height: 46px; line-height: 46px; border:1px solid #ed001e;}
.recruit_list .btn_box span i{display: inline-block;vertical-align: middle;margin-right: 5px;}
.recruit_list .btn_box span a{color:#78A8CD;}
.recruit_list .btn_box a.mail{ float: right; width:150px; height: 46px; line-height: 46px; text-align: center; color:#fff!important; background: #ed001e; }

@media only screen and (min-width:1025px){
    .recruit_list .btn_box span:hover{background: #78A8CD;}
    .recruit_list .btn_box span:hover i{color: #fff;}
    .recruit_list .btn_box span:hover a{color: #fff!important;}
    .recruit_list .btn_box a.mail:hover{opacity: .8;}
}
@media only screen and (max-width:1365px){
    .recruit_list .recruit_btn i{font-size: 20px;}
    .simg-conts .swiper-button-prev{right:-85px;}
    .simg-conts .swiper-button-next{right:-145px;}
}
@media only screen and (max-width:1279px){
    .hr_p03_ser ul{width:70%;}
    .bimg-conts li .con .txt .inner{ height: 29em;}
    .simg-conts .swiper-button-prev{right:-75px;}
    .simg-conts .swiper-button-next{right:-135px;}
    .recruit_box h3 i{font-size:20px; margin-right: 10px;}
    .recruit_box .p02,.recruit_list .btn_box{margin-left:30px;}
    
}
@media only screen and (max-width:1023px){
    .bimg-conts li .con .txt .inner{ height:20em;}
    .recruit_list .p01 span{padding-right: 15px; margin-right:15px;}
    .recruit_list .btn_box a.mail{margin-top:5%;}
}
@media only screen and (max-width:767px){
    .simg-conts{ display: none;}
    .bimg-conts li,.bimg-conts .swiper-button-prev,.bimg-conts .swiper-button-next{ display: block;}
    .bimg-conts li .img,.bimg-conts li .con{ width:100%;}
    .bimg-conts li .con{margin-top:5%;}
    .bimg-conts li .con h2{margin-top:0;}
    .bimg-conts li .con .txt{ height: auto!important;}
    .bimg-conts li .con .txt .inner{ height:12em;}
    .bimg-conts .swiper-button-prev{left:0;width:39px; height: 44px; background:url(../image/dot01_w.png) center no-repeat;}
    .bimg-conts .swiper-button-next{right:0; width:39px; height: 44px; background:url(../image/dot02_w.png) center no-repeat;}
    .hr_p03_ser ul{width:100%; margin:0 0 10px;}
    .hr_p03_ser li{width:49%; margin:0 0.5%; height: 36px; line-height: 36px;}
    .sel-box dt,.sel-box dt a,.hr_p03_ser .btn,.recruit_list .btn_box span,.recruit_list .btn_box a.mail{ height: 36px; line-height: 36px;}
    .hr_p03_ser .btn{width:100%;}
    .recruit_list dt{padding:2% 15px;}
    .recruit_list dt span:nth-of-type(1){width:calc(100% - 30px);}
    .recruit_list dt span:nth-of-type(2){width:40%;}
    .recruit_list dt span:nth-of-type(2){width:40%;}
    .recruit_list li.on dd{padding:5% 15px;}
    .recruit_box::before{ display: none;}
    .recruit_box .left, .recruit_box .right{width:100%;}
    .recruit_list .btn_box{margin-top:0;}
    .recruit_list .btn_box span{margin-top: 10px; width:100%;}

}



@media only screen and (min-width:1025px){
.show-box li::after,.sel-box .ico,.recruit_list .recruit_btn{transition:0.3s all; -moz-transition:0.3s all;-ms-transition:0.3s all;}
.show-box li:hover::after{ height:25%;}
}






.search-part{ margin:4% 0 0;}
.search_t{background: #f4f4f4;padding: 3% 20%; margin-bottom:2%; overflow: hidden;}
.search_t input,.search_t button{height:46px;line-height: 46px; border:none;outline: none;}
.search_t input{padding: 0 10px; width: calc(100% - 140px);float: left;}
.search_t button{background:#ed001e;color: #fff;width: 140px;float: left;}
.search_p{color: #4c4c4c;padding:2%;}
.search_p span,.search_p i{color: #ed001e;}
.search_list{padding:0 0 5%;}
.search_list ul{padding-bottom:4%;}
.search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;}
.search_list p{float: left;width: calc(100% - 120px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_list p i{color: #ed001e;}
.search_list p a{color: #4c4c4c;}
.search_list em{float: right;color: #999999; font-family: arial;}
@media only screen and (max-width:767px) {
.search_t{padding:5%;}
.search_t button{width:100px; height: 30px; line-height: 30px; font-size: 14px;}
.search_t input{width:calc(100% - 100px); height: 30px; line-height: 30px;font-size: 14px;}
.search_p{padding-bottom: 0;}
.search_list li{height:40px; line-height: 40px;}
.search_list p{width: calc(100% - 80px);}
}

/*2020 10 30 add*/
.down_zl{
    display: inline-block;
    width: 150px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff!important;
    background: #ed001e;
}
.down_zl:hover{
    opacity: 0.8;
    color: #fff!important;
}

/*2020 11-11*/
.ellipsis_em{display: inline-block;vertical-align: top;}
.ellipsiss{display: inline-block;}
.ellipsiss a{display: none;}
.ellipsiss::after{content: "...";display: inline-block;color: #ed001e;margin-left: -10px;}
.ellipsiss a:first-child,.ellipsiss a:nth-child(2),.ellipsiss a:nth-child(3){display: inline-block;}
.replaceImg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.replaceImg .replaceImg-item{display: none;}
.replaceImg .replaceImg-item.on{display: block;height: 100%;}
.replaceImg .replaceImg-item.on img{height: 100%;}

/*.kz{box-shadow: 0 0 15px rgba(0,0,0,0.8);}*/
.kz{
    border-radius:50%;
    -webkit-animation: ani 5s linear infinite;
}

@keyframes ani {
    0%{
        box-shadow: 0 0 20px #fff
    }
    /*25%{*/
        /*box-shadow: 0 0 20px #fff*/
    /*}*/
    50%{
        box-shadow: 0 0 40px #fff
    }
    /*75%{*/
        /*box-shadow: 0 0 20px #fff*/
    /*}*/
    100%{
        box-shadow: 0 0 20px #fff
    }
}
.direction{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.direction div{position: absolute;cursor: pointer;}
.direction div.top{width: 36px;height: 36px;left: 50%;top: 0;margin-left: -18px;}
.direction div.left{width: 36px;height: 36px;left: 0;top: 50%;margin-top: -18px;}
.direction div.bottom{width: 36px;height: 36px;left: 50%;bottom: 0;margin-left: -18px;}
.direction div.right{width: 36px;height: 36px;right: 0;top: 50%;margin-top: -18px;}

/* .ps-cons-s.on{margin-top: -430px;padding-top: 430px;} */



/*new add 202012-3*/
.consult-box .box li.propol_li{padding: 0;border-bottom: none;}
.propol_li .propol_btn{background: none;border: none;box-shadow: none;color: #ed001e;}

.propol_modal{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 10000000;display: none;}
.propol_con{width: 600px;background: #fff;margin: 150px auto;position: relative;}

.propol-close {
    position: absolute;
    z-index: 1002;
    right: -40px;
    top: -40px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #424045;
    border-radius: 50%;
}
.propol-close i {
    font-size: 36px;
    color: #fff;
}

.propol_con{padding: 30px 30px;box-sizing: border-box;padding-right: 10px;}
.propol_con h1{text-align: center;margin-bottom: 10px;}
.propol_con p{color: #5C5C5F;}
.propol_text{height: 380px;overflow: hidden;}
@media only screen and (max-width:767px) {
    .propol_con{width:94%;}
    .consult-box .box .item_r{float: left;}
    .consult-box .box .item_r input{margin-left: 0;}
    .propol-close {right: 0;top: -50px;}
}