.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: 4rem;background: url(../images/theory/m/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: .16rem;margin-top: 1.29rem;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: .30rem;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: .250rem;height: .02rem;display: block;margin: 0 auto;background: #222222;margin-top: .150rem;}
.banner>div:first-child>div:first-child>div:nth-child(4){width: 100%;height: auto;float: left;margin-top: .200rem;}
.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: 0 auto;float: left;}
.titl>p:first-child{text-align: center;font-size: 0.4rem;color: #222222;margin-top: 1rem;}
.titl>p:nth-child(2){text-align: center;font-size: 0.14rem;color: #999999;margin-top: 0.1rem;margin-bottom: .4rem;font-family: "ArialMT";}



/* 除醛原理 */

.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: 7.2rem;height: auto;margin: 0 auto;}

.theory>div:first-child>div:first-child>div:nth-child(2){width: 100%;height: 5rem;float: left;margin-top: 0rem;background: url(../images/theory/m/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.2rem;}
.theory>div:first-child>div:first-child>div:nth-child(2)>div:nth-child(2){width: 6.5rem;height:4.8rem;margin: 0 auto;background: #FFFFFF;margin-top: 2rem;box-shadow: 0px 0.02rem 0.09rem 1px #eeeeee;}
.theory>div:first-child>div:first-child>div:nth-child(2)>div:nth-child(2)>div:first-child{width: 6.3rem;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: 3.08rem;margin-top: 0.1rem;}
.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.26rem;color: #538392;margin-top: 0.1rem;line-height: .4rem;}






/* 除醛原理详情 */
.theory>div:first-child>div:nth-child(2){width: 7.2rem;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: 1.5rem;position: relative;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:first-child{width: 7.2rem;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: 7.2rem;margin-bottom: 3.5rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:first-child>div:nth-child(2){width: 2.58rem;margin-top: 0.2rem;float: left;margin-left: 1.82rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:first-child>div:nth-child(3){width: 2.56rem;margin-left: 0.09rem;float: right;margin-top: .2rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(1)>div:first-child>div:first-child{margin-bottom: 2.8rem;}
.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/m/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: 3.66rem;background: url(../images/theory/m/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: 3.69rem;background: url(../images/theory/m/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/m/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: 3.66rem;background: url(../images/theory/m/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: 3.69rem;background: url(../images/theory/m/theory_12.png) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}


.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>div:nth-child(2){width: 6.85rem;height: auto;float: left;margin-left: 0.175rem;position: absolute;top: 2.58rem;}
.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.3rem;margin-top: 0.2rem;}


.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.15rem;margin-left: 0.1rem;background: #222222;margin-bottom: 1.49rem;}





.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.26rem;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.26rem;float: left;color: #333333;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.26rem;color: #333333;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;float: left;font-size: 0.26rem;color: #333333;line-height: 0.6rem;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;margin-top: .5rem;display: block;}
/*.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(odd)>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.35rem;;margin-top: 1.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: 100%;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: 100%;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:nth-child(2)>div:nth-child(2){width: 2.58rem;margin-top: 0.2rem;margin-left: 1.82rem;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:nth-child(2)>div:nth-child(3){width: 2.56rem;float: right;}
.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/m/theory_4.jpg) no-repeat;margin-bottom: 3.5rem;
-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: 3.65rem;background: url(../images/theory/m/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: 3.69rem;background: url(../images/theory/m/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/m/theory_6.jpg) no-repeat;margin-bottom: 3.5rem;
-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: 3.65rem;background: url(../images/theory/m/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: 3.69rem;background: url(../images/theory/m/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: 6.85rem;height: auto;float: left;position: absolute;top: 2.58rem;margin-left: 0.175rem;}
.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.3rem;margin-top: 0.2rem;}
.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.15rem;margin-left: 0.1rem;background: #222222;margin-bottom: 1.49rem;text-align: center;}
.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.26rem;float: left;color: #333333;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.26rem;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.26rem;color: #333333;line-height: 0.4rem;margin-top: 0.2rem;}
.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.26rem;color: #333333;line-height: 0.4rem;margin-top: 0.2rem;}

.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>p:nth-child(6)>span{font-size: 0.22rem;color: #df0000;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(even)>div:first-child>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.35rem;margin-top: 3.7rem;
-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)>p:nth-child(6)>span{color: #df0000;}
.theory>div:first-child>div:nth-child(2)>ul>li:nth-child(3)>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.35rem;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(4)>div:first-child{width: 6.85rem;}
.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(7){margin-top: 2.48rem;}
.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(1)>div:nth-child(2)>div:nth-child(3){width: 1px !important;height: 0.5rem !important;float: left;margin-top: 0.15rem;margin-left: 0.1rem;background: #222222;}

.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/m/theory_8.jpg) no-repeat;margin-bottom: 3.5rem;
-webkit-background-size: 100%;
background-size: 100%;}



.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/m/theory_7.jpg) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;}