header{width: 100%;height: 0.9rem;position: fixed;top: 0;text-align: center;z-index: 100;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
header .main_nav_box{width: 100%;height: 100%;display: flex;justify-content: center;}
header .nav_logo{width: 5rem;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-evenly;}
header .nav_logo .l{width: 1.8rem;height: 100%;float: left;overflow: hidden;display: flex;align-items: center;}
header .nav_logo .l img{width: 1.8rem;height: auto;}
header .nav_logo .l img:nth-child(2){display: none;}
header .nav_logo .r{width: 2.5rem;height: 100%;float: left;position: relative;}
header .nav_logo .r .r_logo{width: 100%;height: 100%;display: flex;align-content: center;flex-wrap: wrap;}
header .nav_logo .r .r_logo img{width: auto;height: 0.42rem;}
header .nav_logo .r .r_logo img:nth-child(2){display: none;}
header .nav_logo .r .bling{width: 0.5rem;height: 100%;position: absolute;top: 0;right: 0;}
header .nav_logo .r .bling .before{width: 100%;height: 100%;position: relative;}
header .nav_logo .r .bling .before img{position: absolute;}
header .nav_logo .r .bling .before img:nth-child(1){top: 0.24rem;left: 0.38rem;width: 0.11rem;animation: bling_01 2s linear infinite;}
header .nav_logo .r .bling .before img:nth-child(2){top: 0.35rem;left: 0.31rem;width: 0.11rem;animation: bling_02 2s linear infinite;opacity: 0.2;}
header .nav_logo .r .bling .before img:nth-child(3){top: 0.34rem;left: 0.48rem;width: 0.09rem;animation: bling_03 2s linear infinite;}
header .nav_logo .r .bling .after{width: 100%;height: 100%;display: none;}
header .nav_logo .r .bling .after img{position: absolute;}
header .nav_logo .r .bling .after img:nth-child(1){top: 0.24rem;left: 0.38rem;width: 0.11rem;animation: bling_01 2s linear infinite;}
header .nav_logo .r .bling .after img:nth-child(2){top: 0.35rem;left: 0.31rem;width: 0.11rem;animation: bling_02 2s linear infinite;opacity: 0.2;}
header .nav_logo .r .bling .after img:nth-child(3){top: 0.34rem;left: 0.48rem;width: 0.09rem;animation: bling_03 2s linear infinite;}

@keyframes bling_01 {
    0%{
        opacity: 1;
    }
    25%{
        opacity: 0.5;
    }
    50%{
        opacity: 0;
    }
    75%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }

}
@keyframes bling_02 {
    0%{
        opacity: 0.2;
    }
    25%{
        opacity: 0.5;
    }
    50%{
        opacity: 1;
    }
    75%{
        opacity: 0.5;
    }
    100%{
        opacity: 0.2;
    }
}
@keyframes bling_03 {
    0%{
        opacity: 0.2;
    }
    25%{
        opacity: 1;
    }
    50%{
        opacity: 0.5;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0.2;
    }
}



header .mainNav{width: 9rem;height: 100%;display: inline-block;}
header .mainNav ul{width: 100%;height: 100%;text-align: right;}
header .mainNav ul li{display: inline-block;height: 100%;line-height: 0.9rem;padding: 0 0.32rem 0 0.32rem;font-size: 0.16rem;color: #fff;position: relative;transition: 0.5s;}
header .mainNav ul li span{transition: 0.1s;content: "";width: 0.07rem;height: 0.07rem;border: solid #fff;border-width: 0 0 2px 2px;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 78%;top: 48%;}
header .mainNav ul li:hover{color: #E60012;}
header .mainNav ul li:hover span{transition: 0.1s;content: "";width: 0.07rem;height: 0.07rem;border: solid #E60012;border-width: 2px 2px 0 0 ;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 78%;top: 52%;}
header .mainNav ul li.active{color: #E60012;}
header .mainNav ul li.active span{transition: 0.1s;content: "";width: 0.07rem;height: 0.07rem;border: solid #E60012;border-width: 2px 2px 0 0 ;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 78%;top: 52%;}
header .subNav{width: 100%;height: 100vh;background: rgba(0,0,0,0.8);position: relative;top: 0;display: none;border-top: 1px solid #E1E3E5;z-index: 1000}
header .subNav .box{width: 100%;margin: auto;height: 5.68rem;background-color: #fff;padding:0 calc((100vw - 12.8rem) / 2)}
header .subNav .box .left{width: 2.8rem;background-color: #F5F7FA;height: 100%;float: left;}
header .subNav .box .left ul{width: 100%;height: auto;text-align: center;padding-top: 0.8rem;}
header .subNav .box .left ul li{width: 100%;height: 0.64rem;display: inline-block;transition: 0.3s;}
header .subNav .box .left ul li .title{width: 2rem;height: 100%;border-bottom: 1px solid #E1E3E5;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;margin: auto;text-align: left;}
header .subNav .box .left ul li .title strong{display: block;font-size: 0.2rem;text-indent: 0.2rem;}
header .subNav .box .left ul li .title img{width: 0.2rem;display: none;}
header .subNav .box .left ul li:hover{background-color: #E60012;}
header .subNav .box .left ul li:hover .title{justify-content: space-between;}
header .subNav .box .left ul li:hover .title strong{color: #fff;}
header .subNav .box .left ul li:hover img{display: inline-block;}
header .subNav .box .left ul li.active{background-color: #E60012;}
header .subNav .box .left ul li.active .title{justify-content: space-between;}
header .subNav .box .left ul li.active .title strong{color: #fff;}
header .subNav .box .left ul li.active img{display: inline-block;}
header .subNav .box .right{width: 9.12rem;float: left;margin-left: 0.88rem;}
header .subNav .box .right .menu{width: 100%;height: auto;display: none;}
header .subNav .box .right .menu .top{width: 100%;height: auto;padding-top: 1rem;border-bottom: 1px solid #E1E3E5;}
header .subNav .box .right .menu .top ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
header .subNav .box .right .menu .top ul li{display: block;text-align: left;font-size: 0.18rem;margin-bottom: 0.3rem;margin-right: 0.4rem;}
header .subNav .box .right .menu .top ul li:hover{color: #E60012;font-weight: bold;}
header .subNav .box .right .menu .top ul li.active{color: #E60012;font-weight: bold;}
header .subNav .box .right .menu .bottom{width: 100%;height: 3.3rem;margin-top: 0.6rem;overflow: hidden;}
header .subNav .box .right .menu .bottom ul{width: 100%;height: 100%;position: relative;}
header .subNav .box .right .menu .bottom ul li{display: block;width: 1.6rem;text-align: center;font-size: 0.16rem;margin-bottom: 0rem;height: 1.32rem;}
header .subNav .box .right .menu .bottom ul li .img{width: 100%;height: 1rem;overflow: hidden;}
header .subNav .box .right .menu .bottom ul li .img img{width: 100%;height:100%; object-fit: cover;}
header .subNav .box .right .menu .bottom ul li p{line-height: 32px;}
header .subNav .box .right .menu .bottom ul li:hover{color: #E60012;font-weight: bold;}
header .subNav .box .right .menu .bottom ul li:hover .img{border: 6px solid #E51717;box-sizing: border-box;}
header .subNav .box .right .menu .bottom .swiper{width: 100%;height: 100%;}
header .subNav .box .right .menu .bottom .swiper .swiper-slide{height: auto;}
/*header .subNav .box .right .menu .bottom .swiper .swiper-scrollbar{opacity: 0;transition: 0.3s;}*/
/*header .subNav .box .right .menu .bottom:hover .swiper-scrollbar{opacity: 1;}*/
header .subNav .box .right .menu:nth-child(1){display: block;}


header .nav_contact{width: 3rem;height: 100%;display: flex;justify-content: center;position: relative}
header .nav_contact .tel{line-height: 0.9rem;height: 100%;padding: 0 0.09rem 0 0.09rem;}
header .nav_contact .tel img{width: 0.32rem;}
header .nav_contact .tel img:nth-child(2){display: none;}
header .nav_contact .tel_txt{width: auto;height: 100%;line-height: 0.9rem;font-size: 0.28rem;color: #fff;font-weight: bold;}
header.active{background-color: #fff;border-bottom: 1px solid #E1E3E5;}
header.active .mainNav ul li{color: #252626;}
header.active .mainNav ul li span{border: solid #252626;border-width: 0 0 2px 2px;transform: translate(-50%, -50%) rotate(-45deg);}
header.active .mainNav ul li:hover{color: #E60012;}
header.active .mainNav ul li:hover span{border: solid #E60012;border-width: 2px 2px 0 0 ;transform: translate(-50%, -50%) rotate(-45deg);}
header.active .mainNav ul li.active{color: #E60012;}
header.active .mainNav ul li.active span{border: solid #E60012;border-width: 2px 2px 0 0 ;transform: translate(-50%, -50%) rotate(-45deg);}
header.active .nav_contact .tel_txt{color: #E60012;}
.clear_top{display: block;width: 100%;height: 0.01rem;}
.foot{height: 44vh!important;}
footer{width: 100%;height: auto;background: #252626;}
footer .box{width: 80%;height: 100%;margin: auto;}
footer .box .menu{width: 100%;height: 1.8rem;padding-top: 0.3rem;}
footer .box .menu .left{width: 11.2rem;float: left;}
footer .box .menu .left ul{width: 100%;height: auto;display: flex;justify-content: space-between;}
footer .box .menu .left ul li{width: 1.66rem;height: auto;}
footer .box .menu .left ul li p{display: inline-block;width: 100%;}
footer .box .menu .left ul li p:nth-child(1){font-size: 0.16rem;font-weight: bold;color: #fff;margin-bottom: 0.1rem;}
footer .box .menu .left ul li p:nth-child(2){width: 0.24rem;height: 0.02rem;background-color: #fff;}
footer .box .menu .left ul li p:nth-child(3),footer .box .menu .left ul li p:nth-child(4),footer .box .menu .left ul li p:nth-child(5),footer .box .menu .left ul li p:nth-child(6){font-size: 0.14rem;color: #8A8D8D;margin-top: 0.1rem;}
footer .box .menu .right{width: 4rem;float: left;}
footer .box .menu .right .text_01{display: block;width: 100%;font-size: 0.16rem;font-weight: bold;text-align: right;color: #fff;}
footer .box .menu .right .go{width: 100%;height: 0.4rem;display: flex;justify-content: flex-end;margin-top: 0.24rem;}
footer .box .menu .right .go .input{width: 2.4rem;height: 100%;background-color: #414141;overflow: hidden;}
footer .box .menu .right .go .input input{display: block;width: 100%;height: 98%;background: none;text-indent: 0.2rem;color: #fff;}
footer .box .menu .right .go .btn{width: 0.8rem;height: 100%;background-color: #1A1A1A;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;transition: 0.3s;cursor: pointer;}
footer .box .menu .right .go .btn img{width: 0.2rem;}
footer .box .menu .right .go .btn:hover{background-color: black;}
footer .box .menu .right .city{width: 100%;color: #fff;font-size: 0.14rem;font-weight: bold;text-align: right;margin-top: 0.3rem;}
footer .box .menu .right .city img{margin-right: 0.06rem;}
footer .box .menu .right .add{font-size: 0.14rem;color: #8A8D8D;margin-top: 0.18rem;text-align: right;}


footer .box .tab{width: 100%;height: auto;}
footer .box .tab .layui-tab{margin: 0 0;padding-top: 0.1rem;}
footer .box .tab .layui-tab .layui-tab-title{border-bottom-width:0;border-bottom-style:none;}
footer .box .tab .layui-tab .layui-tab-title .layui-this:after{border-width:0;border-style:none;}
footer .box .tab .layui-tab .layui-tab-title li{color: #646566;font-size: 0.14rem;padding: 0 0.1rem 0 0;text-align: left;}
footer .box .tab .layui-tab .layui-tab-title .layui-this{color: #fff;font-weight: bold;font-size: 0.16rem;}
footer .box .tab .layui-tab-content{padding: 0 0;}
footer .box .tab .layui-tab-content .layui-tab-item ul{width: 100%;height: auto;display: flex;flex-flow: wrap;justify-content: left;min-height: 0.56rem;}
footer .box .tab .layui-tab-content .layui-tab-item ul li{display: block;padding-right: 0.16rem;margin-bottom: 0.1rem;color: #8A8D8D}
footer .box .tab .layui-tab-content .layui-tab-item ul li:hover{color: #fff;}
footer .box .line{width: 100%;height: 0.2rem;border-bottom: 1px solid #646566;}
footer .box .bottom{width: 100%;height: 0.48rem;}
footer .box .bottom ul{width: 100%;height: 100%;display: flex;justify-content: space-between;}
footer .box .bottom ul li{display: block;width: auto;height: 100%;line-height: 0.48rem;color: #8A8D8D;position: relative;}
footer .box .bottom ul li:nth-child(1) a{}
footer .box .bottom ul a{color: #8A8D8D;}


.index_banner{width: 100%;height: 100vh;position: relative;overflow: hidden;z-index: 1;}
.index_banner .img{width: 100%;height: 100%;}
.index_banner .img img{width: 100%;height: 100%;}
.index_banner .index_banner_content{width: 10rem;height: 6rem;position: absolute;top: 0;left: 2rem;z-index: 2;padding-top: 3rem;box-sizing: border-box;}
.index_banner .index_banner_content .title{display: block;width: 100%;font-size: 0.72rem;color: #fff;font-weight: bold;margin-bottom: 0.4rem;position: relative;opacity: 0;}
.index_banner .index_banner_content .sub_title{display: block;width: 100%;font-size: 0.28rem;color: #fff;line-height: 0.5rem;position: relative;opacity: 0;}
.Ih-banner .swiper-slide-active .index_banner .index_banner_content .title{animation: banner_01 3s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.Ih-banner .swiper-slide-active .index_banner .index_banner_content .sub_title:nth-child(2){animation: banner_01 4s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.Ih-banner .swiper-slide-active .index_banner .index_banner_content .sub_title:nth-child(3){animation: banner_01 5s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.Ih-banner .swiper-slide-active .index_banner .index_banner_content .sub_title:nth-child(4){animation: banner_01 6s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#index_swiper_wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.index_banner_navigation{position: absolute;width: 4.8rem;height: 0.72rem;background: url("../img/index_banner_05.png")no-repeat;background-size: 100% 100%;bottom: 0rem;right: 0rem;z-index: 99;}
.index_banner_navigation .part_01{width: 1rem;height: 100%;float: left;text-align: center;line-height: 0.6rem;font-size: 0.18rem;font-weight: bold;color: #575859;}
.index_banner_navigation .part_01 .dangqian{color: #E60012;}
.index_banner_navigation .part_02{width: 0.6rem;height: 100%;float: left;text-align: center;line-height: 0.56rem;cursor: pointer;}
.index_banner_navigation .part_02 img:nth-child(2){display: none;}
.index_banner_navigation .part_02:hover img:nth-child(1){display: none;}
.index_banner_navigation .part_02:hover img:nth-child(2){display: inline-block;}
.index_banner_navigation .part_03{width: 0.6rem;height: 100%;float: left;text-align: center;line-height: 0.56rem;color: #fff;font-size: 0.2rem}
.index_banner_navigation .part_04{width: 0.6rem;height: 100%;float: left;text-align: center;line-height: 0.56rem;cursor: pointer;}
.index_banner_navigation .part_04 img:nth-child(2){display: none;}
.index_banner_navigation .part_04:hover img:nth-child(1){display: none;}
.index_banner_navigation .part_04:hover img:nth-child(2){display: inline-block;}
.index_banner_next{transition: 0.3s;position: absolute;left: 2rem;bottom: 0.48rem;width: 0.48rem;height: 0.48rem;z-index: 99;cursor: pointer;overflow: hidden;animation: animate_index_01 1s linear infinite;}
.index_banner_next img{width: 100%;height: auto;transition: 0.3s;}
.index_banner_next img:nth-child(2){display: none;}
.index_banner_next:hover img:nth-child(1){display: none;}
.index_banner_next:hover img:nth-child(2){display: inline-block;}
@keyframes animate_index_01 {
    0%{bottom: 0.48rem}
    25%{bottom: 0.58rem}
    50%{bottom: 0.66rem}
    75%{bottom: 0.58rem}
    100%{bottom: 0.48rem}
}
@keyframes banner_01 {
    0%{left: 100%;opacity: 0;}
    100%{left: 0;opacity: 1;}
}


.index_introduction{width: 100%;height: 100vh;overflow: hidden;}
.index_introduction .left{width: 60%;height: 100%;float: left;display: none;}
.index_introduction .left .box{width: 6rem;height: 100%;margin-left: 2.75rem;box-sizing: content-box;}
.index_introduction .left .box .title{width: 100%;height: 2.3rem;line-height: 4rem;font-size: 0.64rem;font-weight: bold;color: #252626;top: 0;position: relative;}
.index_introduction .left .box .sub_title{width: 100%;height: 0.16rem;line-height: 0.16rem;font-size: 0.16rem;font-weight: bold;color: #252626;margin-top: 0.2rem;}
.index_introduction .left .box .tab_title{width: 100%;height: 0.48rem;margin-top: 0.4rem;}
.index_introduction .left .box .tab_title p{cursor: pointer; display: block;width: 1rem;height: 100%;float: left;background: #F5F7FA;text-align: center;line-height: 0.48rem;color: #252626;font-size: 0.16rem;}
.index_introduction .left .box .tab_title p.active{background: #E60012;color: #fff;}
.index_introduction .left .box .tab{width: 100%;height: auto;}
.index_introduction .left .box .tab ul{width: 100%;height: auto;margin-top: 0.4rem;}
.index_introduction .left .box .tab ul li{display: none;width: 100%;height: auto;font-size: 0.16rem;line-height: 0.36rem;color: #252626;background: none;text-align: justify;}
.index_introduction .left .box .tab ul li span{font-weight: bold;}
.index_introduction .left .box .tab ul li:first-child{display: block;}
.index_introduction .left .box .data{width: 100%;height: 1rem;margin-top: 0.4rem;}
.index_introduction .left .box .data ul{width: 100%;height: 100%;display: flex;justify-content: left;}
.index_introduction .left .box .data ul li{display: block;width: 2rem;height: 100%;text-align: left;}
.index_introduction .left .box .data ul li strong{color: #E60012;font-size: 0.48rem;display: inline-block;}
.index_introduction .left .box .data ul li p{display: block;width: 100%;text-align: left;font-size: 0.16rem;color: #252626;margin-top: 0.16rem;}
.index_introduction .left .box .more{width: 2rem;height: 0.48rem;margin-top: 0.6rem;transition: 0.3s;}
.index_introduction .left .box .more ul{width: 100%;height: 100%;background: #E60012;color: #fff;text-align: center;line-height: 0.48rem;display: flex;flex-wrap: wrap;justify-content: center;transition: 0.5s;}
.index_introduction .left .box .more ul li{display: block;height: 100%;text-align: center;line-height: 0.52rem;font-size: 0.14rem;width: auto;float: left;transition: 0.5s;}
.index_introduction .left .box .more ul li span{display: inline-block;width: 0.06rem;height: 0.06rem;background: #fff;border-radius: 0.06rem;position: relative;top: -0.03rem;}
.index_introduction .left .box .more ul li img{display: inline-block;}
.index_introduction .left .box .more ul li:nth-child(1){width: 0.1rem;}
.index_introduction .left .box .more ul li:nth-child(2){width: 1rem;}
.index_introduction .left .box .more ul li:nth-child(3){width: 0.1rem;overflow: hidden;}
.index_introduction .left .box .more ul li:nth-child(3) img{position: relative;top: -0.02rem;width: 100%;}
.index_introduction .left .box .more ul li:nth-child(4){width: 0.1rem;}
.index_introduction .left .box .more ul li:nth-child(4) img{position: relative;top: -0.01rem;}
.index_introduction .left .box .more:hover ul{}
.index_introduction .left .box .more:hover ul{background: #b50412;}
.index_introduction .left .box .more:hover li{background: none;}
.index_introduction .left .box .more:hover li:nth-child(3){width: 0.4rem;}
.index_introduction .right{width: 40%;height: 100%;float: left;background: url("../img/index_introduction_right-bg.png")no-repeat;background-size: 100% 100%;display: none;}
.index_introduction .right img{position: relative;left: -2rem;top: 2.5rem;}




/*========================首页---------品牌策划----------*/
.index_cehua{width: 100%;height: 100vh;}
.index_cehua .part_01{width: 100%;height: 1rem;margin-bottom: 2rem;}
.index_cehua .part_02{width: 15rem;height: 3.6rem;margin: auto;text-align: right;display: none;}
.index_cehua .part_02 .num{width: 100%;height: auto;text-align: right;}
.index_cehua .part_02 .title{display: block;width: 100%;height: auto;font-size: 0.48rem;color: #fff;text-align: right;margin-top: 0.2rem;}
.index_cehua .part_02 .sub_title{display: block;width: 100%;height: auto;font-size: 0.16rem;color: #fff;text-align: right;margin-top: 0.32rem;line-height: 0.32rem;}
.index_cehua .part_02 .more{transition: all 1s;width: 1.7rem;height: 0.56rem;display: inline-block;text-align: center;line-height: 0.56rem;background: #fff;border-radius: 0.5rem;margin-top: 0.48rem;text-transform: uppercase;}
.index_cehua .part_02 .more .info{width: 100%;height: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;}
.index_cehua .part_02 .more .info .img{width: 0.3rem;left: 0.1rem;overflow: hidden;position: relative;}
.index_cehua .part_02 .more .info .img img{position: absolute;right: 0.2rem;width: 0.29rem;transition-duration: 1s;top: 50%;transform: translateY(-50%)}
.index_cehua .part_02 .more .info .img img:nth-child(2){left: -0.3rem;}
.index_cehua .part_02 .more:hover{background: #E60012;color: #fff;width: 2.2rem; }
.index_cehua .part_02 .more:hover .info .img{left: 0.1rem;}
.index_cehua .part_02 .more:hover .info .img img:nth-child(1){right: 0.3rem;}
.index_cehua .part_02 .more:hover .info .img img:nth-child(2){left: 0rem;}

.index_cehua .part_03{width: 12rem;height: 1.3rem;background: url("../img/index_cehua_bg_02.png")no-repeat;background-size: 100% 100%;margin: auto;margin-top: 1rem;display: none;}
.index_cehua .part_03 ul{width: 100%;height: 100%;display: flex;justify-content: center;overflow: hidden;align-items:center;}
.index_cehua .part_03 ul li{display: block;width: 1.8rem;height: auto;text-align: center;}
.index_cehua .part_03 ul li img{width: 0.48rem;height: auto;}
.index_cehua .part_03 ul li p{display: block;width: 100%;height: auto;margin-top: 0.16rem;font-size: 0.18rem;color: #252626;}



/*========================首页---------网站建设----------*/
.index_site{width: 100%;height: 100vh;position: relative;}
.index_site .video{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.index_site .part_01{width: 100%;height: 1rem;margin-bottom: 2rem;}
.index_site .part_02{width: 15rem;height: 3.6rem;margin: auto;text-align: right;position: relative;z-index: 999;}
.index_site .part_02 .num{width: 100%;height: auto;text-align: right;}
.index_site .part_02 h1{display: block;width: 100%;height: auto;font-size: 0.48rem;color: #fff;text-align: right;margin-top: 0.2rem;}
.index_site .part_02 h2{display: block;width: 100%;height: auto;font-size: 0.16rem;color: #fff;text-align: right;margin-top: 0.32rem;line-height: 0.32rem;}
.index_site .part_02 .more{transition: all 1s;width: 1.7rem;height: 0.56rem;display: inline-block;text-align: center;line-height: 0.56rem;background: #fff;border-radius: 0.5rem;margin-top: 0.48rem;text-transform: uppercase;}
.index_site .part_02 .more .info{width: 100%;height: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;}
.index_site .part_02 .more .info .img{width: 0.3rem;left: 0.1rem;overflow: hidden;position: relative;}
.index_site .part_02 .more .info .img img{position: absolute;right: 0.2rem;width: 0.29rem;transition-duration: 1s;top: 50%;transform: translateY(-50%)}
.index_site .part_02 .more .info .img img:nth-child(2){left: -0.3rem;}
.index_site .part_02 .more:hover{background: #E60012;color: #fff;width: 2.2rem; }
.index_site .part_02 .more:hover .info .img{left: 0.1rem;}
.index_site .part_02 .more:hover .info .img img:nth-child(1){right: 0.3rem;}
.index_site .part_02 .more:hover .info .img img:nth-child(2){left: 0rem;}
.index_site .part_03{width: 12rem;height: 1.3rem;background: url("../img/index_cehua_bg_02.png")no-repeat;background-size: 100% 100%;margin: auto;margin-top: 1rem;}
.index_site .part_03 ul{width: 100%;height: 100%;display: flex;justify-content: center;overflow: hidden;align-items:center;}
.index_site .part_03 ul li{display: block;width: 1.8rem;height: auto;text-align: center;}
.index_site .part_03 ul li img{width: 0.48rem;height: auto;}
.index_site .part_03 ul li p{display: block;width: 100%;height: auto;margin-top: 0.16rem;font-size: 0.18rem;color: #252626;}

/*========================首页---------小程序----------*/
.index_applet{width: 100%;height: 100vh;}
.index_applet .part_01{width: 100%;height: 1rem;margin-bottom: 2rem;}
.index_applet .part_02{width: 15rem;height: 3.6rem;margin: auto;text-align: right;display: none;}
.index_applet .part_02 .num{width: 100%;height: auto;text-align: right;}
.index_applet .part_02 .title{display: block;width: 100%;height: auto;font-size: 0.48rem;color: #fff;text-align: right;margin-top: 0.2rem;}
.index_applet .part_02 .sub_title{display: block;width: 100%;height: auto;font-size: 0.16rem;color: #fff;text-align: right;margin-top: 0.32rem;line-height: 0.32rem;}
.index_applet .part_02 .more{transition: all 1s;width: 1.7rem;height: 0.56rem;display: inline-block;text-align: center;line-height: 0.56rem;background: #fff;border-radius: 0.5rem;margin-top: 0.48rem;text-transform: uppercase;}
.index_applet .part_02 .more .info{width: 100%;height: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;}
.index_applet .part_02 .more .info .img{width: 0.3rem;left: 0.1rem;overflow: hidden;position: relative;}
.index_applet .part_02 .more .info .img img{position: absolute;right: 0.2rem;width: 0.29rem;transition-duration: 1s;top: 50%;transform: translateY(-50%)}
.index_applet .part_02 .more .info .img img:nth-child(2){left: -0.3rem;}
.index_applet .part_02 .more:hover{background: #E60012;color: #fff;width: 2.2rem; }
.index_applet .part_02 .more:hover .info .img{left: 0.1rem;}
.index_applet .part_02 .more:hover .info .img img:nth-child(1){right: 0.3rem;}
.index_applet .part_02 .more:hover .info .img img:nth-child(2){left: 0rem;}
.index_applet .part_03{width: 12rem;height: 1.3rem;background: url("../img/index_cehua_bg_02.png")no-repeat;background-size: 100% 100%;margin: auto;margin-top: 1rem;display: none;}
.index_applet .part_03 ul{width: 100%;height: 100%;display: flex;justify-content: center;overflow: hidden;align-items:center;}
.index_applet .part_03 ul li{display: block;width: 1.8rem;height: auto;text-align: center;}
.index_applet .part_03 ul li img{width: 0.48rem;height: auto;}
.index_applet .part_03 ul li p{display: block;width: 100%;height: auto;margin-top: 0.16rem;font-size: 0.18rem;color: #252626;}

/*========================首页---------定制开发----------*/
.index_develop{width: 100%;height: 100vh;}
.index_develop_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.index_develop .part_01{width: 100%;height: 1rem;margin-bottom: 2rem;}
.index_develop .part_02{width: 15rem;height: 3.6rem;margin: auto;text-align: right;display: none;}
.index_develop .part_02 .num{width: 100%;height: auto;text-align: right;}
.index_develop .part_02 .title{display: block;width: 100%;height: auto;font-size: 0.48rem;color: #fff;text-align: right;margin-top: 0.2rem;}
.index_develop .part_02 .sub_title{display: block;width: 100%;height: auto;font-size: 0.16rem;color: #fff;text-align: right;margin-top: 0.32rem;line-height: 0.32rem;}
.index_develop .part_02 .more{transition: all 1s;width: 1.7rem;height: 0.56rem;display: inline-block;text-align: center;line-height: 0.56rem;background: #fff;border-radius: 0.5rem;margin-top: 0.48rem;text-transform: uppercase;}
.index_develop .part_02 .more .info{width: 100%;height: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;}
.index_develop .part_02 .more .info .img{width: 0.3rem;left: 0.1rem;overflow: hidden;position: relative;}
.index_develop .part_02 .more .info .img img{position: absolute;right: 0.2rem;width: 0.29rem;transition-duration: 1s;top: 50%;transform: translateY(-50%)}
.index_develop .part_02 .more .info .img img:nth-child(2){left: -0.3rem;}
.index_develop .part_02 .more:hover{background: #E60012;color: #fff;width: 2.2rem; }
.index_develop .part_02 .more:hover .info .img{left: 0.1rem;}
.index_develop .part_02 .more:hover .info .img img:nth-child(1){right: 0.3rem;}
.index_develop .part_02 .more:hover .info .img img:nth-child(2){left: 0rem;}
.index_develop .part_03{width: 12rem;height: 1.3rem;margin: auto;margin-top: 1rem;text-align: center;display: none;position: relative;z-index: 2;}
.index_develop .part_03 .big_txt{font-size: 0.64rem;color: #fff;font-weight: bold;letter-spacing: 0.04rem;}
.index_develop .part_03 .small_txt{font-size: 0.2rem;color: #fff;}

/*========================首页---------案例----------*/
.index_case{width: 100%;height: 100vh;}
.index_case .left{width: 3.2rem;height: 100%;float: left;margin-left: 2rem;}
.index_case .left .menu{width: 100%;height: auto;}
.index_case .left .menu p{display: block;height: 2rem;width: 100%;}
.index_case .left .menu .title{font-size: 0.64rem;color: #fff;font-weight: bold;display: block;width: 100%;text-transform: uppercase;}
.index_case .left .menu .sub_title{font-size: 0.44rem;color: #fff;font-weight: bold;display: block;width: 100%;margin-top: 0.2rem;}
.index_case .left .menu .sub_title_des{font-size: 0.16rem;color: #fff;display: block;width: 100%;margin-top: 0.2rem;}
.index_case .left .menu ul{width: 2.2rem;height: auto;margin-top: 0.5rem;}
.index_case .left .menu ul li{display: block;width: 2.2rem;height: 0.48rem;line-height: 0.48rem;text-align: center;color: #fff;margin-bottom: 0.1rem;font-size: 0.16rem;overflow: hidden;}
.index_case .left .menu ul li.active{background: url("../img/index_case_bg_li.png")no-repeat;background-size: 100% 100%;font-weight: bold;}
.index_case .left .menu ul li:hover{background: url("../img/index_case_bg_li.png")no-repeat;background-size: 100% 100%;}
.index_case .left .more{width: 2.2rem;height: 0.48rem;margin-top: 0.6rem;transition: 0.3s;}
.index_case .left .more ul{width: 100%;height: 100%;background: #E60012;color: #fff;text-align: center;line-height: 0.48rem;display: flex;flex-wrap: wrap;justify-content: center;transition: 0.5s;}
.index_case .left .more ul li{display: block;height: 100%;text-align: center;line-height: 0.52rem;font-size: 0.14rem;width: auto;float: left;transition: 0.5s;}
.index_case .left .more ul li span{display: inline-block;width: 0.06rem;height: 0.06rem;background: #fff;border-radius: 0.06rem;position: relative;top: -0.03rem;}
.index_case .left .more ul li img{display: inline-block;}
.index_case .left .more ul li:nth-child(1){width: 0.1rem;}
.index_case .left .more ul li:nth-child(2){width: 1rem;}
.index_case .left .more ul li:nth-child(3){width: 0.1rem;overflow: hidden;}
.index_case .left .more ul li:nth-child(3) img{position: relative;top: -0.02rem;width: 100%;}
.index_case .left .more ul li:nth-child(4){width: 0.1rem;}
.index_case .left .more ul li:nth-child(4) img{position: relative;top: -0.01rem;}
.index_case .left .more:hover ul{background: #b50412;}
.index_case .left .more:hover li{background: none;}
.index_case .left .more:hover li:nth-child(3){width: 0.4rem;}

.index_case .right{width: 12rem;height: 6.8rem;float: left;position: relative;top: 1.8rem;}
.index_case .right ul{width: 100%;height: 100%;overflow: hidden;}
.index_case .right ul li{width: 100%;height: 100%;overflow: hidden;display: none;}
.index_case .right ul li.active{display: block;}
.index_case .right .unit{width: 3.5rem;height: 3.1rem;position: relative;float: left;margin-right: 0.3rem;margin-bottom: 0.3rem;display: none;}
.index_case .right .unit .img{width: 100%;height: 100%;overflow: hidden;}
.index_case .right .unit .img img{width: 100%;height: 100%;object-fit: cover;}
.index_case .right .unit .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.index_case .right .unit .cover .border-top{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;top: 0.2rem;left: -5rem;transition: 0.5s;}
.index_case .right .unit .cover .border-right{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: -5rem;right: 0.2rem;transition: 0.5s;}
.index_case .right .unit .cover .border-bottom{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;bottom: 0.2rem;left: 5rem;transition: 0.5s;}
.index_case .right .unit .cover .border-left{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: 5rem;left: 0.2rem;transition: 0.5s;}
.index_case .right .unit .zz{transition: 0.5s; width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, #F20C1F 0%, #B20000 100%);;opacity: 0;clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);}
.index_case .right .unit .info{opacity: 1; width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;display: flex;align-content: center;flex-wrap: wrap;justify-content: space-around;}
.index_case .right .unit .info img{display: inline-block;width: 2.2rem;height: auto;}
.index_case .right .unit .info p{display: inline-block;}
.index_case .right .unit .info p:nth-child(2){font-size: 0.18rem;color: #fff;font-weight: bold;width: 100%;margin-top: 0.32rem;}
.index_case .right .unit .info p:nth-child(3){width: 0.32rem;height: 0.02rem;background: #fff;margin-top: 0.16rem;opacity: 0;transition: 0.5s;}
.index_case .right .unit .info p:nth-child(4){width: 100%;font-size: 0.14rem;color: #fff;margin-top: 0.2rem;opacity: 0;transition: 0.5s;}
.index_case .right .unit:hover .zz{clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);opacity: 1;}
/*.index_case .right .unit:hover .info{animation: index_case_info 1s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}*/
.index_case .right .unit:hover .cover .border-top{left: 0.3rem;}
.index_case .right .unit:hover .cover .border-right{top: 0.3rem;}
.index_case .right .unit:hover .cover .border-bottom{left: 0.2rem;}
.index_case .right .unit:hover .cover .border-left{top: 0.2rem;}
.index_case .right .unit:hover .info p:nth-child(3){opacity: 1;}
.index_case .right .unit:hover .info p:nth-child(4){opacity: 1;}
@keyframes index_case_zz {
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}
@keyframes index_case_border {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes index_case_info {
    0%{
        height: 0%;
        opacity: 0;
    }
    100%{
        height: 100%;
        opacity: 1;
    }
}

.index_case .right .unit2{background-color: #fff; display: block;width: 5.4rem;height: 3.1rem;border-radius: 0.3rem;box-shadow: 0px 12px 40px 0px rgba(10, 24, 51, 0.15);overflow: hidden;margin-bottom: 0.4rem;}
.index_case .right .unit2 .l{width: 2.4rem;height: 100%;padding-top: 0.38rem;overflow: hidden;margin-left: 0.4rem;float: left;}
.index_case .right .unit2 .l img{width: 100%;height: auto;}
.index_case .right .unit2 .r{width: 2rem;height: 100%;float: left;margin-left: 0.32rem;position: relative;}
.index_case .right .unit2 .r .title{text-align: left; width: 100%;font-size: 0.2rem;font-weight: bold;line-height: 0.3rem;padding-top: 0.6rem;border-bottom: 1px solid #E1E3E5;padding-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_case .right .unit2 .r .description{text-align: justify; width: 100%;line-height: 0.24rem;font-size: 0.14rem;color: #575859;margin-top: 0.24rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.index_case .right .unit2 .r .more{width: 100%;height: 0.6rem;position: absolute;bottom: 0.2rem;left: 0;}
.index_case .right .unit2 .r .more .scan{width: 1.36rem;height: 0.4rem;line-height: 0.4rem;text-align: center;float: left;border-radius: 0.5rem;border: 1px solid #E1E3E5;transition: 0.3s;color: #8A8D8D;font-size: 0.14rem;}
.index_case .right .unit2 .r .more .link{width: 0.49rem;height: 100%;text-align: center;float: right;transition: 0.3s;}
.index_case .right .unit2 .r .more .link img{width: 0.36rem;}
.index_case .right .unit2 .r .more .link img:nth-child(2){display: none;}
.index_case .right .unit2 .r .more .scan:hover{background: #E60012;color: #fff;border: 1px solid #E60012;}
.index_case .right .unit2 .r .more .link:hover img:nth-child(1){display: none;}
.index_case .right .unit2 .r .more .link:hover img:nth-child(2){display: block;}




/*========================首页---------新闻----------*/
.index_news{width: 100%;height: 100vh;background: #fff;padding: 0 2rem;box-sizing: border-box;}
.index_news .left{width: 3.2rem;height: 100%;float: left;}
.index_news .left p{display: block;height: 2rem;width: 100%;}
.index_news .left .text_01{font-size: 0.64rem;color: #252626;font-weight: bold;display: block;width: 100%;text-transform: uppercase;}
.index_news .left .text_02{font-size: 0.44rem;color: #252626;font-weight: bold;display: block;width: 100%;margin-top: 0.2rem;}
.index_news .left .text_03{font-size: 0.16rem;color: #252626;display: block;width: 100%;margin-top: 0.2rem;}
.index_news .left ul{width: 2.2rem;height: auto;margin-top: 0.5rem;overflow: hidden;}
.index_news .left ul li{display: block;width: 2.2rem;height: 0.48rem;line-height: 0.48rem;text-align: center;color: #252626;margin-bottom: 0.1rem;font-size: 0.16rem;overflow: hidden;}
.index_news .left ul li.active{background: url("../img/index_case_bg_li.png")no-repeat;background-size: 100% 100%;color: #fff;font-weight: bold;}
.index_news .left ul li:hover{background: url("../img/index_case_bg_li.png")no-repeat;background-size: 100% 100%;color: #fff;}
.index_news .left .more{width: 2.2rem;height: 0.48rem;margin-top: 0.6rem;transition: 0.3s;}
.index_news .left .more ul{width: 100%;height: 100%;background: #E60012;color: #fff;text-align: center;line-height: 0.48rem;display: flex;flex-wrap: wrap;justify-content: center;transition: 0.5s;}
.index_news .left .more ul li{display: block;height: 100%;text-align: center;line-height: 0.52rem;font-size: 0.14rem;width: auto;float: left;transition: 0.5s;}
.index_news .left .more ul li span{display: inline-block;width: 0.06rem;height: 0.06rem;background: #fff;border-radius: 0.06rem;position: relative;top: -0.03rem;}
.index_news .left .more ul li img{display: inline-block;}
.index_news .left .more ul li:nth-child(1){width: 0.1rem;}
.index_news .left .more ul li:nth-child(2){width: 1rem;color: #fff;}
.index_news .left .more ul li:nth-child(3){width: 0.1rem;overflow: hidden;}
.index_news .left .more ul li:nth-child(3) img{position: relative;top: -0.02rem;width: 100%;}
.index_news .left .more ul li:nth-child(4){width: 0.12rem;}
.index_news .left .more ul li:nth-child(4) img{position: relative;top: -0.01rem;}
.index_news .left .more:hover ul{background: #b50412;}
.index_news .left .more:hover li{background: none;}
.index_news .left .more:hover li:nth-child(3){width: 0.4rem;}
.index_news .right{width: 11.3rem;height: 8.8rem;float: right;position: relative;top: 1.4rem;}
.index_news .right .news_content{width: 100%;height: 100%;display: none;}
.index_news .right .news_content.active{display: block;}
.index_news .right .news_content .top{width: 100%;height: 5rem;overflow: hidden;box-sizing: border-box;padding-top: 0.1rem;}
.index_news .right .news_content .top .swiper{overflow: visible;}
.index_news .right .news_content .top .top_unit{transition: 0.3s; width: 3.4rem;height: 4.6rem;box-shadow: 0px 6px 12px 0px rgba(0, 18, 38, 0.15);border-radius: 0.15rem;overflow: hidden;position: relative;margin-left: 0.1rem;float: left;margin-bottom: 0.5rem;margin-right: 0.3rem;}
.index_news .right .news_content .top .top_unit .img{width: 100%;height: 2.5rem;overflow: hidden;position: relative;}
.index_news .right .news_content .top .top_unit .img img:first-child{width: 100%;height: auto;}
.index_news .right .news_content .top .top_unit .img .img_zz{transition: 0.3s; position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;}
.index_news .right .news_content .top .top_unit .img .img_zz img{width: 160px;height: auto;}
.index_news .right .news_content .top .top_unit .img .img_zz:hover{background: #00000085;}
.index_news .right .news_content .top .top_unit .info{width: 100%;height: 2.5rem;}
.index_news .right .news_content .top .top_unit .info .box{width: 90%;height: 100%;margin: auto;}
.index_news .right .news_content .top .top_unit .info .box .title{transition: 0.3s; font-size: 0.16rem;font-weight: bold;line-height: 0.3rem;margin-top: 0.1rem;width: 100%;color: #252626;text-align: justify;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_news .right .news_content .top .top_unit .info .box .dates{width: 100%;height: 0.13rem;margin-top: 0.2rem;}
.index_news .right .news_content .top .top_unit .info .box .dates span{display: block;font-size: 0.12rem;color: #BBBDBF;}
.index_news .right .news_content .top .top_unit .info .box .dates span:nth-child(1){float: left;}
.index_news .right .news_content .top .top_unit .info .box .dates span:nth-child(2){float: right;}
.index_news .right .news_content .top .top_unit .info .box .line{width: 0.56rem;height: 0.04rem;background: #E60012;margin-top: 0.24rem;}
.index_news .right .news_content .top .top_unit .info .box .description{width: 100%;height: 0.58rem;font-size: 0.14rem;color: #575859;line-height: 0.32rem;text-align: justify;margin-top: 0.24rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.index_news .right .news_content .top .top_unit:hover{animation: index_news_top_unit 0.6s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.index_news .right .news_content .top .top_unit:hover .info .box .title{color: #E60012;}
@keyframes index_news_top_unit {
    0%{
        top: 0rem;
    }
    100%{
        top: -0.1rem;
    }
}

.index_news .right .news_content .kh_list{width: 100%;height: 2rem;margin-top: 0.5rem;}
.index_news .right .news_content .kh_list ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-around;}
.index_news .right .news_content .kh_list ul li{transition: 0.3s; width: 3.5rem;line-height: 0.25rem;font-size: 0.14rem;color: #252626;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 0.24rem;}
.index_news .right .news_content .kh_list ul li span{color: #E60012;}
.index_news .right .news_content .kh_list ul li:hover{color: #E60012;}
.index_news .right .news_content .dt_list{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: space-between;}
.index_news .right .news_content .dt_list .unit{width: 3.58rem;height: 3.06rem;border: 1px solid #E1E3E5;margin-bottom: 0.28rem;transition: 0.3s;}
.index_news .right .news_content .dt_list .unit .dates{width: 90%;height: 1.08rem;border-bottom: 1px solid #E1E3E5;margin: auto;display: flex;justify-content: space-between;}
.index_news .right .news_content .dt_list .unit .dates .dates_left{line-height: 1.08rem;text-align: left;font-size: 0.48rem;font-weight: bold;color: #252626;}
.index_news .right .news_content .dt_list .unit .dates .dates_right{text-align: right;display: flex;flex-wrap: wrap;align-content: center;}
.index_news .right .news_content .dt_list .unit .dates .dates_right p{font-size: 0.14rem;display: block;width: 100%;margin-top: 0.08rem;margin-bottom: 0.08rem;}
.index_news .right .news_content .dt_list .unit .title{width: 90%;margin: auto;font-size: 0.2rem;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;margin-top: 0.32rem;overflow: hidden;}
.index_news .right .news_content .dt_list .unit .description{width: 90%;margin: auto;height: 0.9rem;font-size: 0.16rem;color: #575859;text-align: justify;line-height: 0.3rem;overflow: hidden;margin-top: 0.28rem;}
.index_news .right .news_content .dt_list .unit:hover{background: #E60012;box-shadow: 0px 12px 28px 0px rgba(128, 0, 11, 0.3);}
.index_news .right .news_content .dt_list .unit:hover .dates .dates_left{color: #fff;}
.index_news .right .news_content .dt_list .unit:hover .dates .dates_right{color: #fff;opacity: 0.6;}
.index_news .right .news_content .dt_list .unit:hover .title{color: #fff;}
.index_news .right .news_content .dt_list .unit:hover .description{color: #fff;opacity: 0.6;}
.index_news .right .news_content .dt_list2{width: 100%;height: 100%;}
.index_news .right .news_content .dt_list2 .l{width: 3.8rem;height: 100%;float: left;}
.index_news .right .news_content .dt_list2 .l .up{width: 100%;height: auto;margin-bottom: 0.4rem;}
.index_news .right .news_content .dt_list2 .l .up .img{width: 100%;height: 2rem;overflow: hidden;}
.index_news .right .news_content .dt_list2 .l .up .img img{width: 100%;height: auto;min-height: 100%;transition: 0.3s;}
.index_news .right .news_content .dt_list2 .l .up .text{width: 100%;height: auto;}
.index_news .right .news_content .dt_list2 .l .up .text .title{width: 100%;font-size: 0.16rem;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0.16rem;}
.index_news .right .news_content .dt_list2 .l .up .text .description{font-size: 0.14rem;line-height: 0.24rem;color: #8A8D8D;margin-top: 0.1rem;text-align: justify;}
.index_news .right .news_content .dt_list2 .l .up:hover img{transform: scale(1.3);}
.index_news .right .news_content .dt_list2 .l .up:hover .title{color: #E51717;}


.index_news .right .news_content .dt_list2 .r{width: 6.6rem;height: auto;float: left;margin-left: 0.6rem;}
.index_news .right .news_content .dt_list2 .r .up{width: 100%;height: auto;position: relative;}
.index_news .right .news_content .dt_list2 .r .up .img{width: 100%;height: 3.6rem;overflow: hidden;}
.index_news .right .news_content .dt_list2 .r .up .img img{width: 100%;height: auto;min-height: 100%;transition: 0.3s;}
.index_news .right .news_content .dt_list2 .r .up .text{background: url("../img/index_case_bg2.png")no-repeat;background-size: 100% 100%;width: 5.8rem;height: 2.16rem;padding: 0.4rem;box-sizing: border-box;position: absolute;bottom: -0.98rem;right: -0.3rem}
.index_news .right .news_content .dt_list2 .r .up .text .dates{width: 100%;font-size: 0.16rem;color: #fff;}
.index_news .right .news_content .dt_list2 .r .up .text .dates span{font-size: 0.48rem;font-weight: bold;}
.index_news .right .news_content .dt_list2 .r .up .text .title{font-size: 0.24rem;font-weight: bold;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;margin-top: 0.2rem;color: #fff;}
.index_news .right .news_content .dt_list2 .r .up .text .more{width: 100%;height: 0.48rem;line-height: 0.48rem;color: #fff;font-size: 0.16rem;background-color: #CC0011;position: absolute;left: 0;bottom: 0;text-indent: 0.4rem;}
.index_news .right .news_content .dt_list2 .r .dw{width: 100%;height: auto;margin-top: 1.2rem;}
.index_news .right .news_content .dt_list2 .r .dw ul li{display: block;width: 100%;height: 0.72rem;line-height: 0.72rem;font-size: 0.16rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid #E1E3E5;}
.index_news .right .news_content .dt_list2 .r .up:hover img{transform: scale(1.3);}
.index_news .right .news_content .dt_list2 .r .dw ul li:hover{color: #E51717;}

/*========================首页---------合作----------*/
.index_friends{width: 100%;height: 100vh;}
.index_friends .index_friends_top{width: 100%;height: 2.1rem;}
.index_friends .index_friends_title{width: 100%;height: auto;text-align: center;color: #fff;margin-bottom: 0.4rem;}
.index_friends .index_friends_title .text_01{display: block;width: 100%;font-size: 0.44rem;font-weight: bold;}
.index_friends .index_friends_title p{display: inline-block;width: 0.4rem;height: 0.02rem;background: #fff;margin-top: 0.2rem;}
.index_friends .index_friends_title .text_02{display: block;width: 100%;font-size: 0.16rem;margin-top: 0.2rem;}
.index_friends .list{width: 15.6rem;height: 4.4rem;margin: auto;overflow: hidden;}
.index_friends .list ul{width: 100%;height: 100%;}
.index_friends .list ul li{width: 2.4rem;height: 0.9rem;display: none;overflow: hidden;opacity: 0.7;float: left;margin-right: 0.6rem;margin-bottom: 0.5rem;}
/*.index_friends .list ul li img{width: 100%;height: auto;transition: 0.4s;-webkit-filter: grayscale(100%) brightness(800%);filter: grayscale(100%) brightness(800%);}*/
.index_friends .list ul li img{width: 100%;height: auto;transition: 0.4s;}
.index_friends .list ul li:hover img{transform: scale(1.1);}
.index_friends .list ul li:hover{opacity: 1;}
canvas{width: 100%;height: 100%;background: #000;}
.index_friends_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

/*========================首页---------联系我们----------*/
.index_contact{width: 100%;height: 100vh;position: relative;}
.index_contact .info{width: 14rem;height: 5.2rem;margin: auto;background-color: #fff;border-radius: 0.24rem;position: relative;top: 2.5rem;}
.index_contact .info .contact{width: 4.8rem;height: 100%;margin-left: 1rem;float: left;}
.index_contact .info .contact .text_01{display: block;width: 100%;font-size: 0.28rem;font-weight: bold;padding-top: 0.88rem;margin-bottom: 0.2rem;line-height: 1;}
.index_contact .info .contact p{display: block;width: 0.32rem;height: 0.02rem;background-color: #E60012;}
.index_contact .info .contact .text_02{display: block;font-size: 0.16rem;color: #252626;margin-top: 0.28rem;line-height: 1;}
.index_contact .info .contact .text_02 span{color: #E60012;font-weight: bold;}
.index_contact .info .contact .wx_tel{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 0.4rem;}
.index_contact .info .contact .wx_tel .wx{width: 1.2rem;height: auto;text-align: center;}
.index_contact .info .contact .wx_tel .wx img{width: 100%;height: auto;}
.index_contact .info .contact .wx_tel .wx .text_03{width: 100%;text-align: center;font-size: 0.14rem;color: #575859;display: block;}
.index_contact .info .contact .wx_tel .tel{width: 2rem;height: auto;text-align: center;margin-left: 0.8rem;}
.index_contact .info .contact .wx_tel .tel img{width: 0.56rem;}
.index_contact .info .contact .wx_tel .tel strong{width: 100%;font-size: 0.28rem;font-weight: bold;display: block;line-height: 1;margin-top: 0.32rem;}
.index_contact .info .contact .wx_tel .tel .text_03{width: 100%;text-align: center;font-size: 0.14rem;color: #575859;display: block;line-height: 1;margin-top: 0.2rem;}
.index_contact .info .form{width: 6.2rem;height: 100%;margin-left: 0.8rem;float: left;}
.index_contact .info .form .text_01{display: block;width: 100%;font-size: 0.28rem;font-weight: bold;padding-top: 0.88rem;margin-bottom: 0.2rem;line-height: 1;}
.index_contact .info .form p{display: block;width: 0.32rem;height: 0.02rem;background-color: #E60012;}
.index_contact .info .form .text_02{display: block;font-size: 0.16rem;color: #8A8D8D;margin-top: 0.28rem;line-height: 1;}
.index_contact .info .form .input{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 0.4rem;}
.index_contact .info .form .input .u{width: 48%;height: 0.5rem;margin-bottom: 0.2rem;}
.index_contact .info .form .input .u input{width: 100%;height: 100%;border: none;background-color: #F5F7FA;text-indent: 0.1rem;}
.index_contact .info .form .input .u .layui-form-select{width: 100%;height: 100%;}
.layui-select-title{width: 100%;height: 100%;}
.index_contact .info .form button{background-color: #E60012;height: 0.5rem;}


.layui-form-select .layui-edge{margin-top: -0.08rem;}
:root .layui-form-selected .layui-edge{margin-top: -0.2rem!important;}
.index_contact .part_01 .box .left button{background: #E60012;border-radius: 0.04rem;height: 0.56rem;font-size: 0.16rem;}


/*==========================服务 样式===========================*/
.service_br_content{width: 100%;height: auto;position: relative;overflow: hidden;}
.service_br_content .service_br_banner{width: 100%;height: 9.4rem;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;position: relative;}
.service_br_content .service_br_banner p{display: inline-block;width: 100%;}
.service_br_content .service_br_banner p:nth-child(1){font-size: 0.48rem;font-weight: bold;color: #fff;margin-bottom: 0.32rem;}
.service_br_content .service_br_banner p:nth-child(2){width: 0.56rem;height: 0.06rem;background: #E60012;}
.service_br_content .service_br_banner p:nth-child(3){font-size: 0.16rem;color: #fff;line-height: 0.3rem;margin-top: 0.4rem;}
.service_br_content .service_br_banner p:nth-child(4){width: 100%;position: absolute;bottom: 0.78rem;}
.service_br_content .service_br_banner p:nth-child(4) img{width: 0.24rem;animation: service_mouse_animate_01 1s infinite linear;position: relative;}
.service_br_content .service_br_banner p:nth-child(5){width: 100%;position: absolute;bottom: 0.48rem;font-size: 0.14rem;color: #fff;}
@keyframes service_mouse_animate_01 {
    0%{
        top: 0rem;
    }
    25%{
        top: -0.03rem;
    }
    50%{
        top: -0.06rem;
    }
    75%{
        top: -0.03rem;
    }
    100%{
        top: 0rem;
    }
}
.service_br_part_01{width: 100%;height: 6.8rem;background: url("../img/service_part_01_bg.png")no-repeat;background-size: 100% 100%;}
.service_br_part_01 .box{width: 15.2rem;height: 5.2rem;margin: auto;position: relative;top: 0.8rem;}
.service_br_part_01 .box .left{width: 12.4rem;height: 100%;float: left;background: url("../img/service_part_01_left_bg.png")no-repeat;background-size: 100% 100%}
.service_br_part_01 .box .left ul{width: 45%;height: 4rem;margin-left: 1rem;}
.service_br_part_01 .box .left ul li{display: none;width: 100%;height: 100%;}
.service_br_part_01 .box .left ul li:nth-child(1){display: block;}
.service_br_part_01 .box .left ul li .title{width: 100%;height: 1.2rem;font-size: 0.32rem;color: #E60012;font-weight: bold;padding-top: 0.4rem; display: flex;justify-content: flex-start;align-items: center;}
.service_br_part_01 .box .left ul li .title img{width: 0.44rem;margin-right: 0.16rem;}
.service_br_part_01 .box .left ul li .text_02{font-size: 0.18rem;font-weight: bold;width: 100%;}
.service_br_part_01 .box .left ul li .text_03{font-size: 0.16rem;color: #575859;line-height: 0.3rem;margin-top: 0.2rem;}
.service_br_part_01 .box .left ul li .tag{width: 5rem;height: 1.3rem;display: flex;flex-wrap: wrap;align-content: center;justify-content: flex-start;}
.service_br_part_01 .box .left ul li .tag span{display: block;width: 50%;height: 0.4rem;line-height: 0.4rem;font-size: 0.16rem;color: #575859;}
.service_br_part_01 .box .left .more{width: 2rem;height: 0.48rem;display: inline-block;text-align: center;line-height: 0.48rem;background: #E60012;border-radius: 0.5rem;margin-top: 0.28rem;color: #fff;font-size: 0.16rem;}
.service_br_part_01 .box .left .more img{margin-left: 0.1rem;width: 0.14rem;}
.service_br_part_01 .box .left .more:hover{background: #c70010;}
.service_br_part_01 .box .left .more:hover img{animation: jt02 1.4s infinite linear;}
.service_br_part_01 .box .right{width: 2.8rem;height: 100%;float: left;position: relative;left: -0.2rem;z-index: 99;}
.service_br_part_01 .box .right ul{width: 100%;height: 100%;}
.service_br_part_01 .box .right ul li{width: 100%;height: 1.3rem;background: url("../img/service_part_01_right_bg_02.png")no-repeat;background-size: 100% 100%;cursor: pointer;}
.service_br_part_01 .box .right ul li .l{width: 40%;height: 100%;float: left;text-align: right;line-height: 1.3rem;margin-right: 0.1rem;}
.service_br_part_01 .box .right ul li .l img:nth-child(2){display: none;}
.service_br_part_01 .box .right ul li .r{width: 50%;height: 100%;float: left;display: flex;flex-wrap: wrap;align-content: center;}
.service_br_part_01 .box .right ul li .l img{width: 0.4rem;}
.service_br_part_01 .box .right ul li .r .text_01{font-size: 0.18rem;font-weight: bold;color: #252626;}
.service_br_part_01 .box .right ul li .r .text_02{font-size: 0.12rem;color: #8A8D8D;margin-top: 0.08rem;}
.service_br_part_01 .box .right ul li.active{background: url("../img/service_part_01_right_bg.png")no-repeat;background-size: 100% 100%;}
.service_br_part_01 .box .right ul li.active .l img:nth-child(1){display: none;}
.service_br_part_01 .box .right ul li.active .l img:nth-child(2){display: inline-block;}
.service_br_part_01 .box .right ul li.active .r .text_01{color: #fff;}
.service_br_part_01 .box .right ul li.active .r .text_02{color: #fff;}

.service_br_part_02{width: 100%;height: 6.4rem;overflow: hidden;background-size: 100% 100%;background: url("../img/service_part_02_bg.png") no-repeat fixed;}
.service_br_part_02 ul{width: 80%;height: 100%;display: flex;align-items: center;flex-wrap: wrap;align-content: center;justify-content: center;margin: auto;}
.service_br_part_02 ul li{display: block;width: 2.53rem;height: 2.4rem;background: #fff;}
.service_br_part_02 ul li img{width: 100%;height: 100%;}
.service_br_part_02 ul li .txt{width: 80%;height: 80%;position: relative;top: 0.4rem;left: 0.2rem;}
.service_br_part_02 ul li .txt p{display: block;width: 0.5rem;height: 0.04rem;background: #E60012;}
.service_br_part_02 ul li .txt .text_01{display: block;width: 100%;font-size: 0.18rem;font-weight: bold;margin-top: 0.24rem;color: #252626;}
.service_br_part_02 ul li .txt .text_02{display: block;width: 100%;font-size: 0.14rem;line-height: 0.24rem;color: #252626;margin-top: 0.24rem;}

.service_br_part_03{width: 100%;height: 6rem;overflow: hidden;background: url("../img/service_part_03_bg.png")no-repeat;background-size: 100% 100%;}
.service_br_part_03 .left{width: 7rem;margin-left: 2rem;height: 100%;float: left;}
.service_br_part_03 .left p{display: block;line-height: 1}
.service_br_part_03 .left p:nth-child(1){width: 100%;height: 0.9rem;}
.service_br_part_03 .left p:nth-child(2){width: 100%;font-size: 0.48rem;color: #252626;font-weight: bold;margin-bottom: 0.2rem;}
.service_br_part_03 .left p:nth-child(3){width: 0.48rem;height: 0.04rem;background: #E60012;}
.service_br_part_03 .left p:nth-child(4){width: 100%;font-size: 0.3rem;color: #252626;font-weight: bold;margin-top: 0.24rem;}
.service_br_part_03 .left p:nth-child(5){width: 100%;font-size: 0.2rem;color: #252626;font-weight: bold;margin-top: 0.4rem;}
.service_br_part_03 .left p:nth-child(6){width: 100%;font-size: 0.16rem;color: #252626;margin-top: 0.2rem;}
.service_br_part_03 .left p:nth-child(7){width: 100%;font-size: 0.16rem;color: #252626;margin-top: 0.2rem;line-height: 0.3rem;}
.service_br_part_03 .left p:nth-child(8){width: 100%;font-size: 0.16rem;color: #252626;margin-top: 0.32rem;}
.service_br_part_03 .left p:nth-child(9){width: 100%;font-size: 0.16rem;color: #252626;margin-top: 0.2rem;}
.service_br_part_03 .right{width: 7rem;height: 100%;line-height: 0.6rem;margin-left: 1rem;float: left;display: flex;align-items: center;}
.service_br_part_03 .right img{width: 100%;height: auto;}

.service_br_part_04{width: 100%;height: 5.6rem;overflow: hidden;background: url("../img/service_part_04_bg.png")no-repeat;background-size: 100% 100%;}
.service_br_part_04 .left{width: 50%;height: 100%;float: left;}
.service_br_part_04 .left img{width: 100%;height: 100%;}
.service_br_part_04 .right{width: 50%;height: 100%;float: left;}
.service_br_part_04 .right .txt{width: 6.8rem;margin-left: 0.8rem;height: 100%;}
.service_br_part_04 .right .txt p{display: block;line-height: 1}
.service_br_part_04 .right p:nth-child(1){width: 100%;height: 0.7rem;}
.service_br_part_04 .right p:nth-child(2){width: 100%;font-size: 0.48rem;color: #252626;font-weight: bold;margin-bottom: 0.2rem;}
.service_br_part_04 .right p:nth-child(3){width: 0.48rem;height: 0.04rem;background: #E60012;}
.service_br_part_04 .right p:nth-child(4){width: 100%;font-size: 0.3rem;color: #252626;font-weight: bold;margin-top: 0.24rem;}
.service_br_part_04 .right p:nth-child(5){width: 100%;font-size: 0.2rem;color: #252626;font-weight: bold;margin-top: 0.48rem;}
.service_br_part_04 .right p:nth-child(6){width: 100%;font-size: 0.16rem;color: #252626;line-height: 0.3rem;margin-top: 0.2rem;}
.service_br_part_04 .right p:nth-child(7){width: 100%;font-size: 0.2rem;color: #252626;font-weight: bold;margin-top: 0.32rem;}
.service_br_part_04 .right p:nth-child(8){width: 100%;font-size: 0.16rem;color: #252626;line-height: 0.3rem;margin-top: 0.2rem;}

.service_br_part_05{width: 100%;height: 13.26rem;overflow: hidden;padding-top: 0.5rem;}
.service_br_part_05 .title{width: 100%;height: 1.4rem;display: flex;flex-wrap: wrap;align-items: center;text-align: center;align-content: center;justify-content: center;}
.service_br_part_05 .title p{display: inline-block;}
.service_br_part_05 .title p:nth-child(1){font-weight: bold;font-size: 0.44rem;width: 100%;margin-bottom: 0.2rem;}
.service_br_part_05 .title p:nth-child(2){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_br_part_05 .title p:nth-child(3){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_br_part_05 .list{width: 15.5rem;height: 9.8rem;margin: auto;}
.service_br_part_05 .list ul{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-around;align-content: space-around;}
.service_br_part_05 .list ul li{width: 4.9rem;height: 4.6rem;display: block;}
.service_br_part_05 .list ul li .img{width: 100%;height: 3.8rem;overflow: hidden;}
.service_br_part_05 .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 0.5s;}
.service_br_part_05 .list ul li .txt{width: 100%;height: 0.8rem;line-height: 0.8rem;text-align: center;background: #F5F7FA;font-size: 0.18rem;transition: 0.3s;}
.service_br_part_05 .list ul li .img:hover img{transform: scale(1.2);}
.service_br_part_05 .list ul li:hover .txt{color: #E60012;font-weight: bold;}
.service_br_part_05 .more{transition: 0.3s; width: 3.4rem;height: 0.56rem;line-height: 0.56rem;text-align: center;color: #8A8D8D;border: 1px solid #BBBDBF;border-radius: 0.3rem;margin: auto;margin-top: 0.6rem;}
.service_br_part_05 .more:hover{color: #fff;background: #E60012;border: 1px solid #E60012;}



/*==========================服务   高端定制===========================*/
.service_dz_content{width: 100%;height: auto;position: relative;}
.service_dz_content .service_dz_banner{width: 100%;height: 9.4rem;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;position: relative;}
.service_dz_content .service_dz_banner p{display: inline-block;width: 100%;}
.service_dz_content .service_dz_banner p:nth-child(1){font-size: 0.48rem;font-weight: bold;color: #fff;margin-bottom: 0.32rem;margin-top: 2rem;}
.service_dz_content .service_dz_banner p:nth-child(2){width: 0.56rem;height: 0.06rem;background: #E60012;}
.service_dz_content .service_dz_banner p:nth-child(3){font-size: 0.16rem;color: #fff;line-height: 0.3rem;margin-top: 0.4rem;}
.service_dz_content .service_dz_banner p:nth-child(4){width: 15.2rem;height: 0.01rem;background: #BBBDBF;margin-top: 0.75rem;}
.service_dz_content .service_dz_banner ul{width: 100%;height: 3rem;display: flex;justify-content: center;align-items: center;margin-top: 0.5rem;}
.service_dz_content .service_dz_banner ul li{display: block;width: 2.5rem;height: 2.2rem;overflow: hidden;background: rgba(0, 0, 0, 0.65);margin-right: 0.04rem;position: relative;cursor: pointer;transition: 0.5s;}
.service_dz_content .service_dz_banner ul li .text_01{font-weight: bold;font-size: 0.2rem;color: #fff;position: absolute;left: 0.32rem;top: 0.44rem;}
.service_dz_content .service_dz_banner ul li .text_02{font-size: 0.14rem;color: #fff;position: absolute;left: 0.32rem;top: 0.8rem;}
.service_dz_content .service_dz_banner ul li img{width: 0.4rem;}
.service_dz_content .service_dz_banner ul li img:nth-child(3){position: absolute;left: 0.32rem;bottom: 0.44rem;}
.service_dz_content .service_dz_banner ul li img:nth-child(4){position: absolute;right: 0.33rem;bottom: 0.4rem;display: none;}
.service_dz_content .service_dz_banner ul li.active{background: #E60012;}
.service_dz_content .service_dz_banner ul li.active .text_01{top: 1.26rem;}
.service_dz_content .service_dz_banner ul li.active .text_02{top: 1.62rem;}
.service_dz_content .service_dz_banner ul li.active img:nth-child(3){bottom: 1.36rem;}
.service_dz_content .service_dz_banner ul li.active img:nth-child(4){display: inline-block;}

.service_dz_part_01{width: 100%;height: 8.2rem;overflow: hidden;background: url("../img/case_part_01_bg.png")no-repeat;background-size: 100% 100%;}
.service_dz_part_01 .title{width: 100%;height: 2.3rem;text-align: center;}
.service_dz_part_01 .title p{display: inline-block;}
.service_dz_part_01 .title p:nth-child(1){width: 100%;height: 1px;}
.service_dz_part_01 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-top: 0.6rem;margin-bottom: 0.2rem;}
.service_dz_part_01 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_dz_part_01 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;width: 100%;margin-top: 0.2rem;}
.service_dz_part_01 .info{width: 100%;height: 5.2rem;display: flex;justify-content: center;}
.service_dz_part_01 .info .left{width: 4rem;height: 100%;}
.service_dz_part_01 .info .left ul{width: 100%;height: 90%;display: flex;flex-wrap: wrap;align-items: center;}
.service_dz_part_01 .info .left ul li{width: 3.2rem;height: 0.44rem;box-shadow: 0px 8px 24px 0px rgba(10, 31, 51, 0.1);text-align: center;line-height: 0.44rem;font-size: 0.16rem;color: #252626;border-radius: 0.5rem;position: relative;}
.service_dz_part_01 .info .left ul li img{position: absolute;right: -0.16rem;top: 0.06rem;width: 0.32rem;}
.service_dz_part_01 .info .left ul li:nth-child(1){left: 0.56rem;animation: service_dz_part_01_an_01 4s linear infinite;}
.service_dz_part_01 .info .left ul li:nth-child(2){left: 0.2rem;animation: service_dz_part_01_an_02 4s linear infinite;}
.service_dz_part_01 .info .left ul li:nth-child(3){left: 0rem;animation: service_dz_part_01_an_03 4s linear infinite;}
.service_dz_part_01 .info .left ul li:nth-child(4){left: 0.2rem;animation: service_dz_part_01_an_02 4s linear infinite;}
.service_dz_part_01 .info .left ul li:nth-child(5){left: 0.56rem;animation: service_dz_part_01_an_01 4s linear infinite;}
.service_dz_part_01 .info .center{width: 7.4rem;height: 100%;background: url("../img/case_part_01_bg_center.png")no-repeat;background-size: 100% 110%;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;}
.service_dz_part_01 .info .right{width: 4rem;height: 100%;}
.service_dz_part_01 .info .right ul{width: 100%;height: 90%;display: flex;flex-wrap: wrap;align-items: center;}
.service_dz_part_01 .info .right ul li{width: 3.2rem;height: 0.44rem;box-shadow: 0px 8px 24px 0px rgba(10, 31, 51, 0.1);text-align: center;line-height: 0.44rem;font-size: 0.16rem;color: #252626;border-radius: 0.5rem;position: relative;}
.service_dz_part_01 .info .right ul li img{position: absolute;left: -0.16rem;top: 0.06rem;width: 0.32rem;}
.service_dz_part_01 .info .right ul li:nth-child(1){left: 0.2rem;animation: service_dz_part_01_an_02 4s linear infinite}
.service_dz_part_01 .info .right ul li:nth-child(2){left: 0.56rem;animation: service_dz_part_01_an_01 4s linear infinite;}
.service_dz_part_01 .info .right ul li:nth-child(3){left: 0.88rem;animation: service_dz_part_01_an_04 4s linear infinite}
.service_dz_part_01 .info .right ul li:nth-child(4){left: 0.56rem;animation: service_dz_part_01_an_01 4s linear infinite;}
.service_dz_part_01 .info .right ul li:nth-child(5){left: 0.2rem;animation: service_dz_part_01_an_02 4s linear infinite}

@keyframes service_dz_part_01_an_01 {
    0%{
        left: 0.56rem;
    }
    50%{
        left: 0.86rem;
    }
    100%{
        left: 0.56rem;
    }
}
@keyframes service_dz_part_01_an_02 {
    0%{
        left: 0.5rem;
    }
    50%{
        left: 0.2rem;
    }
    100%{
        left: 0.5rem;
    }
}
@keyframes service_dz_part_01_an_03 {
    0%{
        left: 0rem;
    }
    50%{
        left: 0.3rem;
    }
    100%{
        left: 0rem;
    }
}
@keyframes service_dz_part_01_an_04 {
    0%{
        left: 1.18rem;
    }
    50%{
        left: 0.88rem;
    }
    100%{
        left: 1.18rem;
    }
}





.service_dz_part_02{width: 100%;height: 7.2rem;overflow: hidden;background: url("../img/case_part_02_bg.png")no-repeat;background-size: 100% 100%;}
.service_dz_part_02 .title{width: 100%;height: auto;text-align: center;}
.service_dz_part_02 .title p{display: inline-block;}
.service_dz_part_02 .title p:nth-child(1){width: 100%;height: 0.78rem;}
.service_dz_part_02 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #fff;margin-bottom: 0.2rem;}
.service_dz_part_02 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_dz_part_02 .title p:nth-child(4){font-size: 0.16rem;color: #fff;margin-top: 0.2rem;width: 100%;}
.service_dz_part_02 .title p:nth-child(5){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.5rem;line-height: 0.3rem;width: 100%;}
.service_dz_part_02 ul{width: 100%;height: 1.3rem;display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;margin-top: 1.2rem;}
.service_dz_part_02 ul li{display: block;width: 2.5rem;height: 100%;text-align: center;}
.service_dz_part_02 ul li p{display: block;width: 100%;font-size: 0.3rem;font-weight: bold;color: #E60012;}
.service_dz_part_02 ul li p span{font-size: 0.8rem;margin-right: 0.08rem;}
.service_dz_part_02 ul li label{display: block;width: 100%;font-size: 0.24rem;color: #8A8D8D;margin-top: 0.24rem;}
.service_dz_part_02 ul .line{width: 0.01rem;height: 100%;background: #8A8D8D;margin-left: 0.7rem;margin-right: 0.7rem;opacity: 0.7;}

.service_dz_part_03{width: 100%;height: 7.2rem;overflow: hidden;}
.service_dz_part_03 .title{width: 100%;height: auto;text-align: center;}
.service_dz_part_03 .title p{display: inline-block;}
.service_dz_part_03 .title p:nth-child(1){width: 100%;height: 0.78rem;}
.service_dz_part_03 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;}
.service_dz_part_03 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_dz_part_03 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_dz_part_03 ul{width: 100%;height: 3.8rem;display: flex;justify-content: center;margin-top: 0.48rem;}
.service_dz_part_03 ul li{display: block;width: 3.04rem;height: 100%;text-align: center;border-right: 1px solid #E1E3E5;}
.service_dz_part_03 ul li .img{width: 100%;height: 0.6rem;line-height: 1rem;text-align: center;}
.service_dz_part_03 ul li .text_01{display: block;width: 100%;font-size: 0.2rem;font-weight: bold;}
.service_dz_part_03 ul li .text_04{display: block;width: 69%;margin: auto;line-height: 0.24rem;font-size: 0.14rem;color: #575859;margin-top: 0.32rem;}
.service_dz_part_03 ul li .icon{width: 100%;text-align: center;margin-top: 0.64rem;}
.service_dz_part_03 ul li .icon img{width: 0.64rem;}
.service_dz_part_03 ul li:last-child{border-right: none;}

.service_dz_part_04{width: 100%;height: 6rem;overflow: hidden;background: url("../img/case_part_04_bg.png")no-repeat;background-size: 100% 100%;}
.service_dz_part_04 .left{width: 7.4rem;height: 100%;float: left;margin-left: 2rem;}
.service_dz_part_04 .left .text_01{display: block;font-size: 0.48rem;font-weight: bold;padding-top: 0.8rem;margin-bottom: 0.2rem;color: #252626;}
.service_dz_part_04 .left .text_02{display: block;width: 0.5rem;height: 0.04rem;background: #E60012}
.service_dz_part_04 .left .text_03{font-size: 0.3rem;display: block;width: 100%;margin-top: 0.24rem;color: #252626;}
.service_dz_part_04 .left .text_04{font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;}
.service_dz_part_04 .left ul{width: 100%;height: 3rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;align-content: center;margin-top: 0.3rem;}
.service_dz_part_04 .left ul li{width: 43%;height: 1.3rem;}
.service_dz_part_04 .left ul li p{display: block;}
.service_dz_part_04 .left ul li p:nth-child(1){font-size: 0.18rem;font-weight: bold;color: #252626;width: 100%;margin-bottom: 0.16rem;}
.service_dz_part_04 .left ul li p:nth-child(2){width: 0.32rem;height: 0.03rem;background: #E60012;}
.service_dz_part_04 .left ul li p:nth-child(3){line-height: 0.24rem;color: #575859;font-size: 0.14rem;margin-top: 0.2rem;width: 100%;}
.service_dz_part_04 .right{width: 6.6rem;height: 100%;text-align: center;line-height: 6rem;margin-left: 1rem;float: left;}
.service_dz_part_04 .right img{max-width: 100%;height: auto;}

.service_dz_part_05{width: 100%;height: 13.46rem;}
.service_dz_part_05 .title{width: 100%;height: auto;text-align: center;margin-bottom: 0.48rem;}
.service_dz_part_05 .title p{display: inline-block;}
.service_dz_part_05 .title p:nth-child(1){font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;width: 100%;padding-top: 0.8rem;}
.service_dz_part_05 .title p:nth-child(2){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_dz_part_05 .title p:nth-child(3){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_dz_part_05 ul{width: 85%;height: 9rem;display: flex;flex-wrap: wrap;justify-content: space-evenly;margin: auto;}
.service_dz_part_05 ul li{display: block;width: 4.9rem;height: 4.2rem;position: relative;}
.service_dz_part_05 ul li .img{width: 100%;height: 100%;overflow: hidden;}
.service_dz_part_05 ul li .img img{width: 100%;height: auto;min-height: 100%;}
.service_dz_part_05 ul li .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.service_dz_part_05 ul li .cover .border-top{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;top: 0.2rem;left: -5rem;transition: 0.5s;}
.service_dz_part_05 ul li .cover .border-right{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: -5rem;right: 0.2rem;transition: 0.5s;}
.service_dz_part_05 ul li .cover .border-bottom{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;bottom: 0.2rem;left: 5rem;transition: 0.5s;}
.service_dz_part_05 ul li .cover .border-left{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: 5rem;left: 0.2rem;transition: 0.5s;}
.service_dz_part_05 ul li .zz{transition: 0.5s; width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, #F20C1F 0%, #B20000 100%);;opacity: 0;clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);}
.service_dz_part_05 ul li .info{opacity: 1; width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;display: flex;align-content: center;flex-wrap: wrap;justify-content: space-around;}
.service_dz_part_05 ul li .info img{display: inline-block;width: 3.08rem;height: auto;}
.service_dz_part_05 ul li .info p{display: inline-block;}
.service_dz_part_05 ul li .info p:nth-child(2){font-size: 0.18rem;color: #fff;font-weight: bold;width: 100%;margin-top: 0.32rem;}
.service_dz_part_05 ul li .info p:nth-child(3){width: 0.32rem;height: 0.02rem;background: #fff;margin-top: 0.16rem;opacity: 0;transition: 0.5s;}
.service_dz_part_05 ul li .info p:nth-child(4){width: 100%;font-size: 0.14rem;color: #fff;margin-top: 0.2rem;opacity: 0;transition: 0.5s;}
.service_dz_part_05 ul li:hover .zz{clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);opacity: 1;}
/*.index_case .right .unit:hover .info{animation: index_case_info 1s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}*/
.service_dz_part_05 ul li:hover .cover .border-top{left: 0.3rem;}
.service_dz_part_05 ul li:hover .cover .border-right{top: 0.3rem;}
.service_dz_part_05 ul li:hover .cover .border-bottom{left: 0.2rem;}
.service_dz_part_05 ul li:hover .cover .border-left{top: 0.2rem;}
.service_dz_part_05 ul li:hover .info p:nth-child(3){opacity: 1;}
.service_dz_part_05 ul li:hover .info p:nth-child(4){opacity: 1;}

.service_dz_part_05 .more{transition: 0.3s; width: 3.4rem;height: 0.56rem;line-height: 0.56rem;text-align: center;color: #8A8D8D;border: 1px solid #BBBDBF;border-radius: 0.3rem;margin: auto;margin-top: 0.6rem;font-size: 0.18rem;}
.service_dz_part_05 .more:hover{color: #fff;background: #E60012;border: 1px solid #E60012;}

/*==========================服务----------小程序====================*/
.service_sr_content{width: 100%;height: auto;position: relative;}
.service_sr_banner{width: 100%;height: 9.4rem;}
.service_sr_banner .left{width: 4.8rem;height: 100%;margin-left: 2rem;}
.service_sr_banner .left .text_01{width: 100%;display: block;font-size: 0.68rem;font-weight: bold;color: #fff;padding-top: 3.2rem;}
.service_sr_banner .left .text_05{width: 100%;display: block;font-size: 0.16rem;color: rgba(255, 255, 255, 0.5);margin-top: 0.2rem;}
.service_sr_banner .left .text_03{width: 100%;height: 0.4rem;background: #fff;color: #E60012;font-size: 0.2rem;text-align: center;line-height: 0.4rem;margin-top: 0.48rem;letter-spacing: 0.06rem;}
.service_sr_banner .left a{display: block;width: 2rem;height: 0.48rem;text-align: center;line-height: 0.48rem;color: #E60012;background: #fff;font-size: 0.18rem;margin-top: 1rem;transition: 0.5s;border-radius: 0.08rem;}
.service_sr_banner .left a:hover{background: #E60012;color: #fff;}

.service_sr_part_01{width: 100%;height: 8.9rem;background: url("../img/service_sr_part_01_bg.png")no-repeat;background-size: 100% 100%;overflow: hidden;}
.service_sr_part_01 .title{width: 100%;height: auto;text-align: center;}
.service_sr_part_01 .title p{display: inline-block;}
.service_sr_part_01 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_sr_part_01 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;}
.service_sr_part_01 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_sr_part_01 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_sr_part_01 ul{width: 100%;height: 2.5rem;display: flex;justify-content: center;margin-top: 0.48rem;}
.service_sr_part_01 ul li{display: block;text-align: center;width: 3.3rem;height: 100%;}
.service_sr_part_01 ul li img{width: 0.96rem;}
.service_sr_part_01 ul li p{display: block;width: 2.8rem;margin: auto;}
.service_sr_part_01 ul li p:nth-child(2){font-size: 0.18rem;font-weight: bold;color: #252626;margin-top: 0.28rem;}
.service_sr_part_01 ul li p:nth-child(3){font-size: 0.14rem;color: #666666;margin-top: 0.2rem;line-height: 0.24rem;}

.service_sr_part_02{width: 100%;height: 8.5rem;background: url("../img/service_sr_part_02_bg.jpg")no-repeat;background-size: 100% 100%;overflow: hidden;}
.service_sr_part_02 .title{width: 100%;height: auto;text-align: center;}
.service_sr_part_02 .title p{display: inline-block;}
.service_sr_part_02 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_sr_part_02 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;margin-bottom: 0.2rem;color: #fff;}
.service_sr_part_02 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_sr_part_02 .title p:nth-child(4){font-size: 0.16rem;margin-top: 0.2rem;width: 100%;color: #fff;}
.service_sr_part_02 ul{width: 100%;height: 5.4rem;display: flex;justify-content: center;margin-top: 0.48rem;}
.service_sr_part_02 ul li{display: block;width: 3.62rem;height: 100%;position: relative;margin-right: 0.12rem;margin-left: 0.12rem;overflow: hidden;cursor: pointer;}
.service_sr_part_02 ul li img{width: 100%;height: 100%;}
.service_sr_part_02 ul li .title{width: 100%;text-align: center;font-size: 0.2rem;font-weight: bold;color: #fff;position: absolute;bottom: 0.4rem;}
.service_sr_part_02 ul li .info{width: 100%;height: 0%;position: absolute;top: 0;left: 0;background: #e60012b8;text-align: center;overflow: hidden;}
.service_sr_part_02 ul li .info p{display: inline-block;}
.service_sr_part_02 ul li .info p:nth-child(1){width: 100%;font-size: 0.24rem;font-weight: bold;color: #fff;padding-top: 0.7rem;margin-bottom: 0.12rem;}
.service_sr_part_02 ul li .info p:nth-child(2){width: 0.5rem;height: 0.04rem;background: #fff;}
.service_sr_part_02 ul li .info p:nth-child(3){width: 100%;height: 0.01rem;}
.service_sr_part_02 ul li .info p:nth-child(4){font-size: 0.16rem;line-height: 0.3rem;color: #fff;width: 2.82rem;margin-top: 0.28rem;}
.service_sr_part_02 ul li .info p:nth-child(5){font-size: 0.16rem;line-height: 0.3rem;color: #fff;width: 2.82rem;margin-top: 0.32rem;border-top: 2px dashed #FFFFFF;padding-top: 0.32rem;position: absolute;bottom: 0.58rem;left: 0.4rem;}
.service_sr_part_02 ul li:hover .info{animation: service_sr_part_02_info 1.5s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.service_sr_part_02 ul li:hover .title{display: none;}
@keyframes service_sr_part_02_info {
    from{
        height: 0%;
    }
    to{
        height: 100%;
    }
}
.service_sr_part_03{width: 100%;height: 8rem;background: #fff;}
.service_sr_part_03 .title{width: 100%;height: auto;text-align: center;}
.service_sr_part_03 .title p{display: inline-block;}
.service_sr_part_03 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_sr_part_03 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;}
.service_sr_part_03 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_sr_part_03 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_sr_part_03 .info{width: 15.2rem;height: 5rem;margin: auto;position: relative;}
.service_sr_part_03 .info .top{width: 100%;height: 1.8rem;margin-top: 0.48rem;}
.service_sr_part_03 .info .top ul{width: 100%;height: 100%;}
.service_sr_part_03 .info .top ul li{transition: 0.3s; text-align: center; display: block;float: left;width: 3.2rem;height: 1.6rem;box-shadow: 0px 8px 24px 0px rgba(10, 31, 51, 0.1);position: relative;border-radius: 0.1rem;}
.service_sr_part_03 .info .top ul li:before{transition: 0.5s; content: '';position: absolute;width: 0;height: 0;bottom: -20px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fff;left: 1.44rem;}
.service_sr_part_03 .info .top ul li p{display: inline-block;transition: 0.3s;}
.service_sr_part_03 .info .top ul li p:nth-child(1){font-size: 0.18rem;font-weight: bold;width: 100%;padding-top: 0.28rem;}
.service_sr_part_03 .info .top ul li p:nth-child(2){font-size: 0.14rem;color: #8A8D8D;width: 2.5rem;line-height: 0.24rem;margin-top: 0.2rem;}
.service_sr_part_03 .info .top ul li:nth-of-type(2){left: 0.8rem;}
.service_sr_part_03 .info .top ul li:nth-of-type(3){left: 1.54rem;}
.service_sr_part_03 .info .top ul li:nth-of-type(4){left: 2.3rem;}
.service_sr_part_03 .info .top ul li:hover{background: #E60012;cursor: pointer;}
.service_sr_part_03 .info .top ul li:hover p{color: #fff;}
.service_sr_part_03 .info .top ul li:hover::before{border-top: 20px solid #E60012;}

.service_sr_part_03 .info .center{width: 100%;height: 1rem;position: relative;margin-top: 0.1rem;}
.service_sr_part_03 .info .center .line{position: absolute;top: 0.5rem;width: 100%;height: 0.02rem;background: #E1E3E5;}
.service_sr_part_03 .info .center ul{width: 100%;height: 100%;display: flex;justify-content: space-evenly;position: absolute;top: 0.18rem;}
.service_sr_part_03 .info .center ul li{display: block;width: 0.64rem;height: 0.64rem;text-align: center;line-height: 0.64rem;border: 1px solid #E1E3E5;border-radius: 0.5rem;background: #fff;}
.service_sr_part_03 .info .center ul li img{width: 0.28rem;}
.service_sr_part_03 .info .center ul li img:nth-child(2){display: none;}

.service_sr_part_03 .info .bottom{width: 100%;height: 1.8rem;margin-top: 0.18rem;}
.service_sr_part_03 .info .bottom ul{width: 100%;height: 100%;padding-top: 0.2rem;}
.service_sr_part_03 .info .bottom ul li{transition: 0.3s; text-align: center; display: block;float: left;width: 3.2rem;height: 1.6rem;box-shadow: 0px -8px 24px 0px rgba(10, 31, 51, 0.1);position: relative;border-radius: 0.1rem;}
.service_sr_part_03 .info .bottom ul li:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    left: 1.44rem;
    transition: 0.5s;
}
.service_sr_part_03 .info .bottom ul li p{display: inline-block;transition: 0.3s;}
.service_sr_part_03 .info .bottom ul li p:nth-child(1){font-size: 0.18rem;font-weight: bold;width: 100%;padding-top: 0.28rem;}
.service_sr_part_03 .info .bottom ul li p:nth-child(2){font-size: 0.14rem;color: #8A8D8D;width: 2.5rem;line-height: 0.24rem;margin-top: 0.2rem;}
.service_sr_part_03 .info .bottom ul li:nth-of-type(1){left: 2rem;}
.service_sr_part_03 .info .bottom ul li:nth-of-type(2){left: 2.74rem;}
.service_sr_part_03 .info .bottom ul li:nth-of-type(3){left: 3.54rem;}
.service_sr_part_03 .info .bottom ul li:hover{background: #E60012;cursor: pointer;}
.service_sr_part_03 .info .bottom ul li:hover p{color: #fff;}
.service_sr_part_03 .info .bottom ul li:hover::before{border-bottom: 20px solid #E60012;}

.service_sr_part_04{width: 100%;height: 7.18rem;background: url("../img/service_sr_part_04_bg.jpg")no-repeat;background-size: 100% 100%;overflow: hidden;}
.service_sr_part_04 .title{width: 100%;height: auto;text-align: center;}
.service_sr_part_04 .title p{display: inline-block;}
.service_sr_part_04 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_sr_part_04 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;margin-bottom: 0.2rem;color: #fff;}
.service_sr_part_04 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_sr_part_04 .title p:nth-child(4){font-size: 0.16rem;margin-top: 0.2rem;width: 100%;color: #fff;}
.service_sr_part_04 ul{width: 15rem;height: 4.6rem;margin: auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.service_sr_part_04 ul li{display: flex;text-align: center;width: 2.2rem;height: 1.8rem;border-radius: 0.1rem;background: #fff;margin: 0 0.2rem 0 0.2rem;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;}
.service_sr_part_04 ul li img{width: 0.72rem;}
.service_sr_part_04 ul li p{display: block;width: 100%;font-size: 0.2rem;margin-top: 0.24rem;}

.service_sr_part_05{width: 100%;height: 13.16rem;background: #fff;}
.service_sr_part_05 .title{width: 100%;height: auto;text-align: center;}
.service_sr_part_05 .title p{display: inline-block;}
.service_sr_part_05 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_sr_part_05 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;}
.service_sr_part_05 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_sr_part_05 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_sr_part_05 ul{width: 15.3rem;height: 8.8rem;margin: auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 0.48rem;}
.service_sr_part_05 ul li{display: block;width: 7.4rem;height: 4rem;border-radius: 0.3rem;box-shadow: 0px 12px 40px 0px rgba(10, 24, 51, 0.15);overflow: hidden;}
.service_sr_part_05 ul li .left{width: 2.4rem;height: 100%;padding-top: 0.4rem;overflow: hidden;margin-left: 0.56rem;float: left;}
.service_sr_part_05 ul li .left img{width: 100%;height: auto;}
.service_sr_part_05 ul li .right{width: 3.32rem;height: 100%;float: left;margin-left: 0.56rem;position: relative;}
.service_sr_part_05 ul li .right .title{text-align: left; width: 100%;font-size: 0.28rem;font-weight: bold;line-height: 0.3rem;padding-top: 0.7rem;border-bottom: 1px solid #E1E3E5;padding-bottom: 0.24rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.service_sr_part_05 ul li .right .description{width: 100%;line-height: 0.32rem;font-size: 0.16rem;color: #575859;margin-top: 0.24rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;}
.service_sr_part_05 ul li .right .more{width: 100%;height: 0.6rem;position: absolute;bottom: 0.7rem;left: 0;}
.service_sr_part_05 ul li .right .more .scan{width: 2rem;height: 0.48rem;line-height: 0.48rem;text-align: center;float: left;border-radius: 0.5rem;border: 1px solid #E1E3E5;transition: 0.3s;color: #8A8D8D;font-size: 0.16rem;}
.service_sr_part_05 ul li .right .more .link{width: 0.49rem;height: 100%;text-align: center;float: right;transition: 0.3s;}
.service_sr_part_05 ul li .right .more .link img{width: 0.48rem;}
.service_sr_part_05 ul li .right .more .link img:nth-child(2){display: none;}
.service_sr_part_05 ul li .right .more .scan:hover{background: #E60012;color: #fff;border: 1px solid #E60012;}
.service_sr_part_05 ul li .right .more .link:hover img:nth-child(1){display: none;}
.service_sr_part_05 ul li .right .more .link:hover img:nth-child(2){display: block;}
.service_sr_part_05 .morebtn{transition: 0.3s; width: 3.4rem;height: 0.56rem;line-height: 0.56rem;text-align: center;color: #8A8D8D;border: 1px solid #BBBDBF;border-radius: 0.3rem;margin: auto;margin-top: 0.6rem;font-size: 0.16rem;}
.service_sr_part_05 .morebtn:hover{color: #fff;background: #E60012;border: 1px solid #E60012;}

/*==========================服务----------app====================*/
.service_app_content{width: 100%;height: auto;position: relative;}
.service_app_banner{width: 100%;height: 9.4rem;}
.service_app_banner .left{width: 9rem;height: 100%;margin-left: 3.2rem;text-align: left;}
.service_app_banner .left .text_01{width: 100%;display: block;font-size: 0.68rem;font-weight: bold;color: #fff;padding-top: 2.8rem;}
.service_app_banner .left .text_05{width: 100%;display: block;font-size: 0.16rem;color: rgba(255, 255, 255, 0.5);margin-top: 0.2rem;text-transform: uppercase;margin-bottom: 0.56rem;}
.service_app_banner .left .text_03{width: 100%;color: #fff;font-size: 0.24rem;margin-bottom: 0.3rem;}
.service_app_banner .left a{display: block;width: 2rem;height: 0.48rem;text-align: center;line-height: 0.48rem;color: #6789F8;background: #fff;font-size: 0.18rem;margin-top: 1rem;transition: 0.5s;border-radius: 0.08rem;}
.service_app_banner .left a:hover{background: #154cff;color: #fff;}

.service_app_part_01{width: 100%;height: 7.1rem;}
.service_app_part_01 .title{width: 100%;height: auto;text-align: center;}
.service_app_part_01 .title p{display: inline-block;}
.service_app_part_01 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_app_part_01 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;}
.service_app_part_01 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_app_part_01 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_app_part_01 ul{width: 15.4rem;height: 4.2rem;display: flex;justify-content: space-evenly;margin: auto;margin-top: 0.48rem;}
.service_app_part_01 ul li{display: flex;width: 3.62rem;height: 4rem;flex-wrap: wrap;justify-content: center;align-items: center;border: 1px solid #E1E3E6;text-align: center;align-content: center;}
.service_app_part_01 ul li img{width: 0.99rem;}
.service_app_part_01 ul li p{display: inline-block;}
.service_app_part_01 ul li p:nth-child(2){width: 100%;font-size: 0.2rem;font-weight: bold;margin-top: 0.48rem;margin-bottom: 0.2rem;}
.service_app_part_01 ul li p:nth-child(3){width: 0.32rem;height: 0.04rem;background: #E60012;}
.service_app_part_01 ul li p:nth-child(4){width: 93%;font-size: 0.16rem;color: #666666;margin: auto;margin-top: 0.24rem;line-height: 0.3rem;}

.service_app_part_02{width: 100%;height: 8.4rem;background: url("../img/service_app_part_02_bg.jpg")no-repeat;background-size: 100% 100%;}
.service_app_part_02 .title{width: 100%;height: auto;text-align: center;}
.service_app_part_02 .title p{display: inline-block;}
.service_app_part_02 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_app_part_02 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #fff;margin-bottom: 0.2rem;}
.service_app_part_02 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_app_part_02 .title p:nth-child(4){font-size: 0.16rem;color: #fff;margin-top: 0.2rem;width: 100%;}
.service_app_part_02 ul{width: 16rem;height: 4.2rem;display: flex;flex-wrap: wrap;justify-content: center;align-content: space-between;align-items: center;margin: auto;margin-top: 0.48rem;}
.service_app_part_02 ul li{display: flex;flex-wrap: wrap; justify-content: center;align-items: center;align-content: center;width: 2.2rem;height: 1.8rem;background: #fff;border-radius: 0.1rem;margin-left: 0.44rem;margin-right: 0.44rem;}
.service_app_part_02 ul li img{width: 0.72rem;}
.service_app_part_02 ul li p{display: block;width: 100%;text-align: center;margin-top: 0.24rem;font-size: 0.2rem;font-weight: bold;}
.service_app_part_02 .more{transition: 0.3s; width: 3.4rem;height: 0.56rem;line-height: 0.56rem;text-align: center;color: #fff;font-size: 0.18rem;border: 1px solid #fff;margin: auto;margin-top: 0.6rem;border-radius: 0.5rem;}
.service_app_part_02 .more:hover{background: #002ec3;color: #fff;border: 1px solid #002ec3;}

.service_app_part_03{width: 100%;height: 6.8rem;background: #F3F7FF;}
.service_app_part_03 .title{width: 100%;height: auto;text-align: center;}
.service_app_part_03 .title p{display: inline-block;}
.service_app_part_03 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_app_part_03 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;}
.service_app_part_03 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_app_part_03 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_app_part_03 .box{width: 16rem;height: 4.6rem;margin: auto;}
.service_app_part_03 .box .left{width: 4.4rem;height: 100%;float: left;margin-left: 0.34rem;}
.service_app_part_03 .box .left ul{width: 100%;height: 100%;}
.service_app_part_03 .box .left ul li{width: 100%;height: auto;text-align: right;margin-top: 0.48rem;}
.service_app_part_03 .box .left ul li .text_01{display: block;font-size: 0.16rem;font-weight: bold;width: 100%;color: #252626;}
.service_app_part_03 .box .left ul li .text_02{display: block;font-size: 0.14rem;width: 100%;color: #575859;line-height: 0.24rem;margin-top: 0.2rem;}
.service_app_part_03 .box .center{width: 5rem;height: 100%;float: left;margin-left: 0.76rem;}
.service_app_part_03 .box .center img{width: 100%;}
.service_app_part_03 .box .right{width: 4.4rem;height: 100%;float: left;margin-left: 0.78rem;}
.service_app_part_03 .box .right ul{width: 100%;height: 100%;}
.service_app_part_03 .box .right ul li{width: 100%;height: auto;text-align: left;margin-top: 0.48rem;}
.service_app_part_03 .box .right ul li .text_01{display: block;font-size: 0.16rem;font-weight: bold;width: 100%;color: #252626;}
.service_app_part_03 .box .right ul li .text_02{display: block;font-size: 0.14rem;width: 100%;color: #575859;line-height: 0.24rem;margin-top: 0.2rem;}

.service_app_part_04{width: 100%;height: 7rem;background: url("../img/service_app_part_04_bg.jpg")no-repeat;background-size: 100% 100%;}
.service_app_part_04 .title{width: 100%;height: auto;text-align: center;}
.service_app_part_04 .title p{display: inline-block;}
.service_app_part_04 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_app_part_04 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #fff;margin-bottom: 0.2rem;}
.service_app_part_04 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_app_part_04 .title p:nth-child(4){font-size: 0.16rem;color: #fff;margin-top: 0.2rem;width: 100%;}
.service_app_part_04 ul{width: 15rem;height: 4rem;margin: auto;display: flex;justify-content: space-between;margin-top: 0.4rem;}
.service_app_part_04 ul li{display: block;width: 2.88rem;height: 3.9rem;}
.service_app_part_04 ul li .img{width: 100%;height: 2.2rem;overflow: hidden;}
.service_app_part_04 ul li .img img{width: 100%;height: auto;min-height: 100%;}
.service_app_part_04 ul li .txt{width: 100%;height: 1.7rem;background: #fff;text-align: center;}
.service_app_part_04 ul li .txt p{display: inline-block;}
.service_app_part_04 ul li .txt p:nth-child(1){width: 100%;font-size: 0.18rem;color: #252626;font-weight: bold;padding-top: 0.18rem;margin-bottom: 0.1rem;}
.service_app_part_04 ul li .txt p:nth-child(2){width: 0.32rem;height: 0.02rem;background: #E60012;}
.service_app_part_04 ul li .txt p:nth-child(3){font-size: 0.16rem;color: #575859;line-height: 0.3rem;width: 90%;margin: auto;margin-top: 0.16rem;}

.service_app_part_05{width: 100%;height: 13.46rem;}
.service_app_part_05 .title{width: 100%;height: auto;text-align: center;margin-bottom: 0.48rem;}
.service_app_part_05 .title p{display: inline-block;}
.service_app_part_05 .title p:nth-child(1){font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;width: 100%;padding-top: 0.8rem;}
.service_app_part_05 .title p:nth-child(2){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_app_part_05 .title p:nth-child(3){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_app_part_05 ul{width: 85%;height: 9rem;display: flex;flex-wrap: wrap;justify-content: space-evenly;margin: auto;}
.service_app_part_05 ul li{display: block;width: 4.9rem;height: 4.2rem;position: relative;}
.service_app_part_05 ul li .img{width: 100%;height: 100%;overflow: hidden;}
.service_app_part_05 ul li .img img{width: 100%;height: auto;min-height: 100%;}
.service_app_part_05 ul li .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.service_app_part_05 ul li .cover .border-top{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;top: 0.2rem;left: -5rem;transition: 0.5s;}
.service_app_part_05 ul li .cover .border-right{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: -5rem;right: 0.2rem;transition: 0.5s;}
.service_app_part_05 ul li .cover .border-bottom{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;bottom: 0.2rem;left: 5rem;transition: 0.5s;}
.service_app_part_05 ul li .cover .border-left{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: 5rem;left: 0.2rem;transition: 0.5s;}
.service_app_part_05 ul li .zz{transition: 0.5s; width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, #F20C1F 0%, #B20000 100%);;opacity: 0;clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);}
.service_app_part_05 ul li .info{opacity: 1; width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;display: flex;align-content: center;flex-wrap: wrap;justify-content: space-around;}
.service_app_part_05 ul li .info img{display: inline-block;width: 3.08rem;height: auto;}
.service_app_part_05 ul li .info p{display: inline-block;}
.service_app_part_05 ul li .info p:nth-child(2){font-size: 0.18rem;color: #fff;font-weight: bold;width: 100%;margin-top: 0.32rem;}
.service_app_part_05 ul li .info p:nth-child(3){width: 0.32rem;height: 0.02rem;background: #fff;margin-top: 0.16rem;opacity: 0;transition: 0.5s;}
.service_app_part_05 ul li .info p:nth-child(4){width: 100%;font-size: 0.14rem;color: #fff;margin-top: 0.2rem;opacity: 0;transition: 0.5s;}
.service_app_part_05 ul li:hover .zz{clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);opacity: 1;}
/*.index_case .right .unit:hover .info{animation: index_case_info 1s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}*/
.service_app_part_05 ul li:hover .cover .border-top{left: 0.3rem;}
.service_app_part_05 ul li:hover .cover .border-right{top: 0.3rem;}
.service_app_part_05 ul li:hover .cover .border-bottom{left: 0.2rem;}
.service_app_part_05 ul li:hover .cover .border-left{top: 0.2rem;}
.service_app_part_05 ul li:hover .info p:nth-child(3){opacity: 1;}
.service_app_part_05 ul li:hover .info p:nth-child(4){opacity: 1;}

.service_app_part_05 .more{font-size: 0.18rem; transition: 0.3s; width: 3.4rem;height: 0.56rem;line-height: 0.56rem;text-align: center;color: #8A8D8D;border: 1px solid #BBBDBF;border-radius: 0.3rem;margin: auto;margin-top: 0.6rem;}
.service_app_part_05 .more:hover{color: #fff;background: #E60012;border: 1px solid #E60012;}

/*================服务----------------网站维护===================*/
.service_wh_content{width: 100%;height: auto;position: relative;overflow: hidden;}
.service_wh_banner{width: 100%;height: 9.4rem;}
.service_wh_banner .box{width: 8.64rem;height: 3.8rem;margin: auto;margin-top: 2.7rem;position: relative;}
.service_wh_banner .box .title{width: 100%;font-size: 0.64rem;letter-spacing: 0.05rem;color: #E60012;font-weight: bold;text-align: center;font-family: Geometr415 Blk BT;}
.service_wh_banner .box .description{width: 100%;text-align: center;font-size: 0.64rem;font-weight: bold;color: #fff;margin-top: 0.12rem;}
.service_wh_banner .box .description img:nth-child(1){position: relative;top: -0.1rem;margin-right: 0.2rem;width: 0.34rem;}
.service_wh_banner .box .description img:nth-child(2){position: relative;top: -0.1rem;margin-left: 0.2rem;width: 0.34rem;}
.service_wh_banner .box .text_04{width: 100%;text-align: center;text-transform: uppercase;color: #fff;opacity: 0.5;margin-top: 0.32rem;letter-spacing: 0.02rem;}
.service_wh_banner .box ul{width: 100%;height: 0.5rem;display: flex;justify-content: space-between;margin-top: 0.48rem;margin-bottom: 0.32rem;}
.service_wh_banner .box ul li{display: block;width: 1.4rem;height: 0.48rem;line-height: 0.48rem;text-align: center;background: #E60012;color: #fff;font-size: 0.2rem;border-radius: 0.1rem;}
.service_wh_banner .box .line{width: 0.48rem;height: 0.04rem;background: #E60012;margin: auto;}
.service_wh_banner .box .text_03{display: block;width: 100%;font-size: 0.18rem;letter-spacing: 0.16rem;color: #fff;margin-top: 0.24rem;text-align: center;}

.service_wh_part_01{width: 100%;height: 8.1rem;}
.service_wh_part_01 .title{width: 100%;height: auto;text-align: center;}
.service_wh_part_01 .title p{display: inline-block;}
.service_wh_part_01 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_wh_part_01 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;}
.service_wh_part_01 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_wh_part_01 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_wh_part_01 ul{width: 100%;height: 5rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-top: 0.3rem;}
.service_wh_part_01 ul li{width: 5rem;height: 2.5rem;display: block;position: relative;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.service_wh_part_01 ul li img{width: 0.56rem;position: absolute;left: 0.56rem;top: 0.4rem;}
.service_wh_part_01 ul li .text_01{display: block;position: absolute;left: 0.56rem;top: 1.28rem;font-size: 0.2rem;font-weight: bold;color: #252626;}
.service_wh_part_01 ul li .text_02{display: block;position: absolute;left: 0.56rem;top: 1.76rem;font-size: 0.16rem;color: #8A8D8D;width: 80%}
.service_wh_part_01 ul li:nth-child(3),.service_wh_part_01 ul li:nth-child(6){border-right: none;}
.service_wh_part_01 ul li:nth-child(4),.service_wh_part_01 ul li:nth-child(5),.service_wh_part_01 ul li:nth-child(6){border-bottom: none;}

.service_wh_part_02{width: 100%;height: 9.5rem;background: url("../img/service_wh_part_02_bg.jpg")no-repeat;background-size: 100% 100%;}
.service_wh_part_02 .title{width: 100%;height: auto;text-align: center;}
.service_wh_part_02 .title p{display: inline-block;}
.service_wh_part_02 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_wh_part_02 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #fff;margin-bottom: 0.2rem;}
.service_wh_part_02 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_wh_part_02 .title p:nth-child(4){font-size: 0.16rem;color: #fff;margin-top: 0.2rem;width: 100%;}
.service_wh_part_02 .box{width: 100%;height: 3.8rem;margin-top: 0.6rem;}
.service_wh_part_02 .box .left{width: 5rem;height: 100%;margin-left: 2rem;float: left;}
.service_wh_part_02 .box .left ul{width: 100%;height: 100%;}
.service_wh_part_02 .box .left ul li{width: 100%;height: 0.6rem;background: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.20) 22%, rgba(255,255,255,0.20) 79%, rgba(255,255,255,0.00) 100%);color: #fff;line-height: 0.6rem;text-align: right;margin-bottom: 0.4rem;font-size: 0.18rem;}
.service_wh_part_02 .box .left ul li span{margin-right: 0.7rem;}
.service_wh_part_02 .box .center{width: 4.2rem;height: 100%;float: left;margin-left: 0.5rem;}
.service_wh_part_02 .box .center img{width: 100%;height: auto;}
.service_wh_part_02 .box .right{width: 5rem;height: 100%;margin-left: 0.5rem;float: left;}
.service_wh_part_02 .box .right ul{width: 100%;height: 100%;}
.service_wh_part_02 .box .right ul li{text-indent: 0.7rem; width: 100%;height: 0.6rem;background: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.20) 22%, rgba(255,255,255,0.20) 79%, rgba(255,255,255,0.00) 100%);color: #fff;line-height: 0.6rem;text-align: left;margin-bottom: 0.4rem;font-size: 0.18rem;}
.service_wh_part_02 a{display: block;width: 3.4rem;height: 0.56rem;font-size: 0.18rem;line-height: 0.56rem;text-align: center;color: #fff;border: 1px solid #FFFFFF;border-radius: 0.5rem;margin: auto;margin-top: 0.7rem;transition: 0.3s;}
.service_wh_part_02 a:hover{background: #E60012;border: 1px dashed #E60012;}

.service_wh_part_03{width: 100%;height: 2.2rem;background: #fff;}
.service_wh_part_03 ul{width: 15rem;height: 3rem;margin: auto;background: #fff;display: flex;justify-content: space-evenly;align-items: center;position: relative;top: -1rem;}
.service_wh_part_03 ul li{width: 1.8rem;height: 1.8rem;display: block;box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1);text-align: center;border-radius: 0.1rem;}
.service_wh_part_03 ul li .img{width: 100%;height: 0.5rem;text-align: center;padding-top: 0.32rem;}
.service_wh_part_03 ul li .img img{width: 0.48rem;}
.service_wh_part_03 ul li p{display: block;width: 80%;margin: auto;font-size: 0.16rem;color: #252626;line-height: 0.28rem;text-align: center;margin-top: 0.26rem;}

.service_wh_part_04{width: 100%;height: 2.5rem;background: url("../img/service_wh_part_04_bg.png")no-repeat;background-size: 100% 100%;}
.service_wh_part_04 ul{width: 92%;height: 100%;margin: auto;display: flex;justify-content: space-evenly;}
.service_wh_part_04 ul li{width: 2.4rem;height: 100%;display: flex;text-align: center;flex-wrap: wrap;align-content: center;align-items: center;justify-content: center;}
.service_wh_part_04 ul li strong{font-size: 0.64rem;color: #fff;font-weight: bold;display: block;}
.service_wh_part_04 ul li span{font-size: 0.28rem;color: #fff;}
.service_wh_part_04 ul li p{display: block;width: 100%;font-size: 0.18rem;color: #fff;margin-top: 0.24rem;}

.service_wh_part_05{width: 100%;height: 13rem;background: #F5F7FA;}
.service_wh_part_05 .title{width: 100%;height: auto;text-align: center;}
.service_wh_part_05 .title p{display: inline-block;}
.service_wh_part_05 .title p:nth-child(1){width: 100%;height: 0.5rem;}
.service_wh_part_05 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;}
.service_wh_part_05 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_wh_part_05 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_wh_part_05 ul{width: 80%;height: 10rem;margin: auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;align-content: space-between;margin-top: 0.4rem;}
.service_wh_part_05 ul li{width: 4.88rem;height: 4.8rem;display: block;}
.service_wh_part_05 ul li .img{width: 100%;height: 3rem;overflow: hidden;}
.service_wh_part_05 ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 0.5s;}
.service_wh_part_05 ul li .img img:hover{transform: scale(1.2);}
.service_wh_part_05 ul li .txt{width: 100%;height: 1.8rem;overflow: hidden;background: #fff;}
.service_wh_part_05 ul li .txt .text_01{line-height: 1; display: block;width: 100%;font-size: 0.24rem;font-weight: bold;color: #252626;text-align: center;padding-top: 0.4rem;margin-bottom: 0.18rem;}
.service_wh_part_05 ul li .txt .text_02{display: block;width: 80%;font-size: 0.16rem;line-height: 0.3rem;color: #575859;text-align: center;margin: auto;}

.service_wh_part_06{width: 100%;height: 13.46rem;}
.service_wh_part_06 .title{width: 100%;height: auto;text-align: center;margin-bottom: 0.48rem;}
.service_wh_part_06 .title p{display: inline-block;}
.service_wh_part_06 .title p:nth-child(1){font-size: 0.44rem;font-weight: bold;color: #252626;margin-bottom: 0.2rem;width: 100%;padding-top: 0.8rem;}
.service_wh_part_06 .title p:nth-child(2){width: 0.4rem;height: 0.02rem;background: #E60012;}
.service_wh_part_06 .title p:nth-child(3){font-size: 0.16rem;color: #8A8D8D;margin-top: 0.2rem;width: 100%;}
.service_wh_part_06 ul{width: 85%;height: 9rem;display: flex;flex-wrap: wrap;justify-content: space-evenly;margin: auto;}
.service_wh_part_06 ul li{display: block;width: 4.9rem;height: 4.2rem;position: relative;}
.service_wh_part_06 ul li .img{width: 100%;height: 100%;overflow: hidden;}
.service_wh_part_06 ul li .img img{width: 100%;height: auto;min-height: 100%;}
.service_wh_part_06 ul li .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.service_wh_part_06 ul li .cover .border-top{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;top: 0.2rem;left: -5rem;transition: 0.5s;}
.service_wh_part_06 ul li .cover .border-right{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: -5rem;right: 0.2rem;transition: 0.5s;}
.service_wh_part_06 ul li .cover .border-bottom{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;bottom: 0.2rem;left: 5rem;transition: 0.5s;}
.service_wh_part_06 ul li .cover .border-left{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: 5rem;left: 0.2rem;transition: 0.5s;}
.service_wh_part_06 ul li .zz{transition: 0.5s; width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, #F20C1F 0%, #B20000 100%);;opacity: 0;clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);}
.service_wh_part_06 ul li .info{opacity: 1; width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;display: flex;align-content: center;flex-wrap: wrap;justify-content: space-around;}
.service_wh_part_06 ul li .info img{display: inline-block;width: 3.08rem;height: auto;}
.service_wh_part_06 ul li .info p{display: inline-block;}
.service_wh_part_06 ul li .info p:nth-child(2){font-size: 0.18rem;color: #fff;font-weight: bold;width: 100%;margin-top: 0.32rem;}
.service_wh_part_06 ul li .info p:nth-child(3){width: 0.32rem;height: 0.02rem;background: #fff;margin-top: 0.16rem;opacity: 0;transition: 0.5s;}
.service_wh_part_06 ul li .info p:nth-child(4){width: 100%;font-size: 0.14rem;color: #fff;margin-top: 0.2rem;opacity: 0;transition: 0.5s;}
.service_wh_part_06 ul li:hover .zz{clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);opacity: 1;}
/*.index_case .right .unit:hover .info{animation: index_case_info 1s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}*/
.service_wh_part_06 ul li:hover .cover .border-top{left: 0.3rem;}
.service_wh_part_06 ul li:hover .cover .border-right{top: 0.3rem;}
.service_wh_part_06 ul li:hover .cover .border-bottom{left: 0.2rem;}
.service_wh_part_06 ul li:hover .cover .border-left{top: 0.2rem;}
.service_wh_part_06 ul li:hover .info p:nth-child(3){opacity: 1;}
.service_wh_part_06 ul li:hover .info p:nth-child(4){opacity: 1;}

.service_wh_part_06 .more{font-size: 0.18rem; transition: 0.3s; width: 3.4rem;height: 0.56rem;line-height: 0.56rem;text-align: center;color: #8A8D8D;border: 1px solid #BBBDBF;border-radius: 0.3rem;margin: auto;margin-top: 0.6rem;}
.service_wh_part_06 .more:hover{color: #fff;background: #E60012;border: 1px solid #E60012;}

/*=====================案例---------------网站建设--*/
.cases_dz_content{width: 100%;height: auto;position: relative;}
.cases_dz_banner{width: 100%;height: 6rem;text-align: center;}
.cases_dz_banner p{display: inline-block;}
.cases_dz_banner p:nth-child(1){width: 100%;height: 1.8rem;line-height: 5.3rem;text-align: center;opacity: 0.3;}
.cases_dz_banner p:nth-child(1) img{width: 9rem;}
.cases_dz_banner p:nth-child(2){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.cases_dz_banner p:nth-child(3){width: 0.48rem;height: 0.04rem;background: #E60012;}
.cases_dz_banner p:nth-child(4){width: 100%;font-size: 0.22rem;color: #fff;font-weight: bold;margin-top: 0.16rem;}
.cases_dz_banner p:nth-child(5){width: 100%;font-size: 0.14rem;color: #fff;opacity: 0.5;margin-top: 0.16rem;text-transform: capitalize;margin-bottom: 0.6rem;}
.cases_dz_banner ul{width: 8rem;height: 0.5rem;margin: auto;display: flex;justify-content: space-around;}
.cases_dz_banner ul li{transition: 0.3s; width: 1.4rem;height: 0.44rem;line-height: 0.44rem;color: #fff;text-align: center;font-size: 0.16rem;border: 1px solid #fff;border-radius: 0.3rem;display: block;}
.cases_dz_banner ul li:hover{background: #E60012;border: 1px solid #E60012;color: #fff;}
.cases_dz_banner ul li.active{background: #E60012;border: 1px solid #E60012;color: #fff;}
.cases_dz_list{width: 15.2rem;height: auto;margin: auto;}
.cases_dz_list .tab{width: 100%;height: 1.4rem;border-bottom: 1px solid #E1E3E5;}
.cases_dz_list .tab ul{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.cases_dz_list .tab ul li{width: 1.2rem;height: 0.44rem;text-align: center;line-height: 0.44rem;border: 1px solid #E1E3E5;border-radius: 0.4rem;margin-left: 0.1rem;margin-right: 0.1rem;font-size: 0.16rem;}
.cases_dz_list .tab ul li:hover{background: #E60012;border: 1px solid #E60012;color: #fff;}
.cases_dz_list .tab ul li.active{background: #E60012;border: 1px solid #E60012;color: #fff;}
.cases_dz_list .list ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-evenly;margin: auto;padding-top: 0.48rem;}
.cases_dz_list .list ul li{display: block;width: 4.9rem;height: 4.2rem;position: relative;margin-bottom: 0.3rem;}
.cases_dz_list .list ul li .img{width: 100%;height: 100%;overflow: hidden;}
.cases_dz_list .list ul li .img img{width: 100%;height: auto;min-height: 100%;}
.cases_dz_list .list ul li .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.cases_dz_list .list ul li .cover .border-top{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;top: 0.2rem;left: -5rem;transition: 0.5s;}
.cases_dz_list .list ul li .cover .border-right{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: -5rem;right: 0.2rem;transition: 0.5s;}
.cases_dz_list .list ul li .cover .border-bottom{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;bottom: 0.2rem;left: 5rem;transition: 0.5s;}
.cases_dz_list .list ul li .cover .border-left{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: 5rem;left: 0.2rem;transition: 0.5s;}
.cases_dz_list .list ul li .zz{transition: 0.5s; width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, #F20C1F 0%, #B20000 100%);;opacity: 0;clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);}
.cases_dz_list .list ul li .info{opacity: 1; width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;display: flex;align-content: center;flex-wrap: wrap;justify-content: space-around;}
.cases_dz_list .list ul li .info img{display: inline-block;width: 3.08rem;height: auto;}
.cases_dz_list .list ul li .info p{display: inline-block;}
.cases_dz_list .list ul li .info p:nth-child(2){font-size: 0.18rem;color: #fff;font-weight: bold;width: 100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:auto;margin-top: 0.32rem;text-align:center;padding:0 0.4rem;}
.cases_dz_list .list ul li .info p:nth-child(3){width: 0.32rem;height: 0.02rem;background: #fff;margin-top: 0.16rem;opacity: 0;transition: 0.5s;}
.cases_dz_list .list ul li .info p:nth-child(4){width: 100%;font-size: 0.14rem;color: #fff;margin-top: 0.2rem;opacity: 0;transition: 0.5s;}
.cases_dz_list .list ul li:hover .zz{clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);opacity: 1;}
/*.index_case .right .unit:hover .info{animation: index_case_info 1s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}*/
.cases_dz_list .list ul li:hover .cover .border-top{left: 0.3rem;}
.cases_dz_list .list ul li:hover .cover .border-right{top: 0.3rem;}
.cases_dz_list .list ul li:hover .cover .border-bottom{left: 0.2rem;}
.cases_dz_list .list ul li:hover .cover .border-left{top: 0.2rem;}
.cases_dz_list .list ul li:hover .info p:nth-child(3){opacity: 1;}
.cases_dz_list .list ul li:hover .info p:nth-child(4){opacity: 1;}



.cases_dz_list .page{width: 100%;height: 2rem;}
.cases_dz_list .page ul{width: 100%;height: 0.4rem;display: flex;justify-content: center;padding-top: 0.4rem;}
.cases_dz_list .page ul li{display: flex;justify-content: center;align-content: center;box-sizing: border-box;flex-wrap: wrap;min-width: 0.4rem;min-height: 0.4rem;margin-right: 0.1rem;border: 1px solid #E1E3E5;border-radius: 0.06rem;overflow: hidden;}
.cases_dz_list .page ul li a{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;}
.cases_dz_list .page ul li:first-child{padding: 0 0.1rem;}
.cases_dz_list .page ul li:last-child{padding: 0 0.1rem;}
.cases_dz_list .page ul li.active span{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;background-color: #E60012;color: #fff;}

@keyframes cases_dz {
    0%{opacity: 0;}
    100%{opacity: 1;}

}

/*====================详情----------------高端定制====================*/
.article_dz_content{width: 100%;height: auto;position: relative;overflow: hidden;}
.article_dz_banner{width: 100%;height: 6rem;}
.article_dz_banner .box{width: 15.3rem;height: 100%;margin: auto;position: relative;}
.article_dz_banner .box .text_01{font-size: 0.32rem;font-weight: bold;display: block;width: 100%;margin-top: 2.1rem;margin-bottom: 0.32rem;color: #fff;}
.article_dz_banner .box p{display: block;width: 0.48rem;height: 0.04rem;background: #fff;}
.article_dz_banner .box .text_03{width: 100%;display: block;font-size: 0.2rem;color: #fff;margin-top: 0.48rem;}
.article_dz_banner .box .bottom{width: 100%;height: 0.5rem;display: flex;justify-content: space-between;position: absolute;bottom: 0.48rem;}
.article_dz_banner .box .bottom .l{width: 0.5rem;height: 100%;}
.article_dz_banner .box .bottom .l img{width: 0.48rem;}
.article_dz_banner .box .bottom .l img:nth-child(2){display: none;}
.article_dz_banner .box .bottom .l:hover img:nth-child(1){display: none;}
.article_dz_banner .box .bottom .l:hover img:nth-child(2){display: block;}
.article_dz_banner .box .bottom .c{width: 0.5rem;height: 100%;}
.article_dz_banner .box .bottom .c img{width: 0.48rem;}
.article_dz_banner .box .bottom .c img:nth-child(2){display: none;}
.article_dz_banner .box .bottom .c:hover img:nth-child(1){display: none;}
.article_dz_banner .box .bottom .c:hover img:nth-child(2){display: block;}
.article_dz_banner .box .bottom .r{width: 0.5rem;height: 100%;}
.article_dz_banner .box .bottom .r img{width: 0.48rem;}
.article_dz_banner .box .bottom .r img:nth-child(2){display: none;}
.article_dz_banner .box .bottom .r:hover img:nth-child(1){display: none;}
.article_dz_banner .box .bottom .r:hover img:nth-child(2){display: block;}
.article_dz_part_01{width: 100%;height: auto;background: #F5F7FA;padding-bottom: 0.6rem;}
.article_dz_part_01 .description{width: 15.2rem;height: auto;margin: auto;padding-top: 0.32rem;display: flex;}
.article_dz_part_01 .description .left{width: 45.2%;float: left;position: relative;background: #fff;overflow: hidden;padding-left: 0.7rem;}
.article_dz_part_01 .description .left .text_01{display: block;width: 80%;font-size: 0.24rem;font-weight: bold;padding-top: 0.5rem;margin-bottom: 0.32rem;}
.article_dz_part_01 .description .left p{display: block;width: 0.4rem;height: 0.04rem;background: #E60012;}
.article_dz_part_01 .description .left .text_02{display: block;width: 80%;font-size: 0.16rem;color: #575859;line-height: 0.34rem;margin-top: 0.4rem;text-align: justify;}
.article_dz_part_01 .description .left .visit{width: 90%;height: 0.6rem;margin-bottom: 0.3rem;margin-top: 0.3rem;}
.article_dz_part_01 .description .left .visit a{transition: 0.3s; display: block;width: 2rem;height: 0.56rem;line-height: 0.56rem;text-align: center;font-size: 0.16rem;border: 1px solid #E1E3E5;margin-right: 0.56rem;float: left;}
.article_dz_part_01 .description .left .visit a:hover{background: #E60012;color: #fff;border: 1px solid #E60012;}
.article_dz_part_01 .description .right{width: 50%;float: left;background: url("../img/article_dz_part_01_bg_right.png")no-repeat;background-size: 100% 100%;}
.article_dz_part_01 .description .right p{display: block;margin-left: 0.7rem;color: #fff;}
.article_dz_part_01 .description .right p:nth-child(1){font-size: 0.24rem;padding-top: 0.56rem;font-weight: bold;margin-bottom: 0.32rem;}
.article_dz_part_01 .description .right p:nth-child(2){width: 0.4rem;height: 0.04rem;background: #fff;}
.article_dz_part_01 .description .right p:nth-child(3){font-size: 0.16rem;margin-top: 0.4rem;line-height: 0.32rem;opacity: 0.7;}
.article_dz_part_01 .description .right p:nth-child(4){font-size: 0.2rem;margin-top: 0.84rem;font-weight: bold;padding-bottom: 0.5rem;}
.article_dz_part_01 .detail_content{width: 15.2rem;background: #fff;margin: 0.24rem auto auto;min-height: 1rem;padding: 0.4rem;box-sizing: border-box;line-height: 0.3rem;font-size: 0.16rem;}
.article_dz_part_01 .detail_content img{max-width: 100%;line-height: 0.3rem;display: block;margin: 0 auto;}
.article_dz_part_01 .other{width: 15.2rem;height: 0.9rem;background: #fff;margin: 0.32rem auto 0;}
.article_dz_part_01 .other a{display: block;transition: 0.3s;font-size: 0.2rem;}
.article_dz_part_01 .other a img{display: inline-block;width: 0.24rem;}
.article_dz_part_01 .other a img:nth-child(2){display: none;}
.article_dz_part_01 .other a:nth-child(1){width: 5.6rem;height: 100%;float: left;border-right: 1px solid #E1E3E5;line-height: 0.9rem;box-sizing: border-box;padding: 0 0.8rem 0 0.8rem;white-space: nowrap;text-overflow: ellipsis;}
.article_dz_part_01 .other a:nth-child(1) img{margin-right: 0.16rem;}
.article_dz_part_01 .other a:nth-child(2){width: 4rem;height: 100%;float: left;line-height: 0.9rem;text-align: center;}
.article_dz_part_01 .other a:nth-child(2) img{margin-right: 0.12rem;}
.article_dz_part_01 .other a:nth-child(3){width: 5.6rem;height: 100%;float: left;border-left: 1px solid #E1E3E5;line-height: 0.9rem;box-sizing: border-box;padding: 0 0.8rem 0 0.8rem;white-space: nowrap;text-overflow: ellipsis;text-align: right;}
.article_dz_part_01 .other a:nth-child(3) img{margin-left: 0.16rem;}
.article_dz_part_01 .other a:hover{background: #E60012;color: #fff;}
.article_dz_part_01 .other a:hover img:nth-child(1){display: none;}
.article_dz_part_01 .other a:hover img:nth-child(2){display: inline-block;}

.article_dz_part_02{width: 100%;height: auto;background: #fff;}
.article_dz_part_02 .box{width: 15.2rem;margin: auto;}
.article_dz_part_02 .box .title{width: 100%;height: 1.16rem;border-bottom: 1px solid #E1E3E5;}
.article_dz_part_02 .box .title .left{height: 100%;float: left;font-size: 0.36rem;font-weight: bold;line-height: 1.4rem;}
.article_dz_part_02 .box .title .right{height: 100%;float: right;text-align: right;font-size: 0.18rem;color: #8A8D8D;line-height: 1.4rem;}
.article_dz_part_02 .box .list{width: 100%;height: auto;margin-top: 0.4rem;}
.article_dz_part_02 .box .list ul{width: 100%;height: 9rem;display: flex;flex-wrap: wrap;justify-content: space-between;margin: auto;}
.article_dz_part_02 .box .list ul li{display: block;width: 4.9rem;height: 4.2rem;position: relative;}
.article_dz_part_02 .box .list ul li .img{width: 100%;height: 100%;overflow: hidden;}
.article_dz_part_02 .box .list ul li .img img{width: 100%;height: auto;min-height: 100%;}
.article_dz_part_02 .box .list ul li .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.article_dz_part_02 .box .list ul li .cover .border-top{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;top: 0.2rem;left: -5rem;transition: 0.5s;}
.article_dz_part_02 .box .list ul li .cover .border-right{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: -5rem;right: 0.2rem;transition: 0.5s;}
.article_dz_part_02 .box .list ul li .cover .border-bottom{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;bottom: 0.2rem;left: 5rem;transition: 0.5s;}
.article_dz_part_02 .box .list ul li .cover .border-left{width: 0.02rem;position: absolute;height: 83%;background-color: #fff;top: 5rem;left: 0.2rem;transition: 0.5s;}
.article_dz_part_02 .box .list ul li .zz{transition: 0.5s; width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, #F20C1F 0%, #B20000 100%);;opacity: 0;clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);}
.article_dz_part_02 .box .list ul li .info{opacity: 1; width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;display: flex;align-content: center;flex-wrap: wrap;justify-content: space-around;}
.article_dz_part_02 .box .list ul li .info img{display: inline-block;width: 3.08rem;height: auto;}
.article_dz_part_02 .box .list ul li .info p{display: inline-block;}
.article_dz_part_02 .box .list ul li .info p:nth-child(2){font-size: 0.18rem;color: #fff;font-weight: bold;width: 100%;margin-top: 0.32rem;}
.article_dz_part_02 .box .list ul li .info p:nth-child(3){width: 0.32rem;height: 0.02rem;background: #fff;margin-top: 0.16rem;opacity: 0;transition: 0.5s;}
.article_dz_part_02 .box .list ul li .info p:nth-child(4){width: 100%;font-size: 0.14rem;color: #fff;margin-top: 0.2rem;opacity: 0;transition: 0.5s;}
.article_dz_part_02 .box .list ul li:hover .zz{clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);opacity: 1;}
.article_dz_part_02 .box .list ul li:hover .cover .border-top{left: 0.3rem;}
.article_dz_part_02 .box .list ul li:hover .cover .border-right{top: 0.3rem;}
.article_dz_part_02 .box .list ul li:hover .cover .border-bottom{left: 0.2rem;}
.article_dz_part_02 .box .list ul li:hover .cover .border-left{top: 0.2rem;}
.article_dz_part_02 .box .list ul li:hover .info p:nth-child(3){opacity: 1;}
.article_dz_part_02 .box .list ul li:hover .info p:nth-child(4){opacity: 1;}


/*=========================案例--------------------品牌策划===============*/
.cases_br_content{width: 100%;height: auto;position: relative;}
.cases_br_banner{width: 100%;height: 6rem;text-align: center;}
.cases_br_banner p{display: inline-block;}
.cases_br_banner p:nth-child(1){width: 100%;height: 1.8rem;line-height: 4rem;text-align: center;opacity: 0.3;}
.cases_br_banner p:nth-child(1) img{width: 9rem;}
.cases_br_banner p:nth-child(2){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.cases_br_banner p:nth-child(3){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.cases_br_banner .part_04{width: 8rem;height: 0.5rem;margin: auto;text-align: center;display: flex;justify-content: center;align-items: center;margin-top: 0.28rem;}
.cases_br_banner .part_04 .left{width: 1.4rem;height: 100%;position: relative;top: -0.1rem;left: 0.5rem;}
.cases_br_banner .part_04 .left img{width: 100%;}
.cases_br_banner .part_04 .center{width: 4rem;height: 0.38rem;background-image: url("../img/case_br_banner_04.png");background-repeat: no-repeat;background-size: 100% 100%;line-height: 0.38rem;color: #3247BB;letter-spacing: 0.02rem;}
.cases_br_banner .part_04 .right{width: 1.4rem;height: 100%;position: relative;top: 0.1rem;left: -0.5rem;}
.cases_br_banner .part_04 .right img{width: 100%;}
.cases_br_banner p:nth-child(5){width: 100%;font-size: 0.14rem;color: #fff;opacity: 0.5;margin-top: 0.3rem;text-transform: capitalize;margin-bottom: 0.4rem;}
.cases_br_banner ul{width: 8rem;height: 0.5rem;margin: auto;display: flex;justify-content: space-around;}
.cases_br_banner ul li{transition: 0.3s; width: 1.4rem;height: 0.44rem;line-height: 0.44rem;color: #fff;text-align: center;font-size: 0.16rem;border: 1px solid #fff;border-radius: 0.3rem;display: block;}
.cases_br_banner ul li:hover{background: #E60012;border: 1px solid #E60012;color: #fff;}
.cases_br_banner ul li.active{background: #E60012;border: 1px solid #E60012;color: #fff;}
.cases_br_list{width: 15.2rem;height: auto;margin: auto;}
.cases_br_list .tab{width: 100%;height: 1.4rem;border-bottom: 1px solid #E1E3E5;}
.cases_br_list .tab ul{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.cases_br_list .tab ul li{width: 1.2rem;height: 0.44rem;text-align: center;line-height: 0.44rem;border: 1px solid #E1E3E5;border-radius: 0.4rem;margin-left: 0.1rem;margin-right: 0.1rem;font-size: 0.16rem;}
.cases_br_list .tab ul li:hover{background: #E60012;border: 1px solid #E60012;color: #fff;}
.cases_br_list .tab ul li.active{background: #E60012;border: 1px solid #E60012;color: #fff;}
.cases_br_list .list{width: 15.5rem;height: auto;margin: auto;margin-top: 0.48rem;}
.cases_br_list .list ul{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-around;align-content: space-around;}
.cases_br_list .list ul li{width: 4.9rem;height: 4.6rem;display: block;margin-bottom: 0.3rem;}
.cases_br_list .list ul li .img{width: 100%;height: 3.8rem;overflow: hidden;}
.cases_br_list .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 0.5s;}
.cases_br_list .list ul li .txt{width: 100%;height: 0.8rem;line-height: 0.8rem;text-align: center;background: #F5F7FA;font-size: 0.18rem;transition: 0.3s;}
.cases_br_list .list ul li .img:hover img{transform: scale(1.2);}
.cases_br_list .list ul li:hover .txt{color: #E60012;font-weight: bold;}
.cases_br_list .page{width: 100%;height: 2rem;}
.cases_br_list .page ul{width: 100%;height: 0.4rem;display: flex;justify-content: center;padding-top: 0.4rem;}
.cases_br_list .page ul li{display: flex;justify-content: center;align-content: center;box-sizing: border-box;flex-wrap: wrap;min-width: 0.4rem;min-height: 0.4rem;margin-right: 0.1rem;border: 1px solid #E1E3E5;border-radius: 0.06rem;overflow: hidden;}
.cases_br_list .page ul li a{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;}
.cases_br_list .page ul li:first-child{padding: 0 0.1rem;}
.cases_br_list .page ul li:last-child{padding: 0 0.1rem;}
.cases_br_list .page ul li.active span{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;background-color: #E60012;color: #fff;}

/*====================详情----------------品牌策划====================*/
.article_br_content{width: 100%;height: auto;position: relative;}
.article_br_banner{width: 100%;height: 6rem;}
.article_br_banner .box{width: 15.3rem;height: 100%;margin: auto;position: relative;}
.article_br_banner .box .text_01{font-size: 0.32rem;font-weight: bold;display: block;width: 100%;margin-top: 2.1rem;margin-bottom: 0.32rem;color: #fff;}
.article_br_banner .box p{display: block;width: 0.48rem;height: 0.04rem;background: #fff;}
.article_br_banner .box .text_03{width: 100%;display: block;font-size: 0.2rem;color: #fff;margin-top: 0.48rem;}
.article_br_banner .box .bottom{width: 100%;height: 0.5rem;display: flex;justify-content: space-between;position: absolute;bottom: 0.48rem;}
.article_br_banner .box .bottom .l{width: 0.5rem;height: 100%;}
.article_br_banner .box .bottom .l img{width: 0.48rem;}
.article_br_banner .box .bottom .l img:nth-child(2){display: none;}
.article_br_banner .box .bottom .l:hover img:nth-child(1){display: none;}
.article_br_banner .box .bottom .l:hover img:nth-child(2){display: block;}
.article_br_banner .box .bottom .c{width: 0.5rem;height: 100%;}
.article_br_banner .box .bottom .c img{width: 0.48rem;}
.article_br_banner .box .bottom .c img:nth-child(2){display: none;}
.article_br_banner .box .bottom .c:hover img:nth-child(1){display: none;}
.article_br_banner .box .bottom .c:hover img:nth-child(2){display: block;}
.article_br_banner .box .bottom .r{width: 0.5rem;height: 100%;}
.article_br_banner .box .bottom .r img{width: 0.48rem;}
.article_br_banner .box .bottom .r img:nth-child(2){display: none;}
.article_br_banner .box .bottom .r:hover img:nth-child(1){display: none;}
.article_br_banner .box .bottom .r:hover img:nth-child(2){display: block;}
.article_br_part_01{width: 100%;height: auto;background: #F5F7FA;padding-bottom: 0.6rem;padding-top: 0.32rem;}
.article_br_part_01 .description{width: 15.2rem;height: 4.4rem;margin: auto;}
.article_br_part_01 .description .left{width: 33%;float: left;height: 100%;overflow: hidden;background: #fff;}
.article_br_part_01 .description .left img{width: 100%;}
.article_br_part_01 .description .center{width: 29.2%;float: left;height: 100%;position: relative;background: #fff;overflow: hidden;padding-left: 0.7rem;}
.article_br_part_01 .description .center .text_01{display: block;width: 80%;font-size: 0.24rem;font-weight: bold;padding-top: 0.5rem;margin-bottom: 0.32rem;}
.article_br_part_01 .description .center p{display: block;width: 0.4rem;height: 0.04rem;background: #E60012;}
.article_br_part_01 .description .center .text_02{display: block;width: 80%;font-size: 0.16rem;color: #575859;line-height: 0.34rem;margin-top: 0.4rem;}
.article_br_part_01 .description .right{width: 33%;float: left;height: 100%;background: url("../img/article_br_part_01_bg_right.png")no-repeat;background-position: left ;background-color: #fff;}
.article_br_part_01 .description .right p{display: block;margin-left: 0.7rem;color: #252626;}
.article_br_part_01 .description .right p:nth-child(1){font-size: 0.24rem;padding-top: 0.56rem;font-weight: bold;margin-bottom: 0.32rem;}
.article_br_part_01 .description .right p:nth-child(2){width: 0.4rem;height: 0.04rem;background: #E60012;}
.article_br_part_01 .description .right p:nth-child(3){font-size: 0.16rem;margin-top: 0.4rem;}
.article_br_part_01 .description .right p span{display: inline-block;width: 0.08rem;height: 0.08rem;border-radius: 0.04rem;background: #E60012;margin-right: 0.08rem;}
.article_br_part_01 .description .right p:nth-child(4){font-size: 0.16rem;margin-top: 0.32rem;}
.article_br_part_01 .description .right p:nth-child(5){font-size: 0.16rem;margin-top: 0.32rem;}
.article_br_part_01 .description .right p:nth-child(6){font-size: 0.16rem;margin-top: 0.32rem;}
.article_br_part_01 .detail_content{width: 15.2rem;background: #fff;margin: 0.24rem auto auto;min-height: 1rem;text-align: center;}
.article_br_part_01 .detail_content img{max-width: 100%;line-height: 0.3rem;}
.article_br_part_01 .other{width: 15.2rem;height: 0.9rem;background: #fff;margin: 0.32rem auto 0;}
.article_br_part_01 .other a{display: block;transition: 0.3s;font-size: 0.2rem;}
.article_br_part_01 .other a img{display: inline-block;width: 0.24rem;}
.article_br_part_01 .other a img:nth-child(2){display: none;}
.article_br_part_01 .other a:nth-child(1){width: 5.6rem;height: 100%;float: left;border-right: 1px solid #E1E3E5;line-height: 0.9rem;box-sizing: border-box;padding: 0 0.8rem 0 0.8rem;white-space: nowrap;text-overflow: ellipsis;}
.article_br_part_01 .other a:nth-child(1) img{margin-right: 0.16rem;}
.article_br_part_01 .other a:nth-child(2){width: 4rem;height: 100%;float: left;line-height: 0.9rem;text-align: center;}
.article_br_part_01 .other a:nth-child(2) img{margin-right: 0.12rem;}
.article_br_part_01 .other a:nth-child(3){width: 5.6rem;height: 100%;float: left;border-left: 1px solid #E1E3E5;line-height: 0.9rem;box-sizing: border-box;padding: 0 0.8rem 0 0.8rem;white-space: nowrap;text-overflow: ellipsis;text-align: right;}
.article_br_part_01 .other a:nth-child(3) img{margin-left: 0.16rem;}
.article_br_part_01 .other a:hover{background: #E60012;color: #fff;}
.article_br_part_01 .other a:hover img:nth-child(1){display: none;}
.article_br_part_01 .other a:hover img:nth-child(2){display: inline-block;}

.article_br_part_02{width: 100%;height: auto;background: #fff;}
.article_br_part_02 .box{width: 15.2rem;margin: auto;}
.article_br_part_02 .box .title{width: 100%;height: 1.16rem;border-bottom: 1px solid #E1E3E5;}
.article_br_part_02 .box .title .left{height: 100%;float: left;font-size: 0.36rem;font-weight: bold;line-height: 1.4rem;}
.article_br_part_02 .box .title .right{height: 100%;float: right;text-align: right;font-size: 0.18rem;color: #8A8D8D;line-height: 1.4rem;}

.article_br_part_02 .box .list{width: 15.5rem;height: auto;margin: auto;margin-top: 0.48rem;padding-bottom: 1rem;}
.article_br_part_02 .box .list ul{width: 98%;height: 100%;display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;align-content: space-around;}
.article_br_part_02 .box .list ul li{width: 4.9rem;height: 4.6rem;display: block;margin-bottom: 0.3rem;}
.article_br_part_02 .box .list ul li .img{width: 100%;height: 3.8rem;overflow: hidden;}
.article_br_part_02 .box .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 0.5s;}
.article_br_part_02 .box .list ul li .txt{width: 100%;height: 0.8rem;line-height: 0.8rem;text-align: center;background: #F5F7FA;font-size: 0.18rem;transition: 0.3s;}
.article_br_part_02 .box .list ul li .img:hover img{transform: scale(1.2);}
.article_br_part_02 .box .list ul li:hover .txt{color: #E60012;font-weight: bold;}



/*=====================案例---------------网站建设--*/
.cases_sr_content{width: 100%;height: auto;position: relative;}
.cases_sr_banner{width: 100%;height: 6rem;text-align: center;}
.cases_sr_banner p{display: inline-block;}
.cases_sr_banner p:nth-child(1){width: 100%;height: 1.8rem;line-height: 5.3rem;text-align: center;opacity: 0.3;}
.cases_sr_banner p:nth-child(1) img{width: 13rem;}
.cases_sr_banner p:nth-child(2){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.cases_sr_banner p:nth-child(3){width: 0.48rem;height: 0.04rem;background: #E60012;}
.cases_sr_banner p:nth-child(4){width: 100%;font-size: 0.22rem;color: #fff;font-weight: bold;margin-top: 0.16rem;}
.cases_sr_banner p:nth-child(5){width: 100%;font-size: 0.14rem;color: #fff;opacity: 0.5;margin-top: 0.16rem;text-transform: capitalize;margin-bottom: 0.6rem;}
.cases_sr_banner ul{width: 8rem;height: 0.5rem;margin: auto;display: flex;justify-content: space-around;}
.cases_sr_banner ul li{transition: 0.3s; width: 1.4rem;height: 0.44rem;line-height: 0.44rem;color: #fff;text-align: center;font-size: 0.16rem;border: 1px solid #fff;border-radius: 0.3rem;display: block;}
.cases_sr_banner ul li:hover{background: #E60012;border: 1px solid #E60012;color: #fff;}
.cases_sr_banner ul li.active{background: #E60012;border: 1px solid #E60012;color: #fff;}

.cases_sr_part_01{width: 100%;height: auto;}
.cases_sr_part_01 ul{width: 15.3rem;height: auto;margin: auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 0.48rem;}
.cases_sr_part_01 ul li{display: block;width: 7.4rem;height: 4rem;border-radius: 0.3rem;box-shadow: 0px 12px 40px 0px rgba(10, 24, 51, 0.15);overflow: hidden;margin-bottom: 0.4rem;}
.cases_sr_part_01 ul li .left{width: 2.4rem;height: 100%;padding-top: 0.4rem;overflow: hidden;margin-left: 0.56rem;float: left;}
.cases_sr_part_01 ul li .left img{width: 100%;height: auto;}
.cases_sr_part_01 ul li .right{width: 3.32rem;height: 100%;float: left;margin-left: 0.56rem;position: relative;}
.cases_sr_part_01 ul li .right .title{text-align: left; width: 100%;font-size: 0.28rem;font-weight: bold;line-height: 0.3rem;padding-top: 0.7rem;border-bottom: 1px solid #E1E3E5;padding-bottom: 0.24rem;}
.cases_sr_part_01 ul li .right .description{text-align: justify; width: 100%;line-height: 0.32rem;font-size: 0.16rem;color: #575859;margin-top: 0.24rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.cases_sr_part_01 ul li .right .more{width: 100%;height: 0.6rem;position: absolute;bottom: 0.7rem;left: 0;}
.cases_sr_part_01 ul li .right .more .scan{width: 2rem;height: 0.48rem;line-height: 0.48rem;text-align: center;float: left;border-radius: 0.5rem;border: 1px solid #E1E3E5;transition: 0.3s;color: #8A8D8D;font-size: 0.16rem;}
.cases_sr_part_01 ul li .right .more .link{width: 0.49rem;height: 100%;text-align: center;float: right;transition: 0.3s;}
.cases_sr_part_01 ul li .right .more .link img{width: 0.48rem;}
.cases_sr_part_01 ul li .right .more .link img:nth-child(2){display: none;}
.cases_sr_part_01 ul li .right .more .scan:hover{background: #E60012;color: #fff;border: 1px solid #E60012;}
.cases_sr_part_01 ul li .right .more .link:hover img:nth-child(1){display: none;}
.cases_sr_part_01 ul li .right .more .link:hover img:nth-child(2){display: block;}

.cases_sr_part .page{width: 100%;height: 2rem;}
.cases_sr_part .page ul{width: 100%;height: 0.4rem;display: flex;justify-content: center;padding-top: 0.4rem;}
.cases_sr_part .page ul li{display: flex;justify-content: center;align-content: center;box-sizing: border-box;flex-wrap: wrap;min-width: 0.4rem;min-height: 0.4rem;margin-right: 0.1rem;border: 1px solid #E1E3E5;border-radius: 0.06rem;overflow: hidden;}
.cases_sr_part .page ul li a{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;}
.cases_sr_part .page ul li:first-child{padding: 0 0.1rem;}
.cases_sr_part .page ul li:last-child{padding: 0 0.1rem;}
.cases_sr_part .page ul li.active span{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;background-color: #E60012;color: #fff;}

/*====================详情----------------高端定制====================*/
.article_sr_content{width: 100%;height: auto;position: relative;}
.article_sr_banner{width: 100%;height: 6rem;}
.article_sr_banner .box{width: 15.3rem;height: 100%;margin: auto;position: relative;}
.article_sr_banner .box .text_01{font-size: 0.32rem;font-weight: bold;display: block;width: 100%;margin-top: 2.1rem;margin-bottom: 0.32rem;color: #fff;}
.article_sr_banner .box p{display: block;width: 0.48rem;height: 0.04rem;background: #fff;}
.article_sr_banner .box .text_03{width: 100%;display: block;font-size: 0.2rem;color: #fff;margin-top: 0.48rem;}
.article_sr_banner .box .bottom{width: 100%;height: 0.5rem;display: flex;justify-content: space-between;position: absolute;bottom: 0.48rem;}
.article_sr_banner .box .bottom .l{width: 0.5rem;height: 100%;}
.article_sr_banner .box .bottom .l img{width: 0.48rem;}
.article_sr_banner .box .bottom .l img:nth-child(2){display: none;}
.article_sr_banner .box .bottom .l:hover img:nth-child(1){display: none;}
.article_sr_banner .box .bottom .l:hover img:nth-child(2){display: block;}
.article_sr_banner .box .bottom .c{width: 0.5rem;height: 100%;}
.article_sr_banner .box .bottom .c img{width: 0.48rem;}
.article_sr_banner .box .bottom .c img:nth-child(2){display: none;}
.article_sr_banner .box .bottom .c:hover img:nth-child(1){display: none;}
.article_sr_banner .box .bottom .c:hover img:nth-child(2){display: block;}
.article_sr_banner .box .bottom .r{width: 0.5rem;height: 100%;}
.article_sr_banner .box .bottom .r img{width: 0.48rem;}
.article_sr_banner .box .bottom .r img:nth-child(2){display: none;}
.article_sr_banner .box .bottom .r:hover img:nth-child(1){display: none;}
.article_sr_banner .box .bottom .r:hover img:nth-child(2){display: block;}

.article_sr_part_01{width: 100%;height: auto;padding-top: 0.32rem;padding-bottom: 1rem;background-color: #F5F7FA}
.article_sr_part_01 .box{width: 17.2rem;height: 8.4rem;background-color: #fff;margin: auto;}
.article_sr_part_01 .box .left{width: 6.9rem;height: 100%;float: left;margin-left: 0.7rem;position: relative;}
.article_sr_part_01 .box .left p{display: block;}
.article_sr_part_01 .box .left p:nth-child(1){font-size: 0.24rem;width: 100%;font-weight: bold;padding-top: 0.48rem;margin-bottom: 0.32rem;}
.article_sr_part_01 .box .left p:nth-child(2){width: 0.4rem;height: 0.04rem;background: #E60012;}
.article_sr_part_01 .box .left p:nth-child(3){width: 100%;font-size: 0.16rem;color: #575859;line-height: 0.34rem;margin-top: 0.32rem;}
.article_sr_part_01 .box .left p:nth-child(4){font-size: 0.24rem;width: 100%;font-weight: bold;margin-top: 0.64rem;margin-bottom: 0.32rem;}
.article_sr_part_01 .box .left p:nth-child(5){width: 0.4rem;height: 0.04rem;background: #E60012;}
.article_sr_part_01 .box .left ul{width: 100%;height: auto;display: flex;justify-content: left;margin-top: 0.32rem;}
.article_sr_part_01 .box .left ul li{display: block;height: 0.4rem;line-height: 0.4rem;margin-right: 0.2rem;color: #575859;font-size: 0.16rem;}
.article_sr_part_01 .box .left ul li span{display: inline-block;width: 0.08rem;height: 0.08rem;background-color: #E60012;border-radius: 0.1rem;margin-right: 0.1rem;}
.article_sr_part_01 .box .left .code{width: 1.4rem;height: 1.4rem;position: absolute;left: 0rem;bottom: 1.35rem;}
.article_sr_part_01 .box .left .code img{width: 100%;height: 100%;}
.article_sr_part_01 .box .left .code_txt{width: 1.4rem;height: 0.4rem;position: absolute;left: 0rem;bottom: 0.9rem;text-align: center;line-height: 0.4rem;font-size: 0.16rem;color: #575859;}
.article_sr_part_01 .box .right{width: 4.5rem;height: 100%;margin-left: 2.3rem;float: left;padding-top: 0.48rem;}
.article_sr_part_01 .box .right .img{width: 3rem;height: 6.13rem;margin: auto;}
.article_sr_part_01 .box .right .img .u{width: 3rem;height: auto;position: relative;text-align: center;padding-bottom: 0.3rem;padding-top: 0.4rem}
.article_sr_part_01 .box .right .img .u img:nth-child(1){width: 90%;height: auto;}
.article_sr_part_01 .box .right .img .u img:nth-child(2){width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.article_sr_part_01 .box .right .control{width: 100%;height: 0.6rem;display: flex;justify-content: space-evenly;margin-top: 0.48rem;}
.article_sr_part_01 .box .right .control .l{width: 1.4rem;height: 0.56rem;line-height: 0.56rem;text-align: center;border: 1px solid #BBBDBF;cursor: pointer;transition: 0.3s;}
.article_sr_part_01 .box .right .control .l img{width: 0.2rem;}
.article_sr_part_01 .box .right .control .l img:nth-child(2){display: none;}
.article_sr_part_01 .box .right .control .l:hover{background-color: #E60012;border: 1px solid #E60012;}
.article_sr_part_01 .box .right .control .l:hover img:nth-child(1){display: none;}
.article_sr_part_01 .box .right .control .l:hover img:nth-child(2){display: inline-block;}
.article_sr_part_01 .box .right .control .c{width: 1rem;height: 0.56rem;line-height: 0.56rem;text-align: center;border: 1px solid #BBBDBF;}
.article_sr_part_01 .box .right .control .c img{width: 0.2rem;}
.article_sr_part_01 .box .right .control .c img:nth-child(2){display: none;}
.article_sr_part_01 .box .right .control .c:hover{background-color: #E60012;border: 1px solid #E60012;}
.article_sr_part_01 .box .right .control .c:hover img:nth-child(1){display: none;}
.article_sr_part_01 .box .right .control .c:hover img:nth-child(2){display: inline-block;}
.article_sr_part_01 .box .right .control .r{width: 1.4rem;height: 0.56rem;line-height: 0.56rem;text-align: center;border: 1px solid #BBBDBF;cursor: pointer;transition: 0.3s;}
.article_sr_part_01 .box .right .control .r img{width: 0.2rem;}
.article_sr_part_01 .box .right .control .r img:nth-child(2){display: none;}
.article_sr_part_01 .box .right .control .r:hover{background-color: #E60012;border: 1px solid #E60012;}
.article_sr_part_01 .box .right .control .r:hover img:nth-child(1){display: none;}
.article_sr_part_01 .box .right .control .r:hover img:nth-child(2){display: inline-block;}
.article_sr_part_01 .box .pagination{width: 0.2rem;height: 100%;float: right;padding-top: 0.5rem;margin-right: 1rem;}
.article_sr_part_01 .box .pagination span{font-size: 16px; transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);display: block;text-align: center;}
.article_sr_part_01 .box .pagination span:nth-child(1){color: #E51717;font-weight: bold;}
.article_sr_part_01 .box .pagination span:nth-child(3){color: #252626;font-weight: bold;}
.article_sr_part_01 .box .pagination span:nth-child(4){width: 0.01rem;height: 5.4rem;background-color: #E1E3E5;transform: rotate(0deg);margin-top: 0.2rem;margin-bottom: 0.2rem;position: relative;left: 0.1rem;}
.article_sr_part_01 .box .pagination span:nth-child(5){font-size: 16px;color: #BBBDBF;text-transform: uppercase;}

/*=========================新闻--------------------===============*/
.news_content{width: 100%;height: auto;position: relative;}
.news_banner{width: 100%;height: 6rem;text-align: center;}
.news_banner p{display: inline-block;}
.news_banner p:nth-child(1){width: 100%;height: 1.8rem;line-height: 4rem;text-align: center;opacity: 0.3;}
.news_banner p:nth-child(1) img{width: 9rem;}
.news_banner p:nth-child(2){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.news_banner p:nth-child(3){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.news_banner .part_04{width: 6.12rem;height: 0.52rem;margin: auto;text-align: left;background: url("../img/news_banner_02.png")no-repeat;background-size: 100% 100%;line-height: 0.68rem;color: #0b6cbc;letter-spacing: 0.02rem;text-indent: 1.2rem;font-size: 0.18rem;}
.news_banner p:nth-child(5){width: 100%;font-size: 0.14rem;color: #fff;opacity: 0.5;margin-top: 0.3rem;text-transform: capitalize;margin-bottom: 0.4rem;}

.news_list{width: 100%;height: auto;background-color: #F5F7FA;}
.news_list .box{width: 15.2rem;height: auto;margin: auto;}
.news_list .box .tab{width: 100%;height: 0.88rem;display: flex;justify-content: left;align-items: center;font-size: 0.16rem;color: #252626;border-bottom: 1px solid #E1E3E5;}
.news_list .box .tab img:nth-child(1){width: 0.2rem;margin-right: 0.04rem;}
.news_list .box .tab img:nth-child(3){width: 0.14rem;margin-right: 0.04rem;margin-left: 0.04rem;position: relative;top: 0.02rem;}
.news_list .box .list{width: 15.2rem;height: auto;margin-top: 0.4rem;}
.news_list .box .list .top{width: 100%;height: 4rem;background-color: #fff;}
.news_list .box .list .top .left{width: 6.4rem;height: 100%;float: left;padding: 0.2rem;box-sizing: border-box;}
.news_list .box .list .top .left .banner{width: 6rem;height: 3.6rem;overflow: hidden;}
.news_list .box .list .top .left .banner img{width: 100%;height: auto;min-height: 100%;}
.news_list .box .list .top .right{width: 8.4rem;height: 100%;float: left;margin-left: 0.2rem;}
.news_list .box .list .top .right .type_title{width: 100%;height: 0.68rem;border-bottom: 1px solid #E1E3E5;position: relative;}
.news_list .box .list .top .right .type_title a{display: block;}
.news_list .box .list .top .right .type_title a:nth-child(1){width: 1.4rem;height: 0.48rem;text-align: center;background: #E60012;color: #fff;position: absolute;bottom: 0;left: 0;font-size: 0.18rem;font-weight: bold;line-height: 0.48rem;}
.news_list .box .list .top .right .type_title a:nth-child(2){width: 1.2rem;height: 0.68rem;text-align: right;color: #BBBDBF;line-height: 0.78rem;font-size: 0.16rem;position: absolute;right: 0;}
.news_list .box .list .top .right .type_title a:nth-child(2) img{width: 0.16rem;position: relative;top: -0.02rem;}
.news_list .box .list .top .right .type_title a:nth-child(2) img:nth-child(2){display: none;}
.news_list .box .list .top .right .type_title a:nth-child(2):hover img:nth-child(2){display: inline-block;}
.news_list .box .list .top .right .type_title a:nth-child(2):hover img:nth-child(1){display: none;}
.news_list .box .list .top .right .type_title a:nth-child(2):hover{color: #E60012;}
.news_list .box .list .top .right ul{width: 100%;height: auto;}
.news_list .box .list .top .right ul li{width: 100%;height: 0.3rem;line-height: 0.3rem;display: flex;font-size: 0.16rem;color: #252626;align-items: center;justify-content: flex-start;position: relative;margin-top: 0.14rem;}
.news_list .box .list .top .right ul li span{display: inline-block;width: 0.08rem;height: 0.08rem;background: #E1E3E5;border-radius: 0.1rem;margin-right: 0.08rem;transition: 0.3s;}
.news_list .box .list .top .right ul li .txt{width: 7rem;height: 100%;transition: 0.3s;}
.news_list .box .list .top .right ul li:hover span{background-color: #E60012;}
.news_list .box .list .top .right ul li:hover .txt{color: #E60012;}
.news_list .box .list .top .right ul li .dates{width: 1.2rem;height: 100%;position: absolute;right: 0;text-align: right;color: #8A8D8D;}
.news_list .box .list .dw{width: 100%;height: auto;margin-top: 0.2rem;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 1rem;}
.news_list .box .list .dw .unit{width: 4.9rem;height: 5.3rem;background-color: #fff;padding: 0.2rem;box-sizing: border-box;margin-bottom: 0.2rem;}
.news_list .box .list .dw .unit .type_title{width: 100%;height: 0.48rem;border-bottom: 1px solid #E1E3E5;position: relative;}
.news_list .box .list .dw .unit .type_title a{display: block;}
.news_list .box .list .dw .unit .type_title a:nth-child(1){width: 1.4rem;height: 0.48rem;text-align: left;color: #252626;position: absolute;bottom: 0;left: 0;font-size: 0.18rem;font-weight: bold;line-height: 0.48rem;}
.news_list .box .list .dw .unit .type_title a:nth-child(2){width: 1.2rem;height: 0.48rem;text-align: right;color: #BBBDBF;line-height: 0.48rem;font-size: 0.16rem;position: absolute;right: 0;}
.news_list .box .list .dw .unit .type_title a:nth-child(2) img{width: 0.16rem;position: relative;top: -0.02rem;}
.news_list .box .list .dw .unit .type_title a:nth-child(2) img:nth-child(2){display: none;}
.news_list .box .list .dw .unit .type_title a:nth-child(2):hover img:nth-child(2){display: inline-block;}
.news_list .box .list .dw .unit .type_title a:nth-child(2):hover img:nth-child(1){display: none;}
.news_list .box .list .dw .unit .type_title a:nth-child(2):hover{color: #E60012;}
.news_list .box .list .dw .unit ul{width: 100%;height: auto;}
.news_list .box .list .dw .unit ul li{width: 100%;height: 0.3rem;line-height: 0.3rem;display: flex;font-size: 0.16rem;color: #252626;align-items: center;justify-content: flex-start;position: relative;margin-top: 0.14rem;}
.news_list .box .list .dw .unit ul li span{display: inline-block;width: 0.08rem;height: 0.08rem;background: #E1E3E5;border-radius: 0.1rem;margin-right: 0.08rem;transition: 0.3s;}
.news_list .box .list .dw .unit ul li .txt{width: 4.4rem;height: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: 0.3s;}
.news_list .box .list .dw .unit ul li:hover span{background-color: #E60012;}
.news_list .box .list .dw .unit ul li:hover .txt{color: #E60012;}

/*=========================新闻----------------详情----===============*/
.article_news_content{width: 100%;height: auto;position: relative;overflow: hidden;}
.article_news_banner{width: 100%;height: 6rem;}
.article_news_list{width: 100%;height: auto;background-color: #F5F7FA;padding-bottom: 1rem;}
.article_news_list .box{width: 12rem;height: auto;margin: auto;}
.article_news_list .box .tab{width: 100%;height: 0.88rem;display: flex;justify-content: left;align-items: center;font-size: 0.16rem;color: #252626;border-bottom: 1px solid #E1E3E5;}
.article_news_list .box .tab img:nth-child(1){width: 0.2rem;margin-right: 0.04rem;}
.article_news_list .box .tab img:nth-child(3){width: 0.14rem;margin-right: 0.04rem;margin-left: 0.04rem;position: relative;top: 0.02rem;}
.article_news_list .box .detail{width: 100%;height: auto;margin-top: 0.4rem;display: flex;justify-content: space-between;}
.article_news_list .box .detail .left{width: 3.6rem;height: auto;}
.article_news_list .box .detail .left .ad_01{width: 100%;height: auto;}
.article_news_list .box .detail .left .ad_01 img{width: 100%;}
.article_news_list .box .detail .left .ad_02{width: 100%;height: auto;margin-top: 0.2rem;}
.article_news_list .box .detail .left .ad_02 img{width: 100%;}
.article_news_list .box .detail .left .appraise{width: 100%;height: auto;background-color: #fff;margin-top: 0.2rem;padding: 0.2rem;box-sizing: border-box;}
.article_news_list .box .detail .left .appraise .type_title{width: 100%;height: 0.5rem;line-height: 0.5rem;border-bottom: 1px solid #E1E3E5;font-size: 0.18rem;font-weight: bold;}
.article_news_list .box .detail .left .appraise ul{width: 100%;height: auto;}
.article_news_list .box .detail .left .appraise ul li{width: 100%;height: 0.8rem;position: relative;margin-top: 0.2rem;}
.article_news_list .box .detail .left .appraise ul li .l{width: 1.2rem;height: 100%;float: left;overflow: hidden;}
.article_news_list .box .detail .left .appraise ul li .l img:nth-child(1){width: 100%;height: auto;min-height: 100%;}
.article_news_list .box .detail .left .appraise ul li .l img:nth-child(2){width: 0.66rem;height: auto;position: absolute;top: 0.26rem;left: 0.26rem;}
.article_news_list .box .detail .left .appraise ul li .r{width: 1.8rem;height: 100%;float: left;margin-left: 0.2rem;position: relative;}
.article_news_list .box .detail .left .appraise ul li .r .title{width: 100%;font-size: 0.14rem;font-weight: bold;color: #252626;line-height: 0.24rem;height: 0.5rem;overflow: hidden;}
.article_news_list .box .detail .left .appraise ul li .r .dates{width: 100%;position: absolute;bottom: 0;left: 0;font-size: 0.12rem;color: #BBBDBF;height: 0.2rem;line-height: 0.2rem;}
.article_news_list .box .detail .left .appraise ul li .r .dates img{width: 0.14rem;position: relative;top: -0.02rem;margin-right: 0.04rem;}
.article_news_list .box .detail .left .appraise ul li:hover .r .title{color: #E60012;}
.article_news_list .box .detail .left .cases{width: 100%;height: auto;background-color: #fff;padding: 0.2rem;box-sizing: border-box;margin-top: 0.2rem;}
.article_news_list .box .detail .left .cases .type_title{width: 100%;height: 0.48rem;border-bottom: 1px solid #E1E3E5;position: relative;}
.article_news_list .box .detail .left .cases .type_title a{display: block;}
.article_news_list .box .detail .left .cases .type_title a:nth-child(1){width: 1.4rem;height: 0.48rem;text-align: left;color: #252626;position: absolute;bottom: 0;left: 0;font-size: 0.18rem;font-weight: bold;line-height: 0.48rem;}
.article_news_list .box .detail .left .cases .type_title a:nth-child(2){width: 1.2rem;height: 0.48rem;text-align: right;color: #BBBDBF;line-height: 0.48rem;font-size: 0.16rem;position: absolute;right: 0;}
.article_news_list .box .detail .left .cases .type_title a:nth-child(2) img{width: 0.16rem;position: relative;top: -0.02rem;}
.article_news_list .box .detail .left .cases .type_title a:nth-child(2) img:nth-child(2){display: none;}
.article_news_list .box .detail .left .cases .type_title a:nth-child(2):hover img:nth-child(2){display: inline-block;}
.article_news_list .box .detail .left .cases .type_title a:nth-child(2):hover img:nth-child(1){display: none;}
.article_news_list .box .detail .left .cases .type_title a:nth-child(2):hover{color: #E60012;}
.article_news_list .box .detail .left .cases ul{width: 100%;height: auto;}
.article_news_list .box .detail .left .cases ul li{width: 100%;height: 2.6rem;margin-top: 0.2rem;position: relative;}
.article_news_list .box .detail .left .cases ul li .img{width: 100%;height: 100%;overflow: hidden;}
.article_news_list .box .detail .left .cases ul li .img img{width: 100%;height: auto;min-height: 100%;}
.article_news_list .box .detail .left .cases ul li .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.article_news_list .box .detail .left .cases ul li .cover .border-top{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;top: 0.2rem;left: -5rem;transition: 0.5s;}
.article_news_list .box .detail .left .cases ul li .cover .border-right{width: 0.02rem;position: absolute;height: 82%;background-color: #fff;top: -5rem;right: 0.2rem;transition: 0.5s;}
.article_news_list .box .detail .left .cases ul li .cover .border-bottom{width: 85%;position: absolute;height: 0.02rem;background-color: #fff;bottom: 0.2rem;left: 5rem;transition: 0.5s;}
.article_news_list .box .detail .left .cases ul li .cover .border-left{width: 0.02rem;position: absolute;height: 82%;background-color: #fff;top: 5rem;left: 0.2rem;transition: 0.5s;}
.article_news_list .box .detail .left .cases ul li .zz{transition: 0.5s; width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, #F20C1F 0%, #B20000 100%);;opacity: 0;clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);}
.article_news_list .box .detail .left .cases ul li .info{opacity: 1; width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;display: flex;align-content: center;flex-wrap: wrap;justify-content: space-around;}
.article_news_list .box .detail .left .cases ul li .info img{display: inline-block;width: 3.08rem;height: auto;}
.article_news_list .box .detail .left .cases ul li .info p{display: inline-block;}
.article_news_list .box .detail .left .cases ul li .info p:nth-child(2){font-size: 0.15rem;color: #fff;font-weight: bold;width: 100%;margin-top: 0.32rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0.3rem;box-sizing: border-box;}
.article_news_list .box .detail .left .cases ul li .info p:nth-child(3){width: 0.32rem;height: 0.02rem;background: #fff;margin-top: 0.16rem;opacity: 0;transition: 0.5s;}
.article_news_list .box .detail .left .cases ul li .info p:nth-child(4){width: 100%;font-size: 0.14rem;color: #fff;margin-top: 0.2rem;opacity: 0;transition: 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0.3rem;box-sizing: border-box;}
.article_news_list .box .detail .left .cases ul li:hover .zz{clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);opacity: 1;}
.article_news_list .box .detail .left .cases ul li:hover .cover .border-top{left: 0.3rem;}
.article_news_list .box .detail .left .cases ul li:hover .cover .border-right{top: 0.3rem;}
.article_news_list .box .detail .left .cases ul li:hover .cover .border-bottom{left: 0.2rem;}
.article_news_list .box .detail .left .cases ul li:hover .cover .border-left{top: 0.2rem;}
.article_news_list .box .detail .left .cases ul li:hover .info p:nth-child(3){opacity: 1;}
.article_news_list .box .detail .left .cases ul li:hover .info p:nth-child(4){opacity: 1;}

.article_news_list .box .detail .right{width: 8.2rem;height: auto;background-color: #fff;padding: 0.4rem;box-sizing: border-box;float: left;}
.article_news_list .box .detail .right .title{width: 100%;line-height: 0.28rem;font-size: 0.24rem;font-weight: bold;text-align: center;}
.article_news_list .box .detail .right .options{width: 100%;height: 0.4rem;margin-top: 0.2rem;}
.article_news_list .box .detail .right .options ul{width: 100%;height: 100%;display: flex;justify-content: space-evenly;}
.article_news_list .box .detail .right .options ul li{display: flex;align-items: center ;padding-left: 0.1rem;padding-right: 0.1rem;height: 100%;line-height: 0.4rem;color: #8A8D8D}
.article_news_list .box .detail .right .options ul li img{width: 0.14rem;margin-right: 0.08rem;}
.article_news_list .box .detail .right .line{width: 100%;height: 0.01rem;background-color: #E1E3E5;margin-top: 0.1rem;}
.article_news_list .box .detail .right .content{width: 100%;height: auto;margin-top: 0.4rem;border-bottom: 1px solid #E1E3E5;font-size: 0.16rem;white-space: pre-line;}
.article_news_list .box .detail .right .content img{max-width: 100%!important;margin: 0 auto;display: block}
.article_news_list .box .detail .right .content p{ }
.article_news_list .box .detail .right .tips{width: 100%;height: 1rem;line-height: 1rem;font-size: 0.16rem;color: #252626;}
.article_news_list .box .detail .right .other{width: 100%;height: 0.72rem;border: 1px solid #E1E3E5;}
.article_news_list .box .detail .right .other .l{font-size: 0.16rem; width: 49.9%;height: 100%;display: flex;justify-content: flex-start; align-content: center;align-items: center;float: left;transition: 0.3s;padding-left: 0.16rem;box-sizing: border-box;}
.article_news_list .box .detail .right .other .r{font-size: 0.16rem; width: 49.9%;height: 100%;display: flex;justify-content: center; align-content: center;align-items: center;float: left;transition: 0.3s;}
.article_news_list .box .detail .right .other .l img,.article_news_list .box .detail .right .other .r img{width: 0.2rem;}
.article_news_list .box .detail .right .other .l img:nth-child(2){display: none;}
.article_news_list .box .detail .right .other .l label{display: block;width: 3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article_news_list .box .detail .right .other .r img:nth-child(4){display: none;}
.article_news_list .box .detail .right .other .r label{display: block;width: 3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right;}
.article_news_list .box .detail .right .other .l{border-right: 1px solid #E1E3E5}
.article_news_list .box .detail .right .other .l span,.article_news_list .box .detail .right .other .r span{display: inline-block;margin: 0 0.1rem 0 0.1rem;color: #E1E3E5;}
.article_news_list .box .detail .right .other .l:hover{color: #E60012;}
.article_news_list .box .detail .right .other .l:hover img:nth-child(1){display: none;}
.article_news_list .box .detail .right .other .l:hover img:nth-child(2){display: inline-block;}
.article_news_list .box .detail .right .other .r:hover{color: #E60012;}
.article_news_list .box .detail .right .other .r:hover img:nth-child(3){display: none;}
.article_news_list .box .detail .right .other .r:hover img:nth-child(4){display: inline-block;}
.article_news_list .box .detail .right .g{width: 8.2rem;height: 0.2rem;background-color: #F5F7FA;position: relative;left: -0.4rem;top: 0.2rem;}
.article_news_list .box .detail .right .recommend{width: 100%;height: auto;background-color: #fff;margin-top: 0.2rem;}
.article_news_list .box .detail .right .recommend .title{width: 100%;height: 0.7rem;line-height: 0.7rem;border-bottom: 1px solid #E1E3E5;font-size: 0.18rem;color: #252626;text-align: left;}
.article_news_list .box .detail .right .recommend ul{width: 100%;height: auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.article_news_list .box .detail .right .recommend ul li{width: 3.6rem;height: 0.3rem;line-height: 0.3rem;font-size: 0.16rem;color: #252626;margin-top: 0.14rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.article_news_list .box .detail .right .recommend li span{display: inline-block;width: 0.08rem;height: 0.08rem;background: #E1E3E5;border-radius: 0.1rem;margin-right: 0.08rem;}


.article_content{width: 100%;height: auto;position: relative;overflow: hidden;background-color: #fff;}
.article_banner{width: 100%;height: 6rem;text-align: center;}
.article_banner p{display: inline-block;}
.article_banner p:nth-child(1){width: 100%;height: 1.8rem;line-height: 4rem;text-align: center;opacity: 0.3;}
.article_banner p:nth-child(1) img{width: 9rem;}
.article_banner p:nth-child(2){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.article_banner p:nth-child(3){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.article_banner .part_04{width: 6.12rem;height: 0.52rem;margin: auto;text-align: left;background: url("../img/news_banner_02.png")no-repeat;background-size: 100% 100%;line-height: 0.68rem;color: #0b6cbc;letter-spacing: 0.02rem;text-indent: 1.2rem;font-size: 0.18rem;}
.article_banner p:nth-child(5){width: 100%;font-size: 0.14rem;color: #fff;opacity: 0.5;margin-top: 0.3rem;text-transform: capitalize;margin-bottom: 0.4rem;}

.article_list{width: 100%;height: auto;}
.article_list .box{width: 15.2rem;height: auto;margin: auto;}
.article_list .box .tab{width: 100%;height: 0.88rem;display: flex;justify-content: left;align-items: center;font-size: 0.16rem;color: #252626;border-bottom: 1px solid #E1E3E5;}
.article_list .box .tab img:nth-child(1){width: 0.2rem;margin-right: 0.04rem;}
.article_list .box .tab img:nth-child(3){width: 0.14rem;margin-right: 0.04rem;margin-left: 0.04rem;position: relative;top: 0.02rem;}
.article_list .box .lunbo{width: 100%;height: 4rem;margin-top: 0.3rem;}
.article_list .box .lunbo .swiper{width: 100%;height: 100%;}
.article_list .box .lunbo .unit{width: 100%;height: 100%;display: flex}
.article_list .box .lunbo .unit .l{width: 6.8rem;height: 100%;float: left;overflow: hidden;}
.article_list .box .lunbo .unit .l img{width: 100%;height: auto;min-height: 100%;transition: 0.3s;}
.article_list .box .lunbo .unit .l:hover img{transform: scale(1.2);}
.article_list .box .lunbo .unit .r{width: 8.4rem;height: 100%;float: left;padding: 0.4rem 0.56rem 0rem 0.56rem;box-sizing: border-box;background-color: #fff;position: relative;border-top: 1px solid #E1E3E5;border-right: 1px solid #E1E3E5; border-bottom: 1px solid #E1E3E5;}
.article_list .box .lunbo .unit .r .date{width: 100%;font-size: 0.18rem;color: #8A8D8D}
.article_list .box .lunbo .unit .r .date span{font-size: 0.48rem;font-weight: bold;color: #252626;}
.article_list .box .lunbo .unit .r .title{font-size: 0.24rem;font-weight: bold;color: #252626;line-height: 0.44rem;margin-top: 0.2rem;transition: 0.3s;}
.article_list .box .lunbo .unit .r .title:hover{color: #E60012;}
.article_list .box .lunbo .unit .r .description{text-align: justify; font-size: 0.16rem;color: #575859;line-height: 0.3rem;margin-top: 0.24rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.article_list .box .lunbo .unit .r .bottom{width: 90%;height: 0.88rem;position: absolute;bottom: 0;left: 0.56rem;border-top: 1px solid #E1E3E5;}
.article_list .box .lunbo .unit .r .bottom .bottom_l{float: left;line-height: 0.88rem;height: 100%;display: flex;flex-wrap: wrap;align-content: center;align-items: center;justify-content: space-evenly;}
.article_list .box .lunbo .unit .r .bottom .bottom_l span{width: 0.06rem;height: 0.06rem;background-color: #E60012;border-radius: 0.06rem;display: inline-block;}
.article_list .box .lunbo .unit .r .bottom .bottom_l label{font-size: 0.16rem;color: #252626;transition: 0.3s;margin-left: 0.1rem;}
.article_list .box .lunbo .unit .r .bottom .bottom_l p{width: 0.1rem;height: 0.01rem;background-color: #92897e;margin-left: 0.1rem;transition: 0.3s;}
.article_list .box .lunbo .unit .r .bottom .bottom_l img{margin-left: 0.1rem;width: 0.15rem;}
.article_list .box .lunbo .unit .r .bottom .bottom_l img:nth-child(5){display: none;}
.article_list .box .lunbo .unit .r .bottom .bottom_l:hover label{color: #E60012;cursor: pointer;}
.article_list .box .lunbo .unit .r .bottom .bottom_l:hover p{width: 0.4rem;background-color: #E51717;}
.article_list .box .lunbo .unit .r .bottom .bottom_l:hover img:nth-child(4){display: none;}
.article_list .box .lunbo .unit .r .bottom .bottom_l:hover img:nth-child(5){display: inline-block;}
.article_list .box .lunbo .unit .r .bottom .bottom_r{width: 3rem;height: 100%;float: right;line-height: 0.88rem;position: relative;}
.article_list .box .lunbo .unit .r .bottom .bottom_r .swiper-pagination-article{bottom: 0;text-align: right;}
.article_list .box .lunbo .unit .r .bottom .bottom_r .swiper-pagination-article .swiper-pagination-bullet-active{width: 0.2rem;background-color: #E60012;border-radius:0.08rem;}
.article_list .box .list{width: 100%;height: auto;margin-top: 0.88rem;}
.article_list .box .list ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.article_list .box .list ul li{display: block;width: 4.64rem;overflow: hidden;border: 1px solid #E1E3E5;box-sizing: border-box;margin-bottom: 0.64rem;}
.article_list .box .list ul li .img{width: 100%;height: 3rem;overflow: hidden;}
.article_list .box .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 0.3s;}
.article_list .box .list ul li .info{width: 100%;height: 2.2rem;padding: 0 0.32rem;box-sizing: border-box;position: relative;background-color: #fff;overflow: hidden;}
.article_list .box .list ul li .info .title{width: 100%;font-size: 0.2rem;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 0.3rem;}
.article_list .box .list ul li .info .description{
    width: 100%;line-height: 0.3rem;color: #8A8D8D;font-size: 0.16rem;margin-top: 0.24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.article_list .box .list ul li .info .more{font-size: 0.16rem;text-transform: capitalize;color: #8A8D8D;position: absolute;left: 0.32rem;bottom: 0.4rem;}
.article_list .box .list ul li:hover .img img{transform: scale(1.2);}
.article_list .box .list ul li:hover .info .title{color: #E60012;}
.article_list .box .list ul li:hover .info .description{color: #E60012;}
.article_list .box .list ul li:hover .info .more{color: #E60012;}
.article_list .box .page{width: 100%;height: 2rem;}
.article_list .box .page ul{width: 100%;height: 0.4rem;display: flex;justify-content: center;padding-top: 0.4rem;}
.article_list .box .page ul li{display: flex;justify-content: center;align-content: center;box-sizing: border-box;flex-wrap: wrap;min-width: 0.4rem;min-height: 0.4rem;margin-right: 0.1rem;border: 1px solid #E1E3E5;border-radius: 0.06rem;overflow: hidden;}
.article_list .box .page ul li a{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;}
.article_list .box .page ul li:first-child{padding: 0 0.1rem;}
.article_list .box .page ul li:last-child{padding: 0 0.1rem;}
.article_list .box .page ul li.active span{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;background-color: #E60012;color: #fff;}




/*=============================关于我们-------------------*/
.about_content{width: 100%;height: auto;position: relative;overflow: hidden;}
.about_banner{width: 100%;height: 9.4rem;position: relative;}
.about_banner .tab{position: absolute;width: 2.5rem;height: 0.4rem;top: 2.4rem;right: 2rem;z-index: 10}
.about_banner .tab ul{width: 100%;height: 0.4rem;}
.about_banner .tab ul li{width: 0.8rem;height: 0.4rem;text-align: center;font-size: 0.16rem;line-height: 0.4rem;float: left;border-right: 1px solid #E1E3E5;transition: 0.3s;background-color: #fff;}
.about_banner .tab ul li:last-child{border-right: none;}
.about_banner .tab ul li:hover{background-color: #E60012;color: #fff;cursor: pointer;}
.about_banner .tab ul li.active{background-color: #E60012;color: #fff;}
.about_banner .info{width: 15.2rem;border-bottom: 1px solid #E1E3E5;height: 4rem;margin: auto;margin-top: 2.4rem;}
.about_banner .info ul{width: 100%;height: 100%;}
.about_banner .info ul li{width: 100%;height: 100%;overflow: hidden;display: none;}
.about_banner .info ul li:first-child{display: block;}
.about_banner .info .text_01{display: block;font-size: 0.4rem;font-weight: bold;width: 100%;margin-bottom: 0.24rem;color: #fff;}
.about_banner .info p{display: block;width: 0.5rem;height: 0.04rem;background-color: #fff;}
.about_banner .info .text_02{font-size: 0.24rem;font-weight: bold;width: 100%;color: #fff;margin-top: 0.32rem;display: block;}
.about_banner .info .text_05{width: 12rem;display: block;font-size: 0.14rem;line-height: 0.36rem;color: #fff;margin-top: 0.4rem;}
.about_banner .info .text_03{font-size: 0.24rem;font-weight: bold;color: #fff;display: block;width: 100%;margin-top: 0.48rem;height: 0.3rem;line-height: 0.3rem;}
.about_banner .info .text_03 span{display: inline-block;width: 0.06rem;height: 0.06rem;border-radius: 0.1rem;background-color: #fff;margin: 0 0.2rem 0 0.2rem;position: relative;top: -0.04rem;}

.about_banner .bottom{width: 15.2rem;height: 1.4rem;margin: auto;margin-top: 0.6rem;}
.about_banner .bottom .title{width: 2.4rem;height: 100%;float: left;}
.about_banner .bottom .title p{display: block;}
.about_banner .bottom .title p:nth-child(1){font-size: 0.16rem;width: 100%;color: #fff;}
.about_banner .bottom .title p:nth-child(2){font-size: 0.3rem;width: 100%;color: #fff;font-weight: bold;margin-top: 0.2rem;}
.about_banner .bottom .title p:nth-child(3){font-size: 0.3rem;width: 100%;color: #fff;font-weight: bold;margin-top: 0.2rem;}
.about_banner .bottom ul{width: 12.2rem;height: 100%;float: left;margin-left: 0.4rem;}
.about_banner .bottom ul li{display: block;width: 2.4rem;float: left;height: 100%;border-right: 1px solid #E1E3E5;margin-left: 0.6rem;}
.about_banner .bottom ul li:last-child{border-right: none;}
.about_banner .bottom ul li p{display: block;width: 100%}
.about_banner .bottom ul li p:nth-child(1){font-size: 0.16rem;font-weight: bold;color: #fff;}
.about_banner .bottom ul li p:nth-child(2){font-size: 0.24rem;font-weight: bold;margin-top: 0.16rem;color: #fff;}
.about_banner .bottom ul li p:nth-child(2) span{font-size: 0.48rem;color: #fff;}
.about_banner .bottom ul li p:nth-child(3){font-size: 0.16rem;margin-top: 0.24rem;color: #fff;}

.about_part_01{width: 100%;height: 6.5rem;}
.about_part_01 .l{width: 8.2rem;height: 100%;float: left;}
.about_part_01 .l img{width: 100%;height: 100%;}
.about_part_01 .r{width: 10rem;height: 100%;float: left;padding: 0.7rem 0.8rem;box-sizing: border-box;}
.about_part_01 .r ul{width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;}
.about_part_01 .r ul li{width: 4.1rem;border-right: 1px solid #E1E3E5;height: 2.5rem;position: relative;border-bottom: 1px solid #E1E3E5;}
.about_part_01 .r ul li .text_01{width: 100%;height: 0.6rem;line-height: 0.6rem;font-size: 0.24rem;font-weight: bold;display: block;color: #252626;transition: 0.3s;}
.about_part_01 .r ul li .text_02{display: block;width: 100%;line-height: 0.3rem;font-size: 0.16rem;color: #575859;transition: 0.3s;}
.about_part_01 .r ul li .img{transition: 0.3s; width: 85%;height: 0.56rem;position: absolute;bottom: 0.4rem;display: flex;justify-content: space-between;line-height: 0.56rem;align-content: center;align-items: center;}
.about_part_01 .r ul li .img img{transition: 0.3s;}
.about_part_01 .r ul li .img img:nth-child(1){width: 0.56rem;}
.about_part_01 .r ul li .img img:nth-child(2){width: 0.32rem;}
.about_part_01 .r ul li .img img:nth-child(3){width: 0.32rem;display: none;}
.about_part_01 .r ul li .img a{display: inline-block;width: 0.32rem;}
.about_part_01 .r ul li .img a img{width: 100%!important;}
.about_part_01 .r ul li:nth-child(2),.about_part_01 .r ul li:nth-child(4){border-right: none;padding: 0 0 0 0.4rem;box-sizing: border-box;}
.about_part_01 .r ul li:nth-child(3),.about_part_01 .r ul li:nth-child(4){border-bottom: none;}
.about_part_01 .r ul li:hover .text_01{color: #E60012;}
.about_part_01 .r ul li:hover .text_02{color: #E60012;}
.about_part_01 .r ul li:hover img:nth-child(1){transform: scale(1.1);}
.about_part_01 .r ul li:hover img:nth-child(2){display: none;}
.about_part_01 .r ul li:hover img:nth-child(3){display: inline-block;}

.about_part_02{width: 100%;height: 6rem;background: url("../img/about_part_02_bg.jpg")no-repeat;background-size: 100% 100%}
.about_part_02 .title{width: 100%;height: 2.3rem;text-align: center;}
.about_part_02 .title p{display: inline-block;}
.about_part_02 .title p:nth-child(1){width: 100%;height: 1px;}
.about_part_02 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #fff;margin-top: 0.6rem;margin-bottom: 0.2rem;}
.about_part_02 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.about_part_02 .title p:nth-child(4){font-size: 0.16rem;color: #fff;width: 100%;margin-top: 0.2rem;}
.about_part_02 ul{width: 15.2rem;height: 2.4rem;margin: auto;margin-top: 0.8rem;display: flex;justify-content: center;align-items: center;}
.about_part_02 ul li{transition: 0.5s; width: 3.6rem;height: 100%;display: flex;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;background: #fff;text-align: center;padding: 0 0.5rem;box-sizing: border-box;}
.about_part_02 ul li img{width: 0.56rem;}
.about_part_02 ul li .text_01{font-size: 0.2rem;font-weight: bold;width: 100%;color: #252626;display: block;text-align: center;margin-top: 0.28rem;}
.about_part_02 ul li .text_04{font-size: 0.16rem;width: 100%;color: #575859;display: block;text-align: center;margin-top: 0.16rem;margin-bottom: 0.24rem;}
.about_part_02 ul li p{display: none;width: 0.4rem;height: 0.02rem;background: #fff;}
.about_part_02 ul li .text_05{width: 100%;display: none;font-size: 0.14rem;color: #fff;line-height: 0.24rem;margin-top: 0.24rem;}
.about_part_02 ul li:hover{background: #E60012;}
.about_part_02 ul li:hover .text_01{color: #fff;}
.about_part_02 ul li:hover img{height: 0%;}
.about_part_02 ul li:hover .text_04{color: #fff;}
.about_part_02 ul li:hover p{display: inline-block;}
.about_part_02 ul li:hover .text_05{display: inline-block;}
.about_part_02 ul li:hover{animation: about_part_02_01 1s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@keyframes about_part_02_01 {
    from{
        height: 100%;
    }
    to{
        height: 120%;
    }
}
.about_part_03{width: 100%;height: 5.4rem;background: url("../img/about_part_03_bg.png")no-repeat;background-size: 100% 100%}
.about_part_03 .l{width: 8.2rem;float: left;margin-left: 2rem;}
.about_part_03 .l .text_01{font-size: 0.3rem;font-weight: bold;color: #252626;width: 100%;padding-top: 0.7rem;}
.about_part_03 .l .text_04{font-size: 0.16rem;line-height: 0.34rem;color: #252626;margin-top: 0.2rem;width: 100%;}
.about_part_03 .r{width: 8.2rem;height: 100%;float: right;}
.about_part_03 .r img{width: 100%;height: 100%;}
.about_part_04{width: 100%;height:11.8rem;background: url("../img/about_part_04_bg.jpg")no-repeat;background-size: 100% 100%}
.about_part_04 ul{width: 15rem;height: 4rem;display: flex;flex-wrap: wrap;justify-content: center;margin: auto;padding-top: 0.5rem;}
.about_part_04 ul li{width: 2.4rem;height: 0.9rem;display: flex;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;margin-right: 0.4rem;opacity: 0.5;}
.about_part_04 ul li img{width: 100%;height: auto;}
.about_part_04 ul li:hover{opacity: 1;}
.about_part_04 .title{width: 100%;height: 2.3rem;text-align: center;}
.about_part_04 .title p{display: inline-block;}
.about_part_04 .title p:nth-child(1){width: 100%;height: 1px;}
.about_part_04 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #fff;margin-bottom: 0.2rem;}
.about_part_04 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.about_part_04 .title p:nth-child(4){font-size: 0.16rem;color: #fff;width: 100%;margin-top: 0.2rem;}
.about_part_04 .list{width: 100%;height: 5.6rem;margin: auto;overflow: hidden;}
.about_part_04 .list img{width: 100%;}
.about_part_04 .list .swiper-slide {width: 4rem;height: 5.6rem;}



.about_part_06{width: 100%;height: 5.2rem;background: url("../img/about_part_06_bg.png")no-repeat;background-size: 100% 100%;margin-top: -2rem;overflow: hidden;}
.about_part_06 .box{width: 15.2rem;height: 100%;margin: auto;padding-top: 1.5rem;}
.about_part_06 .box .left{width: 3rem;text-align: center;float: left;height: 100%;align-items: center;display: flex;}
.about_part_06 .box .left img{width: 2.16rem;}
.about_part_06 .box .center{width: 3rem;height: 100%;float: left;display: flex;align-items: center;align-content: center;flex-wrap: wrap;}
.about_part_06 .box .center p{display: block;}
.about_part_06 .box .center p:nth-child(1){width: 100%;font-size: 0.18rem;font-weight: bold;color: #fff;display: flex;align-content: center;align-items: center;margin-bottom: 0.24rem;}
.about_part_06 .box .center p:nth-child(1) span{display: inline-block;width: 0.04rem;height: 0.04rem;background-color: #fff;border-radius: 0.04rem;margin: 0 0.1rem 0 0.1rem;}
.about_part_06 .box .center p:nth-child(2){display: block;width: 0.5rem;height: 0.02rem;background-color: #fff;}
.about_part_06 .box .center p:nth-child(3){width: 100%;font-size: 0.16rem;color: #fff;margin-top: 0.24rem;}
.about_part_06 .box .right{float: left;height: 100%;width: 8rem;}
.about_part_06 .box .right ul{width: 100%;height: 100%;display: flex;align-items: center;align-content: center;}
.about_part_06 .box .right ul li{width: 2.2rem;height: 0.8rem;text-align: center;display: flex;flex-wrap: wrap;border-right: 1px solid rgba(255, 255, 255, 0.6);justify-content: center;}
.about_part_06 .box .right ul li img{width: 0.4rem;}
.about_part_06 .box .right ul li p{display: block;width: 100%;text-align: center;font-size: 0.16rem;color: #fff;margin-top: 0.24rem;}
.about_part_06 .box .right ul li:last-child{border-right: none;}

.about_part_07{width: 100%;height: 12.76rem;}
.about_part_07 .title{width: 100%;height: 2.3rem;text-align: center;}
.about_part_07 .title p{display: inline-block;}
.about_part_07 .title p:nth-child(1){width: 100%;height: 1px;}
.about_part_07 .title p:nth-child(2){width: 100%;font-size: 0.44rem;font-weight: bold;color: #252626;margin-top: 0.6rem;margin-bottom: 0.2rem;}
.about_part_07 .title p:nth-child(3){width: 0.4rem;height: 0.02rem;background: #E60012;}
.about_part_07 .title p:nth-child(4){font-size: 0.16rem;color: #8A8D8D;width: 100%;margin-top: 0.2rem;}
.about_part_07 ul{width: 15.2rem;height: auto;margin: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_part_07 ul li{width: 3.56rem;height: 3.9rem;display: block;position: relative;margin-bottom: 0.2rem;}
.about_part_07 ul li .img{width: 100%;height: 2.8rem;overflow: hidden;}
.about_part_07 ul li .img img{transition: 0.3s;width: 100%;height: auto;min-height: 100%;object-fit: cover;}
.about_part_07 ul li .zz{transition: 0.3s; width: 100%;height: 2.8rem;overflow: hidden;position: absolute;top: 0;left: 0;display: flex;text-align: center;align-items: center;justify-content: center;}
.about_part_07 ul li .zz img{width: 160px;}
.about_part_07 ul li .txt{width: 100%;height: 1.1rem;position: relative;}
.about_part_07 ul li .txt p{display: block;}
.about_part_07 ul li .txt p:nth-child(1){font-size: 0.16rem;line-height: 0.3rem;color: #252626;padding-top: 0.1rem;}
.about_part_07 ul li .txt p:nth-child(2){width: 0.48rem;height: 0.06rem;background-color: #E60012;position: absolute;bottom: 0;left: 0;transition: 0.3s;}
.about_part_07 ul li:hover .zz{background-color: #252626ab;}
.about_part_07 ul li:hover .img img{transform: scale(1.2);}
.about_part_07 ul li:hover p:nth-child(2){width: 100%;}
.about_part_07 .more{transition: 0.3s;width: 3.4rem;height: 0.56rem;text-align: center;line-height: 0.56rem;font-size: 0.16rem;color: #8A8D8D;margin: auto;margin-top: 0.5rem;border-radius: 0.5rem;border: 1px solid #BBBDBF;}
.about_part_07 .more:hover{background-color: #E60012;color: #fff;border: 1px solid #E60012;}


/*=============================联系我们-------------------*/
.contact_content{width: 100%;height: auto;position: relative;overflow: hidden;}
.contact_banner{width: 100%;height: 6rem;text-align: center;}
.contact_banner p{display: inline-block;}
.contact_banner p:nth-child(1){width: 100%;height: 1.8rem;line-height: 4.8rem;text-align: center;opacity: 0.3;}
.contact_banner p:nth-child(1) img{width: 8rem;}
.contact_banner p:nth-child(2){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.contact_banner p:nth-child(3){width: 0.48rem;height: 0.04rem;background: #E60012;}
.contact_banner p:nth-child(4){width: 100%;font-size: 0.22rem;color: #fff;font-weight: bold;margin-top: 0.16rem;}
.contact_banner p:nth-child(5){width: 100%;font-size: 0.14rem;color: #fff;opacity: 0.5;margin-top: 0.16rem;text-transform: capitalize;margin-bottom: 0.6rem;}

.contact_part_01{width: 100%;height: auto;padding-bottom: 0.8rem;}
.contact_part_01 .box{width: 15.2rem;height: auto;margin: auto;}
.contact_part_01 .box .tag{width: 100%;height: 1rem;}
.contact_part_01 .box .tag .l{font-size: 0.44rem;font-weight: bold;color: #252626;line-height: 1.2rem;float: left;text-transform: uppercase;}
.contact_part_01 .box .tag .r{font-size: 0.18rem;color: #646566;line-height: 1rem;float: right;}
.contact_part_01 .box .options{width: 100%;height: 3rem;}
.contact_part_01 .box .options ul{width: 100%;height: 100%;display: flex;justify-content: space-between;}
.contact_part_01 .box .options ul li{width: 4.9rem;height: 2.6rem;padding: 0.48rem 0.56rem;box-sizing: border-box;border: 2px solid #E1E3E6;}
.contact_part_01 .box .options ul li img{width: 0.56rem;}
.contact_part_01 .box .options ul li .text_01{width: 100%;font-size: 0.32rem;font-weight: bold;color: #252626;margin-top: 0.32rem;line-height: 1;}
.contact_part_01 .box .options ul li .text_01{width: 100%;font-size: 0.18rem;color: #575859;margin-top: 0.28rem;line-height: 1;}
.contact_part_01 .box .map{width: 100%;height: 5.2rem;margin-top: 0.5rem;}
.contact_part_01 .box .map .BMap_bubble_title{font-size: 18px;font-weight: bold;}
.contact_part_02{width: 100%;height: 7rem;background: url("../img/contact_part_02_bg.png")no-repeat;background-size: 100% 100%;}
.contact_part_02 .box{width: 14rem;height: 5rem;background-color: #fff;margin: auto;border-radius: 0.5rem;position: relative;top: 0.8rem;}
.contact_part_02 .box .left{width: 4rem;height: 100%;float: left;margin-left: 0.8rem;}
.contact_part_02 .box .left p{display: inline-block;line-height: 1;}
.contact_part_02 .box .left p:nth-child(1){width: 100%;font-size: 0.28rem;font-weight: bold;color: #252626;padding-top: 0.56rem;margin-bottom: 0.16rem;}
.contact_part_02 .box .left p:nth-child(1) span{font-size: 0.18rem;font-weight: 100;color: #646566;}
.contact_part_02 .box .left p:nth-child(2){width: 0.4rem;height: 0.04rem;background-color: #E60012;}
.contact_part_02 .box .left p:nth-child(3){width: 100%;font-size: 0.16rem;line-height: 0.3rem;color: #575859;margin-top: 0.24rem;}
.contact_part_02 .box .left p:nth-child(4){width: 100%;font-size: 0.16rem;line-height: 0.3rem;color: #575859;margin-top: 0.18rem;}
.contact_part_02 .box .left p:nth-child(5){width: 100%;font-size: 0.4rem;font-weight: bold;color: #E60012;margin-top: 0.24rem;}
.contact_part_02 .box .left p:nth-child(6){width: 100%;font-size: 0.16rem;color: #575859;margin-top: 0.16rem;}
.contact_part_02 .box .right{width: 7.2rem;height: 100%;margin-left: 1.2rem;float: left;}
.contact_part_02 .box .right p{display: inline-block;}
.contact_part_02 .box .right p:nth-child(1){width: 100%;font-size: 0.28rem;font-weight: bold;color: #252626;padding-top: 0.56rem;margin-bottom: 0.16rem;}
.contact_part_02 .box .right p:nth-child(1) span{font-size: 0.18rem;font-weight: 100;color: #646566;}
.contact_part_02 .box .right .form{width: 100%;height: auto;}
.contact_part_02 .box .right .form form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_part_02 .box .right .form form input{display: inline-block;width: 48%;height: 0.5rem;margin-bottom: 0.16rem;background: #F5F7FA;font-size: 0.16rem;}
.contact_part_02 .box .right .form form .select{width: 48%;display: inline-block;}
.contact_part_02 .box .right .form form .select input{width: 100%;}
.contact_part_02 .box .right .form form textarea{width: 100%;height: 1.2rem;border: none;background-color: #F5F7FA;padding: 0.1rem;box-sizing: border-box;}
.contact_part_02 .box .right .form form button{background-color: #E60012;margin-top: 0.2rem;height: 0.56rem;}


/*=============================招聘-------------------*/
.virtuous_content{width: 100%;height: auto;position: relative;}
.virtuous_banner{width: 100%;height: 6rem;text-align: center;}
.virtuous_banner p{display: inline-block;}
.virtuous_banner p:nth-child(1){width: 100%;height: 1.8rem;line-height: 4.8rem;text-align: center;opacity: 0.3;}
.virtuous_banner p:nth-child(1) img{width: 8rem;}
.virtuous_banner p:nth-child(2){font-size: 0.48rem;color: #fff;font-weight: bold;margin-bottom: 0.16rem;width: 100%;margin-top: -0.1rem;}
.virtuous_banner p:nth-child(3){width: 0.48rem;height: 0.04rem;background: #E60012;}
.virtuous_banner p:nth-child(4){width: 100%;font-size: 0.22rem;color: #fff;font-weight: bold;margin-top: 0.16rem;}
.virtuous_banner p:nth-child(5){width: 100%;font-size: 0.14rem;color: #fff;opacity: 0.5;margin-top: 0.16rem;text-transform: capitalize;margin-bottom: 0.6rem;}
.virtuous_part_01{width: 100%;height: auto;padding-bottom: 0.8rem;}
.virtuous_part_01 .box{width: 13.2rem;height: auto;margin: auto;}
.virtuous_part_01 .box .tag{width: 100%;height: 1rem;}
.virtuous_part_01 .box .tag .l{font-size: 0.44rem;font-weight: bold;color: #252626;line-height: 1.2rem;float: left;text-transform: uppercase;}
.virtuous_part_01 .box .tag .r{font-size: 0.18rem;color: #646566;line-height: 1rem;float: right;}
.virtuous_part_01 .box .img{width: 100%;height: 4.8rem;}
.virtuous_part_01 .box .img img{width: 100%;height: 100%;}

.virtuous_part_02{width: 13.2rem;height: auto;margin: auto;padding-bottom: 1rem;}
.virtuous_part_02 ul{width: 100%;height: auto;}
.virtuous_part_02 ul li{display: block;width: 100%;height: 0.72rem;margin-bottom: 0.24rem;overflow: hidden;cursor: pointer;}
.virtuous_part_02 ul li .title{transition: 0.3s; width: 100%;height: 0.72rem;background-color: #F5F7FA;}
.virtuous_part_02 ul li .title .text_01{display: block;width: 2.4rem;height: 100%;line-height: 0.72rem;float: left;font-size: 0.2rem;font-weight: bold;margin-left: 0.24rem;}
.virtuous_part_02 ul li .title .text_03{display: block;width: 2.4rem;height: 100%;line-height: 0.72rem;float: left;font-size: 0.18rem;margin-left: 0.36rem;}
.virtuous_part_02 ul li .title .icon{width: 0.5rem;text-align: center;line-height: 0.72rem;float: right;}
.virtuous_part_02 ul li .title .icon img{width: 0.2rem;display: inline-block;}
.virtuous_part_02 ul li .title .icon img:nth-child(2){display: none;}
.virtuous_part_02 ul li .title .icon img:nth-child(3){display: none;}
.virtuous_part_02 ul li .info{width: 100%;height: auto;padding: 0.4rem 0.6rem;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;border-right: 1px solid #E1E3E5;border-left: 1px solid #E1E3E5;border-bottom: 1px solid #E1E3E5;}
.virtuous_part_02 ul li .info table{width: 100%;height: auto;}

.virtuous_part_02 ul li .info .bottom{width: 100%;height: 0.6rem;margin-top: 0.5rem;}
.virtuous_part_02 ul li .info .bottom .deliver{transition: 0.3s; width: 2.4rem;height: 0.56rem;border: 1px solid #E1E3E5;text-align: center;line-height: 0.56rem;font-size: 0.16rem;color: #8A8D8D;margin: auto;}
.virtuous_part_02 ul li .info .bottom .deliver:hover{background-color: #E60012;color: #fff;border: 1px solid #E60012;}
.virtuous_part_02 ul li:hover .title{color: #fff;background-color: #E60012}
.virtuous_part_02 ul li:hover .title .icon img:nth-child(1){display: none;}
.virtuous_part_02 ul li:hover .title .icon img:nth-child(2){display: inline-block;}
.virtuous_part_02 ul li:hover .title .icon img:nth-child(3){display: none;}
.virtuous_part_02 ul li.active{height: auto;}
.virtuous_part_02 ul li.active .title{color: #fff;background-color: #E60012}
.virtuous_part_02 ul li.active .title .icon img:nth-child(1){display: none;}
.virtuous_part_02 ul li.active .title .icon img:nth-child(2){display: none;}
.virtuous_part_02 ul li.active .title .icon img:nth-child(3){display: inline-block;}


/*====================方案==================*/
.scheme_content{width: 100%;height: auto;position: relative;overflow: hidden;}
.scheme_banner{width: 100%;height: 6rem;}
.scheme_list{width: 100%;height: auto;background-color: #F5F7FA;}
.scheme_list .box{width: 15.2rem;height: auto;margin: auto;}
.scheme_list .box ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.scheme_list .box>ul>li{width: 7.28rem;height: 3.4rem;background-color: #fff;margin-top: 0.48rem;}
.scheme_list .box ul li .img{width: 3rem;height: 100%;float: left;overflow: hidden;}
.scheme_list .box ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.scheme_list .box ul li .text{width: 4.26rem;float: left;padding: 0.56rem;box-sizing: border-box;}
.scheme_list .box ul li .text .title{transition: 0.3s; width: 100%;font-size: 0.28rem;font-weight: bold;color: #252626;border-bottom: 1px solid #E1E3E5;padding-bottom: 0.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.scheme_list .box ul li .text .title:hover{color: #E60012;}
.scheme_list .box ul li .text .description{font-size: 0.16rem;line-height: 0.32rem;color: #575859;text-align: justify;width: 100%;margin-top: 0.2rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.scheme_list .box ul li .text .more{width: 100%;display: flex;align-items: center;margin-top: 0.4rem}
.scheme_list .box ul li .text .more p{display: inline-block;margin-right: 0.1rem;}
.scheme_list .box ul li .text .more p:nth-child(1){width: 0.06rem;height: 0.06rem;background-color: #E60012;border-radius: 0.1rem;}
.scheme_list .box ul li .text .more p:nth-child(2){width: 0.1rem;height: 0.1rem;background-color: #E60012;border-radius: 0.1rem;}
.scheme_list .box ul li .text .more p:nth-child(3){width: 0.06rem;height: 0.06rem;background-color: #E60012;border-radius: 0.1rem;}
.scheme_list .box ul li .text .more p:nth-child(4){width: 0.4rem;height: 0.01rem;background-color: #E1E3E5;transition: 0.3s;}
.scheme_list .box ul li .text .more p:nth-child(5){font-size: 0.16rem;color: #8A8D8D;}
.scheme_list .box ul li .text .more p:nth-child(6) img{width: 14px;position: relative;top: -0.01rem;}
.scheme_list .box ul li .text .more p:nth-child(6) img:nth-child(2){display: none;}
.scheme_list .box ul li .text .more:hover p:nth-child(5){color: #E60012;}
.scheme_list .box ul li .text .more:hover p:nth-child(4){background-color: #E51717;width: 1.4rem;}
.scheme_list .box ul li .text .more:hover p:nth-child(6) img:nth-child(1){display: none;}
.scheme_list .box ul li .text .more:hover p:nth-child(6) img:nth-child(2){display: inline-block;}
.scheme_list .box .page{width: 100%;height: 2rem;}
.scheme_list .box .page ul{width: 100%;height: 0.4rem;display: flex;justify-content: center;padding-top: 0.4rem;}
.scheme_list .box .page ul li{display: flex;justify-content: center;align-content: center;box-sizing: border-box;flex-wrap: wrap;min-width: 0.4rem;min-height: 0.4rem;margin-right: 0.1rem;border: 1px solid #E1E3E5;border-radius: 0.06rem;overflow: hidden;}
.scheme_list .box .page ul li a{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;}
.scheme_list .box .page ul li:first-child{padding: 0 0.1rem;}
.scheme_list .box .page ul li:last-child{padding: 0 0.1rem;}
.scheme_list .box .page ul li.active span{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.4rem;background-color: #E60012;color: #fff;}

.article_scheme_content{width: 100%;height: auto;position: relative;overflow: hidden;}
.article_scheme_banner{width: 100%;height: 6rem;}
.article_scheme_list{width: 100%;height: auto;background-color: #F5F7FA;}
.article_scheme_list .box{width: 15.2rem;height: auto;margin: auto;padding-bottom: 6rem;padding-top: 0.48rem;}
.article_scheme_list .box .detail{width: 100%;height: auto;display: flex;justify-content: space-between;}
.article_scheme_list .box .detail .left{width: 11rem;height: auto;float: left;padding: 0.56rem 0.7rem;box-sizing: border-box;background-color: #fff;}
.article_scheme_list .box .detail .left .title{width: 100%;font-size: 0.36rem;line-height: 0.6rem;font-weight: bold;}
.article_scheme_list .box .detail .left .description{width: 100%;margin-top: 0.2rem;font-size: 0.16rem;color: #8A8D8D;line-height: 0.3rem;}
.article_scheme_list .box .detail .left .description span{margin-right: 0.5rem;}
.article_scheme_list .box .detail .left .line{width: 100%;height: 0.01rem;background-color: #E1E3E5;margin-bottom: 0.4rem;margin-top: 0.2rem;}
.article_scheme_list .box .detail .left .content{width: 100%;height: auto;overflow: hidden;line-height: 0.3rem;font-size: 0.16rem;}
.article_scheme_list .box .detail .left .content img{max-width: 100%;}
.article_scheme_list .box .detail .right{width: 4rem;height: auto;float: right;padding: 0.28rem;box-sizing: border-box;background-color: #fff;}
.article_scheme_list .box .detail .right .title{width: 100%;font-size: 0.28rem;font-weight: bold;padding-top: 0.2rem;padding-bottom: 0.2rem;border-bottom: 1px solid #E1E3E5;}
.article_scheme_list .box .detail .right .img{width: 100%;height: auto;max-height: 4rem;overflow: hidden;margin-top: 0.3rem;}
.article_scheme_list .box .detail .right .img img{width: 100%;height: auto;}
.article_scheme_list .box .detail .right ul{width: 100%;height: auto;}
.article_scheme_list .box .detail .right ul li{display: block;border-bottom: 1px solid #E1E3E5;padding-top: 0.28rem;padding-bottom: 0.28rem;}
.article_scheme_list .box .detail .right ul li:hover{color: #E60012;}
.article_scheme_list .box .detail .right ul li .text_01{font-size: 0.18rem;font-weight: bold;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0.2rem;}
.article_scheme_list .box .detail .right ul li .text_01{font-size: 0.14rem;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #8A8D8D;}


.article_solution_content{width: 100%;height: auto;position: relative;overflow: hidden;}
.article_solution_banner{width: 100%;height: 6rem;}
.article_solution_list{width: 100%;height: auto;background-color: #F5F7FA;}
.article_solution_list .box{width: 12rem;height: auto;margin: auto;padding-bottom: 6rem;}
.article_solution_list .box .tab{width: 100%;height: 0.88rem;display: flex;justify-content: left;align-items: center;font-size: 0.16rem;color: #252626;border-bottom: 1px solid #E1E3E5;}
.article_solution_list .box .tab img:nth-child(1){width: 0.2rem;margin-right: 0.04rem;}
.article_solution_list .box .tab img:nth-child(3){width: 0.14rem;margin-right: 0.04rem;margin-left: 0.04rem;position: relative;top: 0.02rem;}
.article_solution_list .box .detail{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0.3rem;}
.article_solution_list .box .left{width: 2.8rem;height: auto;float: left;}
.article_solution_list .box .left .u{width: 100%;height: auto;margin-bottom: 0.3rem;background-color: #fff;padding-bottom: 0.1rem;}
.article_solution_list .box .left .u .title{width: 100%;height: 0.72rem;line-height: 0.8rem;padding: 0 0.4rem;box-sizing: border-box;color: #fff;background-color: #E60012;font-size: 0.2rem;font-weight: bold;}
.article_solution_list .box .left .u ul{width: 100%;height: auto;padding: 0 0.4rem;box-sizing: border-box;}
.article_solution_list .box .left .u ul li{width: 100%;height: 0.64rem;line-height: 0.64rem;font-size: 0.16rem;border-bottom: 1px solid #E1E3E5;transition: 0.3s;}
.article_solution_list .box .left .u ul li:hover{color: #E60012;}
.article_solution_list .box .right{width: 9rem;height: auto;float: right;background-color: #fff;}
.article_solution_list .box .right .title{width: 100%;height: 1.12rem;background-color: #D8D8D8;padding: 0rem 0.7rem;box-sizing: border-box;display: flex;align-items: center;}
.article_solution_list .box .right .title .l{width: 0.05rem;height: 0.28rem;background-color: #252626;margin-right: 0.16rem;}
.article_solution_list .box .right .title .t{font-size: 0.28rem;font-weight: bold;display: inline-block;line-height: 0;}
.article_solution_list .box .right .content{width: 100%;height: auto;overflow: hidden;padding: 0.4rem 0.7rem;box-sizing: border-box;font-size: 0.16rem;line-height: 0.3rem;}
.article_solution_list .box .right .content img{max-width: 100%!important;}