.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;
}

.computeb1{ background: #eeeeee; height: auto; padding-bottom: 70px; }
.computeb1 b{ display: block; text-align: center; font-size: 48px; line-height: 84px; padding-top: 50px; color: #1f1f1f; }
.computeb1 p{ display: block; width: 1280px; margin:16px auto 0 auto; font-size: 16px; text-align: left; line-height: 26px; color: #666666;}
.veri2tj{ height: 190px; border-top: #cccccc solid  1px;  border-bottom: #cccccc solid  1px; text-align:center;}
.veri2tj span{ display: inline-block; height: 190px; border-left: #cccccc solid  1px; width: 318px; }
.veri2tj span:nth-child(4){border-right: #cccccc solid  1px;}
.veri2tj span i{ font-size: 60px; height: 55px; line-height: 55px; display: block; color: #a70e13; padding-top: 53px; }
.veri2tj span p{ font-size: 16px; color: #999999; height: 38px; line-height: 38px; }
.veri2cont{ width: 1280px; margin:0 auto 0 auto; font-size: 16px; line-height: 26px; color: #666666; padding: 70px 0 60px 0; }
.veri2cont p{ margin-bottom: 30px; }

.veri3{ background: #a70e13; color: #ffffff; height: auto; overflow: hidden; position:relative; }
.veri3left{ float: left; width: 39%; position: absolute; height: 100%; overflow: hidden; }

.veri3right{ float: right; width: 55%; padding-bottom:70px; }
.veri3title{ font-size: 26px; line-height: 38px; padding: 0 125px 0 10px; padding-top: 70px; }

.veri3right ul{padding: 30px 125px 0 10px; }
.veri3right ul li{ display:table; font-size: 16px; line-height:26px; color: #ffffff; margin-bottom: 18px; overflow: hidden; }
.veri3right ul li p{ display: inline-block;display: table-cell;  }
.veri3right ul li span{ display: inline-block; width: 29px; display: table-cell; }
.veri3right ul li span em{ display: inline-block; width: 8px; height: 8px; background: #ffffff; border-radius: 4px; }
.veri4{ height: 980px; background: url("../images/mapbg.jpg") top center; background-repeat: repeat-y;background-size:contain contain; border-bottom: #a70e13 solid 10px; }
.veri3left img{ height: 100%;width: auto; }


/*2023 ÐÞ¸Ä01*/
.about3{ color: #ffffff; height: auto; overflow: hidden; position:relative; }
.about3bgc{ background: #a70e13; opacity:0.8; width:68%; height:100%;position: absolute; z-index:-1; top:0; left:0}
.about3left{  width: 100%; height: 100%; overflow: hidden; position: absolute; z-index:-2; top:0; left:0; }
.about3right{  width:1280px; margin:0 auto;  padding-bottom:70px; }
.about3title{ font-size: 26px; line-height: 38px; padding: 0 125px 0 10px; padding-top: 70px; }
.about3right ul{padding: 30px 125px 0 10px; }
.about3right ul li{ display:table; font-size: 16px; line-height:26px; color: #ffffff; margin-bottom: 18px; overflow: hidden; width:900px}
.about3right ul li p{ display: inline-block;display: table-cell;  }
.about3right ul li span{ display: inline-block; width: 29px; display: table-cell; }
.about3right ul li span em{ display: inline-block; width: 8px; height: 8px; background: #ffffff; border-radius: 4px; }
.about3left img{ height: 100%;width: 100%; }
/*2023*/


.map{ width: 1174px; margin:0 auto 0 auto; padding-top: 110px; }
.mapnav{ text-align: center; margin-top: 60px;}
.mapnav a{text-decoration:none; display: inline-block; height: 32px; line-height: 27px; padding: 0 20px; border-radius: 3px; margin:0 4px; }
.mapnav a span{vertical-align:middle;}
.mapnav a em{ display: inline-block; width: 8px; height: 8px; margin-right: 9px; }

a.mapnav1{color: #6a6a6a; border:#6a6a6a solid 1px; background: #ffffff;}
a.mapnav1.cur{color: #ffffff; border:#666666 solid 1px; background: #666666;}
a.mapnav2{ color: #a70e13; border:#a70e13 solid 1px; background: #ffffff; }
a.mapnav2:hover{ color: #ffffff; border:#a70e13 solid 1px; background: #a70e13; }
a.mapnav2 em{ background: #a70e13;}
a.mapnav3{ color: #f68d29; border:#f68d29 solid 1px; background: #ffffff; }
a.mapnav3:hover{ color: #ffffff; border:#f68d29 solid 1px; background: #f68d29; }
a.mapnav3 em{ background: #f68d29;}
a.mapnav2:hover em,a.mapnav3:hover em{ background: #ffffff; }
a.mapnav2.cur{color: #ffffff; border:#a70e13 solid 1px; background: #a70e13;}
a.mapnav3.cur{color: #ffffff; border:#f68d29 solid 1px; background: #f68d29;}
a.mapnav2.cur em,a.mapnav3.cur em{ background: #ffffff; }

.mapmore{ text-align: center; padding-top: 70px; }
.mapmore a{ text-decoration:none;display: inline-block; font-size: 18px; color: #a70e13; padding: 0 60px 0 46px; border:#a70e13 solid 2px; border-radius: 30px; background: url("../images/jiantou2.png") 220px 12px; background-repeat: no-repeat;height:46px;line-height:40px;}
.mapmore a span{vertical-align:middle;}
.mapmore a:hover{ color: #ffffff;background: url("../images/jiantou1.png") 220px 12px; background-repeat: no-repeat; background-color:#a70e13;  }

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

}


@media (min-width: 1328px) and (max-width: 1530px){
.computeb1 p{ width: 1150px; }
.veri2tj span{ width: 276px; }
.veri2cont{ width: 1150px; }
.veri3title{ font-size:26px; line-height: 38px; padding-top: 56px; }
.veri3left{ padding-top: 0px; }
.veri3left img{ margin-left: -80px; }
.veri3left img{ height: 100%;width: auto; }

/*2023 ÐÞ¸Ä02*/
.about3right ul li{width:750px}
.about3right{  width:1150px; margin:0 auto;  padding-bottom:70px; }
.about3title{ font-size:26px; line-height: 38px; padding-top: 56px; }
.about3left{ padding-top: 0px;}
/* .about3left img{ margin-left: -80px; } */
/* .about3left img{ height: 100%;width: auto; } */
/*2023*/

.map{ width: 1150px; }

}
@media (min-width: 1100px) and (max-width: 1328px){

.computeb1 p{ width: 1060px; }
.veri2tj span{ width: 276px; }
.veri2cont{ width: 1060px; }
.veri3title{ font-size:24px; line-height: 38px; padding-top: 56px; }
.veri3left{ padding-top: 0px; }
.veri3left img{ margin-left: -100px; }
.veri3left img{ height: 100%;width: auto; }
.map{ width: 1060px; }
.veri3right ul li{ font-size: 14px; }
/*2023 ÐÞ¸Ä03*/
.about3right ul li{width:600px}
.about3right{  width:1060px; margin:0 auto;  padding-bottom:70px; }
.about3title{ font-size:24px; line-height: 38px; padding-top: 56px; }
.about3left{ padding-top: 0px; }
/* .about3left img{ margin-left: -100px; } */
/* .about3left img{ height: 100%;width: auto; } */
.about3right ul li{ font-size: 14px; }
/*2023*/

}
@media (min-width: 12px) and (max-width: 1099px){
.computeb1 p{ width:100%; }
.veri2cont{ width: 95%;padding: 26px 0 25px 0; }
.map{ width: 100%; }
.bannercont b{ margin-top: -31px; }
.bannercont em{display: none;}
.computeb1 b{ font-size: 24px; line-height: 150%;padding-top: 18px; }
.computeb1 p{ width: 95%; }
.computeb1{ height: auto; padding-bottom:20px; }
.veri2tj span{ width: 24%; height: 108px; }
.veri2tj span i{ font-size: 24px; padding-top: 10px; }
.veri2tj span p{font-size: 12px; height: 20px; line-height: 20px;}
.veri2tj{ height: 108px; }

.veri3left{ width: 95%; float: none; margin:0 auto 0 auto; padding-top: 20px; position: relative; }
.veri3right{ width: 95%; float: none;margin:0 auto 0 auto;}
.veri3title{ padding: 0 0 0 0; font-size: 24px; line-height: 150%; }
.veri3right ul{ padding:20px 0 0 0; }
.veri3right ul li{    margin-bottom: 7px;}
.veri3{ height: auto; padding-bottom:20px; }
.veri3left img{ width: 100%;height: auto; }

/*2023 ÐÞ¸Ä04*/
.about3right ul li{width:100%}
.about3bgc{display:none}
.about3{background:#a70e13}
.about3left{ width: 95%; float: none; margin:0 auto 0 auto; padding-top: 20px; position: relative;z-index:99; }
.about3right{ width: 95%; float: none;margin:0 auto 0 auto;}
.about3title{ padding: 0 0 0 0; font-size: 24px; line-height: 150%; }
.about3right ul{ padding:20px 0 0 0; }
.about3right ul li{    margin-bottom: 7px;}
.about3{ height: auto; padding-bottom:20px; }
.about3left img{ width: 100%;height: auto; }
/*2023*/

.veri4{ height: auto; padding-bottom:30px; }
.map{ padding-top: 18px; }
.mapnav{margin-top: 11px;}
.mapnav a{    margin: 0 2px;padding: 0 8px;}
.mapmore{padding-top: 34px;}

}