@charset "gb2312";

.clear{ clear:both;}

.location{font-size:0.675rem; height:2rem; background:#f0f0f0; color:#8f8f8f; line-height:2rem; text-indent:0.375rem; border-top:1px solid #dddddd;border-bottom:1px solid #dddddd; }
.location a{color:#8f8f8f;}

.z1{width: 14.05rem; margin: 0 auto; padding: 0.375rem 0; font-size: 0.6rem; line-height: 1.5;}

.a a{display: block; width: 7.4rem; height: 1.75rem; background: url(../img/a.jpg) no-repeat; background-size: contain; line-height: 1.75rem; font-size: 0.8rem; text-align: center; color: #fff; margin: 0 auto;}

.z2{width: 13rem; border: 0.05rem solid #FF001E; padding: 0.5rem; margin: 0 auto; margin-top: 1rem;}
.z2 h3{font-size: 0.8rem; color:#FF001E;}
.z2 p{font-size: 0.7rem; padding-top: 0.375rem;}

.t2{text-align: center; padding-top: 1.975rem;}
.t2 h3{font-size: 1rem; text-align: center;color:#FF001E;}
.t2 p{font-size: 0.7rem; color: #777777;}

.tybd{overflow: hidden; padding-bottom: 1.25rem;}
.tybd .t3{width: 100%; text-indent: 0.375rem; line-height: 1.45rem; padding-top: 0.75rem; }
.tybd .t3 span{display: block; width: 1.45rem; height: 1.45rem; float: left;}
.tybd .t3 h2{font-size: 0.625rem; font-weight: normal;}
.tybd .t3 img{width:1.45rem; height: 1.45rem;}
.tybd ul li{width: 14.25rem; height: 1.525rem; margin: 0 auto; border: 0.05rem solid #E4E4E4; border-radius: 0.3rem; margin-top: 0.625rem;}
.tybd ul li span{font-size: 0.55rem; text-align: center; display: block;  line-height: 1.525rem; width: 3.075rem; float: left;}
.tybd ul li input{width: 8.9rem; height: 1.375rem; background:#FFFFFF; float: left; border: 0; font-size: 0.55rem;}
.tybd ul li select{ width: 8.9rem; height: 1.475rem; background: #fff;border: 0;font-size: 0.55rem;}
.tybd .tj{ width: 14.275rem; margin: 0 auto; padding-top: 0.625rem;}
.tybd .tj input{background: #F73A36; height: 1.6rem; width: 14.275rem; border-radius: 0.3rem; border: 0; font-size: 0.7rem; color: #fff;}

.zz1{
    background: #F6F6F6; 
}
.zz1 .l{ text-align: center; padding: 0.75rem 0;
    
}
.zz1 .l h3{
    font-size: 0.9rem; height: 0.875rem; line-height: 0.875rem;
}
.zz1 .l b{
    font-size: 0.6rem; color: #A9A9A9;
}
.zz1 .l p{
    line-height: 1.5; margin-top: 0.25rem; font-size: 0.6rem;
}

.zz2 .t4,.zz4 .t6{
    font-size: 1.25rem; color: #fff; text-align: center; font-weight: bold; padding-top:0.625rem;
}
.zz2{
    height: 16.75rem; background: #C30000;
}
.zz2 .zz2b{
    margin: 0 auto; padding-top: 0.75rem;
}
.zz2 .zz2b ul{
    display: flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;
}
.zz2 .zz2b ul li{
    width: 6.625rem; height: 6.05rem; background: #fff; text-align: center; margin-top: 0.375rem;
}
.zz2 .zz2b ul li h3{
    font-size: 0.8rem; color: #C30000; padding-top: 1.325rem;
}
.zz2 .zz2b ul li p{
    font-size: 0.6rem; color: #333333; font-weight: bold; padding: 0.25rem 0;
}
.zz2 .zz2b ul li  a{display: block; width: 4.45rem; margin: 0 auto;}
.zz2 .zz2b ul li  a img{width: 100%;}
.t5 h3{
    text-align: center; line-height: 1.25rem; font-size: 0.75rem; padding: 0.75rem 0;
}
.zz3 ul li{
    width: 4.825rem;
}
.zz3 ul li img{width: 100%;}
.zz3 ul {
     display: flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;
}

.zz4{
    width: 100%; background: #F7F7F7; padding-bottom: 0.75rem;
}
.zz4 .zz4b{
     margin: 0 auto;  overflow: hidden;
}
.zz4 .zz4b ul { display: flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;}
.zz4 .zz4b ul li{
   width: 4.875rem;  text-align: center; line-height: 1.5rem; font-size:0.6rem; color: #C30000;
}
.zz4 .zz4b ul li img{width: 100%;}
.zz4 .t6{
    color: #C30000;
}
.zz4 .t6 p{
    font-size: 0.6rem; font-weight: normal; color: #3F3F3F; text-align: center; width: 100%; padding-bottom:1rem;
}

.zz4b2{
 background: #C30000; overflow: hidden; margin: 0 auto; margin-top: 0.875rem;
}
.zz4b2 .l,.zz4b2 .r{
    width: 1.45rem; text-align: center; height: 6.4rem; float: left;
}
.zz4b2 .l img,.zz4b2 .r img{
    margin-top:2.725rem; width: 1rem;
}

.zz4b2 .r{
    float: right;
}
.zz4b2 .m{
    width: 13.075rem; height: 6.4rem; float: left; overflow: hidden; position: relative;
}
.zz4b2 .m ul{
   
}
.zz4b2 .m ul li{
    width: 100%; height: 6.4rem; position: relative; 
}

.zz4b2 .m ul li img{
    position: absolute; width: 100%;
}
.zz4b2 .m ul li p{
    width: 100%; height: 1.25rem; line-height: 1.25rem; font-size: 0.625rem; text-align: center; color: #fff; position: absolute; bottom: 0;
}
.zz4b2 .m ul li p{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);zoom:1;}
:root .zz4b2 .m ul li p{filter:none\9;}/*for IE9*/
.zz4b2 .b{
    width: 100%; height: 2.25rem;  text-align: center; float: left;
}
.zz4b2 .b ul{
  display: flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around; width: 5rem; margin: 0 auto;
}
.zz4b2 .b ul li{
    width: 0.425rem; height: 0.425rem; border-radius: 0.425rem; background: #B0AFAD; float: left; margin: 0.875rem 0 0; text-indent: -2499.975rem; overflow: hidden;
}
.zz4b2 .b ul li.on{
    background: #fff;
}