.readmore {
    overflow: hidden;
    height: 25px;
}
.readmore a {
    display: block;
    width: 120px;
    margin-left: -95px;
    transition: margin-left 0.3s;
}
.readmore a span {
    display: inline-block;
    width: 95px;
    text-align: left;
    font-size: 16px;
    vertical-align: middle;
    color: #ffffff;
}
.readmore a i {
    display: inline-block;
    height: 25px;
    width: 25px;
    background: url(../images/more4.png);
    vertical-align: middle;
}

.direct{ background: #eeeeee; padding: 70px 0 49px;}
.directcont{ width: 1280px; margin:0 auto 22px auto; position: relative; height: 350px; }
.directleft{ width: 629px; height: 347px; background: #ffffff; border-top: #ffffff solid 3px; float: left; }
.directright{ width: 629px;height: 347px;  background: #ffffff; border-top: #ffffff solid 3px; float: right; }
.directcont .directleft:hover{ border-top: #a70e13 solid 3px; box-shadow: #bcbcbc 0 0 15px; }
.directcont .directright:hover{ border-top: #a70e13 solid 3px; box-shadow: #bcbcbc 0 0 15px; }
.directname{ border-bottom: #cccccc solid 1px; display: block; height: 52px; line-height: 52px; font-size: 26px; color: #1f1f1f; margin:0 40px; padding: 30px 0px 16px 0px; }
.directname em{ float: right; display: none; width: 50px; height: 50px; background: url("../images/jiantou5.png") 31px 22px; cursor: pointer; background-repeat: no-repeat; }
.directcont p{ height: 111px; overflow: hidden; margin:0 40px 0 40px; font-size: 16px; line-height: 26px; color: #666666; padding-top: 24px; }
.seemore{ display: block;  padding-top: 20px; padding-left: 40px; }
.seemore a{text-decoration:none; display: inline-block; font-size: 18px; color: #a70e13; padding: 10px 47px 12px 24px; border:#a70e13 solid 1px; border-radius: 30px; background: url("../images/jiantou2.png") 123px 13px; background-repeat: no-repeat;}
.seemore a:hover{ color: #ffffff;background: url("../images/jiantou1.png") 123px 13px; background-repeat: no-repeat; background-color:#a70e13;  }
.showdir{ width: 100%; float: none; z-index: 1000;  position: absolute; top: 0; left: 0; min-height: 347px;height:auto;border-top: #a70e13 solid 3px; box-shadow: #bcbcbc 0 0 15px;}
.showdir .seemore{ display: none; }
.showdir p{ height: auto; padding-bottom:23px; }
.showdir em{ display: inline-block; }




@media (min-width: 1531px) and (max-width: 1700px){

}


@media (min-width: 1328px) and (max-width: 1530px){
.directcont{ width: 1150px;}
.directleft{ width: 564px;}
.directright{ width: 564px;}
.showdir{ width: 100%;    z-index: 1000; min-height: 347px;height:auto;}
.showdir p{ height: auto; padding-bottom:23px; }


}
@media (min-width: 1100px) and (max-width: 1328px){
.directcont{ width: 1060px;}
.directleft{ width: 519px;}
.directright{ width: 519px;}
.showdir{ width: 100%;    z-index: 1000;min-height: 347px;height:auto;}
.showdir p{height: auto; padding-bottom:23px; }



}
@media (min-width: 12px) and (max-width: 1099px){
.bannercont b{ margin-top: -31px; }
.bannercont em{display: none;}
.direct{    padding: 25px 0; overflow: hidden;}
.directcont{ width:100%;}
.directleft{ width: 95%;float: none; margin:0 auto 15px auto;height: 280px;}
.directright{ width: 95%; float: none; margin:0 auto 15px auto;height: 280px;}
.directname{ margin:0 14px;padding: 4px 0px 1px 0px; }
.directcont p{margin: 0 15px 0 13px;padding-top: 16px;height:130px;}
.seemore{    padding-left: 15px; padding-top: 7px;}
.directcont{ height: auto; }
.showdir{ position: relative;width: 100%;top: 0; left: 0; height: auto; z-index: 9999; padding-bottom:15px; }
.showdir p{ height: auto;  }

}