@charset "utf-8";

/* LESS Document */

/* reset.css V1.2  Start*/

body,

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dt,

dd,

ul,

ol,

li,

form,

button,

input,

textarea,

th,

td {

  margin: 0px;

  padding: 0px;

  font-weight: normal;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

body,

button,

input,

select,

textarea,

h1,

h2,

h3,

h4,

h5,

h6,

i {

  font: normal 62.5% Microsoft YaHei, Arial, "\5b8b\4f53", tahoma;

}

body {

  min-width: 1000px;

  background: #fefefe;

}

ul,

ol,

li {

  list-style: none;

}

a {

  text-decoration: none;

  color: #333;

}

a:hover {

  text-decoration: none;

}

img {

  border: 0;

  vertical-align: top;

}

button,

input,

select,

textarea {

  font-size: 100%;

  vertical-align: middle;

  outline: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

.fixed:after {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0;

}

.fixed {

  *zoom: 1;

}

.clear {

  clear: both;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.wd {

  margin: 0 auto;

  width: 1000px;

}

/* reset.css V1.0  End */

.p_scale {

  -webkit-transform: scale(1.05, 1.05);

  -moz-transform: scale(1.05, 1.05);

}

/*header*/

.header {

  position: relative;

  z-index: 2;

  height: 114px;

}

.header .wd {

  position: relative;

}

.logo {

  float: left;

  margin-top: 36px;

  width: 214px;

  height: 52px;

}

.logo img {

  width: 100%;

  height: auto;

}

.headRig {

  position: absolute;

  right: 10px;

  top: 24px;

  z-index: 5;

}

.headRig li {

  float: left;

  color: #6f6f6f;

  line-height: 22px;

}

.tel {

  font-size: 1.4em;

}

.lang {

  font-size: 1.2em;

  padding: 0 13px;

}

.lang a {

  color: #6f6f6f;

}

.lang a:hover {

  color: #0197df;

  -webkit-transition: All 0.2s ease;

  -moz-transition: All 0.2s ease;

  transition: All 0.2s ease;

}

.lang span {

  display: inline-block;

  padding: 0 4px;

}

.search {

  width: 86px;

  height: 20px;

  line-height: 20px;

  padding: 0 10px;

  border: 1px solid #878787;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

}

.search input {

  height: 20px;

  line-height: 20px;

  border: 0;

  vertical-align: top;

}

.search input[type='text'] {

  width: 82.5%;

  font-size: 1.2em;

  background: none;

}

.search input[type='submit'] {

  width: 13%;

  max-width: 11px;

  background: url(../images/search.png) no-repeat center center;

}

.headimg {

  padding: 1px 0 0 6px;

}

.headimg a {

  display: block;

  margin-left: 6px;

  float: left;

}

.headimg a img {

  width: 21px;

  height: 21px;

}

.headimg a:hover {

  filter: alpha(opacity=70);

  opacity: 0.7;

}

.nav {

  float: right;

  margin: 67px -21px 0 0;

}

.nav ul li {

  float: left;

  position: relative;

  padding-right: 1px;

  height: 47px;

}

.nav ul li h3 {

  font-size: 1.5em;

}

.nav ul li h3 a {

  color: #494949;

  display: block;

  height: 36px;

  line-height: 36px;

  padding: 0 31px;

}

.nav ul li:hover h3 a,

.nav ul li.on h3 a {

  color: #fff;

  -webkit-transition: All 0.2s ease;

  -moz-transition: All 0.2s ease;

  transition: All 0.2s ease;

  background: url(../images/navbg.jpg) repeat-x 0 0;

}

.navmenu {

  position: absolute;

  left: -92px;

  top: 47px;

  z-index: 5;

  display: none;

  width: 583px;

  padding: 30px 44px 33px 29px;

  -webkit-border-radius: 0 0 10px 10px;

  -ms-border-radius: 0 0 10px 10px;

  -o-border-radius: 0 0 10px 10px;

  -moz-border-radius: 0 0 10px 10px;

  border-radius: 0 0 10px 10px;

  -webkit-box-shadow: 0 0 2px #c4c4c4 inset;

  -moz-box-shadow: 0 0 2px #c4c4c4 inset;

  -ms-box-shadow: 0 0 2px #c4c4c4 inset;

  box-shadow: 0 0 2px #c4c4c4 inset;

  background: url(../images/navshadow.jpg) repeat-x 0 0 #f9f9f9;

}

.navleft {

  float: left;

  width: 124px;

  padding-right: 29px;

  border-right: 1px solid #dedede;

}

.navleft div {

  margin-top: 12px;

  height: 33px;

  line-height: 33px;

  text-align: center;

  background: #0197df;

}

.navleft div:first-child {

  margin-top: 0;

}

.navleft div a {

  display: block;

  font-size: 1.2em;

  color: #fff;

}

.navleft div:hover {

  filter: alpha(opacity=70);

  opacity: 0.7;

}

.navright {

  float: right;

  width: 409px;

}

.navimg {

  float: right;

  margin-top: 25px;

  width: 190px;

  height: 127px;

}

.navimg img {

  width: 100%;

  height: 100%;

}

.navimg:hover {

  filter: alpha(opacity=70);

  opacity: 0.7;

}

.navInfo {

  width: 190px;

  padding-top: 17px;

}

.navInfo h4 {

  font-size: 2em;

  color: #000;

  padding-bottom: 5px;

}

.navInfo p {

  font-size: 1.2em;

  color: #474747;

  line-height: 24px;

  padding-bottom: 2px;

}

.navInfo div {

  text-align: right;

}

.navInfo div a {

  font-size: 1.2em;

  color: #0197df;

}

.navInfo div a:hover {

  padding-right: 10px;

  -webkit-transition: All 0.2s ease;

  -moz-transition: All 0.2s ease;

  transition: All 0.2s ease;

}

/*bannet*/

#banner .item {

  height: 500px;

  background-size: cover;

  background-position: center top;

  background-repeat: no-repeat;

}

/*main*/



/*shaowBox*/

.showBox {

  position: relative;
  height:200px;

}

.showBox .shd {

  width: 450px;

}

.showBox .shd ul {

  width: 450px !important;


}

.showBox .shd li {

  position: relative;

  width: 219px;

  height: 130px;

  float: left;

  border: 1px solid #e1e1e1;

  cursor: pointer;

  overflow: hidden;

  margin: 10px 0 0;

}

.showBox .shd li.fr {

  float: right;

}

.pimg img {

  width: 219px;

  height: 106px;

}

.showBox .shd li a {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 5;

  color: #4d4d4d;

  font-size: 1.4em;

  text-align: center;

}

.showBox .shd li a img {

  padding: 13px 0 0px;

  width: 147px;

  height: 65px;

}

.showBox .shd li a p {

  height: 20px;
  margin-top:-1px;
  line-height: 20px;

  overflow: hidden;

}

.showBox .shd li.on a {

  color: #009ae3;

  filter: alpha(opacity=70);

  opacity: 0.7;

}

.main{ width:1000px; margin:0 auto; clear:both; margin-top:30px;}
.left{ width:572px; float:left; }
.left_top{ background:url(../images/index_02.jpg) no-repeat; width:572px; height:42px; float:left; line-height:40px;}
.left_top .b{ font-size:18px; float:left; margin-left:45px;}
.left_top .b:hover{ color:#0291D4;}
.left_top span{color:#8B8B8B; margin-top:2px; float:left; margin-left:4px;}
.left_top .more{ float:right; color:#8B8B8B;}
.left_top .more:hover{ color:#0291D4;}

.right{ width:402px; float:right; font-size:12px; line-height:20px;}
.right_top{ background:url(../images/index_03.jpg) no-repeat; width:402px; height:42px; line-height:40px; float:left;}
.right_top .b{ font-size:18px; float:left; margin-left:45px;}
.right_top .b:hover{ color:#0291D4;}
.right_top span{color:#8B8B8B; margin-top:2px; float:left; margin-left:4px;}
.right_top .more{ float:right; color:#8B8B8B;}
.right_top .more:hover{ color:#0291D4;}

.right_content{ width:402px; float:left; text-align:left; height:220px;}
.right_contenttop{ color:#898989; width:402px; padding-top:8px; float:left; border-bottom:1px solid #CCCCCC; padding-bottom:10px;}
.toutiao{ width:402px; float:left; padding-bottom:5px;}
.toutiao span{ width:52px; height:25px; float:left;}
.toutiao a{ color:#0077D6; font-size:16px; float:left; margin-left:10px;}
.toutiao a:hover{ color:#E32235}

.right_content ul li{ background:url(../images/dot.png) no-repeat left; width:402px; height:22px; display:block; clear:both; line-height:22px; margin-top:5px;}
.right_content ul li a{ float:left; margin-left:10px;}
.right_content ul li a:hover{color:#0077D6;}
.right_content ul li span{ float:right}

.maina{ width:1000px; margin:0 auto; clear:both; margin-top:40px; font-size:12px;}
.maina ul li{ width:250px; float:left;}
.maina ul li.con1 a{ background:url(../images/4.png) no-repeat; width:215px; height:270px; display:block; float:left;}
.maina ul li.con2 a{ background:url(../images/3.png) no-repeat; width:215px; height:270px; display:block; float:left; margin-left:13px; display:inline;}
.maina ul li.con3 a{ background:url(../images/2.png) no-repeat; width:215px; height:270px; display:block; float:right; margin-right:13px; display:inline;}
.maina ul li.con4 a{ background:url(../images/1.png) no-repeat; width:215px; height:270px; display:block; float:right}

.maina ul li.con1 a span{ color:#2289DB;}
.maina ul li.con2 a span{ color:#2289DB;}
.maina ul li.con3 a span{ color:#2289DB;}
.maina ul li.con4 a span{ color:#2289DB;}

.maina ul li.con1 a:hover span{ color:#ffffff;}
.maina ul li.con2 a:hover span{ color:#ffffff;}
.maina ul li.con3 a:hover span{ color:#ffffff;}
.maina ul li.con4 a:hover span{ color:#ffffff;}

.maina ul li.con1 a:hover{ background:url(../images/8.png) no-repeat; width:215px; height:270px; display:block; color:#FFFFFF;}
.maina ul li.con2 a:hover{ background:url(../images/7.png) no-repeat; width:215px; height:270px; display:block; color:#FFFFFF;}
.maina ul li.con3 a:hover{ background:url(../images/6.png) no-repeat; width:215px; height:270px; display:block; color:#FFFFFF;}
.maina ul li.con4 a:hover{ background:url(../images/5.png) no-repeat; width:215px; height:270px; display:block; color:#FFFFFF;}

.con{ width:195px; float:left; display:inline; line-height:20px;}
.con span{ font-size:15px; float:left; width:100%; padding-bottom:8px; border-bottom:1px solid #cccccc; margin-bottom:10px;}



.footer{ background:url(../images/index_05.jpg) repeat-x; height:168px; margin:0 auto; margin-top:20px;}
.footer1{ width:1000px; margin:0 auto; font-size:12px;}
.footer_left{ width:800px; float:left; margin-top:20px;}
.footer_left div{ float:left; width:800px; height:30px; line-height:18px; display:block;}
.footer_left div span{ margin-left:10px;} 
.footer_right{ float:right; margin-top:20px;}

.footer_info{ width:1000px; text-align:left; margin:0 auto; margin-top:25px; color:#FFFFFF;}
.footer_infos{ width:1000px; text-align:left; margin:0 auto; margin-top:8px; color:#FFFFFF;}










.banner1{
height: 140px;

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  z-index: 0;

}

.leftn{ width:235px; float:left; margin-top:-90px; z-index:1; position: relative; font-size:13px;}
.leftn_top{ width:235px; height:84px; float:left; background:url(../images/left.PNG) no-repeat; text-align:center;}
.leftn_top span{ font-size:22px; color:#0364B1; line-height:76px;}
.leftn_content{ border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-left:1px solid #E6E6E6; float:left; width:233px; padding-bottom:18px;}

.leftn_bottom{ width:233px; float:left; margin-top:15px; border:1px solid #E6E6E6;}
.leftn_bottomcon{ width:190px; margin:0 auto; text-align:center; line-height:24px;}
.leftn_bottomcon ul li{ margin-top:10px;}
.leftn_bottomcon ul li img{ border:1px solid #E6E6E6;}

.rightn{ width:750px; float:right; position: relative; margin-top:-25px; font-size:12px; line-height:22px; }
.rightn_top{ width:750px; height:30px; border-bottom:1px solid #CCCCCC; text-align:right; line-height:30px;}
.rightn_top span{ color:#0A89D6;}
.rightn_content{ width:730px; float:left; margin-left:10px; display:inline; padding-top:15px;}
.rightn_content ul li{ width:730px; background:url(../images/line.jpg) no-repeat; height:31px; line-height:30px; display:block; clear:both;}
.rightn_content ul li a{ float:left; margin-left:12px;}
.rightn_content ul li a:hover{ color:#0A89D6;}
.rightn_content ul li span{ float:right;}
.rightn_contentc{ width:750px; float:left; display:inline; padding-top:15px;}
.rightn_contentp{ width:750px; float:left; display:inline; }

.rightn_contentp ul li{ float:left; width:161px; word-break: break-all; word-wrap:break-word; margin-left:20px; display:inline; margin-top:20px; text-align:center}
.rightn_contentp ul li img{ border:1px solid #E6E6E6;}
.rightn_contentp ul li span{ width:160px; padding-left:2px; padding-right:1px; background:#0A89D6; height:55px; display:block; color:#FFFFFF;}
.rightn_contentp ul li span:hover{ width:160px; padding-left:2px; padding-right:1px; background:#E1A900; height:55px; display:block; color:#FFFFFF;}

.rightn_contentp1{ width:750px; float:left; display:inline; }
/* tab 切换标签 */

		.slideTxtBox{ width:730px;float:left; margin-top:20px; text-align:center; font-size:14px; color:#FFFFFF;}

		.slideTxtBox .hd{ height:35px; line-height:35px; background:#44B2FA; padding:0 10px 0 20px; position:relative; }

		.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }

		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }

		.slideTxtBox .hd ul li.on{ height:36px;  background:#E1A900; width:70px; text-align:center; color:#FFFFFF;}

		.slideTxtBox .bd ul{ padding:15px;  zoom:1;text-align:left;}

		.slideTxtBox .bd li{ height:24px; line-height:24px;  }

		.slideTxtBox .bd li .date{ float:left; color:#666666; text-align:left; font-size:12px;}








/*caselist*/

.caselist {

  height: auto;

  overflow: hidden;

  padding: 0 19px;


}

.caselist li {

  float: left;

  width:340px;


  background: #ebebeb;

  overflow: hidden;

  margin: 15px 0;

}

.caselist li.fr {

  float: right;

}

.caselist li a {

  display: block;

  color: #777;

}

.caselist li a h3 {

  height: 28px;

  line-height: 28px;

  overflow: hidden;

  padding: 8px 20px 0;

  font-size: 1.6em;

  color: #007ccc;

}

.caselist li a p {

  line-height: 22px;

  padding: 0 20px 10px;

  font-size: 1.3em;
  height:60px;

}

.caseimg {

  position: relative;
  

}

.caseimg span {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 5;

  display: none;

  height: 100%;

  width:328px;
  
  border: 5px solid #64c2ff;

  border-left-width: 7px;

  border-right-width: 7px;

}

.caseimg img {

  height: auto;

  max-width: 340px;

  max-height: 200px;

  display: block;

  min-height: 200px;

}

.caselist li:hover {

  -webkit-transition: All 0.2s ease;

  -moz-transition: All 0.2s ease;

  transition: All 0.2s ease;

  background: #64c2ff;

}

.caselist li:hover a {

  color: #fff;

}

.caselist li:hover a h3 {

  color: #fff;

  border-top: 1px solid #61baf3;

  padding-top: 7px;

}

.caselist li:hover .caseimg span {

  display: block;

}




.newslist {

  height: auto;

  overflow: hidden;

  padding: 0 8px 66px 0;

}

.newslist li {

  padding: 20px 0 20px 15px;

  border-top: 1px solid #ededed;

}

.newslist li a {

  height: auto;

  overflow: hidden;

  position: relative;

  display: block;

  color: #272727;

}

.newslist li:first-child {

  border-top: 0;

}

.newsliimg {

  float: left;

  border: 1px solid #e3e3e2;

  overflow: hidden;

}

.newsliimg img {

  display: block;

  width: 246px;

  height: 153px;

  padding: 4px;

  border: 1px solid #f7f7f7;

}

.newsInfo {

  margin-left: 272px;

  line-height: 24px;

}

.newsInfo h3 {

  height: 24px;

  padding-top: 2px;

  overflow: hidden;
  
  font-size:15px;

}

.newsInfo b {

  font-weight: normal;

  display: block;
  
  font-size:12px;

  color: #a1a1a1;

  padding-bottom: 3px;

  border-bottom: 2px dashed #efefef;

}

.newsInfo p {

  color: #575757;
  
  font-size:12px;

  text-indent: 27px;

  padding: 11px 0 0 6px;

}

.newsmore {

  position: absolute;

  right: 6px;

  bottom: 10px;

  z-index: 5;

  width: 76px;

  height: 19px;

  line-height: 19px;

  text-align: center;

  color: #fff;

  font-size: 1em;

  cursor: pointer;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  background: #e1a900;

}

.newslist li:hover a {

  color: #0a89d6;

  -webkit-transition: All 0.2s ease;

  -moz-transition: All 0.2s ease;

  transition: All 0.2s ease;

}

.newslist li:hover a h3 {

  padding-left: 10px;

}

.newslist li:hover a .newsmore {

  background: #0364b1;

}

.newslist li:hover a img {

  filter: alpha(opacity=70);

  opacity: 0.7;

  -webkit-transition: 1s 0.2s ease;

  -moz-transition: 1s 0.2s ease;

  transition: 1s 0.2s ease;

}








/*product*/

.proTitle {

  height: 60px;


  line-height: 60px;

  color: #034f9f;

  font-size: 1.6em;

}

.product,.productList {

  height: auto;

  overflow: hidden;

  padding: 0 0 0 0;

}

.productList li {

  float: left;

  width: 29.362881%;

  margin: 0 3.540166% 5.540166% 1%;

  background: #f7f7f7;


  -moz-box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

  -webkit-box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

  -o-box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

  -ms-box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

  box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

}

.product li{

  float: left;

  width: 30.995881%;

  margin: 0 2.340166% 4.540166% 1%;


  background: #f7f7f7;

  -moz-box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

  -webkit-box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

  -o-box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

  -ms-box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

  box-shadow: 5px 0 5px #ededed,0 5px 5px #ededed;

}

.product li.nomarg,.productList li.nomarg {

  margin-right: 0;

}

.product li.fr,.productList li.fr {

  float: right;

}

.product li a,.productList li a {

  display: block;

  border: 1px solid #f0f0f0;

  border-top: 0;

  text-align: center;

}


.product li a h3 {

   color: #0084d4;

    font-size: 1.4em;
	height:40px;
	line-height:40px;

    overflow: hidden;

    text-align: center;

}


.productList li a div {

  border: 1px solid #f5f5f5;

  background: #fff;

  margin: 0 7px;

  padding: 7px 0;

}

.product li a div{

	  border: 1px solid #f5f5f5;

		background: #fff;

		margin: 13px 10px 0;

		/*padding: 15px 0;*/

}

.product li a div img,.productList li a div img {

  max-width: 130px;

  /*min-height: 100px;*/

  /*height: 150px;*/

  max-height: 175px;

}

.widthpagelist{

	min-height: 200px;

}

.product li a p,.productList li a p {

  font-size: 1.2em;

  text-align: left;

  line-height: 24px;

  color: #5c5c5c;

  padding: 11px 16px 8px;

}

.product li a span,.productList li a span {

  display: block;

  text-align: left;
  padding-left:7px;
  padding-right:5px;
  padding-bottom:10px;
}

.product li a span b,.productList li a span b {

  display: inline-block;

  font-weight: normal;

  width: 76px;

  height: 19px;

  line-height: 19px;

  text-align: center;

  font-size: 1em;

  color: #fff;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  background: #e1a900;

}

.product li:hover img ,.productList li:hover img {

  filter: alpha(opacity=70);

  opacity: 0.7;

}

.product li:hover span b,.productList li:hover span b {

  background: #0084d4;

  -webkit-transition: All 0.2s ease;

  -moz-transition: All 0.2s ease;

  transition: All 0.2s ease;

}

.productList li{ width:30%; margin:0 5% 5% 0;}
.productList li a p{ padding:11px 10px 8px;}















/*左侧菜单*/
.m_tr2_l_2 {float:left;  width:233px;}

.m_tr2_l_2 ul li {float:left; width:231px; line-height:32px; margin-top:10px; overflow:hidden; list-style:none}
.m_tr2_l_2 ul li a {float:left; width:231px; height:32px; display:block; margin-left:2px; background:#0A89D6; color:#FFFFFF; text-indent:10px;}

.m_tr2_l_2 ul li a:hover {color:#fff; background:#E1A900;}
.m_tr2_l_2 ul li a.on {color:#fff; }

.m_tr2_l_2 ul li ul {padding:0; display:none;}
.m_tr2_l_2 ul li ul li {float:left; width:100%; height:30px; line-height:30px; margin:0; overflow:hidden; list-style:none}

.m_tr2_l_2 ul li ul li a { background:#FFFFFF;font-weight:normal; }
.m_tr2_l_2 ul li ul li a:link {color:#505050;}
.m_tr2_l_2 ul li ul li a:visited {color:#505050;}
.m_tr2_l_2 ul li ul li a:hover {color:#2d4c9c; background:#FFFFFF}
.m_tr2_l_2 ul li ul li a:active,.m_tr2_l_2 ul li ul li.on a {color:#0A89D6; }



















/*shaowBox*/

.showBox {

  padding: 10px 66px 10px 55px;

  position: relative;

}

.showBox .shd {

  width: 450px;

}

.showBox .shd ul {

  width: 450px !important;

}

.showBox .shd li {

  position: relative;

  width: 219px;

  height: 106px;

  float: left;

  border: 1px solid #e1e1e1;

  cursor: pointer;

  overflow: hidden;

  margin: 10px 0 0;

}

.showBox .shd li.fr {

  float: right;

}

.pimg img {

  width: 219px;

  height: 106px;

}

.showBox .shd li a {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 5;

  color: #4d4d4d;

  font-size: 1.4em;

  text-align: center;

}

.showBox .shd li a img {

  padding: 13px 0 0px;

  width: 147px;

  height: 65px;

}

.showBox .shd li a p {

  height: 20px;

  line-height: 20px;

  overflow: hidden;

}

.showBox .shd li.on a {

  color: #009ae3;

  filter: alpha(opacity=70);

  opacity: 0.7;

}

.jprev,

.jnext {

  position: absolute;

  top: 65%;

  z-index: 5;

  width: 37px;

  height: 35px;

  display: inline-block;

}

.jprev {

  background: url(../images/prev.png) no-repeat;

  left: 10px;

}

.jnext {

  background: url(../images/next.png) no-repeat;

  right: 20px;

}

.jprev:hover,

.jnext:hover {

  filter: alpha(opacity=70);

  opacity: 0.7;

}

.page{ line-height:26px; text-align:center; padding-top:15px;}
.title{ font-size:22px; text-align:center; line-height:40px; font-weight:bold;}
.title1{ font-size:12px; color:#999999; clear:both; text-align:center; padding-bottom:15px;}

.productindex{ width:1040px; margin:0 auto; margin-top:20px; font-size:16px;}
.productindex ul li{ float:left; width:343px; text-align:center; margin-top:18px;}