﻿*{ margin:0px; padding:0px; font-style:normal;font-family:microsoft yahei; color:#333;}
body{font-size:12px;font-family:microsoft yahei; background:#F5F3F4;color:#333; text-align:center;}
em,p,ul,dl,dt,dd,ins,h1,h2,h3,h4,form,h1,h2,h3,h4,ins{margin:0;padding:0;}
ins{text-decoration:none;}
em{font-style:normal;}
ul,ol{list-style:none;}
input,select{vertical-align:middle;}
input,button,select,textarea{outline:none;font-family:microsoft yahei; filter:chroma(color=#FFF); padding:0px;} 
textarea{resize:none}
img{border:0;}
table{border-width:1px;border-collapse:collapse;width:100%;}
a{text-decoration:none;color:#444;}
a,a:hover,input,input:hover{text-decoration:none; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
a:hover{ color:#F00;}
a img,a:hover img{text-decoration:none;}
.text-center {text-align: center !important; }

input{/*-webkit-appearance: none;*/outline:none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.roundimg {  -moz-border-radius: 1000px;  -webkit-border-radius: 1000px; border-radius: 1000px; overflow: hidden;}
.roundimgx { -moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px; overflow: hidden;}
.z{ float:left;}
.y{ float:right;}
.clear{ clear:both;}
.red{ color:#F00;}
.golden{color:#B1845D;}
.wp{width:1100px;margin:0 auto;}

.thxsportsbg{ background:#FFF;}
.toolbar{ width:100%; height:35px; font-size:14px; background:#2F2F2F; color:#858585;}
.toolbar p{ line-height:35px;color:#858585; text-align:left;}
.toolbar a{color:#858585;}
.toolbar div.y{ line-height:35px; color:#858585;}
.toolbar div.y a{ display:inline-block; color:#858585; padding:0 10px;}
.toolbar a:hover{ color:#FFF !important;}


.headbox{ background:#FFF; height:110px;}
.logobox{ float:left;}
.logobox a{ display:block; padding-top:30px;}
.logobox a img{ display:block;}
.navbox{ float:right; width:70%; padding-top:30px;}
.navbox ul{ float:left; width:75%;}
.navbox li{ float:left; width:16.5%;}
.navbox li a{ display:block; color:#ccc; padding:5px 0; font-family:Arial,microsoft yahei; text-align:center; border-left:1px solid #EEE;}
.navbox li a em{ display:block; font-size:16px;}
.navbox li:first-child a{ border-left:none;}
.navbox li a:hover{color:#C1050B;}
.navbox li a:hover em{ color:#C1050B;}
.navbox li a.on{color:#C1050B;}
.navbox li a.on em{ color:#C1050B; font-weight:bold;}

.mainnav{ padding-top:30px;}
.mainnav ul{ float:left; width:78%;}
.mainnav li{ float:left; width:10%;}
.mainnav li a{ display:block; color:#ccc; padding:5px 0; font-family:Arial,microsoft yahei; text-align:center; border-right:1px solid #EEE;}
.mainnav li a em{ display:block; font-size:16px;}
.mainnav li a:hover{color:#C1050B;}
.mainnav li a:hover em{ color:#C1050B;}
.mainnav li a.on{color:#C1050B;}
.mainnav li a.on em{ color:#C1050B; font-weight:bold;}
.mainnav li.navlogo{ width:39.5%;}
.mainnav li.navlogo a{ border-right:none; margin-top:-10px;}
.mainnav li a.rlinenone{ border-right:none;}

.xingyafocus{width:100%;position:relative;height:550px;background:#A77749;}
.xingyafocus .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;width:100%;}
.xingyafocus .bd ul{width:100% !important;}
.xingyafocus .bd li{width:100% !important;height:550px;overflow:hidden;text-align:center;}
.xingyafocus .bd li a{display:block;height:550px;}
.xingyafocus .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.xingyafocus .hd ul{text-align:center; padding-top:3px}
.xingyafocus .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:5px;margin:0px 5px;overflow:hidden;background:#FFF;line-height:999px;}
.xingyafocus .hd ul .on{background:#C1050B;}
.xingyafocus .prev,.xingyafocus .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;z-index:15;width:40px;height:60px;background:#333;background:rgba(0,0,0,0.8);cursor:pointer;filter:alpha(opacity=50);opacity:0.5; font-family:simsun; font-size:30px; color:#FFF; line-height:60px; text-align:center;}
.xingyafocus .next{right:12%;}
.xingyafocus .prev{left:12%;display:block;}

.services{ height:150px; background:url(../images/services.gif) no-repeat left center; padding-left:190px;}
.services ul{}
.services li{ float:left; width:11%; text-align:center; padding-top:32px; font-size:16px;}
.services li em{ display:block; width:40px; height:50px; margin:5px auto;}
.services li em.ico1{ background:url(../images/servicesico.gif) no-repeat 0px center;}
.services li em.ico2{ background:url(../images/servicesico.gif) no-repeat -40px center;}
.services li em.ico3{ background:url(../images/servicesico.gif) no-repeat -80px center;}
.services li em.ico4{ background:url(../images/servicesico.gif) no-repeat -120px center;}
.services li em.ico5{ background:url(../images/servicesico.gif) no-repeat -160px center;}
.services li em.ico6{ background:url(../images/servicesico.gif) no-repeat -200px center;}
.services li em.ico7{ background:url(../images/servicesico.gif) no-repeat -240px center;}
.services li em.ico8{ background:url(../images/servicesico.gif) no-repeat -280px center;}
.services li em.ico9{ background:url(../images/servicesico.gif) no-repeat -320px center;}

.servicesnav{margin:0px auto 20px auto;}
.servicesnav ul{ width:1072px; margin:auto;}
.servicesnav li{ float:left; width:16.6%; text-align:center; padding-top:32px; font-size:16px;}
.servicesnav li a{ display:block; margin:0 auto; width:165px; padding:25px 0; background:#FFF; border:1px solid #F4F4F4;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
.servicesnav li a:hover{ background:#EFEFEF; color:#ED1C24;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
.servicesnav li i{display:block; color:#999; font-size:12px;}
.servicesnav li em{ display:block; width:100px; margin:0px auto;}
.servicesnav li em.ico1{ height:80px; background:url(../images/servicesnav1.gif) no-repeat center top;}
.servicesnav li em.ico2{  height:80px; background:url(../images/servicesnav2.gif) no-repeat center top;}
.servicesnav li em.ico3{  height:80px; background:url(../images/servicesnav3.gif) no-repeat center top;}
.servicesnav li em.ico4{  height:80px; background:url(../images/servicesnav4.gif) no-repeat center top;}
.servicesnav li em.ico5{  height:80px; background:url(../images/servicesnav5.gif) no-repeat center top;}
.servicesnav li em.ico6{  height:80px; background:url(../images/servicesnav6.gif) no-repeat center top;}
.servicesnav li a:hover em.ico1{background:url(../images/servicesnav1.gif) no-repeat center bottom;}
.servicesnav li a:hover em.ico2{background:url(../images/servicesnav2.gif) no-repeat center bottom;}
.servicesnav li a:hover em.ico3{background:url(../images/servicesnav3.gif) no-repeat center bottom;}
.servicesnav li a:hover em.ico4{background:url(../images/servicesnav4.gif) no-repeat center bottom;}
.servicesnav li a:hover em.ico5{background:url(../images/servicesnav5.gif) no-repeat center bottom;}
.servicesnav li a:hover em.ico6{background:url(../images/servicesnav6.gif) no-repeat center bottom;}
.servicesnav li a.on{ background:#EFEFEF; color:#ED1C24;}
.servicesnav li a.on em.ico1{background:url(../images/servicesnav1.gif) no-repeat center bottom;}
.servicesnav li a.on em.ico2{background:url(../images/servicesnav2.gif) no-repeat center bottom;}
.servicesnav li a.on em.ico3{background:url(../images/servicesnav3.gif) no-repeat center bottom;}
.servicesnav li a.on em.ico4{background:url(../images/servicesnav4.gif) no-repeat center bottom;}
.servicesnav li a.on em.ico5{background:url(../images/servicesnav5.gif) no-repeat center bottom;}
.servicesnav li a.on em.ico6{background:url(../images/servicesnav6.gif) no-repeat center bottom;}


.outBox{ width:100%; text-align:left;  }
.outBox .hd{  position:relative;  }
.outBox .hd ul li.on a{ color:#ED1C24; background:#EFEFEF;}
.outBox .hd ul li.on a em.ico1{ color:#ED1C24; background:#EFEFEF url(../images/servicesnav1.gif) no-repeat center bottom;}
.outBox .hd ul li.on a em.ico2{ color:#ED1C24; background:#EFEFEF url(../images/servicesnav2.gif) no-repeat center bottom;}
.outBox .hd ul li.on a em.ico3{ color:#ED1C24; background:#EFEFEF url(../images/servicesnav3.gif) no-repeat center bottom;}
.outBox .hd ul li.on a em.ico4{ color:#ED1C24; background:#EFEFEF url(../images/servicesnav4.gif) no-repeat center bottom;}
.outBox .hd ul li.on a em.ico5{ color:#ED1C24; background:#EFEFEF url(../images/servicesnav5.gif) no-repeat center bottom;}
.outBox .hd ul li.on a em.ico6{ color:#ED1C24; background:#EFEFEF url(../images/servicesnav6.gif) no-repeat center bottom;}

.inBox{ padding:0px;}





.serviceslc{ margin:20px auto;}
.serviceslctit{ margin-bottom:10px;}
.serviceslctit h4{ font-size:32px; text-align:center;}
.serviceslctit p{ font-size:13px; text-align:center; color:#666;}

.servicesxy{ margin:20px auto}
.servicesxy_dt{ width:20%; background:#F5F5F5; float:left; height:255px;}
.servicesxy_dt h4{ padding-top:35px; padding-left:35px; text-align:left; font-size:18px; margin-bottom:20px;color:#333;}
.servicesxy_dt  p{ padding-left:35px; text-align:left; font-size:16px; line-height:180%;color:#666;}
.servicesxy_dd{ width:78%; background:#F5F5F5; float:right; height:255px;}
.servicesxy_dd h4{ padding-top:35px; padding-left:50px; text-align:left; font-size:18px; margin-bottom:20px; color:#333;}
.servicesxy_dd p{ float:left; padding-left:50px; text-align:left; font-size:16px; line-height:180%; color:#666;}


.servicesshi{ margin:20px auto; overflow:hidden;}
.serviceswp{ width:1144px;}
.servicesshi dl{ float:left; width:535px; min-height: 240px; overflow:hidden; border:1px solid #CCC; margin-right:26px; margin-bottom:25px;}
.servicesshi dt{ display:block; height:100px; padding:8px 15px 0px 15px; text-align:left;}
.servicesshi dt h3{ margin-top:15px; float:left; margin-left:20px; padding-left:10px; padding-bottom:5px; border-left:2px solid #ED1C24; font-size:35px;}
.servicesshi dt h3 em{ display:block; font-size:14px;}
.servicesshi dd{ padding:0 15px; text-align:left;}
.servicesshi dd p{ font-size:14px; line-height:180%;}
.jgcon{ border-top:1px dashed #CCC; margin-top:10px; padding-top:10px;}
.servicesshi dl.tjydh{ width:1098px; height:140px; float:none; margin-right:0px;}
.servicesshi dl.tjydh dt{ float:left; width:40%;}
.servicesshi dl.tjydh dd{ float:left; width:50%;}

.titbox{ margin-bottom:20px; padding-top:30px;}
.titbox h4{ display:block; margin:0 auto; font-weight:normal; font-size:26px; text-align:center;}
.titbox h4 em{ display:block; height:35px; line-height:35px; font-size:12px; color:#999;}
.titbox h4 b{ font-weight:normal; color:#EC1B23;}

.inbg{ width:100%; display:block; background:url(../images/inbg.gif) no-repeat center center;}

.choicebox{ width:100%; border-top:1px solid #CCC;}
.choicebox li{ float:left; width:16.4%; background:#FFF; text-align:center; border:1px solid #FFFFFF;
transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;}
.choicebox li:hover{ border:1px solid #C1050B;
	transform:scale(1.05);
        -webkit-transform:scale(1.05);
       -moz-transform:scale(1.05);
        -o-transform:scale(1.05);
        -ms-transform:scale(1.05);}
.choicebox li a{ display:block; width:174px; background:#343434; margin:0 auto; border-bottom:4px solid #ED1C24;}
.choicebox li a:hover{ background:#ED1C24;}
.choicebox li em{ display:block; width:174px; height:254px; margin:0 auto;}
.choicebox li em.choiceico1{ background:url(../images/choiceico1.jpg) no-repeat center center;}
.choicebox li em.choiceico2{ background:url(../images/choiceico2.jpg) no-repeat center center;}
.choicebox li em.choiceico3{ background:url(../images/choiceico3.jpg) no-repeat center center;}
.choicebox li em.choiceico4{ background:url(../images/choiceico4.jpg) no-repeat center center;}
.choicebox li em.choiceico5{ background:url(../images/choiceico5.jpg) no-repeat center center;}
.choicebox li em.choiceico6{ background:url(../images/choiceico6.jpg) no-repeat center center;}
.choicebox li b{ font-size:20px; display:block; color:#FFF; font-weight:normal; padding-top:45px;}
.choicebox li i{ font-size:12px; display:block; color:#FFF; text-align:center; display:block; margin:0 auto;}
.choicebox li .choicetxt{ display:block; height:140px; background:url(../images/choiceline.gif) no-repeat center center;}

.productbox{ padding:30px 0;}
.producttit{ margin-bottom:20px;}
.producttit h4{ display:block; font-weight:normal; font-size:24px; text-align:left; padding-top:30px;}
.productmore{ float:right; width:250px; height:95px; background:url(../images/productmore.gif) no-repeat center center;}
.productmore a{ display:block; font-size:15px; color:#FFF; padding:60px 0 0 160px; text-align:left;}
.producttab {margin:0px auto;}
.productnavbox{ float:left; width:185px;}
.productnavbox h5{ display:block; font-size:20px; height:60px; line-height:60px; text-align:center; color:#FFF; background:#A47348;font-weight:normal;}
.productnav {overflow:hidden; cursor:pointer;}
.productnav li{ width:180px; height:65px; text-align:left; color:#333; line-height:65px; font-size:16px; background:#E3E3E3; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:10px; vertical-align:middle;}
.productnav li.on {background:#ED1C24; color:#FFF; width:185px;}
.productnav li i{ display:block; float:left; width:50px; height:65px; margin-right:10px; background:url(../images/product.gif) no-repeat right center;}
.productnav li a{ color:#333; display:block; width:100%; height:65px;}
.productnav li.on a{ color:#FFF;}
.productcon .productimg{ display:block; float:left; width:690px; height:515px; overflow:hidden;}
.productcon .productimg a{ display:block; width:690px; height:515px; position:relative; color:#FFF;}
.productcon .producttxt{ width:96%; margin:0 1.5%; position:absolute; z-index:4; left:0px; bottom:20px; text-align:left;}
.productcon .producttxt b{ display:block; color:#FFF; font-size:20px;}
.productcon .producttxt i{ float:right; display:block; font-size:16px; height:50px; line-height:50px; color:#FFF; font-weight:bold;}
.productcon .producttxt em{ display:block; color:#FFF; font-size:14px;}
.productcon .productbg{ display:block; width:100%; height:100px; position:absolute; left:0px; bottom:0px; z-index:2;
	 background:#000;
filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;  }
.productcon .productimg a:hover .productbg{ background:#ED1C24;filter:alpha(opacity=90);  
      -moz-opacity:0.9;  
      -khtml-opacity: 0.9;  
      opacity: 0.9;}
	  
.productcon ul{ float:right; width:210px; overflow:hidden;}
.productcon li{ width:100%; margin-bottom:10px; vertical-align:middle;}
.productcon li a{ display:block; width:210px; height:165px; margin:0 auto; position:relative; overflow:hidden;}
.productcon li a img{ width:100%; height:165px;transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;}
.productcon li a em{ position:absolute; width:60px; font-size:14px; right:0px; top:0px; height:50px; color:#FFF; background:#000; background:rgba(0,0,0,0.6); text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; z-index:111;}
.productcon li a em b{ display:block; text-align:center; color:#FFF; padding-top:5px;}
.productcon li a:hover img{transform:scale(1.1);
        -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}
.productcon li a:hover em{ background:#ED1C24;
filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;}


.customized{ display:block; width:100%;}
.customizedtxt{ padding:30px 0; background:url(../images/customizedtop.gif) no-repeat right 85px; text-align:left;}
.customizedtxt h4{ font-size:24px; height:50px; text-align:left; font-weight:normal; margin-bottom:10px;}
.customizedtxt p{ width:60%; color:#666; line-height:180%; font-size:14px; text-align:left; text-indent:2em;}
.customizedtxt p a{ color:#C5915F;}


.showbox{ padding:30px 0;}
.showtit{ border-bottom:1px solid #DCD8D7; margin-bottom:20px;}
.showtit h4{ width:230px; display:block; margin:0 auto; font-weight:normal; font-size:24px; text-align:center;}
.showtit h4 em{ display:block; height:35px; line-height:35px; font-size:14px; border-bottom:4px solid #C5915F;}
.showScroll{ position:relative; margin-bottom:20px;  border-top:1px solid #E5E5E5; padding-top:20px;}
.showScroll .bd{overflow:hidden !important; position:relative;}
.showScroll .bd ul{ overflow:hidden; width:1120px; }
.showScroll .bd li{ width:260px; float:left; margin-right:20px;}
.showScroll .bd li a{ display:block; width:260px; height:185px; margin:0 auto; position:relative; overflow:hidden;}
.showScroll .bd li a img{ width:100%; height:185px;transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;}
.showScroll .bd li a em{ position:absolute; width:100%; font-size:14px; left:0px; bottom:0px; height:40px; line-height:40px; color:#FFF; background:#000; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; z-index:111;}
.showScroll .bd li a:hover img{transform:scale(1.1);
        -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}
.showScroll .bd li a:hover em{ background:#A8774A;}
.showScroll .prev, .showScroll .next {
  color: #333;
  font-family:SimSun;
  font-size:60px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  width:36px;
  height:60px;
  line-height:60px;
  margin-top:-30px;
}
.showScroll .prev:hover, .showScroll .next:hover { background:#000; color:#FFF;}
.showScroll .prev {	left: -50px;}
.showScroll .next {	right: -50px;}
.showmore{ width:200px; margin:0 auto; display:block; height:35px; line-height:35px; color:#999; font-size:14px; background:#F5F5F5; text-align:center;}
.showmore:hover{ background:#ED1C24; color:#FFF;}


.newsbox{ padding:30px 0;}
.newstit{ border-bottom:1px solid #DCD8D7; margin-bottom:20px;}
.newstit h4{ width:230px; display:block; margin:0 auto; font-weight:normal; font-size:24px; text-align:center;}
.newstit h4 em{ display:block; height:35px; line-height:35px; font-size:14px; border-bottom:4px solid #C5915F;}
.newstab {margin:0px auto;}
.newsnav { width:60%; height:45px; margin:0 auto;}
.newsnav li{float:left; width:33.3%; text-align: center; line-height:38px;}
.newsnav li a{ width:80%; display:block; border:1px solid #DDD; font-size:18px; color:#666;}
.newsnav li.on  a{background: #fff; color:#C5915F; border:1px solid #C5915F;}
.newscon{ padding-top:20px; overflow:hidden;}
.newscon li{ float:left; width:50%; margin-bottom:20px; padding:15px 0;}
.newscon li:hover{ background:#FFF;}
.newscon li span{ display:block; float:left; width:75px; height:75px; margin:0 20px; background:#909090; color:#FFF; text-align:center; font-size:13px;}
.newscon li span b{ display:block; height:50px; line-height:50px; font-size:30px; color:#FFF;}
.newscon li h5{height:30px; line-height:30px; font-size:15px;}
.newscon li h5 a{ display:block; font-size:16px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newscon li p{ font-size:12px; color:#999; padding:5px;}
.newscon li:hover span{ background:#C5915F;}


.advantage{ background:#FAFAFA; padding:30px 0;}
.advantagetit{ border-bottom:1px dashed #555; padding-bottom:20px;}
.advantagetit h4{ font-size:34px; text-align:left;}
.advantagetit h4 em{ display:block; font-size:20px; font-weight:normal;}
.advantagez{ width:735px; padding-top:45px; float:left;}
.onestopservice{ position:relative; z-index:111; float:right; width:310px; height:470px; margin-top:-80px; background:#EC1B23;}
.onestopservice h4{ text-align:center; font-size:24px; color:#FFF; height:65px; line-height:65px;}
.onestopservice ul{ padding:0 10px;}
.onestopservice li{ float:left; width:33.3%; text-align:center; font-size:14px; color:#FFF;}
.onestopservice li p{ color:#FFF;}
.onestopservice li em{ display:block; width:40px; height:50px; margin:5px auto;}
.onestopservice li em.ico1{ background:url(../images/onestopservice.gif) no-repeat 0px center;}
.onestopservice li em.ico2{ background:url(../images/onestopservice.gif) no-repeat -40px center;}
.onestopservice li em.ico3{ background:url(../images/onestopservice.gif) no-repeat -80px center;}
.onestopservice li em.ico4{ background:url(../images/onestopservice.gif) no-repeat -120px center;}
.onestopservice li em.ico5{ background:url(../images/onestopservice.gif) no-repeat -160px center;}
.onestopservice li em.ico6{ background:url(../images/onestopservice.gif) no-repeat -200px center;}
.onestopservice li em.ico7{ background:url(../images/onestopservice.gif) no-repeat -240px center;}
.onestopservice li em.ico8{ background:url(../images/onestopservice.gif) no-repeat -280px center;}
.onestopservice li em.ico9{ background:url(../images/onestopservice.gif) no-repeat -320px center;}
.onestopservice li em.ico10{ background:url(../images/onestopservice.gif) no-repeat -360px center;}
.onestopservice li em.ico11{ background:url(../images/onestopservice.gif) no-repeat -400px center;}
.onestopservice li em.ico12{ background:url(../images/onestopservice.gif) no-repeat -440px center;}
.onestopservice a.advantagebut{ width:200px; margin:20px auto; display:block; height:35px; line-height:35px; color:#FFF; font-size:14px; border:1px solid #FFF; text-align:center;}
.onestopservice a.advantagebut:hover{ background:#FFF; border:1px solid #FFF; color:#EC1B23;}


.showlogobox{ position:relative; margin-bottom:20px; overflow:hidden;}
.showlogobox ul{ width:101%; overflow:hidden; border-left:1px solid #E9E9E9; border-top:1px solid #E9E9E9; margin-bottom:30px;}
.showlogobox li{ width:20%; float:left; display:inline;}
.showlogobox li a{ display:block; height:100px; line-height:100px; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; margin:0 auto; position:relative; overflow:hidden;}
.showlogobox li a span{ width:218px; height:100px; display:table-cell; vertical-align:middle;}
.showlogobox li a img{ max-width:210px; max-height:98px; border:none; display:block; margin:auto; +padding-top:10px;
transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;}
.showlogobox li a:hover img{transform:scale(1.1);
        -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}
		
.hzlogobox{ position:relative; margin-bottom:20px; overflow:hidden;}
.hzlogobox ul{ padding-top:20px; overflow:hidden; text-align:left;}
.hzlogobox li{ width:46%; margin-right:3%; float:left; padding:25px 0;}
.hzlogobox li .hzlogoimg{ width:185px; height:100px; float:left; margin-right:5px;}
.hzlogobox li .hzlogoimg a{ width:180px; height:90px; border:2px solid #CCC; display:table-cell; +display:block; vertical-align:middle; overflow:hidden;}
.hzlogobox li .hzlogoimg a img{ max-width:180px; max-height:90px; border:none; display:block; margin:auto;}
.hzlogobox li .hzlogoimg a:hover{ border:2px solid #ED1C24;}
.hzlogobox li:hover{ background:#FFF;}
.hzlogobox li h5{height:30px; line-height:30px; font-size:14px; font-weight:normal;}
.hzlogobox li h5 a{ display:block; font-size:14px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hzlogobox li h5 a:hover{ color:#ED1C24;}
.hzlogobox li p{ font-size:14px; color:#999; padding:5px;}
.newsbutbox{ padding-top:8px; color:#999; font-size:14px;}
.newsbut{ display:inline-block; margin-left:10px; background:#CCC; color:#FFF; text-align:center; height:30px; line-height:30px; text-align:center; width:100px;}
.newsbut:hover{ color:#FFF; background:#ED1C24;}
		
.tdlogobox{ position:relative; margin-bottom:20px; overflow:hidden;}
.tdlogobox ul{ padding-top:25px;}
.tdlogobox li{ width:33.3%; float:left; display:inline; margin-bottom:30px;}
.tdlogobox li a{ display:block;width:260px; margin:0 auto; position:relative;}
.tdlogobox li a em{ text-align:center; display:block; font-size:14px; line-height:30px;}
.tdlogobox li a span{ width:255px; height:155px; display:table-cell; vertical-align:middle; border:5px solid #E9E9E9; overflow:hidden;}
.tdlogobox li a img{ width:255px; height:155px; border:none; display:block; margin:auto;
transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;}
.tdlogobox li a:hover img{transform:scale(1.1);
        -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}



.footbox{ background:#2E2E2E; border-top:10px solid #ED1C24;}
.footbox dl{ padding:40px 0;}
.footbox dd{ float:left; width:10%; padding:15px 0; text-align:left;}
.footbox dd a{ color:#6B6B6B; font-size:14px;}
.footbox dd a:hover{ color:#FFF;}
.footbox dd.logo{ width:15%; border-left:1px solid #383838;}
.footbox dd.logo a{ display:block; padding-top:10px; color:#FFF; font-size:14px; text-align:center;}
.footbox dd.wx{ width:14%; border-left:1px solid #383838; text-align:center;} 
.footbox dd.y{ width:20%; float:right !important; border-left:1px solid #383838;} 
.footbox dd.y a{ margin-left:15px; width:150px; display:block; color:#FFF; background:#FD5741; text-align:center; height:30px; line-height:30px; margin-top:20px;}
.footbox dd.y a:hover{ background:#A44537;}
.footbox dd h5{ font-size:16px; color:#FFF; margin-bottom:10px; padding-left:15px; font-weight:normal;}
.footbox dd h3{ color:#FD5741; font-size:26px; padding-left:15px;}
.footbox dd p{ color:#878786; padding-left:15px; line-height:160%;}
.footbox dd span{ padding-left:15px;}

.copybox{ padding:30px 0; border-top:1px solid #424242; margin-top:30px;}
.copybox p{color:#888887; text-align:center; line-height:180%;}
.copybox p b{color:#EAB410;}
.copybox a{color:#ffffff}




/* 分页样式 */ 
.propagebox{display: block; margin:0px auto; padding:20px 0;}
.propage{ width:100%; text-align:center; padding:10px 0;}
.propage p{ display:inline-block }
.propage a,.propage span { dheight:40px; min-width:30px; padding:0 10px; float:left; margin:0 2px; line-height:38px;
    border: 1px solid #d7d7d7;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
font-size:14px;color: #333;cursor: pointer; background-color: #fff;  text-decoration: none; text-align:center;}
.propage .current{background-color:#ED1C24;color:#FFF;}
.propage a:hover{background-color:#ED1C24;color:#FFF;}
/* 分页样式 */ 

.top_3{ display:block; height:215px; background:url(../images/showcase.jpg) no-repeat center center;}
.top_4{ display:block; height:215px; background:url(../images/customizedtop.jpg) no-repeat center center;}
.top_5{ display:block; height:215px; background:url(../images/contactustop.jpg) no-repeat center center;}

.showcasewp{ position:relative; z-index:11; background:#FFF; margin:40px auto; padding:20px;text-align:left;}
.positiontit{ height:50px; border-bottom:3px solid #ED1C24;}
.positiontit h4{ float:left; font-size:20px; font-weight:normal;}
.positiontit h4 b{ font-size:30px; margin-right:10px;}
.position{ float:right; text-align:right; height:50px; line-height:50px; font-family:simsun; font-size:14px;}
.position a{ padding:0 10px;}
.position b{ padding:0 10px; color:#ED1C24;}


.usico{ display:block; min-height:150px; background:#FFF; border:1px solid #E4E4E4; border-right:none;}
.usicocon{ display:block; text-align:left; padding:20px 12px 20px 12px;}
.usicocon h3{ font-size:19px;}
.usicocon h4{ font-size:16px; margin-bottom:20px;}
.usicocon p{ color:#999; font-size:12px;}
.usicocon p img{ display:inline-block;}

.showcasez{position:relative; float:left; width:220px; padding-top:25px;}
.showcaseznav h5 {
	font-weight:normal;
    display: block;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #FFF;
    background:#A47348;
}
.showcaseznav {margin-bottom:15px;}
.showcaseznav li{ height:60px; border-bottom:1px solid #DDD; text-align:left; line-height:60px; font-size:16px; background:#FFF;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; vertical-align:middle;}
.showcaseznav li i{ display:block; float:left; width:60px; height:60px; margin-right:10px; font-size:16px; background:url(../images/productred.gif) no-repeat right center;}
.showcaseznav li a{ display:block;}
.showcaseznav li a:hover{background:#ED1C24; color:#FFF;}
.showcaseznav li.on a{background:#ED1C24; color:#FFF;}
.showcaseznav li.on i{ background:url(../images/product.gif) no-repeat right center;}
.showcaseznav li a:hover i{ background:url(../images/product.gif) no-repeat right center;}

.showcasey{ width:850px; float:right; border-left:1px solid #E4E4E4; padding-left:20px;}
.showcasebox{ padding-top:30px;}
.showcasebox li{ width:33.3%; float:left; margin-bottom:20px;}
.showcasebox li a{ display:block; padding:10px; width:90%; height:320px; background:#F2F2F2; position:relative; overflow:hidden;}
.showcasebox li a img{ width:100%; height:185px;transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;}
.showcasebox li a b{ display:block; width:100%; font-size:14px; height:40px; line-height:40px; color:#333; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.showcasebox li a em{ display:block; width:100%; font-size:12px; color:#333; text-align:left;}
.showcasebox li a i{ display:block; width:120px; margin:15px auto; font-size:14px; height:30px; line-height:28px; color:#333; background:#FFF; border:1px solid #CCC; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.showcasebox li a:hover{ background:#EEE; color:#FFF;}
.showcasebox li a:hover img{transform:scale(1.1);
        -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}
.showcasebox li a:hover b{ color:#ED1B24;}
.showcasebox li a:hover i{ color:#FFF; background:#ED1B24; border:1px solid #ED1B24;}


/*家具案例详情*/
.detailsbox{ padding:30px 0;}
.detailsbox h4{ color:#EC1B23; text-align:center; height:auto; line-height:60px; border-bottom:1px solid #E6E6E6;}
.h4tit{ color:#EC1B23; text-align:center; height:60px; line-height:60px; font-size:24px; border-bottom:1px solid #E6E6E6;}
.showico{ margin:10px auto;}
.showico dd{ width:49.5%; float:left; line-height:40px; font-size:16px; text-align:left;}
.showico dd img{ vertical-align:middle; margin-right:10px;}
.detailsimg{ float:left; width:380px; height:230px; display:block; overflow:hidden; border:5px solid #EEE;}
.detailsimg img{ display:block;}
.detailstxt{ float:right; width:400px; height:240px; text-align:left;}
.detailstxt h4{ height:60px; line-height:60px; text-align:left; font-size:16px;}
.detailstxt p{ line-height:150%; font-size:14px; padding:5px 0px;}
.detailscon{ padding:15px;}
.detailscon img{ max-width:100%;}
.detailscon p{ font-size:16px; line-height:160%; padding:10px 0; text-align:left;}
.detailscontit{ height:40px; border-bottom:1px solid #EEE;}
.detailscontit h4{ width:250px; height:40px; border-bottom:1px solid #ED1C24; position:relative; color:#B1845C; font-size:20px;}
.detailscontit h4 em{ display:block; height:20px; padding:0 30px; line-height:20px; border-left:5px solid #ED1C24; position:absolute; font-size:18px; top:10px;}



.venue{ display:block; padding-top:25px;}
.venue li{ margin-bottom:10px;}
.venue li a{ display:block; color:#FFF; text-align:left; overflow:hidden;}
.venue li a span.clear{ display:block;}
.venue li a img{ display:block; border-right:10px solid #FFF; border-left:none; float:left; margin-right:10px; margin-left:0px;
transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;
}
.venue li a.avenue1{ background:#15868E;}
.venue li a.avenue2{ background:#47B37F;}
.venue li a.avenue2 img{ float:right; border-left:10px solid #FFF; border-right:none; margin-left:10px; margin-right:0px;}
.venue li a.avenue2 i{ margin-left:20px;}
.venue li a.avenue2 b{  padding:20px 0px 20px 20px;}
.venue li a.avenue3{ background:#D16F70;}
.venue li a.avenue4{ background:#D2BC69;}
.venue li a.avenue4 img{ float:right; border-left:10px solid #FFF; border-right:none; margin-left:10px; margin-right:0px;}
.venue li a.avenue4 i{ margin-left:20px;}
.venue li a.avenue4 b{  padding:20px 0px 20px 20px;}
.venue li a b{ font-size:24px; color:#FFF; display:block; text-align:left; padding:20px 0px 20px 00px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.venue li a em{ display:block; font-size:14px; color:#FFF; text-align:left; padding-left:20px; margin:20px auto;}
.venue li a i{ width:90px; height:30px; line-height:30px; border:1px solid #FFF; text-align:center; font-size:12px; color:#FFF; display:inline-block; margin-left:0px;}
.venue li a:hover i{ background:#FFF; color:#F00;}
.venue li a:hover img{transform:scale(1.02);
        -webkit-transform:scale(1.02);
       -moz-transform:scale(1.02);
        -o-transform:scale(1.02);
        -ms-transform:scale(1.02);}
.venue li a.avenue1:hover{ background:#73B6BB;}
.venue li a.avenue2:hover{ background:#348CE6;}
.venue li a.avenue3:hover{ background:#DC8F8F;}
.venue li a.avenue4:hover{ background:#E28B4D;}


.casebut{ padding:30px 0; border-top:1px solid #DDD;}
.casebut li{ float:left; width:33.3%; text-align: center; line-height:38px;} 
.casebut li a{ display:block; width:80%; text-align:center; height:40px; line-height:40px; border:1px solid #DDD; font-size:18px; color:#C5915F; background:#FFF;}
.casebut li a:hover{ border:1px solid #C5915F; font-size:18px; color:#FFF; background:#C5915F;}
.casebut li.on a{background: #fff; color:#C5915F; border:1px solid #C5915F;}

.casebut h5{ display:block; line-height:200%; font-size:14px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:left;}


/*关于我们*/
.contactcon{ padding:50px 20px;}
.contactcon h3{ color:#333; font-size:30px; font-weight:normal; margin-bottom:20px;}
.contactcon p{ font-size:16px; text-align:left;}
.lxicobox{ text-align:left; margin:15px auto;}
.lxicobox li{ text-align:left; border-bottom:1px dotted #CCC; height:70px; line-height:70px; font-size:16px;}
.lxicobox li img{ vertical-align:middle; margin-right:10px;}

.aboutustop{ display:block; height:215px; background:url(../images/aboutustop.jpg) no-repeat center center;}

/*兴亚荣誉*/
.honortop{ display:block; height:310px; background:url(../images/honortop.jpg) no-repeat center center;}
.honorbox{ padding-top:30px;}
.honorbox li{ width:50%; float:left; margin-bottom:40px;}
.honorbox li a{ display:block; width:390px; height:270px; margin:0 auto; position:relative; overflow:hidden; background:#FFF; border:1px solid #CCC;}
.honorbox li a img{ width:370px; height:250px; margin:9px;
transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;}
.honorbox li a:hover img{ border:1px solid #000;
transform:scale(1.1);
        -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}
		
/*新闻中心*/
.top_2,.top_1{ display:block; height:215px; background:url(../images/newstop.jpg) no-repeat center center;}
.newslist{ overflow:hidden; text-align:left;}
.newslist li{ width:100%; padding:25px 0; border-bottom:1px dotted #CCC;}
.newslist li .newszimg{ width:190px; height:120px; float:left; margin-right:10px;}
.newslist li .newszimg a{ width:180px; height:110px; border:5px solid #CCC; display:table-cell; vertical-align:middle;}
.newslist li .newszimg a img{ max-width:180px; max-height:110px; border:none; display:block; margin:auto;}
.newslist li .newszimg a:hover{ border:5px solid #ED1C24;}
.newslist li:hover{ background:#FFF;}
.newslist li h5{height:30px; line-height:30px; font-size:15px;}
.newslist li h5 a{ display:block; font-size:16px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist li h5 a:hover{ color:#ED1C24;}
.newslist li p{ font-size:14px; color:#999; padding:5px;}
.newsbutbox{ padding-top:8px; color:#999; font-size:14px;}
.newsbut{ display:inline-block; margin-left:10px; background:#CCC; color:#FFF; text-align:center; height:30px; line-height:30px; text-align:center; width:100px;}
.newsbut:hover{ color:#FFF; background:#ED1C24;}

.detailsbox{ padding:10px;}
.detailstit{ border-bottom:1px dotted #999; padding:20px;}
.detailstit h3{ color:#000; font-size:24px; font-weight:normal; margin-bottom:30px; text-align:center;}
.detailstit p{ font-size:12px; line-height:160%; text-align:center; color:#999;}
.detailstit p span{ padding:0 20px; color:#999;}
.detailstit p b{ font-weight:normal;}

.detailsboxtxt{ text-align:left;}
.detailsboxtxt p{ text-align:left; font-size:16px; line-height:180%; color:#6B6B6B; padding:20px 0; text-indent:2em;}
.newsnextbut{}
.newsnextbut ul{ height:50px; margin:30px auto;}
.newsnextbut li{ width:45%; height:40px; line-height:40px; padding:0 10px; background:#FFF; border:1px solid #DDD; font-size:16px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.listbut{ display:block; margin:20px auto;}
.newslistbut{ display:block; margin:0 auto; height:60px; width:250px; line-height:60px;  background:#FFF;  border: 1px solid #B9926E; color:#B9926E; font-size:20px; text-align:center;} 


/*设计团队*/
.designtop{ display:block; height:310px; background:url(../images/design.jpg) no-repeat center center;}
.designbox{ overflow:hidden;}
.designbox ul{width:924px;}
.designbox li{ float:left; min-height:215px; width:400px; margin:20px 56px 20px 0px; border:1px solid #EEE; background:#FFF;}
.designbox li a.designimg{ display:block; float:left; border:1px dashed #e2e2e2; padding:4px; overflow:hidden; margin:5px 0 0 5px;}
.designbox li a.designimg span{display: table-cell; vertical-align: middle; width:165px; height:195px;}
.designbox li a.designimg span img{border: none; max-width: 165px; max-height: 195px;display: block; margin: auto;
transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;}
   .designbox li a.designimg:hover span img{transform:scale(1.1);
        -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}
.designbox li .designy{ float:right; width:180px; padding:10px 10px 0 0;}
.designbox li .designy p{ font-size:15px; padding:5px 0; line-height:150%;}
.designbox li .designbut{ width:120px; height:30px; text-align:center; line-height:30px; font-size:14px; display:block; background:#B1845B; color:#FFF; margin-top:20px;}
.designbox li .designbut:hover{ background:#C1050B; color:#FFF;}


.designcon{ border-bottom:1px solid #EEE; background:#FFF; padding:25px;}
.designcon a.designimg{ display:block; float:left; border:1px dashed #e2e2e2; padding:4px; overflow:hidden; margin:5px 20px 0 5px;}
.designcon a.designimg span{display: table-cell; vertical-align: middle; width:165px; height:195px;}
.designcon a.designimg span img{border: none; max-width: 165px; max-height: 195px;display: block; margin: auto;
transition:All 0.2s ease-in-out;
  -webkit-transition:All 0.2s ease-in-out;
   -moz-transition:All 0.2s ease-in-out;
   -o-transition:All 0.2s ease-in-out;}
   .designcon a.designimg:hover span img{transform:scale(1.1);
        -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}
.designcon .designy{ display:block; padding:10px 0; float:left; width:70%;}
.designcon .designy p{ font-size:15px; padding:5px 0; line-height:150%;}
.designcon .designbut{ width:120px; height:30px; text-align:center; line-height:30px; font-size:14px; display:block; background:#B1845B; color:#FFF; margin-top:20px;}
.designcon .designbut:hover{ background:#C1050B; color:#FFF;}

.tdbox{width:850px;margin:0 auto; padding-top:25px;}
.tdbox ul{width:100%;}
.tdbox li{ float:left;margin-right:5px;display:inline; margin-bottom:5px;}
.tdbox li a{display:block; width:100%; overflow:hidden; height:100%; text-align:center; font-size:16px; color:#FFF; position:relative;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.tdbox li a:hover{transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;}
.tdbox li a.bluebg{ background:#006;}
.tdbox li a.orangebg{ background:#F90;}
.tdbox li a.redbg{ background:#FF0909;}
.tdbox li a img.onimg{ display:block;}
.tdbox li a b{ display:block; color:#FFF;}
.tdbox li a img.offimg{ display:none; position:relative; left:0px; top:120px; z-index:12;}
.tdbox li a:hover img.onimg{ display:none;}
.tdbox li a:hover img.offimg{ display:block; top:0px;}
.tdbox li a:hover b{ display:none;}
.c_1{width:415px;height:245px; line-height:245px; margin-right:5px;float:left; overflow:hidden;}
.c_2{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_3{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_4{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_5{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_6{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_7{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_8{width:415px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_9{width:205px;height:245px; line-height:245px; margin-right:5px;float:left; overflow:hidden;}
.c_10{width:415px;height:245px; line-height:245px; margin-right:5px;float:left; overflow:hidden;}
.c_11{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_12{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_13{width:415px;height:370px; line-height:370px; margin-right:15px!important;float:right !important; overflow:hidden;}
.c_14{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_15{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_16{width:205px;height:245px; line-height:245px; margin-right:5px;float:left; overflow:hidden;}
.c_17{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.c_18{width:205px;height:120px; line-height:120px; margin-right:5px;float:left; overflow:hidden;}
.tdbox img{ width:100%; height:100%;}

.page-inner{padding: 0 20px 20px;display: flex;justify-content: center}
#pages li{margin:0 2px;height:32px;line-height:32px;text-align:center;background:#e6e6e6;color:#fff;display:inline-block}
#pages li a{font-size:14px;display:block;padding:0 12px}
#pages li span{font-size:14px;display:block;padding:0 12px}
#pages li.active{text-align:center;background:#ED1C24;color:#fff;display:inline-block}
#pages li:hover{background:#fe5842}
#pages li:hover a{color:#fff}