@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:450px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:450px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:450px;}
.banner .bantil{ width:160px; height:21px;position:absolute; bottom:30px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:#fff;opacity:1; border-radius:21px; margin:0 12px; }
.banner .bantil li.on{background:#c52705;}

.sou{ position:absolute; top:155px; left:50%; margin-left:550px; z-index:8; width:33px; height:33px;}
.sou h2{ width:33px; height:33px;}
.sou1{ width:308px; display:none; margin:30px 0 0 -270px;}
.sou1 .ip01{width:240px; height:50px;background:#fff; padding-left:10px;outline:none; border:0;color:#666; font:14px "Microsoft YaHei"; line-height:50px; overflow:hidden; border-radius:25px 0 0 25px;}
.sou1 .ip02{width:58px;height:50px; background:#c52705 url(../images/sou.png) no-repeat center center;border:0; outline:none;border-radius:0 25px 25px 0;}

.yinz{ height:695px;padding-top:75px; overflow:hidden;}
.yinz dl{ height:468px; overflow:hidden;}
.yinz dt{ width:624px; height:468px; float:left; overflow:hidden;}
.yinz dt img{ display:block;width:624px; height:468px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yinz dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.yinz dd{ width:490px; float:right; overflow:hidden;}
.yinz dd h3{ height:80px; overflow:hidden; font:16px "Microsoft YaHei"; color:#414141; font-weight:bold; background:url(../images/yinz_h.png) no-repeat left center; padding:30px 0 0 160px;}
.yinz dd h3 em{ display:block; font:14px "Microsoft YaHei"; color:#888; padding-top:10px;}
.yinz dd h4{ font:32px "Microsoft YaHei"; font-weight:bold; color:#333333;/* padding:40px 0;*/margin-bottom: 15px;}
.yinz dd p{ font:14px "Microsoft YaHei"; line-height:26px; color:#666666; /*height:104px;*/ overflow:hidden;}
.yinz dd span .yinz-a{ display:block; width:105px; height:40px; background:#c52705 url(../images/yinz_arr.png) no-repeat 100px center; font:14px "Microsoft YaHei"; line-height:40px; color:#fff; padding-left:35px; margin-top:60px;}
.yinz ul{ height:150px; overflow:hidden; margin-top:40px;}
.yinz li:before{ content:""; position:absolute; top:16px; right:0; width:1px; height:86px; background:#d7d7d7;}
.yinz li{ width:275px; padding-left:108px; float:left;font:18px "Microsoft YaHei"; color:#555555; position:relative;}
.yinz li span{ display:block; font:68px Arial; font-weight:bold; color:#333; position:relative;}
.yinz li span em{ font:18px "Microsoft YaHei"; position:absolute; top:10px; right:110px;}
.yinz li:nth-child(1){ width:208px; padding-left:0;}
.yinz li:nth-child(2) span em{right:90px;}
.yinz li:nth-child(4){ width:75px; padding-left:0; float:right;}
.yinz li:nth-child(4):before{ background:none;}
.yinz li:nth-child(4) span em{ right:10px;}


.tit1{ text-align:center; height:130px; font:48px "Microsoft YaHei"; color:#333333;}
.tit1 a{ color:#333333;}
.tit1 em{ display:block; font:20px "Microsoft YaHei"; color:#666; background:url(../images/pro_h.png) no-repeat center top;padding:18px 0; margin-top:6px;}

/**/
.pro{ height:1200px; padding-top:75px; background:url(../images/pro_bg.jpg) no-repeat center top; overflow:hidden;background-size: 100% 1260px;}
.fen{ width:250px; overflow:hidden; background:#fff; box-shadow:0.1rem 0.1rem 0.2rem 0.1rem #999; height:975px; position:relative;}
.fen h2{ height:105px; background:url(../images/fen_h.jpg) no-repeat center top; font:24px "Microsoft YaHei"; font-weight:bold; text-align:center;}
.fen h2 a{ display:block; color:#fff; padding-top:28px;}
.fen h2 em{ display:block; font:14px "Microsoft YaHei"; color:#fff; opacity:0.5; text-transform:uppercase; line-height:24px;}
.fen h3{ font:16px "Microsoft YaHei"; line-height:82px; height:82px; overflow:hidden; border-bottom:1px solid #ececec;}
.fen h3 a{ display:block; color:#555; background:url(../images/fen_arr1.gif) no-repeat 211px center; padding-left:25px;}
.fen h3 a:hover{ font-weight:bold; color:#c52705; background:url(../images/fen_arr2.gif) no-repeat 211px center;}
.fen ul{ padding-top:8px;}
.fen li{ font:14px "Microsoft YaHei"; line-height:32px; height:32px; overflow:hidden;}
.fen li a{ display:block; background:url(../images/fen_arr3.gif) no-repeat 48px center; padding-left:78px;}
.fen li a:hover{ text-decoration:underline; color:#c52705;}
.fen h5 img{ display:block; position:absolute; bottom:0;}

.pro1{ width:937px; height:975px; overflow:hidden; box-shadow:0.1rem 0.1rem 0.2rem 0.1rem #999; background:#fff;}
.pro2{ height:410px; background:url(../images/pro_bg1.jpg) no-repeat center top; overflow:hidden; border-bottom:1px solid #e5e5e5; position:relative;}
.pro1 dl{ width:790px; padding-left:100px; height:410px; overflow:hidden;}
.pro1 dt{ width:400px; height:400px; float:left; margin-top:5px; overflow:hidden;}
.pro1 dt img{ display:block;width:400px; height:400px;}
.pro1 dd{ width:287px; float:right; margin-top:60px;}
.pro1 dd h3{ font:26px "Microsoft YaHei"; color:#333333; padding-bottom:12px; position:relative;}
.pro1 dd h3 a{ display:block; color:#333333; line-height:33px;}
.pro1 dd h3:before{ content:""; position:absolute; bottom:0; width:22px; height:2px; background:#b2b2b2;}
.pro1 dd .propp{ font:15px "Microsoft YaHei"; line-height:30px; color:#666666; height:150px; overflow:hidden; margin-top:12px;}
.pro1 dd span a{ display:block; font:16px "Microsoft YaHei"; color:#bc1218; line-height:35px; height:35px; background:url(../images/case_arr.png) no-repeat left center; padding-left:30px;}
.arr1{ position:absolute; top:188px; left:25px;}
.arr2{ position:absolute; top:188px; right:25px;}
.pro4 li{ width:300px; height:300px; float:left; border:1px solid #e5e5e5;position:relative;margin: 15px 5px 5px 5px;}
.pro4 li img{ display:block; width:300px; height:250px;}
.pro4 li em{ display:block; font:16px "Microsoft YaHei"; text-align:center; color:#666; position:absolute; bottom:15px; width:100%;}
.pro4 li a:hover em{ font-weight:bold; color:#c52705;}

.proys{height:555px; overflow:hidden; padding-top:80px; border-bottom:1px solid #d9d9d9;}
.proys2 dl{ width:399px; height:205px; margin-top:36px; float:left; border-right:1px solid #d9d9d9; height:260px;}
.proys2 dl:last-child{ border:0;}
.proys2 dt{ font:24px "Microsoft YaHei"; text-align:center; color:#000;}
.proys2 dt span{ display:block; width:120px; height:133px; margin:0 auto 18px; position:relative;}
.proys2 dt span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.proys2 dt span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.proys2 dt span img{display:block; width:120px; height:133px;}
.proys2 dd p{font:16px "Microsoft YaHei"; line-height:24px; color:#666; height:72px; overflow:hidden; padding:12px 40px 0 40px; text-align:center;}
.proys2 dd span a{display:none; width:105px; height:40px; background:#c52705 url(../images/yinz_arr.png) no-repeat 100px center; font:14px "Microsoft YaHei"; line-height:40px; color:#fff; padding-left:35px; margin:30px auto 0;}
.proys2 dl:hover{-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.proys2 dl:hover dt span em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.proys2 dl:hover dt span i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.proys2 dl:hover span a{ display:block;}

.ys{ height:945px; padding-top:65px; overflow:hidden; background:url(../images/ys_bg.jpg) no-repeat center 205px;}
.ys2{ width:1200px; margin:10px auto 0;}
.ys2 dl{ height:755px; position:relative;}
.ys2 dt{ width:961px; height:740px; margin-right:-360px; float:right; position:relative;overflow:hidden;}
.ys2 dd{ width:550px; float:left; margin-top:105px;}
.ys2 dd h3{ font:38px "Microsoft YaHei"; color:#fff; font-weight:bold; margin-bottom:28px;}
.ys2 dd h3 em{ display:block;}
.ys2 dd h3 i{ font-size:28px; display:block; font-weight:normal;}
.ys2 dd p{ font:16px "Microsoft YaHei"; line-height:32px; color:#c3c4c5;}
.yst{ height:165px; width:1200px; margin:-264px auto 0; z-index:2; position:relative; overflow:hidden; background:#fff;}
.yst ul{ width:1200px; margin:0 auto;}
.yst li{ width:300px;float:left;font:24px "Microsoft YaHei"; color:#222; overflow:hidden; text-align:center;position:relative; border-right:1px solid #ebebeb; box-sizing:border-box; height:165px; padding-top:25px;}
.yst li span{ display:block; width:70px; height:70px; margin:0 auto 10px; position:relative;}
.yst li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.yst li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.yst li:hover,.yst .cur{ color:#fff; font-weight:bold; position:relative; background:#c52705; border-right:0;}
.yst li:hover em,.yst .cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.yst li:hover i,.yst .cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.case{ height:560px; overflow:hidden;}
.case1{ height:330px; overflow:hidden; margin-top:10px; position:relative;}
.case2{ /*height:600px;*/ overflow:hidden;}
.case1 dl{ width:298px; float:left; border:1px solid #d6d6d6;/* height:420px;*/padding-top:23px; overflow:hidden;}
.case1 dt{ width:263px; height:196px; overflow:hidden; margin:0 auto;}
.case1 dt img{ display:block; width:263px; height:196px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case1 dd{ width:263px; margin:0 auto;}
.case1 dd h3 a{ display:block; font:18px "Microsoft YaHei";color:#333; height:40px; line-height:40px; overflow:hidden; padding:28px 0 12px;}
.case1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; height:72px; color:#555; overflow:hidden;}
.case1 dd span a{display:block; font:16px "Microsoft YaHei"; color:#bc1218; line-height:35px; height:35px; background:url(../images/case_arr.png) no-repeat left center; padding-left:30px;}
.case h5 a{display:block; width:105px; height:40px; background:#c52705 url(../images/yinz_arr.png) no-repeat 100px center; font:14px "Microsoft YaHei"; line-height:40px; color:#fff; padding-left:35px; margin:10px auto 0;}

.lc{ background:url(../images/lc_bg.jpg) no-repeat center top; height:620px; padding-top:55px; overflow:hidden;}
.lc .tit1{ color:#fff; height:149px;}
.lc .tit1 em{ color:#fff; background:url(../images/lc_h.png) no-repeat center top;}
.lc li{ width:300px; height:200px; float:left; background:url(../images/lc_bg1.gif) no-repeat; position:relative; font:24px "Microsoft YaHei"; color:#333; text-align:center;}
.lc li:nth-child(2),.lc li:nth-child(4),.lc li:nth-child(5),.lc li:nth-child(7){ background:#f5f5f5;}
.lc li b{ position:absolute; top:20px; left:16px; font:24px Arial; font-weight:bold; color:#c52705;}
.lc li span{ display:block; width:66px; height:66px; margin:45px auto 10px; position:relative;}
.lc li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.lc li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.lc li:nth-child(5){ text-align:center; font:16px "Microsoft YaHei"; line-height:36px; padding-top:50px; height:150px;}
.lc li:nth-child(5) em{ display:block; font:30px Arial; color:#c52705;}
.lc li:nth-child(5) a{ display:block; width:100px; height:36px; margin:5px auto 0; background:#c52705; font:14px "Microsoft YaHei"; line-height:36px; color:#fff;}
.lc li:hover{background:url(../images/lc_bg2.gif) no-repeat; color:#fff;}
.lc li:nth-child(2):hover,.lc li:nth-child(4):hover,.lc li:nth-child(7):hover{ background:#c52705;}
.lc li:hover span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.lc li:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.lc li:hover b{ color:#fff;}
.lc li:nth-child(5):hover{ background:#f5f5f5; color:#333;}
.lc li:nth-child(5):hover em{ color:#c52705;}

.new{ height:715px;overflow:hidden;}
.tit2{ height:60px; overflow:hidden; font:18px "Microsoft YaHei"; font-weight:bold; color:#333; line-height:60px; background:url(../images/new_line.gif) no-repeat 235px center; padding-left:18px; position:relative;}
.tit2:before{ content:""; position:absolute; top:26px; left:0; width:10px; height:10px; background:#d4151c;}
.tit2 a{ display:block; color:#333;}
.tit2 em{ float:right; font:14px Arial; text-transform:uppercase; color:#999; line-height:60px;}
.tit2 i{ font:14px Arial; color:#999; text-transform:uppercase; padding-left:5px;}
.dy{ width:660px; height:590px;overflow:hidden;}
.dy dl{ height:325px; overflow:hidden;}
.dy dt{ width:660px; height:180px; overflow:hidden;}
.dy dt img{ display:block;width:660px; height:180px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy dd h3 a{ display:block; font:16px "Microsoft YaHei"; line-height:32px; height:32px; color:#333; margin-top:25px; overflow:hidden;}
.dy h3 em{ display:block; float:left; width:94px; height:30px; text-align:center; font:18px "Microsoft YaHei"; font-weight:bold; line-height:30px; border:1px solid #d4151c; color:#d4151c; margin-right:8px;}
.dy dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#8b8b8b; height:48px; margin-top:8px; overflow:hidden;}
.dy li{ width:324px; height:54px; background:#f4f4f4; overflow:hidden; font:16px "Microsoft YaHei"; line-height:54px; color:#333; margin-bottom:12px;}
.dy li a{ color:#333;}
.dy li em{ display:block; width:60px;height:49px; padding-top:5px; background:#d2d2d2; color:#fff; font:24px Arial; font-weight:bold; text-align:center; float:left; margin-right:20px;}
.dy li em i{ display:block; font:12px Arial;}
.dy li:hover a,.dy dd h3 a:hover,.faq li a:hover,.faq dt a:hover{ font-weight:bold; color:#c52705;}
.dy li:nth-child(2n-1){ float:left;}
.dy li:nth-child(2n){ float:right;}
.dy li:hover em{ background:#c52705;}

.faq{ width:452px; height:580px; overflow:hidden;}
.faq .tit2{background:url(../images/faq_line.gif) no-repeat 128px center; padding:0;}
.faq .tit2:before{ background:none;}
.faq dl{ padding:20px 0; border-bottom:1px dashed #ccc;}
.faq dt a{ display:block; font:16px "Microsoft YaHei"; height:28px; line-height:28px; color:#333; overflow:hidden; background:url(../images/q.png) no-repeat left center; padding-left:30px;}
.faq dd{ font:14px "Microsoft YaHei"; line-height:28px; color:#8b8b8b; padding:4px 0 0 30px;}
.faq dl:nth-child(2){ margin-top:-20px;}
.faq li{font:14px "Microsoft YaHei"; line-height:36px; height:36px; overflow:hidden; padding-left:25px; position:relative;}
.faq li:before{ content:""; position:absolute; top:13px; left:0; width:7px; height:7px; background:#d0d0d0; border-radius:7px;}
.faq ul{ padding:10px 5px 0 5px;}
.faq li a{ color:#333;}
.faq li em{ float:right; color:#999999;}


.about{ background:url(../images/about_bg.jpg) no-repeat center top; height:765px;overflow:hidden;}
.about dl{ margin-top:475px;}
.about dt{ width:180px; height:180px; float:left; margin-left:28px; text-align:center; font:48px "Microsoft YaHei"; color:#fff;}
.about dt a{ display:block; padding:25px 30px 0 30px; color:#fff;}
.about dd{ width:870px; float:left; padding:44px 0 0 55px;}
.about dd h4 a{ display:block; font:24px "Microsoft YaHei"; color:#333; margin-bottom:8px;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#898989;}
.about dd p a{ color:#898989;}
.about dd p a:hover{ font-weight:bold; color:#c52705;}

.link{ padding:25px 0; font:14px "Microsoft YaHei"; line-height:30px; background:#252525;}
.link p{ font:16px "Microsoft YaHei"; color:#767676; line-height:30px;background:url(../images/link_bg.png) no-repeat left center; padding-left:40px;}
.link p a{ display: inline-block;padding-right:10px; font:14px "Microsoft YaHei"; color:#767676; line-height:30px;}
.link p a:hover{ color:#c52705; font-weight:bold;}





@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.red{color:Red;}
.page{margin-top:15px; margin-bottom: 20px; font-size:14px;float:left; width:100%; line-height: 34px; text-align:center; color:#624207;}
.page a { color:#624207; padding:0 10px; margin:0 5px; font-weight: bold; border: 1px solid #624207; background: #fff;;}
.page *{ display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:32px;height:32px;padding-bottom:1px; }
.page a:hover {color:#000; }
.page img{ height: auto; margin:0 3px;}
.page .bg{ font-weight: normal; background:#624207; color:#fff; margin:0 5px;}
.page .disabled{padding:0 10px; color: #c5c5c5; border: 1px solid #d5d5d5; background: #fff; }
.page .current {display:inline-block;border: 1px solid #624207; font-weight: bold; padding:0 10px;  color:#fff; background:#624207;}
.total{text-align:center;height:32px; line-height:32px;}
.reach{text-align:left; padding-left:5px; height:32px; line-height:32px;}
/*.btn{ width:36px;}*/
.btn a{ background: #6d4019; color: #fff; line-height: 34px; width: 64px; height: 34px; text-align: center;}
.input_page{ width:30px;height:32px; text-align:center; border:1px solid #624207; font-size:12px; line-height:32px;}
.arrow_l{
border:10px solid #000; margin-top: 10px;; display: inline; border-color:#f00 transparent transparent transparent; border-style:solid dashed dashed dashed;}