@charset "gb2312";
/*CSS Document */
html{
    font-size:10px;
}
body{ font-family:"Microsoft YaHei";}
body,h1,h2,h3,h4,h5,h6,p,span,ul,li,img {margin:0; padding:0; font-weight:normal;}
li{ list-style:none;}
a{ text-decoration:none; color:#000;}
img{ display:block; width:100%;}

.clearfix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix{zoom:1;}

.left { float:left;}
.right { float:right;}

@media screen and (min-width:321px) and (max-width:375px){html{font-size:12px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:14px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:14px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:16px}}
@media screen and (min-width:720px){html{font-size:16px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px)and (max-width:1199px){html{font-size:25px}}
@media screen and (min-width:1200px){html{font-size:30px}}
.main_content{
    background: url(../images/background.gif)no-repeat center top;
    background-size: cover;
    /*height: 151rem;*/
    padding-bottom: 1%;
}
.header_top {
    width: 100%;
    background: #000000;
    margin: 0 auto;
    padding: 3px 0;
}

.pro_box{
     width: 80%;
     background: #000000;
     margin: 0 auto;
 }
.pro_box .text{
    margin: 0 7% 5% 7%;
    padding: 3% 0;
}
.pro_box .text>h1 {
    font-weight: normal;
    font-size: 2.4rem;
    color: #fff;
    text-align: center;
}
.pro_box .text>h3{
    font-weight: normal;
    font-size: 1rem;
    color: #fff;
}
.pro_box .text>h2{
    font-weight: normal;
    font-size: 1.3rem;
    color: #e7225e;
    margin: 1% 0;
}
.pro_box .text>p{
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    line-height: 1.7rem;
}
/*2*/
.pro_box1{
    width: 80%;
    background: #000000;
    margin: 0 auto 5% auto;
}
.pro_box1 .text1{
    margin: -2% 7%;
    padding: 3% 0;
}
.text_top .pic_pic_box{
    background: url("../images/classify1.png");
    width: 83%;
    height: 116px;
    position: absolute;
    left: 2rem;
    top: 25%;
}
.text_top{
    display: inline-block;
    position: relative;
}
.text_top .pic_pic_box p{
    width: 77%;
    height: 45px;
    position: absolute;
    left: 26px;
    top: 25px;
    background: #e7225e;
    color: #fff;
    padding: 10px;
    font-size: 2rem;
    line-height: 45px;
    text-align: center; 
}
.text1>p{
    font-size: 16px;
    color: #fff;
    line-height: 2rem;
}

/*°´Å¥*/

.title{
    width: 80%;
    margin: 3% auto 3% auto;
    text-align: center;
}
.title>div{
    display: inline-block;
    background: #000;
    padding: 2% 8%;
}
.title>div>a{
    color: #fff;
    font-size: 16px;
    display: inline-block;
}