.banner1{ background:url(../images/banner2.jpg) no-repeat center; height:300px;}


.pst_bg{ width:100%; height:35px; background:#EAEAEA;}
.pst{ width:1200px; margin:0px auto; text-align:right; height:35px; line-height:35px;}
.ab_l{ width:1200px; margin:0px auto;}
.ab_l .about_l{ width:220px; float:left; position:relative; z-index:9999; margin-top:30px;}

.about_l .s_nav{ width:100%; background:#fff; padding:0px 0;}
.about_l .s_nav li{ width:100%; text-align:left; position:relative; white-space:nowrap;}
.about_l .ab{width:220px; padding:px 20px; height:60px; background:#fff; font-size:20px; line-height:60px; text-align:center;}
.about_l .s_nav .li_m{width:220px; padding:px 20px; height:40px; font-size:14px; font-weight:bold; line-height:40px; text-align:center;}

.about_l .s_nav li a{ display:block; width:100%; height:100%; color:#555;}
.about_l .s_nav li.now a{ background:#777;}
.about_l .s_nav li.now,.about_l .s_nav li:hover{ background:#333;}
.about_l .s_nav li.now a,.about_l .s_nav li:hover a{ color:#FFF;}
.about_l .s_nav li p{ width:100%; height:20px; line-height:25px; font-size:16px;}
.ab_l .ab_r{ width:940px; float:right; text-align:left; padding:20px 0;}
.ab_r .r_name{ width:100%; height:35px; margin-top:20px; line-height:35px; border-bottom:2px solid #eee; position:relative; margin-bottom:20px;}
.ab_r .r_name span{ display:inline-block; *display:inline; zoom:1; height:35px; line-height:35px; left:0; top:0; z-index:99; font-size:18px; border-bottom:2px solid #C50007;}
.ab_r .about{ width:100%; text-align:left;line-height:30px;}
.ab_r .about img{ max-width:100%; height:auto; vertical-align:top;}

/**产品**/
.clear{ clear:both} 
.pro-title{ padding:5px; line-height:30px; float:left; margin:0 5px 10px 0; text-align:center; border:1px solid #ccc}
.product2:hover { background-color:#fff; border-bottom:3px solid #d80e0e; color:#444;-webkit-transition: all 0.1s;transition: all 0.1s; }
.product1{ width:990px; margin:0 auto; position:relative}
.product1 li{ width:293px; height:340px; margin-bottom:10px; margin-right:15px;  border:1px solid #ccc; background:#fff; float:left;}
.product1 img{ width:291px; background:#fff;}
.product1 h3{ text-align:center; color:#000; font-size:18px; line-height:30px;}
.product1 p{ text-align:center; color:#777; font-size:12px;}
.pro_m img{ margin-bottom:20px; margin-top:20px;}

/*产品详情页*/
#cd-gallery-items {
  margin-top: em;
}
#cd-gallery-items > li {
  position: relative;
  margin-bottom: em;
}
#cd-gallery-items > li img {
  width: 100%;
  display: block;
}
@media only screen and (min-width: 768px) {
  #cd-gallery-items {
    margin-top: em;
  }
  #cd-gallery-items > li {
    width: 75%;
    float: left;
    margin-right: 4%;
    margin-bottom: em;
  }
  #cd-gallery-items > li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1170px) {
  #cd-gallery-items {
    margin-top: em;
  }
  #cd-gallery-items > li {
    float: left;
    margin-bottom: em;
    margin-right: 3.5%;
  }
  #cd-gallery-items > li:nth-child(2n) {
    margin-right: 3.5%;
  }
  #cd-gallery-items > li:nth-child(3n) {
    margin-right: 0;
  }
}

.cd-item-wrapper {
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: 50% -30%;
  -moz-perspective-origin: 50% -30%;
  perspective-origin: 50% -30%;
}
.cd-item-wrapper li {
  position: absolute;
  top: 0;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.cd-item-wrapper li.cd-item-front {
  position: relative;
  z-index: 3;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.cd-item-wrapper li.cd-item-middle {
  z-index: 2;
}
.active .cd-item-wrapper li.cd-item-middle {
  /* 3D effect on touch devices */
  -webkit-transform: translate3d(0, 0, -20px);
  -moz-transform: translate3d(0, 0, -20px);
  -ms-transform: translate3d(0, 0, -20px);
  -o-transform: translate3d(0, 0, -20px);
  transform: translate3d(0, 0, -20px);
  opacity: .8;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.cd-item-wrapper li.cd-item-back {
  z-index: 1;
}
.active .cd-item-wrapper li.cd-item-back {
  /* 3D effect on touch devices */
  -webkit-transform: translate3d(0, 0, -40px);
  -moz-transform: translate3d(0, 0, -40px);
  -ms-transform: translate3d(0, 0, -40px);
  -o-transform: translate3d(0, 0, -40px);
  transform: translate3d(0, 0, -40px);
  opacity: .4;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.cd-item-wrapper li.cd-item-out {
  /* picture not visible - use this class in case you have more than 3 pictures per item */
  z-index: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, -60px);
  -moz-transform: translate3d(0, 0, -60px);
  -ms-transform: translate3d(0, 0, -60px);
  -o-transform: translate3d(0, 0, -60px);
  transform: translate3d(0, 0, -60px);
}
.cd-item-wrapper li.move-right {
  -webkit-transform: translate3d(200px, 0, 0);
  -moz-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  -o-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
  opacity: 0;
  z-index: 4 !important;
}

.cd-item-navigation a {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 36px;
  height: 66px;
  background-color: rgba(216, 216, 216, 0.4);
  background-image: url("../img/cd-icon-arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 4;
  display: none;
  border-radius: 0.25em;
}
.no-touch .cd-item-navigation a:hover {
  background-color: rgba(216, 216, 216, 0.6);
}
.cd-item-navigation a.visible {
  display: block;
  -webkit-animation: cd-fade-in 0.4s;
  -moz-animation: cd-fade-in 0.4s;
  animation: cd-fade-in 0.4s;
}
.cd-item-navigation li:nth-child(1) a {
  left: 14px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-item-navigation li:nth-child(2) a {
  right: 14px;
}
.no-csstransitions .cd-item-navigation {
  display: none;
}



/*下载*/
.down1{ background:#fff; padding:15px;}
.down{ float:left; width:50%; margin-bottom:20px;}
.more1{display:inline-block; *display:inline; zoom:1; margin-top:10px; width:90px; height:30px; text-align:center; font-size:14px; color:#00aeff; line-height:30px; border:1px solid #ccc;}
.down_l{ float:left;}
.down_l img{ width:120px; padding:10px; height:150px; border:1px solid #ccc;}
.down-right{ float:right;width:50%; margin-bottom:20px;}
.down_r{ float:right; width:65%;}

.job{ font-size:20px; text-align:center; line-height:40px;}

/**留言**/
.message{border-top:0;overflow:hidden;text-align:left;}
.message dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.message dl{width:100%;zoom:1;background:#fff}
.message dl{margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}
.message dl dt{padding:15px 15px 10px 15px;width:115px;text-align:right;font-weight:normal;overflow:hidden;line-height:1.2}
.message dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0}
.message dl dd label input{position:relative;top:1px;margin-right:3px}
.message dl dd .fbox{margin:0 10px 0 0}
.message dl dd .tips{color:#aaa}
.message dl dd .tips:hover{color:#f00}
.message dl dd.labelinline label{display:inline}
.message dl dt.addimgdt{padding:10px 5px 10px}
.message dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.message dl.noborder{border-bottom:0}
.ftype_textarea .tips{display:block}
.ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #ccc;background-color:#fff;color:#333;outline:0}
.submit{ background:#d80e0e; height:40px; width:100px; border:none; color:#fff}


.contact_m{ width:100%; padding-bottom:50px;}
.contact_m .map{ width:100%; margin-top:20px; padding-top:40px; border-top:1px solid #ddd;}
.contact_m .map .title{ width:100%; height:32px; line-height:32px; font-size:24px; color:#444; margin-bottom:30px;}
.contact_m .map img{ width:100%; max-width:558px; height:auto; vertical-align:top;}
.contact_m ul{ width:100%;}
.contact_m ul li{ float:left; margin-right:4%;}
.contact_m ul li div{ font-size:22px; color:#444; margin-bottom:10px;}
.contact_m ul li div em{ font-size:20px;}
.contact_m ul li p{ font-size:14px; color:#444; line-height:185%;}

/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:1px 1% 30px 1%;}
.content_box .messages_box ul{width:100%;} 
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #0f7bd2;border:none;}