.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: 4rem;background: url(../images/new/formaldehyde-science/m/science_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: .16rem;line-height: .34rem;margin-top: 1.25rem;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: .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: .50rem;height: .02rem;display: block;margin: 0 auto;background: #222222;margin-top: .20rem;}

.banner>div:first-child>div:first-child>div:nth-child(4){width: 100%;height: auto;float: left;margin-top: .50rem;display: none;}
.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;}



.details{width: 100%;float: left;}
.title{width: 100%;float: left;margin-top: 1rem;}
.title>div:first-child{width: 7.2rem;margin: 0 auto;}
.title>div:first-child h1{width: 100%;font-size: .34rem;color: #333333;margin-bottom: .4rem;line-height: .48rem;}
.time{width: 100%;float: left;margin-top: 1rem;border-bottom: 1px solid #EEEEEE;margin-top: .2rem;}
.time>div:first-child{width: 7.2rem;margin: 0 auto;}
.time>div:first-child>p:first-child{width: 100%;font-size: .22rem;color: #999999;}
.time>div:first-child>p:nth-child(2){width: 100%;font-size: .22rem;color: #999999;margin-bottom: .2rem;margin-top: .05rem;}
.center{width: 7rem;margin: 0 auto;}
.center>p{font-size: 0.22rem;color: #666666;line-height: 0.48rem;margin-top: .1rem;margin-bottom: .1rem;display: inline-block;width: 100%;text-align: left;}
.center>p>img{width: auto;margin: 0 auto;}

.center>p strong{font-size: 0.22rem;}



.details>div:nth-child(4){width: 7.1rem;margin-top: 1rem;float: left;margin-left: .2rem;}
.details>div:nth-child(4)>div:first-child{width: 100%;float: left;}
.details>div:nth-child(4)>div:first-child>span:first-child{width: 2.8rem;border: 1px dashed #D4D4D4;height: 0.01rem;display: block;float: left;margin-top: .135rem;}
.details>div:nth-child(4)>div:first-child>p:nth-child(2){width: 1.5rem;display: block;float: left;color: #999999;text-align: center;font-size: 0.24rem;line-height: 0.3rem;}
.details>div:nth-child(4)>div:first-child>span:nth-child(3){width: 2.8rem;border: 1px dashed #D4D4D4;height: 0.01rem;display: block;float: right;margin-top: -.135rem;}

.details>div:nth-child(5){width: 100%;float: left;margin-bottom: 2rem;}
.details>div:nth-child(5)>div:first-child{width: 7.1rem;float: left;margin-left: .2rem;margin-top: .6rem;}
.details>div:nth-child(5)>div:first-child>div:first-child{width: 6.8rem;float: left;margin-left: .15rem;}
.details>div:nth-child(5)>div:first-child>div:first-child>a{width: 100%;float: left;display: block;}
.details>div:nth-child(5)>div:first-child>div:first-child>a:nth-child(3){margin-top: .2rem;}
.details>div:nth-child(5)>div:first-child>div:first-child>a:first-child>div:first-child{width: 100%;float: left;border-radius: 0.5rem;background: #222222;height: 1rem;}
.details>div:nth-child(5)>div:first-child>div:first-child>a:first-child>div:first-child>span:first-child{width: auto;line-height: .8rem;display: block;color: #FFFFFF;font-size: 0.24rem;margin-left: 5rem;border-left: 1px solid #D4D4D4;margin-top: .1rem;padding-left: 0.44rem;}


.details>div:nth-child(5)>div:first-child>div:first-child>div:nth-child(2){width: 100%;float: left;}
.details>div:nth-child(5)>div:first-child>div:first-child>div:nth-child(2)>div:first-child{width: 100%;float: left;position: relative;}
.details>div:nth-child(5)>div:first-child>div:first-child>div:nth-child(2)>div:first-child>p:first-child{width: 3.8rem;font-size: 0.24rem;color: #FFFFFF;line-height: 0.8rem;display: inline-block;position: absolute;left: .4rem;top: -.89rem;    white-space: nowrap;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.details>div:nth-child(5)>div:first-child>div:first-child>div:nth-child(2)>div:first-child>p:nth-child(2){width: 3.8rem;font-size: 0.24rem;color: #222222;line-height: 0.8rem;display: inline-block;position: absolute;left: .4rem;top: .32rem;    white-space: nowrap;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}

.details>div:nth-child(5)>div:first-child>div:first-child>a:nth-child(3)>div:first-child{width: 100%;float: left;border-radius: 0.5rem;background: #FFFFFF;height: 1rem;border: 1px solid #222222;}
.details>div:nth-child(5)>div:first-child>div:first-child>a:nth-child(3)>div:first-child>span:first-child{width: auto;line-height: .8rem;display: block;color: #222222;font-size: 0.24rem;margin-left: 5rem;border-left: 1px solid #222222;margin-top: .1rem;padding-left: 0.44rem;}


.details>div:nth-child(5)>div:first-child>div:first-child>div:nth-child(4){display: none;}