.nav>ul>li:nth-child(6)>a::after{opacity: 1;transform: scaleX(1);}
.main{width: 100%;height: auto;margin: 0 auto;}
body{background: #fbfbfb;}
.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/theory/theory_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;float: left;text-align: center;font-size: .14rem;line-height: .24rem;margin-top: 2rem;color: #333333;font-family: 'ArialMT';}
.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;}


/* 除醛原理 */

.theory{width: 100%;height: auto;float: left;}
.theory>div:first-child{width: 100%;height: auto;float: left;}
.theory>div:first-child>div:first-child{width: 12rem;height: auto;margin: 0 auto;max-width: 1200px;}

.theory>div:first-child>div:first-child>div:nth-child(2){width: 100%;height: 5rem;float: left;background: url(../images/theory/theory_1.jpg) no-repeat;margin-bottom: 1.3rem;}
.theory>div:first-child>div:first-child>div:nth-child(2)>img:first-child{width: 1rem;height: 0.9rem;display: block;margin: 0 auto;margin-top: 1.8rem;}
.theory>div:first-child>div:first-child>div:nth-child(2)>div:nth-child(2){width: 10rem;height: 2.8rem;margin: 0 auto;background: #FFFFFF;margin-top: 3.5rem;box-shadow: 0 0 0.3rem #d9d9d9;}
.theory>div:first-child>div:first-child>div:nth-child(2)>div:nth-child(2)>div:first-child{width: 9.8rem;height: 2.6rem;background: #FFFFFF;margin-top: 0.1rem;border: solid 1px #eeeeee;float: left;margin-left: 0.1rem;}
.theory>div:first-child>div:first-child>div:nth-child(2)>div:nth-child(2)>div:first-child>p:first-child{width: 100%;height: auto;float: left;text-align: center;font-size: 0.3rem;color: #222222;margin-top: 0.2rem;}
.theory>div:first-child>div:first-child>div:nth-child(2)>div:nth-child(2)>div:first-child>div:nth-child(2){width: 0.14rem;height: 0.14rem;background: #538392;border-radius: 50%;float: left;margin-left: 4.83rem;margin-top: 0.16rem;}
.theory>div:first-child>div:first-child>div:nth-child(2)>div:nth-child(2)>div:first-child>div:nth-child(2)>div:first-child{width: 0.06rem;height: 0.06rem;background: #FFFFFF;border-radius: 50%;margin-top: 0.04rem;float: left;margin-left: 0.04rem;}
.theory>div:first-child>div:first-child>div:nth-child(2)>div:nth-child(2)>div:first-child>p:nth-child(3){width: 100%;height: auto;float: left;text-align: center;font-size: 0.2rem;color: #538392;margin-top: 0.1rem;}



/* 除醛原理详情 */
.theory>div:first-child>div:nth-child(2){width: 12rem;height: auto;margin: 0 auto;}
.theory>div:first-child>div:nth-child(2)>ul{width: 100%;height: auto;float: left;margin-top: 0.2rem;display: block;margin-bottom: 1.8rem;}
.theory>div:first-child>div:nth-child(2)>ul>li{width: 100%;height: auto;float: left;display: block;margin-top: 0.75rem;overflow: hidden;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:first-child{width: 6rem;height: auto;float: left;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:first-child>div{float: left;display: block;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:first-child>div:first-child{width: 6rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:first-child>div:nth-child(2){width: 2.91rem;margin-top: 0.2rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:first-child>div:nth-child(3){width: 2.61rem;margin-left: 0.3rem;margin-top: 0.2rem;margin-left: 0.27rem;}

.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(1)>div:first-child>div:first-child{height: 5rem;background: url(../images/theory/theory_3.jpg) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(1)>div:first-child>div:nth-child(2){height: 4.14rem;background: url(../images/theory/theory_7.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(1)>div:first-child>div:nth-child(3){height: 4rem;background: url(../images/theory/theory_8.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}


.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(3)>div:first-child>div:first-child{height: 5rem;background: url(../images/theory/theory_5.jpg) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(3)>div:first-child>div:nth-child(2){height: 4.13rem;background: url(../images/theory/theory_11.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(3)>div:first-child>div:nth-child(3){height: 4rem;background: url(../images/theory/theory_12.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}



/*第5页*/
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(5)>div:first-child>div:first-child{height: 5rem;background: url(../images/theory/theory_7.jpg) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(5)>div:first-child>div:nth-child(2){height: 4.13rem;background: url(../images/theory/theory_11.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(5)>div:first-child>div:nth-child(3){height: 4rem;background: url(../images/theory/theory_12.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(5)>div:nth-child(2)>div:nth-child(6){width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.12rem 0.08rem 0.08rem 0.08rem;border-top-color: #222222;margin-left: 0.1rem;margin-top: 2rem;
-webkit-transform:rotate(90deg) ;
-moz-transform:rotate(90deg) ;
-ms-transform:rotate(90deg) ;
-o-transform: rotate(90deg);
transform: rotate(90deg);float: left;}








.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2){width: 5.2rem;height: auto;float: left;margin-left: 0.62rem;margin-top: 0.5rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>p:first-child{width: 1.5rem;height: auto;float: left;text-align: center;background: #222222;line-height: 0.5rem;font-size: 0.36rem;color: #FFFFFF;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>p:nth-child(2){width: 100%;height: auto;float: left;color: #222222;font-size: 0.26rem;margin-top: 0.06rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>div:nth-child(3){width: 1px;height: 0.4rem;float: left;margin-top: 0.3rem;margin-left: 0.12rem;background: #222222;margin-bottom: 1rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>p:nth-child(4){width: 100%;height: auto;font-size: 0.2rem;float: left;color: #222222;line-height: 0.3rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>p:nth-child(5){width: 100%;height: auto;font-size: 0.2rem;float: left;color: #222222;line-height: 0.3rem;margin-top: 0.1rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>p:nth-child(6){width: 100%;height: auto;float: left;margin-top: 0.1rem;font-size: 0.2rem;color: #222222;line-height: 0.3rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>p:nth-child(7){    width: 100%;height: auto;font-size: 0.2rem;float: left;color: #222222;line-height: 0.3rem;margin-top: 0.1rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>p:nth-child(7)>span{font-size: 0.4rem;font-family: "ArialMT";font-style: italic;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>div:nth-child(7){width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.12rem 0.08rem 0.08rem 0.08rem;border-top-color: #222222;margin-left: 0.1rem;;margin-top: 2rem;
-webkit-transform:rotate(90deg) ;
-moz-transform:rotate(90deg) ;
-ms-transform:rotate(90deg) ;
-o-transform: rotate(90deg);
transform: rotate(90deg);float: left;

}

.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:nth-child(2){width: 6rem;height: auto;float: left;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:nth-child(2)>div{float: left;display: block;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:nth-child(2)>div:first-child{width: 6rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:nth-child(2)>div:nth-child(2){width: 2.91rem;margin-top: 0.2rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:nth-child(2)>div:nth-child(3){width: 2.61rem;margin-left: 0.3rem;margin-top: 0.2rem;margin-left: 0.27rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(2)>div:nth-child(2)>div:first-child{height: 5rem;background: url(../images/theory/theory_4.jpg) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(2)>div:nth-child(2)>div:nth-child(2){height: 4.13rem;background: url(../images/theory/theory_9.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(2)>div:nth-child(2)>div:nth-child(3){height: 4rem;background: url(../images/theory/theory_10.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}


.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(4)>div:nth-child(2)>div:first-child{height: 5rem;background: url(../images/theory/theory_6.jpg) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(4)>div:nth-child(2)>div:nth-child(2){height: 4.13rem;background: url(../images/theory/theory_13.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(4)>div:nth-child(2)>div:nth-child(3){height: 4rem;background: url(../images/theory/theory_14.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}

.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(6)>div:nth-child(2)>div:first-child{height: 5rem;background: url(../images/theory/theory_8.jpg) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(6)>div:nth-child(2)>div:nth-child(2){height: 4.13rem;background: url(../images/theory/theory_13.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(6)>div:nth-child(2)>div:nth-child(3){height: 4rem;background: url(../images/theory/theory_14.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}









.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child{width: 4.4rem;height: auto;float: left;margin-right: 1rem;margin-top: 0.5rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>p:first-child{width: 2.5rem;height: auto;float: left;text-align: center;background: #222222;line-height: 0.5rem;font-size: 0.36rem;color: #FFFFFF;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>p:nth-child(2){width: 100%;height: auto;float: left;color: #222222;font-size: 0.26rem;margin-top: 0.06rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>div:nth-child(3){width: 1px;height: 0.4rem;float: left;margin-top: 0.3rem;margin-left: 0.12rem;background: #222222;margin-bottom: 1rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>p:nth-child(4){width: 100%;height: auto;font-size: 0.2rem;float: left;color: #222222;line-height: 0.3rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>p:nth-child(5){width: 100%;height: auto;font-size: 0.2rem;float: left;color: #333333;line-height: 0.3rem;margin-top: 0.1rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>p:nth-child(6){width: 100%;height: auto;float: left;font-size: 0.2rem;color: #333333;line-height: 0.4rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>p:nth-child(6)>span{font-size: 0.15rem;color: #df0000;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>p:nth-child(7){width: 100%;height: auto;float: left;font-size: 0.2rem;color: #333333;line-height: 0.4rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>div:nth-child(8){width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.12rem 0.08rem 0.08rem 0.08rem;border-top-color: #222222;margin-left: 0.1rem;margin-top: 3rem;
-webkit-transform:rotate(-90deg) ;
-moz-transform:rotate(-90deg) ;
-ms-transform:rotate(-90deg) ;
-o-transform: rotate(-90deg);
transform: rotate(-90deg);float: left;}


.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>p:nth-child(6){width: 100%;height: auto;font-size: 0.2rem;float: left;color: #333333;line-height: 0.3rem;margin-top: 0.1rem;}



.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(4)>div:first-child>p:first-child{width: 2rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2)>p:nth-child(6)>span{color: #df0000;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(4)>div:first-child>p:nth-child(5){width: 100%;height: auto;font-size: 0.2rem;float: left;color: #222222;line-height: 0.3rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(4)>div:first-child>p:nth-child(){width: 100%;height: auto;font-size: 0.2rem;float: left;color: #222222;line-height: 0.3rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>div:nth-child(6){width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.12rem 0.08rem 0.08rem 0.08rem;border-top-color: #222222;margin-left: 0.1rem;margin-top: 2rem;
-webkit-transform:rotate(-90deg) ;
-moz-transform:rotate(-90deg) ;
-ms-transform:rotate(-90deg) ;
-o-transform: rotate(-90deg);
transform: rotate(-90deg);float: left;}


.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(3)>div:nth-child(2)>div:nth-child(8){width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.12rem 0.08rem 0.08rem 0.08rem;border-top-color: #222222;margin-left: 0.1rem;margin-top: 2rem;
-webkit-transform:rotate(90deg) ;
-moz-transform:rotate(90deg) ;
-ms-transform:rotate(90deg) ;
-o-transform: rotate(90deg);
transform: rotate(90deg);float: left;}




.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(4)>div:first-child{width: 4.47rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(4)>div:first-child>div:nth-child(7){margin-top: 2.48rem;}



.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(2)>div:first-child>div:nth-child(8){margin-top: 2rem;}






.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>div:nth-child(8){}
