@charset "utf-8";

* {
    padding: 0;
    margin: 0;
}
html{font-size:16px}
@font-face {
      font-family:'fontello';
      src: url('../../responsecss/font/fontello.eot?59627039');
      src: url('../../responsecss/font/fontello.eot?59627039#iefix') format('embedded-opentype'),
           url('../../responsecss/font/fontello.woff?59627039') format('woff'),
           url('../../responsecss/font/fontello.ttf?59627039') format('truetype'),
           url('../../responsecss/font/fontello.svg?59627039#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
@media only screen and (max-width:1000px){
    html {
        font-size:16px !important; 
    }
}

.allbox {
    width: 1000px;
    margin: auto;
    padding: 20px 0;
    position: relative
}

h1 {
    padding: 22px 0 6px 0;
    font-size:1.5rem;
    text-align: center
}

h2 {
    padding:15px 0;
    color: #333;
    font-weight: normal;
    border-top: 1px solid #333;
    font-size:1.5rem;
    margin:25px 0 0 0
}

h3 {
    padding:0.75rem 0
}

ul li {
    list-style: none
}


.msdsbox {
    width: 100%;
    padding:20px 0;
    margin: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size:0.875rem;
    line-height:1.6;
}

a.name {
    color: #ff7300;
    font-size:1.5rem;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
}

    a.name:hover {
        color: #F90
    }


.fr {
    float: right
}

.cgray {
    color: #666;
}

.msdsname {
    font-size:1.75rem;
    text-align: center;
    color: #333;
}


hr {
    border: none;
    border-top: 0px solid #ff7300;
    position: relative;
    margin:25px 0 0 0
}

.list1 {
    width: 100%;
}

    .list1 li {
        overflow: hidden
    }

        .list1 li span:nth-of-type(1) {
            width: 28%;
            display: block;
            float: left;
            padding-right: 1%;
        }

        .list1 li span:nth-of-type(2) {
            width: 71%;
            display: block;
            float: left;
        }

.list2 li {
    width: 33%;
    display: inline-block
}

.list3 {
    width: 100%;
}

    .list3 li {
        border-bottom: 1px dotted #999;
        overflow: hidden
    }

        .list3 li span:nth-of-type(1) {
            width: 28%;
            display: block;
            float: left;
            padding-right: 1%;
        }

        .list3 li span:nth-of-type(2) {
            width: 71%;
            display: block;
            float: left;
        }

.img1 img {
    width:3.125rem;
    height:3.125rem
}

.searchbox {
            margin: auto;
            padding:0.1875rem;
            border-bottom: 1px solid #eee;
            overflow: hidden;
        }

.search {
    width: 1000px;
    margin: auto
}

    .search li {
        float: right
    }

.input1 {
    width:10rem;
    border: 1px solid #aaa;
    height:1.375rem;
    line-height:1.375rem;
    padding:2px 5px;
    float: right
}

.input2 {
    width:4rem;
    height:1.75rem;
    float: right;
    background: #aaa /*url(http://hg.y866.cn/chemistry/image/icon_index.png) no-repeat 1.25rem -1.25rem*/;
    border: none;
    cursor: pointer;
	font-family: "fontello"!important;
	color:#fff;font-size:1.2rem
}
.download {
    width:1.5625rem;
    height:1.875rem;
    background: url(../../control/image/msds/msds.png) no-repeat 0 0;
    display: inline-block;
    margin: 0 8px;
    position: relative;
    top: 4px;
}


.topback {
    float: right;
    width:1.875rem;
    height:1.875rem;
    cursor: pointer;
	 border-radius:16px;
	 background:#fff; position:relative
}
.topback:after{ content:"\e85a";font-family: "fontello"!important; position:absolute;font-size:1.2rem; color:#999; left:6px;}
.topback:hover {background: #ccc;}

.time {
    font-size:0.875rem;
    text-align: center;
	margin-bottom:0.625rem
}

    .time span {
        padding-right:0.625rem;
    }

.buttonbox {
}

    .buttonbox a {
        float: right;
        margin-left:0.625rem;
        background: #ff7300;
        color: #fff;
        height:1.625rem;
        padding: 0 1rem;
        text-align: center;
        text-decoration: none;
        line-height:1.625rem;
        font-size:1rem
    }

        .buttonbox a:hover {
            color: #000;
        }

.nfpabox {
    overflow: hidden
}

.nfpa1 {
    width:11.25rem;
    height:11.25rem;
    float: left;
    background: url(http://hg.y866.cn/chemistry/images/NFPA704.jpg) no-repeat;
    background-size:11.25rem 11.25rem;
    position: relative;
}

.no1, .no2, .no3, .no4 {
    width:1.25rem;
    height:1.25rem;
    position: absolute;
    text-align: center;
    font-size:1.125rem;
    color: #000;
    line-height:1.25rem;
}

.no1 {
    top:5rem;
    left:2.1875rem;
}

.no2 {
    top:2.5rem;
    left:5rem;
}

.no3 {
    top:5rem;
    left:7.5rem;
}

.no4 {
    top:7.5rem;
    left:5rem;
}

.nfpa2 {
    width: 70%;
    float: right
}

.nfpalist {
    border: 2px solid #fff;
}

    .nfpalist td {
        padding:6px;
        border-bottom: 1px dotted #888
    }

        .nfpalist td span {
            width:0.625rem;
            height:0.625rem;
            display: block;
            border:1px solid #333;
            transform: rotate(45deg);
        }

.no11, .no22, .no33, .no44 {
    width:1.25rem;
}

    .no11 span {
        background: #017ac3
    }

    .no22 span {
        background: #ed3a33
    }

    .no33 span {
        background: #fdf200
    }

    .no44 span {
        background: #fff
    }

.section12title {
    font-weight: bold;
}

.section14 span {
    min-width:12.5rem;
}

.dis {
    color: #666;
    margin: auto;
    padding: 20px 0;
    font-size:0.75rem;
	line-height:1.5;
	font-style:italic
}
.recompro{
	margin-top:40px;
	}
.recompro2{padding: 15px 0;
color: #333;
font-weight: normal;
border-top:3px double #ccc;
font-size:1.5rem;}
.recompro a{margin-right:20px; color:#333; line-height:2;font-size:0.8125rem;}
.recompro a:hover{ color:#ff7300}
footer{margin-top:30px;border-top:1px solid #ccc;padding:20px; text-align:center; color:#666;}

@media screen and (max-width: 1000px) {
 .input1,.input2{ display:none}
    .allbox {
        width: 92%;
        margin: auto;
        border: 0px solid #333;
        padding: 10px 2%;
        position: relative;
    }

    .search {
        width: 100%;
        margin: auto
    }


    .nfpa2 {
        width: 100%;
    }
.searchbox{padding:1px 20px;}


}

@media screen and (max-width:400px) {
    .input1 {
        width:4.375rem
    }
}

@media screen and (max-width: 800px) {
.opentext{height:0; overflow:hidden}	
h2{margin:0; position:relative;padding-right:20px;border-top: 1px solid #ccc; font-size:1.2rem;word-break: break-all;}
h2:after{content:'\f107';font-family: "fontello"!important;font-size:1.5rem; position:absolute;right:0;}
.time{margin-bottom:20px;}
.topback{ display:none}
.openbox-o .opentext{height:auto;margin-bottom:20px;}
.openbox-o h2:after{content:'\f106';font-family: "fontello"!important;}
.msdsname{font-size:1.5rem}
.time span{ display:block}
.recompro a{ display:block;padding:8px 0; line-height:1.5;}

	}