@charset "utf-8";


/*置中置中置中置中置中置中置中*/


/*置中置中置中置中置中置中置中*/
.number,.number2{text-align:center;cursor:pointer;display:inline-block;position:relative;}
.number:after,.number2:after{position:absolute;box-sizing:content-box;}
.number:before,.number2:before{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}




.number_box{width:80%;margin:0 auto;padding:30px 0 100px;text-align:center;overflow:hidden;border-top:2px solid #3e3e3e;}

.number_box01{width:60px;height:60px;overflow:hidden;left:0;}
.number_box02{width:80%;margin:-102px 0 0 0;overflow:hidden;text-align:center}
.number_box03{width:60px;height:60px;margin:-31px 0 0 0;overflow:hidden;right:0;float: right;}

.number{line-height:50px;font-size:16px;height:48px;width:48px;border:2px solid #9f9f9f;color:#9f9f9f;background-color:#FFFFFF;border-radius:50%;}
.number:hover{line-height:50px;font-size:16px;height:48px;width:48px;border:2px solid #000000;color:#FFF;background-color:#000000;border-radius:50%;}
.number2{line-height:50px;font-size:16px;height:48px;width:48px;border:2px solid #000000;color:#FFF;background-color:#000000;border-radius:50%;}



.number_l,.number_l:focus,.number_l:hover,.number_r,.number_r:focus,.number_r:hover{height:50px;width:50px;margin:0 3%;background-repeat: no-repeat}
.number_l,.number_r{display:block;font-size:0;color:#f0efe7;}
.number_l:focus,.number_l:hover,.number_r:focus,.number_r:hover{display:block}
.number_l{float:left;background-image:url(../images/but/arrow_l.png); }
.number_l:focus,.number_l:hover{background-image:url(../images/but/arrow_ls.png)}
.number_r{float:right;background-image:url(../images/but/arrow_r.png)}
.number_r:focus,.number_r:hover{background-image:url(../images/but/arrow_rs.png)}


.numbertxt{line-height:20px;font-size:14px;margin-top:20px;}

@media screen and (max-width:1681px){.number_box{width:95%;margin:30px auto 0 auto;}}
@media screen and (max-width:668px){.number,.number a,.number2,.number2 a{width:0;height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0;padding:0;line-height:0;}
.number_box01{width:40%;}
.number_box02{width:0;margin:0;}
.number_box03{width:40%;}

}
@media screen and (max-width:569px){.number_l{margin:0 0 0 20px}
.number_r{margin:0 20px 0 0}
.numbertxt{width:auto;margin:50px auto}}
@media screen and (max-width:481px){.number_l{margin:0 0 0 10px}
.number_r{margin:0 10px 0 0}}