@charset "utf-8";
a, body, div, font, form, iframe, img, li, ol, p, span, ul{border:0; margin:0; padding:0;}
input, select, table, td, textarea, th, tr{margin:0; padding:0;}
*{cursor:default; text-decoration:none; -webkit-text-size-adjust:none; -webkit-print-color-adjust:exact; zoom:1;font-family:Calibri;}
li{list-style:none outside;}
table{border-collapse:collapse; border-spacing:0; table-layout: fixed;}
a{cursor:pointer; text-decoration:none;}
a:hover{color:#efae2c; text-decoration:underline;}

body{background:url(../images/bg.jpg) repeat-x top;}
.main{clear:both; margin:0 auto; overflow:hidden; width:959px;}
.header{background:url(../images/top.jpg) no-repeat left top; clear:both; height:102px; margin:0 auto; overflow:visible; position:relative; width:959px;}
.logo{left:38px; position:absolute; top:50%; transform: translateY(-50%);}
.header form{height:30px; position:absolute; right:19px; text-align:right; top:19px; width:250px;}
.header form input.text{background:url(../images/input_search.gif) no-repeat left top; border:0; cursor:auto; height:20px; line-height:20px; padding:0 3px 0 34px; text-align:left; width:135px;}
.header form input.btn{background:url(../images/btn1.gif) no-repeat left top; border:0; cursor:pointer; height:20px; line-height:20px; text-align:center; width:50px;}
.weixin{background:url(../images/mobile.gif) no-repeat left top; height:22px; line-height:22px; padding-left:18px; position:absolute; right:260px; top:19px; z-index:100;}
.weixin a{color:#333333; font-size:14px; line-height:22px; text-decoration:none;}
.weixin em {background: #FFF; border: 1px solid #B0B0B0; border-radius: 5px; display: none; font-size:0; height: 212px; line-height:0; padding: 20px; position: absolute; text-align: center; top: 20px; width: 212px;}
.weixin em strong {background: url(../images/top.gif) left top no-repeat; display: block; height: 7px; position: absolute; right: 10px; top: -7px; width: 11px;}
.menu{font-size:0; left:268px; height:32px; line-height:0; position:absolute; top:56px;}
.menu a{border-bottom:0; float:left; height:29px; margin-right:65px; overflow:hidden;font-size: 20px; line-height: 29px; color: #333333;font-weight: bold; text-decoration: none;}
.menu a:nth-last-of-type(1){
  margin-right: 0;
}
.menu a.active{border-bottom:3px #000080 solid;}
.menu a img{cursor:pointer;}
.banner{clear:both; height:296px; margin:0 auto; overflow:hidden; position:relative; width:959px;}
.banners{clear:both; height:236px; margin:0 auto; overflow:hidden; position:relative; width:959px;}
.banner img, .banners img{left:0; position:absolute; top:0;}
.detail{clear:both; margin:0 auto; overflow:hidden; width:959px;}
.frame{background:url(../images/menu_bg.jpg) repeat-y left;}
.left_frame{float:left; font-size:0; line-height:0; overflow:hidden; padding:15px 10px 15px 20px; width:203px;}
.left_title{clear:both; overflow:hidden; padding-bottom:5px; text-align:left;color: #333333;
    font-family: Calibri;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;}
.left_frame ul{clear:both; font-size:0; line-height:0; overflow:hidden;}
.left_frame ul li{clear:both; padding:5px 0; text-align:left;}
.left_frame li span{background:url(../images/dot1.gif) no-repeat left top; cursor:pointer; float:left; height:13px; margin:4px 6px 0 0; width:14px;}
.left_frame li a{color:#333333; font-family:Calibri; font-size:16px; font-weight:bold; line-height:20px;}
.left_frame li a.active, .left_frame li a:hover{color:#efae2c; text-decoration:underline;}
.left_frame li ul{padding-left:20px;}
.left_frame li li{background:url(../images/dot4.gif) no-repeat left 10px; padding:4px 0 4px 10px;}
.left_frame li li span{background:none; float:left; height:0; margin:0; width:0;}
.left_frame li li a{line-height:17px;}
.right_frame{float:left; overflow:hidden; width:726px;}
div#colee_left{clear:both; font-size:0; line-height:0; margin:0 auto; overflow:hidden; padding:15px 0 5px; width:701px;}
div#colee_left td#colee_left1 td, div#colee_left td#colee_left2 td{position:relative;font-size:0; height:210px; line-height:0; padding:0 6px; width:222px; background:url(../images/pro_bg1.jpg) no-repeat center center;}
div#colee_left td#colee_left1 td:before, div#colee_left td#colee_left2 td:before{
  width: 222px;
  padding-top: 210px;
  display: block;
  content: '';
}
td#colee_left1 td a, td#colee_left2 td a{font-size:0; line-height:0;}
td#colee_left1 td img, td#colee_left2 td img{position: absolute;bottom: 0; left: 0; right: 0; top: 0; margin: auto;max-width: 211px; max-height: 200px; _width: expression(this.width > 211 && this.width>=this.height ? 211 : true); _height: expression(this.height > 200 && this.width<=this.height ? 200 : true);}
div.box{overflow:hidden;}
div.box_title{border-bottom:1px #b1b1b1 dashed; clear:both; color:#333333; font-family:Calibri; font-size:14px; height:30px; line-height:30px; padding:5px; text-align:right;}
div.box_title a{color:#333333; font-family:Calibri; font-size:14px; line-height:30px;}
div.box_title img{float:left; padding-top:4px;}
div.box_title span{color:#333333; float:left; font-family:Calibri; font-size:20px; font-weight:bold; line-height:30px;text-transform: uppercase;}
div.box_title a.more{background:url(../images/more.jpg) no-repeat left top; cursor:pointer; float:right; height:15px; margin:10px 0 0 10px; width:54px;}
div.box_title a.back{background:url(../images/back.jpg) no-repeat left top; cursor:pointer; float:right; height:15px; margin:8px 0 0 10px; width:54px;}
div.box_title a.home{background:url(../images/dot2.gif) no-repeat left 7px; display:inline-block; padding-left:20px;}
div.box_font{clear:both; color:#333333; font-family:Calibri; font-size:14px; line-height:22px; padding:10px 5px; text-align:justify;}
div#about{float:left; margin-left:12px; width:355px;}
div#contact{float:left; margin-left:12px; width:335px;}
div#contact div.box_font{background:url(../images/index_contact.jpg) no-repeat right bottom; height:150px;}
div#inner{clear:both; margin:0 auto; width:700px;}
div#inner div.box_font{padding:20px 10px;}
div#inner div.box_font p{color:#333333; font-family:Calibri; font-size:14px; line-height:22px; padding:5px 0; text-align:justify;}
ul.pp{clear:both; font-size:0; line-height:0; margin:0 auto; overflow:hidden; width:521px;}
ul.pp li{background:url(../images/pp1.jpg) no-repeat left top; color:#FFFFFF; float:left; font-family:Calibri; font-size:18px; height:40px; line-height:31px; padding-top:5px; text-align:center; width:228px;}
ul.pp li.arrow1{background:url(../images/pp3.jpg) no-repeat center top; font-size:0; height:45px; line-height:0; padding:0; width:65px;}
ul.pp li.arrow2{background:url(../images/pp2.jpg) no-repeat right top; font-size:0; height:65px; line-height:0; padding:0; width:521px;}
ul.pp li.arrow3{background:url(../images/pp4.jpg) no-repeat center top; font-size:0; height:45px; line-height:0; padding:0; width:65px;}
ul.pp li.arrow4{background:url(../images/pp2.jpg) no-repeat left top; font-size:0; height:65px; line-height:0; padding:0; width:521px;}
ul.pp li.right{float:right;}
div.privacy{text-align:center; padding:50px 0;}
.privacy img{margin:0 auto;}
ul.list{clear:both; font-size:0; line-height:0; margin:0 auto; overflow:hidden;}
ul.list li{background:url(../images/dot4.gif) no-repeat 5px 12px; border-bottom:1px #b1b1b1 dashed; font-size:0; line-height:0; padding:5px 10px 5px 15px;}
ul.list li span.date{float:right; color:#999; font-family:Calibri; font-size:14px; line-height:20px;}
ul.list li a{color:#333333; font-family:Calibri; font-size:14px; line-height:20px;}
div.news_title{clear:both; color:#333333; font-family:Calibri; font-size:16px; line-height:35px; margin:0 auto; padding:15px 0 10px; text-align:center; width:920px;}
div.news_info{border-bottom:1px #b1b1b1 solid; clear:both; color:#777777; font-family:Calibri; font-size:14px; line-height:20px; margin:0 auto; padding-bottom:5px; text-align:center; width:920px;}
div.news_detail{clear:both; color:#333333; font-family:Calibri; font-size:14px; line-height:20px; margin:0 auto; padding:10px 0; text-align:justify; width:900px;}
ul.products{margin:0 auto; overflow:hidden; width:700px;}
ul.products li{float:left; height:242px; margin:15px 5px; width:222px;background:url(../images/pro_bg2.jpg) no-repeat center center;}
ul.products td.img{position: relative; height:210px; width:222px;}
ul.products td.name{height:32px; width:222px;}
ul.products td.img:before{
  width: 222px;
  padding-top: 210px;
  display: block;
  content: '';
}
ul.products td.img a{font-size:0; line-height:0;}
ul.products td img{position:absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; cursor:pointer; max-width: 211px; max-height: 200px; _width: expression(this.width > 211 && this.width>=this.height ? 211 : true); _height: expression(this.height > 200 && this.width<=this.height ? 200 : true);}
ul.products td.name div{cursor:pointer; font-family:Calibri; font-size:16px; height:auto; margin:0 auto; width:211px; word-wrap: break-word; word-break:break-all;}
div.bsci{background:url(../images/bsci.jpg) no-repeat left top; clear:both; font-size:0; line-height:0; margin:30px auto 50px; overflow:hidden; padding:0; width:820px;}
div.bsci p{color:#333333; font-family:Calibri; font-size:14px; line-height:25px; padding:10px 0; text-align:justify; width:400px;}
div.bsci div.adobe{float:right; padding-top:50px; width:360px;}
div.adobe a{background:url(../images/pdf.gif) no-repeat left top; color:#333333; cursor:pointer; display:block; font-family:Calibri; font-size:14px; height:35px; line-height:35px; margin:10px 0; padding-left:40px; text-align:left; text-decoration:none; width:185px;}
div.adobe a.pdf{background:url(../images/adobe.gif) no-repeat left top; font-size:0; height:82px; line-height:0; margin:20px 0 0 160px; padding:0; width:200px;}
div.contact{background:url(../images/contact.jpg) no-repeat left top; clear:both; color:#333333; font-family:Calibri; font-size:14px; height:350px; line-height:40px; margin:0 auto; overflow:hidden; padding:50px 0 0 550px;}
div.contact b{color:#000; font-family:Calibri; font-size:20px;}
div.openwin{clear:both; margin:10px auto 50px; overflow:hidden; width:700px;}
div.openwin div{color:#333333; font-family:Calibri; font-size:14px; line-height:20px; padding:5px 10px; text-align:left; width:680px;}
div.openwin div.img{font-size:0; line-height:0; margin:30px auto; text-align:center;}
div.openwin div.img img{max-width: 600px; _width: expression(this.width > 600 && this.width>=this.height ? 600 : true);}
div.openwin div.name{border-bottom:1px #bbbaba dashed; color:#333333; font-family:Calibri; font-size:14px; line-height:27px;}
div.openwin div.model{border-bottom:1px #bbbaba dashed; color:#333333; font-family:Calibri; font-size:14px; line-height:27px;}
div.openwin div span.title{clear:both; float:left; font-weight:bold; line-height:27px; text-align:left; width:100%;}
div.openwin div a.addCart{background:url(../images/addcart.jpg) no-repeat left top; cursor:pointer; float:right; height:35px; margin:10px 0; width:150px;}
a.myCart{background:url(../images/cart.jpg) no-repeat left top; clear:both; display:block; height:35px; margin:10px 0; width:150px;}

form.cart table{clear:both; margin:30px auto 10px;}
form.cart td.img img{max-height:165px; _height: expression(this.height > 165 ? 165 : true); max-width:165px; _width: expression(this.width > 165 ? 165 : true);}
form.cart ul{clear:both; font-size:0; margin:0 auto; overflow:hidden; width:700px;}
form.cart li{clear:both; font-size:0; overflow:hidden; text-align:left; width:700px;}
form.cart li span{color:#333333; float:left; font-family:Calibri; font-size:14px; line-height:20px; padding:3px 5px; overflow:hidden; text-align:left; width:auto;}
form.cart li span.f_1{width:80px;}
form.cart li span.f_2{width:180px;}
form.cart li input{border:1px #999999 solid; cursor:auto; height:18px; line-height:18px; margin-top:5px; width:148px;}
form.cart li textarea{border:1px #999999 solid; cursor:auto; height:68px; margin-top:5px; width:428px;}
form.cart li input#Submit1{background:url(/Index/images/btn.jpg) no-repeat left top; border:none; color:#333333; cursor:pointer; font-family:Calibri; font-size:14px; height:35px; line-height:35px margin:5px 0 0 100px; text-align:center; width:90px;}

.footer{background:url(../images/foot.jpg) repeat-x top; clear:both; font-size:0; height:46px; line-height:46px; overflow:hidden; width:100%;}
.footer .main{color:#333333; font-family:Calibri; font-size:14px; line-height:46px; text-align:center;}
.footer .main a{color:#333333; font-family:Calibri; font-size:14px; line-height:46px;}

/*** page ***/
div.page { clear:both; float:right; margin:10px auto; overflow:hidden; text-align:right; }
.page form div { float:left; width:auto; height:22px; line-height:22px; margin-left:5px; }
div.total { color:#555555; font-size:14px; border:1px #d7d7d7 solid; text-align:center; padding:0px 10px; }
div.paging ul { margin:0px; padding:0px; border:0px; font-size:0; line-height:0; }
div.paging ul li { float:left; list-style:none; margin:0 3px; padding:0px; color:#555555; border:1px #d7d7d7 solid; text-align:center; font-size:0; line-height:0; }
div.paging ul li span { width:100%; min-width:25px; color:#555555; font-family:Calibri; font-size:14px; height:22px; line-height:22px; padding:5px 8px 4px 8px; }
div.paging ul li span.disabled { color:#CCCCCC; text-align:center; }
div.paging ul li span.active { background:#efae2c; color:#FFFFFF; font-weight:bold; }
div.paging ul li a { color:#555555; cursor:pointer; font-family:Calibri; font-size:14px; line-height:22px; text-decoration:none; }
div.paging ul li a span{cursor:pointer;}
div.page-go { display:none; }


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.xy-show-block-xs{
  display: none !important;
}