.nav>ul>li:nth-child(7)>a::after{opacity: 1;transform: scaleX(1);}
.main{width: 100%;height: auto;margin: 0 auto;}
body{background: #f8f8f8;}
.banner{width: 100%;height: auto;float: left;}
.banner{width: 100%;height: auto;float: left;}
.banner>div:first-child{width: 100%;height: 6rem;background: url(../images/new/dynamic_state/information_rooheal_banner.jpg) no-repeat; -webkit-background-size: 100% 100%;background-size: 100% 100%;}
.banner>div:first-child>div:first-child{width: 100%;height: auto;float: left;}
.banner>div:first-child>div:first-child>p:first-child{width: 100%;height: auto;display: block;text-align: center;font-size: .14rem;line-height: .34rem;margin-top: 1.79rem;color: #333333;}
.banner>div:first-child>div:first-child>p:nth-child(2){width: 100%;height: auto;display: block;float: left;text-align: center;font-size: .50rem;margin-top: .10rem;color: #222222;}
.banner>div:first-child>div:first-child>div:nth-child(3){width: 100%;height: auto;float: left;}
.banner>div:first-child>div:first-child>div:nth-child(3)>span:first-child{width: .50rem;height: .02rem;display: block;margin: 0 auto;background: #222222;margin-top: .30rem;}

.banner>div:first-child>div:first-child>div:nth-child(4){width: 100%;height: auto;float: left;margin-top: .50rem;}
.banner>div:first-child>div:first-child>div:nth-child(4)>div:first-child{width: .22rem;height: .22rem;border: .01rem solid #222222;border-radius: .11rem;margin: 0 auto;}
.banner>div:first-child>div:first-child>div:nth-child(4)>div:first-child>div:first-child{width:0;height:0;border-width:0rem  0rem .06rem .06rem  ;border-style:solid;border-color:transparent transparent transparent #222222;/*透明 透明 透明 灰*/
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);margin: 0 auto;margin-top: .05rem;}

.titl{width: 100%;margin-top: 1rem;float: left;}
.titl>p:first-child{text-align: center;font-size: 0.36rem;color: #222222;}
.titl>p:nth-child(2){text-align: center;font-size: 0.14rem;color: #999999;margin-top: 0.15rem;margin-bottom: .5rem;}



.package_solution{width: 100%;float: left;}
.package_solution_change{display: none;}
.package_solution_titl{width: 12rem;background: #fafafa;box-shadow: 0rem .02rem .09rem .01rem #eeeeee;overflow: hidden;max-width: 1200px;margin: 0 auto; margin-top: 0.3rem;}
.package_solution_titl>div:first-child{width: 11.90rem;;margin: 0 auto;border: solid .01rem #d4d4d4;margin-top: .05rem;text-align: center;margin-left: .05rem;margin-bottom: .05rem;}
.package_solution_titl>div:first-child>ul{width: auto;display: inline-block;margin-top: .15rem;text-align: center;}
.package_solution_titl>div:first-child>ul>li{width: 1.46rem;display: inline-block;text-align: center;margin-bottom:.15rem;}
.package_solution_titl>div:first-child>ul>li>a{width: 100%;display: inline-block;text-decoration: none;line-height: .60rem;text-align: center;font-size: .16rem;color: #999999;}
.package_solution_titl>div:first-child>ul>li>a:hover{background: #222222;color: #FFFFFF;}
.package_solution_titl>div:first-child>ul>li:first-child>a{background: #222222;color: #FFFFFF;}



.customer_case{width: 100%;float: left;}

.customer_case>div:nth-child(2){width: 12rem;margin: 0 auto;max-width: 1200px;}

/* 首展示 */
.customer_case>div:nth-child(2)>a:first-child{width: 12rem;height: auto;margin-bottom: 0.5rem;display: block;border-bottom: 1px solid #EEEEEE;float: left;overflow: hidden;}
.customer_case>div:nth-child(2)>a:first-child>div:first-child{width: 0.4rem;height: 1px;background: #222222;float: left;margin-top: 0.8rem;margin-left: -.5rem;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;}
.customer_case>div:nth-child(2):hover>a:first-child>div:first-child{margin-left: 0;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2){width: 4.8rem;height: 3.7rem;float: left;margin-top: 0.65rem;margin-left: 0.1rem;overflow: hidden;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2)>div:nth-child(4){
-webkit-transform: translate(-200px,0px);
-moz-transform: translate(-200px,0px);
-ms-transform: translate(-200px,0px);
-o-transform: translate(-200px,0px);
transform: translate(-200px,0px);}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2)>div:nth-child(4){
-webkit-transition: transform 0.8s;
-moz-transition: transform 0.8s;
-ms-transition: transform 0.8s;
-o-transition: transform 0.8s;
transition: transform 0.8s;}
.customer_case>div:nth-child(2):hover >div:nth-child(2)>div:nth-child(4){
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
transform: translate(0px,0px);}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2)>p:first-child{width: 100%;height: auto;float: left;font-size: 0.24rem;line-height: 0.36rem;color: #333333;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2)>p:nth-child(2){width: 100%;height: auto;float: left;font-size: 0.16rem;color: #999999;line-height: 0.36rem;margin-top: 0.2rem;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2)>div:nth-child(3){width: 100%;height: auto;float: left;margin-top: 0.6rem;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2)>div:nth-child(3)>p:first-child{width: auto;float: left;height: auto;font-size: 0.14rem;color: #999999;line-height: 0.4rem;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2)>div:nth-child(3)>span:nth-child(2){width: 0.07rem;height: 0.13rem;float: left;display: block;margin-left: 1rem;font-size: 0.26rem;color: #999999;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2)>div:nth-child(4){width: 1.2rem;height: auto;float: left;background: #222222;margin-top: 0.3rem;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(2)>div:nth-child(4)>a:first-child{width: 100%;height: auto;float: left;text-align: center;text-decoration: none;display: block;font-size: 0.14rem;color: #FFFFFF;line-height: 0.3rem;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(3){width: 6rem;height: 4rem;float: right;margin-left: 0.7rem;margin-bottom: .5rem;overflow: hidden;}
.customer_case>div:nth-child(2)>a:first-child>div:nth-child(3)>img:first-child{width: 100%;height: auto;float: left;}






.customer_case>div:nth-child(3){width: 12rem;margin: 0 auto;max-width: 1200px;}
.customer_case>div:nth-child(3)>ul:first-child{width: 100%;display: block;float: left;}
.customer_case>div:nth-child(3)>ul:first-child>li{width: 3.9rem;float: left;margin-top: .2rem;}
.customer_case>div:nth-child(3)>ul:first-child>li:nth-child(3n+2){margin-left: 0.14rem;margin-right: 0.14rem;}
.customer_case>div:nth-child(3)>ul:first-child>li>a:first-child{width: 100%;display: block;float: left;position: relative;}
/* .customer_case>div:nth-child(2)>ul>li>a:first-child>div:first-child{width: 100%;height: 2.8rem;float: left;background: url(../images/customer_case/customer_case_1.jpg) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;} */
.customer_case>div:nth-child(3)>ul:first-child>li>a:first-child>div:first-child{width: 100%;height: 3.2rem;overflow: hidden;}
.customer_case>div:nth-child(3)>ul:first-child>li>a:first-child>div:first-child>div:first-child{width: 100%;height: 3.2rem;transform: scale(0);background: rgba(4,14,33,.7);position: absolute;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;}
.customer_case>div:nth-child(3)>ul:first-child>li>a:first-child>div:first-child>img:nth-child(2){width: 100%;height: auto;float: left;}
.customer_case>div:nth-child(3)>ul:first-child>li>a:first-child>p:nth-child(2){width: 3.7rem;margin-left: 0.1rem;display: block;float: left;font-size: 0.16rem;color: #333333;margin-top: 0.15rem;line-height: .24rem;    white-space: nowrap;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.customer_case>div:nth-child(3)>ul:first-child>li>a:first-child>p:nth-child(3){width: 3.7rem;margin-left: 0.1rem;display: block;float: left;font-size: 0.14rem;color: #999999;margin-top: 0.1rem;line-height: .24rem;    white-space: nowrap;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.customer_case>div:nth-child(3)>ul:first-child>li>a:first-child>div:nth-child(4){width: 100%;height: 1px;background: #EEEEEE;margin-top: .2rem;margin-bottom: .2rem;float: left;}
.customer_case>div:nth-child(3)>ul:first-child>li>a:first-child>div:nth-child(5){width: 1.2rem;line-height: .3rem;background: none;color: #FFFFFF;font-size: 0.14rem;text-align: center;float: left;border-radius: 0.15rem;margin-left: 1.35rem;position: absolute;top: 1.5rem;border: 1px solid #FFFFFF;transform: scale(0);
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;}


.customer_case>div:nth-child(3)>ul:first-child>li:hover >a>div:first-child>div:first-child{transform: scale(1);}
.customer_case>div:nth-child(3)>ul:first-child>li:hover >a>div:nth-child(5){transform: scale(1);}





.pagesInner{width: 100%;text-align: center;float: left;display: inline-block;margin-top: 1.5rem;margin-bottom: 2rem;}
.pagesInner>li{text-align: center;display: inline-block;}
.pagesInner>li:first-child{width: .5rem;height: .3rem;background: #EEEEEE;border-radius: 0.15rem;margin-right: .2rem;}
.pagesInner>li:first-child>span:first-child{width: 100%;height: 100%;float: left;position: relative;display: inline-block;}
.pagesInner>li:first-child>span:first-child>span:first-child{width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.08rem 0.04rem 0.04rem 0.04rem;border-top-color: #222222;
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
transform: rotate(-270deg);margin-top: .1rem;float: left;margin-left: .16rem;}
.pagesInner>li{width: .3rem;height: .3rem;background: #EEEEEE;display: inline-block;text-align: center;line-height: .3rem;color: #222222;border-radius: 50%;margin-left: 0.1rem;margin-right: 0.1rem;vertical-align: top;font-size: .15rem;}
.pagesInner>li:last-child{width: .5rem;height: .3rem;background: #EEEEEE;border-radius: 0.15rem;margin-right: .2rem;}
.pagesInner>li:last-child>span:first-child{width: 100%;height: 100%;float: left;position: relative;display: inline-block;}
.pagesInner>li:last-child>span:first-child>span:first-child{width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.08rem 0.04rem 0.04rem 0.04rem;border-top-color: #222222;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);margin-top: .1rem;float: left;margin-left: .23rem;}
.actived{width: .3rem;height: .3rem;background: #222222!important;display: inline-block;text-align: center;line-height: .3rem;color: #FFFFFF!important;border-radius: 50%;font-size: .15rem;}