html, body {
  line-height:18px;
  height: 100%;
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  color: black;
  font-weight: normal;
  letter-spacing:0px;
 }
html,body a{
 text-decoration:none;
}
#sitemap dl{ padding:15px 12px;}
#sitemap dd{ float:left; display:inline; width:158px; background:url(../images/line10.gif) repeat-x center;margin-top:3px;}
#sitemap dd a{ 
display:block; background:url(../images/map_bar1.gif) repeat-x;
width:126px; text-align:center;
color:#999; font-size:1em; font-weight:bold;
height:26px; line-height:26px;
border:1px solid #ccc;
}
#sitemap dd a:hover{ color:#000;}
#sitemap dt{ 
float:left; display:inline; width:800px; background:#eee; padding:7px 18px;
line-height:150%; 
}
#sitemap dt a{ margin:0 12px; color:#292929; white-space:nowrap;text-overflow:ellipsis; }
#sitemap dt a:hover{ color:#bda001;}


.blog article {border-bottom: 2px dashed #a9a9a9;margin-bottom: 40px;}
.blog-post-grid li span{
    text-align: left;
}

5102 
/*
.body_footer{width:100%; height:51px;background:#fff; position:fixed; bottom:0;}
.body_footer ul{width:100%;margin:0;}
.body_footer ul li{width:33.33% ; float:left; color:#fff; background: #004098;}
.body_footer ul li:hover{width:25% ; float:left; color:#fff; background:url(../images/nav01.jpg) left bottom repeat-x;}
.body_footer ul li a{width:100%; height:46px; display:block; padding-top:5px;}
.body_footer ul li a:hover { color:#ff0;}
.body_footer ul li dl{width:auto; margin:0 auto; text-align:center;}
.body_footer ul li dt{width:auto; height:25px; overflow:hidden;}
  .body_footer ul li dt1{width:auto; height:58px; overflow:hidden;}
.body_footer ul li dd{width:auto; height:20px; font-size:12px; color:#fff; line-height:20px; overflow:hidden;}
.body_footer ul li img{border:0;}
*/
.body_footer{width:100%; height:51px;background:#fff; position:fixed; bottom:0;}
.body_footer ul{width:100%;margin:0;}
.body_footer ul li{width:33% ; float:left; color:#fff; background: #004098;border-left:1px solid #fff;}
.body_footer ul li:first-child{border-left:none;}
.body_footer ul li:hover{width:25% ; float:left; color:#fff; background:url(../images/nav01.jpg) left bottom repeat-x;}
.body_footer ul li a{width:100%; height:46px; display:block; padding-top:5px;}
.body_footer ul li a:hover { color:#ff0;}
.body_footer ul li dl{width:auto; margin:0 auto; text-align:center;}
/*.body_footer ul li dt{width:auto; height:25px; overflow:hidden;}*/
/*  .body_footer ul li dt1{width:auto; height:58px; overflow:hidden;}*/
/*.body_footer ul li dd{width:auto; height:20px; font-size:12px; color:#fff; line-height:20px; overflow:hidden;}*/

/*.body_footer ul li dt{width:auto; height:25px; overflow:hidden;}*/
.body_footer ul li dt{margin-left: 5px;width:20%; Float:left; height:48px;line-height:48px; overflow:hidden;}
.body_footer ul li dt1{width:auto; height:58px; overflow:hidden;}
.body_footer ul li dd{Float:left;padding-left: 10px; margin-left: 0px; height:48px; font-size:16px; color:#fff; line-height:48px; overflow:hidden;}
.body_footer ul li img{border:0;text-align: center; padding-left:5px;padding-top:12px;  line-height:48px;}
.nightMode {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 150%;
    background: #000;
    opacity: 0.0;
    display: none;
    pointer-events: none;
}

/*手机端*/
.smallnav,.pronav,.imgpronav {text-align:center;height: 40px;font-family: "微软雅黑", sans-serif;font-size: 1.2em;line-height: 40px;}
.smallnav ul,.pronav ul,.imgpronav{width:100%;margin-left:2%;}
.smallnav li,.pronav li,.imgpronav li {list-style: none; float: left;margin-bottom: 10px;margin-left:1.5%;background:#004098;width:30%;}
.smallnav_a,.pronav_a{display:inline-block;width:100%;color:white;text-align:center;height: 40px;line-height: 40px;}
.smallnav_cuta,.smallnav_a:hover{
  background: #E0E0E0;color:black;text-decoration: none;
}
.imgpronav li{width:43%;background:none;margin-left:3%;}

.pronav{min-height:80px;height:auto;margin-bottom:20px;}
.pronav li{background: url(../images/abg.jpg);}
.pronav_a{color:black;}
.pronav_a:visited{color:#004098;}

/*首页产品*/
.slideProBox-ph,.slideProBox-ph1{width: 100%;height: auto;position: relative;}
.slideProBox-ph .bd ,.slideProBox-ph1 .bd{list-style:none;margin-left:1%;}
.slideProBox-ph .bd li,.slideProBox-ph1 .bd li{overflow:hidden;float:left;text-align:center;margin-left:20px;width:45.3%;}
.picList img{border:1px solid #a9a9a9;width:100%; height:auto; display:block;margin:0;padding:0;}
.slideProBox-ph .hd .prev,.slideProBox-ph1 .hd .prev {cursor:pointer;width:20px;height:100%;line-height:40px;outline-style:none;position:absolute; left:0px;text-indent:-999em;background: url(../images/left.jpg) center no-repeat;}
.slideProBox-ph .hd .next,.slideProBox-ph1 .hd .next {cursor:pointer;width:20px;height:100%;line-height:40px;margin-right:20px; left:98%;position: absolute;text-indent:-999em;background:url(../images/right.jpg) center no-repeat;}


/*四大优势*/
.slideTxtBox-ph{width: 100%;position:relative;}
.slideTxtBox-ph .hd{ padding:0; }
.slideTxtBox-ph .hd ul{display: block; overflow: hidden;margin:10px 0 20px 0; width:100%;}
.slideTxtBox-ph .hd ul li{ display: block;float:left;color:black;border:1px solid #ddd;cursor:pointer;width:24%;text-align: center;font-size:1em;height:40px; line-height:40px;}
.slideTxtBox-ph .hd ul li.on{height:40px;background: #004098;}
.slideTxtBox-ph .hd ul li.on a{color:white;}
.slideTxtBox-ph .bd{padding:0;height:auto;width:100%;}
.slideTxtBox-ph .bd img{float:left;height:auto;margin:0;width:95%;}
.slideTxtBox-ph .bd ul{display: block; overflow: hidden;width:100%;height:auto;margin:0;}
.slideTxtBox-ph .bd ul li{width:97%;display: block;float:left;margin:0 20px;}
.slideTxtBox-ph .bd ul li.smallimg{width:43%;display:inline-block;margin:0 0 0 20px;}

.slideTxtBox-ph a.prev {width:20px;height:100%;line-height:40px;outline-style:none;outline-width: 0;position:absolute; left:0px;top:42%;text-indent:-999em; background: url(../images/left.jpg) no-repeat;}
.slideTxtBox-ph a.next {width:20px;height:100%;line-height:40px; left:98%;top:42%;position: absolute;text-indent:-999em; background:url(../images/right.jpg) no-repeat;}



.jishu .span5{margin-top:4%;margin-left:2%;}
.oushu .span7{margin-left:0;}
.oushu .span5{margin-top:2%;margin-right:2%;}
.prodetail  .jishu .span5 img{vertical-align:top;float:left;margin-bottom:5px;}
.prodetail  .oushu .span5 img{vertical-align:top;float:right;}
.smallphone .jishu .span5 span,.smallphone .jishu .span5 span{height:25px;line-height:25px;}

.mfxq{margin-bottom:50px;}
h5.bg{padding-left:20px;letter-spacing:0em;height:35px;line-height:35px;color:#004098;background: url(../images/木方特点1.jpg) no-repeat;}
.mftd h5:hover{background: url(../images/木方特点2.jpg) no-repeat;cursor:pointer;}
#showtd{padding:20px;}
hr{border-bottom:2px dashed #a9a9a9;margin-bottom:40px;}

.left-img{border:0;}

.lxmethod{
  width:100%;
  margin:0;
  min-height:80px;
}
.lxmethod span{
margin-right:10px;
padding:5px;
}
.lxmethod li{
  list-style: none;
  width:40%;
  margin-bottom:10px;
  margin-left:20px;
}
.lxmethod li img{border:0;}

/*详情，点小图片展现大图片*/
.showbox{
  width:100%;

  margin: 10px 20px 10px 0px;
  overflow: hidden;
  text-align:center;
}
.mfsmallimg li{
   list-style: none;
  float: left;
  margin: 0 0 0 10px;  
  width:30%;
}

.mfsmallimg{ 
    margin: 15px 0px 0px 0px;
}
.smallimg {margin-left:0px;}
.smallimg li{
  list-style: none;
  float: left;
  margin-right:2px; 
  margin-left:2px;     
}
.smallimg li img{
  width:88px;!important;
  height:66px!important;
  display:block;
  background:#dcdcdc;
}
.promainimg{
  float: left;
  margin: 0px 20px 10px 0;
  width:370px!important;
  height:300px!important;   
}

h4,h5,h6{
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  font-weight: normal;
  text-transform:uppercase; 
  color: black;
    line-height:20px;
}  
h4{
  font-size:1.3em;
  font-weight:bold;
}
h5{
  font-size:1.1em;
  text-align:left;
}
h5.titlepos{

}
h6{font-size:1em;text-align:center;}
h5.blue-bold-center{text-align:center;color:#004098;font-weight:bold;background: #f8f8f8;padding: 10px 5px;margin-bottom:10px;;border-bottom: #dedede 1px solid;}
h5.blue-bold,span.blue-bold{color:#004098;font-weight:bold;}
h5.blue-normal-left{color:#004098;}
h5.black-normal-left{text-align:left;font-weight:normal;background: #f8f8f8;padding: 10px 5px;margin-bottom:10px;;border-bottom: #dedede 1px solid;}
h5.blue-normal-center{color:#004098;text-align:center;}

.protitle{
    color: #004098;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
  text-align:left;
  margin-top:10px;
}

.productsdiv .tu{
  border: 1px solid #a9a9a9;
  width:90%;
  height:200px;
  padding:10px;
  margin-bottom:20px;
  /*background: url(../images/bg.jpg) no-repeat;
  height:410px;
  padding:13px;
  width:89%;*/
}
.productsdiv .tu-phone{
  width:90%;
  height:200px;
  padding:10px;
  margin-bottom:20px;
}
.productsdiv .tu-phone img{
  width:90%;
}

.productsdiv .tu:hover{
/**background: url(../images/bg-hover.jpg) no-repeat;**/
 border: 1px solid #004098;
}

span.blue-bold{font-size:1.2em;}

h6.title-bg-blue{
    color:#004098;
  padding:10px 5px;
  margin: 5px 0px 10px 0px;
  border-bottom: 1px dotted #a9a9a9;
  border-top: 1px dotted #a9a9a9;
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  font-weight: bold;
  font-size:1.1em;
  line-height:17px;
}

h6.title-bg-blue a {color:#004098;font-size:1.1em;}
h6.title-bg-blue a:hover {color:#9F79EE;}
h1.title-bg, h2.title-bg, h3.title-bg, h4.title-bg , h5.title-bg{
  background:#f8f8f8; 
  padding:10px 5px;
  margin: 5px 0px 30px 0px;
  border-bottom: 1px dotted #a9a9a9;
  border-top: 1px dotted #a9a9a9;
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  color:black;
  font-weight:normal;
  font-size:1.1em;
}

h4.home-title-bg{
  padding:0px 5px;
  margin: 5px 0px 10px 0px;
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  font-weight: bold;
  font-size:1.1em;
  text-align:center;
}

h5.title-bg a:hover {color:#9F79EE;}

h5.zxdd-title-bg{
  background:#f8f8f8; 
  padding:10px 5px;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px dotted #a9a9a9;
  border-top: 1px dotted #a9a9a9;
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  font-weight: bold;
  color:green;
  font-size:1.1em;
}


h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color:#7f7f7f;}
h2 small {font-size: 30px;}
h5 small {font-size: 1.1em;}
h6 small {font-size: 1em;}

h5.title-bg button {
  float: right; 
  text-transform: none;
  margin-left:5px;
}

/***** Links *****/
a {color:black;font-family:微软雅黑, "Times New Roman", Times, serif; }
a:hover { color:#d8450b; }
.ahref:hover{color:black;text-decoration:underline;}
.ahref:hover h4{ color:#d8450b; }


.mfrule img{margin-bottom:20px;margin-top:10px;}
.mfrule  ul{display: block; overflow: hidden; margin-bottom:20px;;list-style:none;margin-left:0;}
.mfrule ul li{ display: block;float:left;color:black;border:1px solid #ddd;width:24.1%;text-align: center;font-size:1em;height:35px; line-height:35px;}


/*三级页面产品*/
.slideProBox{width: 100%;height: auto;position: relative;}
.slideProBox .bd {list-style:none;padding-right:50px;margin-left:20px;}
.slideProBox .bd li{overflow:hidden;float:left;text-align:center;margin-left:20px;width:32.4%;}
.slideProBox .bd ul li .pic{ text-align:center;}
.picList img{border:1px solid #a9a9a9;width:100%; height:auto; display:block;margin:0;padding:0;}
.slideProBox .hd .prev {cursor:pointer;width:20px;height:100%;line-height:50px;outline-style:none;position:absolute; left:0px;text-indent:-999em;background: url(../images/left.jpg) center no-repeat;}
.slideProBox .hd .next {cursor:pointer;width:20px;height:100%;line-height:50px;margin-right:20px; left:98%;position: absolute;text-indent:-999em;background:url(../images/right.jpg) center no-repeat;}


/*发货现场*/
.slideFhxcBox{width: 100%;height: 200px;position: relative;}
.slideFhxcBox .bd {list-style:none;padding-right:50px;margin-left:20px;}
.slideFhxcBox .bd li{overflow:hidden;float:left;text-align:center;margin-left:20px;width:23.5%;}
.slideFhxcBox .bd ul li .pic{ text-align:center;}
.picList img{border:1px solid #a9a9a9;width:250px; height:167px; display:block;margin:0;padding:0;}
.slideFhxcBox .hd .prev {cursor:pointer;width:20px;height:200px;line-height:50px;outline-style:none;position:absolute; left:0px;text-indent:-999em;background: url(../images/left.jpg) center no-repeat;}
.slideFhxcBox .hd .next {cursor:pointer;width:20px;height:200px;line-height:50px; left:97%;position: absolute;text-indent:-999em;background:url(../images/right.jpg) center no-repeat;}


/*banner图*/
.slidebannerBox{width: 100%;position:relative;overflow: hidden;margin:0;}
.slidebannerBox .hd{height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1;}
.slidebannerBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slidebannerBox .hd ul li{float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#004098;; cursor:pointer;color: white;}
.slidebannerBox .hd ul li.on{ height:15px;background: #f26b17; border-color: #f26b17; color: black;}
.slidebannerBox .bd *{margin:0; padding:0; list-style:none;width:100%;height:auto;display:inline-block;}
.slidebannerBox .prev,.slidebannerBox .next{
  position:absolute;top:45%;display:block;background:url(../images/ad_ctr.jpg) no-repeat;  
  width: 70px;height: 70px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;
}
.slidebannerBox .next{background-position: 0 -70px;right: 0;}
.slidebannerBox .prev{left: 0;}
.slidebannerBox:hover .next,.slidebannerBox:hover .prev{opacity: 0.8;filter: alpha(opacity=25);}

/*四大优势*/
.slideTxtBox{width: 100%;position:relative;}
.slideTxtBox .hd{ padding:0; }
.slideTxtBox .hd ul{display: block; overflow: hidden; margin-bottom:50px;;}
.slideTxtBox .hd ul li{ display: block;float:left;color:black;border:1px solid #ddd;cursor:pointer;width:24.5%;text-align: center;font-size:1.6em;height:85px; line-height:85px;}
.slideTxtBox .hd ul li.on{height:85px;background: #004098;   }
.slideTxtBox .hd ul li.on a{color:white;}
.slideTxtBox .bd img{float:left;margin-bottom:20px;height:auto;}
.slideTxtBox .bd .span4{margin-left:8%;margin-right:50px;}

.slideTxtBox a.prev {width:20px;height:100%;line-height:50px;outline-style:none;outline-width: 0;position:absolute; left:0px;top:50%;text-indent:-999em; background: url(../images/left.jpg) no-repeat;}
.slideTxtBox a.next {width:20px;height:100%;line-height:50px; left:98%;top:50%;position: absolute;text-indent:-999em; background:url(../images/right.jpg) no-repeat;}

.slideimg{width: 100%;height: 100%;margin: 0 auto;clear: both;position: relative;};


.znzx-nav li{list-style:none;display:inline;margin-right:20px;}

.homemore{
    width: 100%;
    height: 49px;
    line-height: 49px;
}
.homemore img{margin-left:0;}
.homemore .fl{width:60%;}

.bx_wrap ul,.bx_wrap ul li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
.bx_wrap ul{list-style:none}
.fahuoxianchang{width: 100%;height: 100%;margin: 0 auto;clear: both;position: relative;}
.bx_wrap {margin-left: 15px; padding-right:20px;width:100%}
.bx_wrap ul img { border: 2px solid #ddd; width:100%;height:100%;}
.bx_wrap ul li{text-align:center;display:inline-block;}
.bx_wrap ul li a:hover{color:#f30}
.bx_wrap a.prev {width:20px;height:100%;line-height:50px;outline-style:none;outline-width: 0;position:absolute; left:0px;top:35%;text-indent:-999em; background: url(../images/left.jpg) no-repeat;}
.bx_wrap a.next {width:20px;height:100%;line-height:50px; left:98.3%;position: absolute;top:35%;text-indent:-999em; background:url(../images/right.jpg) no-repeat;}

.fr {
    float: right;
}

.noborderimg{border:0;}

.home-anli{
list-style:none;
width:100%;
margin:0;
}

.left-anli{
width:8%;
}
.mid-anli{
margin:0;
width:46%;
vertical-align: top;
}
.flt{float: left;margin-left:30px;}
.frt{float: right;margin-right:30px;}
.mid-anli p{
margin:0 30px 20px 30px;
}
.right-anli{
width:40%;
vertical-align: top;
margin:0;
}
.left-anli img{
margin:0;
}

.dashedline {
    overflow: hidden;
    width: 100%;
    border-bottom: 2px dashed #d6d6d6;
  font-size:1em;
  display:inline-block;
  margin-bottom:20px;
}
.dashedline img{margin:0 auto;}
.dashedline span{margin:0 auto;}

.defineimg{margin-bottom:10px;width:100%;height:auto;}

figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 0 10px;
  width: 100%;
  text-align: center;
  cursor: pointer;
      
}

 figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
}

 figure figcaption {
  padding: 30px;
  color: #fff;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
      
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;    
}

 figure h6,
 figure p {
  margin: 0;
}

figure.effect-bubba {
  background: #D4D4D4;
}

figure.effect-bubba:hover img {
  opacity: 0.1;
    filter: alpha(opacity=10);
}
      
figure.effect-bubba h6 {
  opacity: 0;
    text-transform: uppercase;
    font-family: "微软雅黑", sans-serif; 
    font-weight: bold;
    color: green;
    text-align: center;
    font-size: 1.1em;
  -webkit-transition: -webkit-transform 0.65s;
  transition: transform 0.65s;
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
  opacity: 0;
  -webkit-transition: opacity 0.65s, -webkit-transform 0.65s;
  transition: opacity 0.65s, transform 0.65s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
  color:black;
  font-size: 1em; 
  margin:8px 20px;
}      

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
  position: absolute;
  top: 10px;
  right: 50px;
  bottom: 10px;
  left: 50px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.65s, -webkit-transform 0.65s;
  transition: opacity 0.65s, transform 0.65s;
}

figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-bubba:hover h6,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.bd-box {
  overflow: hidden;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
  width: 100%;
  height: 100%;
  margin-bottom:20px;
}
.bd-box li{list-style:none;}

.info {
  background: #B3ADA9;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s;
}
.info h6 {
  text-transform: uppercase;
  font-family: "微软雅黑", sans-serif; 
  font-weight: bold;
  color: green;
  text-align: center;
  font-size: 16px;
  padding: 10px;
  background: #D4D4D4;
  margin: 30px 0 0 0;
}



.texthidden{ 
display:block;/*统一转化为块级元素*/ 
overflow:hidden; 
width:0; 
height:0; 
} 


#kehubox {
overflow:hidden;
border: 1px dashed #CCC;
width: 100%;
}
#kehubox1 ul,#kehubox2 ul{
  padding: 0;
  margin: 10px 0 10px 2px;
}
#kehubox1 li,#kehubox2 li{
  float: left;
  width: auto\9;
  max-width:100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  list-style: none;
}
#kehubox img {
border: 1px solid #F2F2F2;
}
#inkehubox {
float: left;
width: 800%;
}
#kehubox1 {
float: left;
}
#kehubox2 {
float: left;
}

.cpys{
  overflow: hidden;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
  width: 100%;
  height: 100%;
  margin-bottom:20px;
}

.cpys .info{
  width: 100%;
  height: 100%;
  background-color: #D4D4D4;
  position: absolute;
  -ms-transition-property: top;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  transition-property: top;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  top: -100%;
  left: 0;
}

.cpys .info h6 {
  text-transform: uppercase;
  font-family: "微软雅黑", sans-serif; 
  font-weight: bold;
  color: green;
  text-align: center;
  font-size: 16px;
  padding: 10px;
  background: #D4D4D4;
  margin: 30px 0 0 0;
}

.cpys a:hover .info {
  top: 0;
  visibility: visible;
}


.procontact{
  width:100%;
  margin:0;
}
.procontact li{
  list-style: none;
  float: left;
  width:30%;
  margin-left:5px;
}

.shiping {
    width: 100%;
    height: 505px;
    overflow: hidden;
    border: #dedede 1px solid;
}

.video-js{
  width:97%;
  height:87%;
  margin:10px;
}

.black_overlay{
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
.white_content {
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 42%;
  height: 52.5%;
  padding: 16px;
  border: 1px solid orange;
  background-color: #f9f9f9;
  z-index:1002;
  overflow: auto;
}

b{
    margin-left: 10px;
    margin-right: 10px;
  font-weight: bold;
}

.pnoindent{
    padding: 0px;
    margin: 0px;
  text-indent:0px;
 font-size:16px;
 line-height:24px;
 margin-top:20px;
}

.texthidden a {color:green;text-decoration: none;}

.texthidden a:hover {color:#d8450b;}

.imgsize{
width:120px;
height:100px;
}

.hzhb {
    display: inline-block;
  margin: 0px 5px 0px 0px;
  padding-bottom: 0px;
}

.hzhb img{
    width: 125px;
    height: 65px;
}

.imgpos {
    width: 90%;
    height: 90%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.gcsb {width:100%;}
.gcsb li{width:49%;}

.freeborder {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: #dedede 1px solid;
  padding-bottom:5px;
}

.phonechannelborder{
    margin-bottom: 10px;
    width: 100%;
    height: 95%;
    overflow: hidden;
    border: #dedede 1px solid;
}

.prolist {
    width: 100%;
    height: 505px;
    overflow: hidden;
    border: 1px #cfcfcf solid;
}

.cpnav {
    overflow: hidden;
    width: 95%;
    padding-left: 14px;
    border-bottom: 1px dashed #d6d6d6;
    margin-top: 20px;
  font-size:1.1em;
  height:40px;
  text-align:left;
  font-weight:bold;
}

.fl {
   float:left;
}

.homesec{
  background:#f8f8f8; 
  padding:10px 5px;
  margin: 20px 0px 30px 0px;
  border-bottom: #dedede 1px solid;
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  font-weight: bold;
  color:#004098;
  font-size:24px;
  text-align:center;
}

.hotpro {
    width: 100%;
    height: 505px;
    overflow: hidden;
    border: #dedede 1px solid;
}

#box{position:relative;width:100%;height:438px;overflow:hidden; margin-top:10px;margin-left:5px;}
#box li{background: url(../images/lia.jpg) no-repeat left center;list-style:none;
    height: 31px;
    line-height: 31px;
    border-bottom: 1px dotted #9f9f9f;
    overflow: hidden;
    padding-left: 16px;}
#box a{color:black;font-family:"微软雅黑"; font-size:1em;width:90%;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;display: inline-block;}
#box li a:hover{color:green;}

.news_content {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style: none;
    overflow: hidden;
}

.news_content li {
    width: 99%;
    line-height: 40px;
  display: inline-block;
    background: url(../images/lia.jpg) no-repeat left center;
    height: 40px;
    border-bottom: 1px dotted #9f9f9f;
    overflow: hidden;
    padding-left: 16px;
  
}

.news_content a {
    color: black;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
    font-size:1em; 
    font-weight:normal;
  display: inline-block;
  width:76%;
  font-family: "微软雅黑", Helvetica, Arial, sans-serif;
}

.news_content span{width:20%;}

.news_content a:hover,.news_content a:hover span {color:#d8450b;text-decoration:underline;}

.table {
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
}    

.tableCell {        
  display: table-cell;  
  padding: 10px;
}

.tableCell img{
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

 .nextnews {
    display: block;
    margin: 10px auto;
    padding: 10px 0 10px 5px;
    background: #e7e7e7;
    border: 1px solid #399a0d;
    position: relative;
  list-style: none;
}
 .nextnews li{display:block;}

 .about {
  width:100%;
    margin: 0 auto;
}

.about .jj {
    line-height: 28px;
    padding-bottom: 20px;
    color: #000000;
    font-size: 1em;
}

.about .wzbt {
    color: black;
    font-size: 17px;
    font-family: "微软雅黑";
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 15px;
    vertical-align: middle;
    background: url(../images/c_line1.jpg) no-repeat;
    height: 25px;
    line-height: 25px;
}

.about .jj1_ts {
    padding-bottom: 18px;
}
.about .jj1 {
    padding-bottom: 28px;
}

.typeul {
    margin-left: 0;
}

.clearfix1 {
    display: inline-block;
}

.position {
    position: absolute;
    z-index: 1;
    margin-left: -10px;
}

 .contact_tip {
    line-height: 180%;
    font-size: 13px;
    padding-bottom: 35px;
    padding-top: 35px;
}

 .c_box1 {
    background: url(../images/con_1.gif) no-repeat left top;
}

.c_box2 {
    background: url(../images/con_2.gif) no-repeat left top;
}

.c_box3 {
    background: url(../images/con_3.gif) no-repeat left top;
}

 .news_wrapper {
    float: right;
    margin-left: 10px;
  margin-right: 10px;
    width: 96%;
}

.news_title {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 28px;
    display: block;
    overflow: hidden;
}

.page_wrap{clear:both; margin-bottom:10px; margin-right:20px; overflow:hidden;zoom:1;}.paginator {float:right; height:25px; overflow:hidden; margin:0 auto; }.paginator,.paginator input,.paginator button {font-family:Tahoma, "宋体"; font-size:12px; }.paginator a,.paginator span {float:left; height:23px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:23px; background:#fff; }.paginator a {color:#3A8914; }.paginator b{font-family:"宋体"; margin:3px;font-weight:300;},.paginator .page-start,.paginator a,.paginator .page-end {padding:0 8px; border:1px solid #D3D3D3; background:#ffffff; }.paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }.paginator .page-end { border-color:#d9d9d9;  color:#d9d9d9; }.paginator .page-this,.paginator .page-break {padding:0 3px; }.paginator .page-break {border:1px solid #fff; }.paginator .page-this {border:1px solid #D3D3D3;background-color:#E9E9E9; color:#000;padding:0px 8px; font-weight:bold; }.paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }.paginator .page-skip input {width:26px;  *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;#margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }.paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px;  *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px;  *margin-top:-1px;overflow:visible; vertical-align:top; }.paginator a:hover {border:1px solid #A6A6A6;color:#868688; }

.smalltitle{
      background: #f8f8f8;
    background-size:contain;
    border-bottom: 1px dotted #a9a9a9;
      border-top: 1px dotted #a9a9a9;
    font-weight: bold; 
  padding:10px 5px;
  margin: 0px 0px 20px 0px;
  text-align:center;
}

.main-container {
  height:auto; 
  min-height: 100%;
}

.nav{
background:#004098;
text-align:center;
width:100%;
min-height:40px;
height:auto;
}
.nav ul{width:1200px;overflow: hidden;margin:0 auto;padding:0;min-height:40px;height:auto;}
.nav li{float:left;text-align: center;width:13%;font-size: 16px;font-family: 微软雅黑, "Times New Roman", Times;}
.nav_a {width: 100%;color:white;text-align:center;background: url(../images/n_bor.gif) no-repeat right;display:inline-block;min-height:40px;line-height:40px;}
.nav_cuta,.nav li a:hover{background: #f8f8f8;color:black;text-decoration: none;}

.nav ul.navul li{width:10%;}

.blog-post-grid {margin-top:5px;margin-left:0;}
.blog-post-grid li {list-style: none; float: left; margin-bottom: 10px;}
.blog-post-grid img{border:1px;width:252px;height:204px;}


@media (max-width: 767px) {
  body { padding-right: 0px; padding-left: 0px; }
  .container {margin-right: 20px; margin-left: 20px;}
 }


/***** Titles and Headings *****/

div.detailtitle{
  background:#f8f8f8; 
  padding:10px 5px;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px dotted #a9a9a9;
  border-top: 1px dotted #a9a9a9;
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  font-weight: bold;
  color:green;
  font-size:1em;
}

.lanren .txt p,p {
line-height: 28px;
letter-spacing:0px;
font-weight:normal;
font-family:,微软雅黑, "Times New Roman", Times, serif;
font-size:1em;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
margin-left:10px;
margin-right:10px;
OVERFLOW: hidden;
PADDING-TOP: 3px;
text-indent:1em;
}




span.prosmalltitle{
  padding:5px 5px;
  margin: 0px 0px 20px 0px;
  font-weight: bold;
  color:#004098;
  font-size:1em;
  text-align:left;
}


/***** Misc *****/
i {margin-right: 3px;}
p {margin-bottom: 10px;}
blockquote {
  font-size:1em; 
  line-height:24px; 
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  border-left: 5px solid #999;
}
blockquote.pull-right {border-right: 5px solid #999;}


/**************************************
/ Header
**************************************/
/**.logo {margin-left:2.5%;}
.logo img { padding-right:20px; }
.logo h5 { display: inline-block; }*/
.headline { margin-bottom:20px; }

/* Landscape phones and down */
@media (max-width: 480px) {
  .logo, .navigation {text-align: center;}
  .row.header,.rowheader.header {margin-bottom: 10px;}
  .logo h5 {display: block;}

  .shiping {
    height: 380px;
  }

  .video-js{
    width:95%;
    height:82%;
    margin:10px;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1199px) {
  .headline .lead {display: none;}
}


/**************************************
/ Slider
**************************************/
.carousel-caption h4 { font-size: 1em; text-shadow:none; }
.carousel-caption {background: url(../images/post-item-hover.png);}
.carousel-control {border: none; top: 177px;}


/**************************************
/ Gallery
**************************************/
.gallery-title { margin-bottom:15px; }
.gallery-item { margin-bottom:5px; margin-top:5px; }
.gallery-item img:hover,.span2 img:hover,.hzhb img:hover,.popular-posts a:hover img,.carousel-inner a:hover img,.align-left:hover,.lxmethod img:hover,.news_wrapper img:hover,.productsdiv .tu:hover{
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.gallery-hover-6col,
.gallery-hover-4col,
.gallery-hover-3col,
.gallery-hover-4col-cir { 
  display:none; 
  background:url(../images/gallery-item-hover.png);
  position:absolute; 
  z-index: 10;
}
.gallery-hover-4col-cir{
  -webkit-border-radius: 500px;
     -moz-border-radius: 500px;
          border-radius: 500px;
}

/* Large Desktop Size */
@media (min-width: 1200px) {
     .container{border:1px dotted #a9a9a9;padding:5px;}
  .gallery-hover-6col {width:170px; height:139px;}
  .gallery-hover-4col {width:470px; height:271px;margin-left:100px;}
  .gallery-hover-3col {width:370px; height:300px;}
  .gallery-hover-4col-cir {width:270px; height:270px;}
  .gallery-hover-4col-cir .gallery-icons {top: 45%; left:34%;}
  html,body,.container{font-size:14px;}
  .ih-item.square.effect15 {
    margin-left:10%;
    margin-right:5%;
  }
  .defineheight{margin-top:10px;}
  .jishu .span5{margin-top:2%;}
  .oushu .span5 {margin-top:2%;margin-left:50px;margin-right:0;}
  .productsdiv .span3 {
     width: 280px;
   margin-left:8px;
    }
}

/* Small Desktop Size */
@media (min-width: 980px) and (max-width: 1199px) {

  .gallery-hover-6col {width:140px; height:114px;}
  .gallery-hover-4col {width:470px; height:271px;margin-left:100px;}
  .gallery-hover-3col {width:300px; height:243px;}
  .gallery-hover-4col-cir {width:220px; height:220px;}
  .gallery-hover-4col-cir .gallery-icons {top: 42%; left:29%;}
  html,body{font-size:14px;}

  /* Clip descriptions */
  li.span4 .project-details {
      -o-text-overflow: ellipsis;
      text-overflow:    ellipsis;
      overflow:hidden;
      white-space:nowrap;
      width: 280px;
  }
  li.span3 .project-details {
      -o-text-overflow: ellipsis;
      text-overflow:    ellipsis;
      overflow:hidden;
      white-space:nowrap;
      width: 200px;
  }
  li.span2 .project-details {
      -o-text-overflow: ellipsis;
      text-overflow:    ellipsis;
      overflow:hidden;
      white-space:nowrap;
      width: 120px;
  }
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 979px) {

  /* Clip descriptions */
  li.span2 .project-details {display:none;}
  li.span3 .project-details{
      -o-text-overflow: ellipsis;
      text-overflow:    ellipsis;
      overflow:hidden;
      white-space:nowrap;
      width: 146px;
  }
  li.span4 .project-details{
      -o-text-overflow: ellipsis;
      text-overflow:    ellipsis;
      overflow:hidden;
      white-space:nowrap;
      width: 208px;
  }
  .navbar .nav > li > a {padding: 10px 10px 10px;}

  .news_content li a {
    width:63%;
  }
  .nav li{
      width:12%;
    padding:0;
  }
  .oushu .span5 span {margin-left:0;margin-right:10px;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .project-details {width: 250px; text-align: center}
  .gallery-post-grid {text-align: center}
  .project-details {margin-left:auto; margin-right: auto;}
  .gallery {text-align: center; }
  .gallery-cats { display: none;}
  li.span2 .project-details {
      -o-text-overflow: ellipsis;
      text-overflow:    ellipsis;
      overflow:hidden;
      white-space:nowrap;
      width: 150px;
    }
}
@media (max-width:320px){
  .smallimg li img {
    width: 51px;
    height: 45px;
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  .smallimg li img {
    width: 60px;
    height: 45px;
  }
}
@media (max-width:375px){
 .kehubox2{display:none;}
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  li.span4 .project-details {width:350px;}
  .span2 img{margin-left:23%;}
}
/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
  li.span4 .project-details {width:260px;}
}

.project-details {
  /**background:#f8f8f8;**/
  display: block;
  padding:0px;
  font-family: 微软雅黑;
  width: auto\9;
    height: auto;
}
.project-details a {
  margin: 0px; 
  font-size: 1em; 
  font-style: normal;
  text-shadow:none;
  display: block;
  font-family: "微软雅黑", sans-serif; 
  font-weight: normal;
  text-transform:uppercase; 
}
.project-details a h6{
   font-weight: bold;
   text-align:center;
}
.project-details {color: black;}
.project-details a {color: black;}
.project-details a:hover {color:#d8450b;}

.project-info {margin: 0px 0px 40px 0px;}
.project-info li { 
  list-style: none; 
  border-bottom: 1px dashed #a9a9a9;;
  padding: 10px; }
.project-info li h6 {display: inline; margin-right: 5px;}

.gallery-icons {
  z-index: 9;
  position:absolute;
  bottom: 0px; 
  right: 0px;
  width: 42px;
  height: 42px;
  display: block;
}
a.item-zoom-link { 
  height: 42px;
  width: 42px;
  background: #ffffff url(../images/gallery-item-icons.png) no-repeat;
  background-position: 0px 0px;
  position:absolute;
  display: block;
}
a.item-details-link { 
  height: 42px;
  width: 42px;
  background: #ffffff url(../images/gallery-item-icons.png) no-repeat;
  background-position: -42px 0px;
  position:absolute; 
  left: 47px;
  display: block;
}
a.item-zoom-link:hover {background: #d8450b url(../images/gallery-item-icons.png) no-repeat;}
a.item-details-link:hover {background: #d8450b url(../images/gallery-item-icons.png) no-repeat; background-position: -42px 0px;}

.gallery-post-grid {margin:0px;}
.gallery-post-grid li {list-style: none; margin-bottom: 5px;}

.gallery-cats {margin: 0px 0px 20px 0px;}
.gallery-cats li{
  list-style: none; 
  float: left; 
  padding: 0px 10px;
  border-left: 1px dotted #a9a9a9;
}
.gallery-cats li:first-child{border-left:0px;}
  
  
/**************************************
/ Blog
**************************************/
/*** Blog on Home Page ***/
.post-info-shade { background:#f8f8f8; }
.post-info { line-height:20px; padding-top:10px; }
.post-info ul li {list-style: none; padding-bottom: 2px; margin: 0px;}
.post-preview {line-height: 20px;}

/* All Sizes up to Large Desktop */
@media only screen and (max-width: 1199px) {
  .post-info h4 {clear:both;}
  .blog-details-preview {display: none; border:1px solid #000;}
}

/*** Blog List Page ***/
.blog article,
.blog section {margin-bottom: 10px;}
.blog article h3 {margin-top: 0px;}
.blog article h3 a, .blog article h4 a,
.blog article h3 a:hover, .blog article h4 a:hover {color:#333333;}
.blog h4 {line-height: 26px;}



.post-summary {background: #f8f8f8; padding-bottom: 20px; overflow: auto;}
.post-summary p {padding:20px; margin:0px;}
.post-summary-footer {margin: 0px; padding:0px 20px;}
.post-summary-footer button {margin: 0px; float:left;}
ul.post-data {float:right;}
ul.post-data-3 {margin-top:20px;}
ul.post-data li, ul.post-data-3 li {
  list-style: none; 
  float: left; 
  padding: 0px 10px;
  border-left: 1px dotted #a9a9a9;
}
ul.post-data li:first-child,
ul.post-data-3 li:first-child {border: none; padding-left: 0px;}
ul.post-data li:last-child {padding-right: 0px;}

/* Small Desktop Size */
@media (min-width: 980px) and (max-width: 1199px) {
  ul.post-data-3 li:last-child {display: none;}
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 979px) {
  .post-summary-footer button {float: none; margin-bottom: 20px;}
  .blog article button {float: left; clear: both; margin-bottom: 20px;}
  ul.post-data-3 {display: none;}
  ul.post-data {float: none; clear: both; margin: 0px;}
  ul.post-data li:last-child {
    -o-text-overflow: ellipsis;
      text-overflow:    ellipsis;
      overflow:hidden;
      white-space:nowrap;
      width: 120px;
  }
}

.blog-style-2 h4 {margin-top:0px; margin-bottom: 10px;}
.blog-style-2 ul.post-data {margin:0px 0px 20px 0px;}
.blog-style-2 ul.post-data li {
  float: none; 
  margin:0px; 
  padding: 5px 0px 0px 0px;
  border: none;
}

.blog-post-hover p{
  color: #f8f8f8;
  padding:20px;
  font-family:微软雅黑, "Times New Roman", Times, serif;
}
.blog-post-hover a{
  font-family: "微软雅黑", sans-serif; 
  font-weight: normal;
  text-transform:uppercase; 
  font-size: 28px;
  line-height: 32px;
  font-style: normal;
  color: #f8f8f8;
}
.blog-post-hover a:hover{color: #d8450b;}

@media (min-width: 768px) and (max-width: 1199px) {
  .blog-post-hover {width:220px; height:179px;}
  .blog-post-hover a{ font-size: 20px; line-height: 24px;}

  .ih-item.square.effect15 {
    margin-left:10%;
    margin-right:5%;
  }
  }

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
  .post-summary-footer{display: none;}
  .post-summary{padding-bottom: 0px;}
  .blog-style-2 {display: none;}
}

/*** Blog Full Page ***/
.post-content {background: #f8f8f8; overflow: auto;}
.post-body {padding: 20px;}
.about-author img {float: left; margin-right: 20px;}

/*** Comments ***/
.comments ul {margin:0px;}
.comments ul li {
  list-style: none;
  padding: 20px;
  background: #f8f8f8;
  margin-bottom: 40px;
  border-bottom: 1px dotted #a9a9a9;
  border-top: 1px dotted #a9a9a9;
}
.comments ul li ul {margin-left:40px; padding-top: 20px;}
.comments ul li ul li {
  border-top: 1px dotted #a9a9a9;
  border-bottom: none;
  padding: 20px 20px;
  margin-bottom:0px;
}
.comments ul li ul li:last-child {padding-bottom: 0px;}

.comments ul li img {margin:0px 10px 10px 0px;}
.comment-name {
  font-family: "微软雅黑", sans-serif; 
  font-weight: normal;
  text-transform:uppercase; 
}
.comment-date {
  font-family:微软雅黑, "Times New Roman", Times, serif;
  clear: both;
}
.comment-content { clear:both; padding-top:10px; }
.comment-form-container input,
#contact-form input {margin-bottom: 12px;}
.comment-form-container textarea,
#contact-form textarea {height: 150px;}
.comment-form-container .btn,
#contact-form .btn {margin-top: 12px;}


/**************************************
/ Sidebar
**************************************/
.sidebar input{width: 80%;}
.sidebar ul.post-category-list,
.sidebar .tab-content .tab-pane ul {margin:0px;}
.sidebar ul.post-category-list li,
.sidebar .tab-content .tab-pane ul li {
  list-style: none; 
  border-bottom: 1px dashed #a9a9a9;
  padding:10px 5px;
  display:block;
}
.sidebar ul.post-category-list li a{
  font-family: "微软雅黑", sans-serif; 
  font-weight: normal;
  text-transform:uppercase; 
}
.sidebar ul.post-category-list li:first-child,
.sidebar .tab-content .tab-pane ul li:first-child{ padding-top: 5px; }
.sidebar ul.post-category-list li:last-child { padding-bottom: 5px; border-bottom: 1px dashed #a9a9a9;}
.sidebar ul.post-category-list li i {padding-right: 5px; background-position: 0 -95px;}
.sidebar .tab-content .tab-pane ul li i {padding-right: 5px;}

.popular-posts{ margin: 0px;}
.popular-posts li {
  list-style: none; 
  margin-bottom: 20px; 
  margin-left:10px;
  clear: both;
  display: block;
  min-height: 70px;
  border-bottom: 1px dashed #dcdcdc;
}
.popular-posts li img {float: left; margin-right: 20px;}
.popular-posts li em {font-family:微软雅黑, "Times New Roman", Times, serif;}
p.side {margin-bottom: 20px;}

/* Mobile Portrait and Landscape Size */
@media only screen and (max-width: 479px) {
  iframe {width:270px;}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 979px) {
  iframe {width:230px;}
}
/* Small Desktop Size */
@media (min-width: 980px) and (max-width: 1199px) {
  iframe {width:300px;}
}


/**************************************
/ Footer
**************************************/
.footer-container {
  width:100%;
  clear: both;
   z-index: 10;
  overflow:hidden; 
  background:#004098;
}
.footer-row { margin-top:30px;}
.footer-col h6{font-weight:bold;font-size:1.1em;color:white;text-align:center;}
.footer-col a {font-size:1em; font-weight:normal;color:white;}
.footer-col a:hover {color:#d8450b;}
.footer-col ul {margin: 20px 0 0;}
.footer-col ul li {list-style: none; padding-bottom: 10px;display:block;text-align:center;color:white;}


footer-copyright{
  width:100%;
  clear: both;
   z-index: 10;
  overflow:hidden; 
  background:#C9CBCA;
}
.copyright {
    line-height: 31px;
    color: white;
    text-align: center;
  font-size:1em;
  overflow: hidden;
  height:auto;
  margin-bottom:20px;
}
.copyright a{color: white;}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
  .footer-col {
    clear:both;
    overflow: auto;
    margin-bottom: 20px;
  }
  .footer-sub .right {display: none;}
}
ul.img-feed {
  width:100%;
  height:270px;
}

ul.img-feed li {
  float: left; 
  margin: 0px 5px 7px 0px; 
  padding-bottom: 0px;
}

ul.img-feed li img{
    width: 125px;
    height: 125px;
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 979px) {
  ul.img-feed {
    width: 100%;
    height: 550px;
    }

}
@media (min-width: 500px) and (max-width: 600px) {
  ul.img-feed {
    width: 100%;
    height: 135px;
   }
.smallimg li img {
    width: 90px;
  margin-left:25px;
}

  html,body,.container{font-size:14px;}
}

@media (max-width: 500px) {
  .smallphone{display:block;}
  .prodetail{display:none;}
  .kehu{display:block;}
  #kehubox{display:none;}
  .gcsb li{width:100%;}
}
@media (min-width: 500px) {
  .smallphone{display:none;}
  .prodetail{display:block;}
  .kehu{display:none;}
  #kehubox{display:block;}
  .home-anli{height:330px;}
}
@media (min-width: 767px) {
  .footer-hidden{display:none;}
  .phone-hidden{display:block;}
  .phone-visible{display:none;}
  .home1 .row {margin-bottom: 40px;}
  .blog article img{float: left; margin: 10px 20px 20px 0px; width:270px;height:220px;}
}
@media (max-width:767px){
  .phone-hidden{display:none;}
  .phone-visible{display:block;}
  .home1 .row {margin-bottom: 30px;}
}
@media (min-width: 360px) and (max-width: 600px) {
  .nav ul li{
      width:30%;
    padding:0;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .nav li{
      width:20%;
    padding:0;
  }
}
/**** Social Icons ****/
.social-icons {padding-top: 10px;}
.social-icons li {
  list-style: none; 
  float: left;
  margin-right: 6px;
}
/* Small Monitor */
@media (min-width: 980px) and (max-width: 1199px) {
  .social-icons li:last-child {display:none;}
}
a.social-icon { 
  background: url(../images/social-icons.png);
  display: block; 
  width: 46px; 
  height: 46px;
}
a.facebook {background-position: 0px 0px;}
a.facebook:hover {background-position: 0px -47px;}
a.twitter{background-position: -52px 0px;}
a.twitter:hover {background-position: -52px -47px;}
a.dribble{background-position: -104px 0px;}
a.dribble:hover {background-position: -104px -47px;}
a.rss{background-position: -156px 0px;}
a.rss:hover {background-position: -156px -47px;}
a.forrst{background-position: -208px 0px;}
a.forrst:hover {background-position: -208px -47px;}

/**** Sub Footer ****/
.footer-sub {background: #D8D8D5; padding: 10px 0px;}
.footer-sub div div span {padding: 0px 20px;}


/**************************************
/ MISC
**************************************/
.home .row{margin-bottom:30px;}
.rowheader {margin-bottom:5px;}
.sub-row30 {margin-bottom:30px;}
.sub-row20 {margin-bottom:20px;}
.no-margin {margin-bottom:0px;}

a.accordion-toggle{background: #f5f5f5;}
.nav-tabs li.active a{background:#f8f8f8;}

.left {float: left;}
.right {float: right;}
.home-align-left{float: left; margin: 5px 20px 20px 5px;}
.align-left{float: left; margin: 10px 20px 20px 0px;}
.align-right{float: right; margin: 0px 0px 20px 20px;}

.color-bg { background:#d8450b; }
.color { color:#d8450b; }
.color-bar-1, .color-bar-2 { width:100% }
.color-bar-1 { background:#414141; height:5px; }
.color-bar-2 { height:3px; }
.page-header { margin:0px }
.lead {line-height:28px; margin: 20px 0px 30px 0px; }

#toTop {
  width:47px;
  height:47px;
  background:url(../images/back-top-btn.png) no-repeat;
  text-align:center;
  position:fixed;
  bottom:25px;
  right:20px;
  cursor:pointer;
  display:none;
  text-indent:-9999px;
  z-index:12; 
}

/***** Lightbox *****/
#lightbox-image-details-caption {
  font-family: "微软雅黑", sans-serif; 
  font-weight: normal;
  text-transform:uppercase;
  font-size: 1em;
}
#lightbox-secNav-btnClose {width: 30px; padding-bottom: 0;}
#lightbox-image-details-currentNumber {display: none; visibility: hidden;}

/***** Testimonials *****/
.quote-text { 
  font-size:1em; 
  line-height:24px; 
  font-family:微软雅黑, "Times New Roman", Times, serif; 
  margin:0px 20px; }
.quote-text cite { 
  font-size:12px; 
  color:#999;
  display:block;
  margin-top:5px; }

#clientCarousel.carousel .item {
  padding:5px 0px;
    -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
    left: 0 !important;
  }

#clientCarousel.carousel .next.left, .carousel .prev.right {
    opacity: 1;
    z-index: 1;
  }
#clientCarousel.carousel .active.left, .carousel .active.right {
    opacity: 0;
    z-index: 2;
  }

/***** Client Logos *****/
.client-link { 
  display: block; 
  width: 100px; 
  height: 100px;
  position: relative;
}
.client-mask {
  display: block;
  width: 100px; 
  height: 100px;
  position: absolute;
  background: url(../images/rnd-client-mask.png);
}
.client-logos {margin: 0px;}
.client-logos li {list-style: none; float: left; margin: 5px 6px;}
.client-logos li img{width:97px;height:98.1px;border-radius:50%; overflow:hidden;border:1px solid;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%; }

/* Small Monitor */
@media (min-width: 980px) and (max-width: 1199px) {
  .client-logos li:first-child {display: none;}
}
/* Portrait tablet */
@media (min-width: 768px) and (max-width: 979px) {
  .client-logos li:nth-last-child(-n+2) {display: none;}
  .pindent {
      text-indent: 0px !important;
    line-height: 17px !important;
    }
  dl {
      margin-bottom: 5px;
    margin-top:5px;
    }
  #muban{display:none;}
}

/***** Features Page (these can be deleted)*****/
.the-grid div {
  background: #e4e4e4; 
  padding:10px 0px; 
  text-align: center;
}
.form-examples input { margin-bottom: 10px;}
.the-icons {list-style: none; margin-left: 0;}
.the-icons li {float: left; width: 25%; line-height: 25px;}

/* Mobile Portrait Size to Tablet Portrait Size */
@media only screen and  (max-width: 767px) {
  .the-icons li {float: none; width: 100%; line-height: 25px;}  
  .btn {margin-bottom: 20px;}
}

.paginator a{
  width:16px;
  height:16px;
  line-height:16px;
  padding:3px;
  border:1px solid #457ce6;
  border-radius:3px;
  text-align:center;
  background:none;
  font-size:16px;
  text-decoration:none;
  background:none;
  color:#457ce6;
  margin-right:0px;
}
.thisclass{
  background:#457ce6!important;
  color:#fff!important;
  margin-right:0px!important;
}
  .home1 .row {margin-bottom: 40px;}
  .gsry{float: left; margin: 10px 20px 20px 0px!important; width:302px!important;height:202px!important;}

#img1{
 width:88px!important;
 height:29px!important;
}



.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}

.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}

.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}

.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}

.fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}