.tr {
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.ov {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*客服*/
.qqkefu {
  position: fixed;
  top: 40%;
  z-index: 20;
  /*right:0;*/
  right: 30px;
  width: 39px;
}
.qqkefu ul li {
  width: 45px;
  height: 45px;
  margin-bottom: 1px;
  float: right;
  background: #c8041a;
  line-height: 45px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.qqkefu ul li a {
  color: #fff;
  overflow: hidden;
  display: block;
  height: 45px;
  padding-left: 10px;
}
.qqkefu ul li.qq_cza {
  overflow: hidden;
}
.qqkefu ul li:hover {
  background: #0a0a0a;
}
.qqkefu ul li.top {
  background: url("../images/back.png") no-repeat center #c8041a;
  position: relative;
  width: 45px;
  height: 45px;
  cursor: pointer;
}
.qqkefu ul li.top:hover {
  background: url("../images/back.png") no-repeat center #0a0a0a;
}
.qqkefu ul li b {
  width: 45px;
  height: 45px;
  display: block;
  overflow: hidden;
  float: right;
}
.qqkefu ul li span {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
}
.qqkefu ul li b.a {
  background: url(../images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b {
  background: url(../images/zixun.png) no-repeat center center;
}
.qqkefu ul li b.c {
  background: url(../images/weixin.png) no-repeat center center;
}
.qqkefu ul li b.e {
  background: url(../images/tel.png) no-repeat center center;
}
.qqkefu ul li b.w1 {
  background: url(../images/jinri.png) no-repeat center center;
}
.qqkefu ul li b.w2 {
  background: url(../images/weibos.png) no-repeat center center;
}
.qqkefu ul li b.w3 {
  background: url(../images/eps.png) no-repeat center center;
}
.qqkefu ul li.qq_czae {
  line-height: 15px !important;
}
.erweima {
  width: 130px;
  height: 150px;
  position: absolute;
  top: -107px;
  left: -150px;
  background: #FFF;
  border: 1px solid #CCC;
  float: left;
  cursor: default !important;
  display: none;
  /*overflow: hidden;*/
}
.erweima p {
  line-height: 20px;
  color: #000;
  font-size: 12px;
  text-align: center;
  float: left;
  width: 130px;
}
.erweima p img {
  width: 110px;
  height: 110px;
  margin: 10px 10px 0px 10px;
}
.erweima .arrow3 {
  width: 5px;
  height: 10px;
  display: block;
  background: url(../images/czx6.png) no-repeat;
  position: absolute;
  right: -5px;
  top: 122px;
}
.header {
  background: #0e0f11;
  padding: 40px 50px 20px 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.logo {
  display: block;
  float: left;
  width: 216px;
}
.logo img {
  display: block;
  width: 216px;
}
.nav {
  float: right;
}
.nav > li > a {
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  display: block;
  -webkit-transition: .5;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  position: relative;
}
.nav > li {
  float: left;
  margin-right: 60px;
  position: relative;
}
.nav > li > a:before {
  content: "";
  position: absolute;
  height: 3px;
  background: #c8041a;
  width: 0;
  bottom: -15px;
  left: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.nav > li > a:hover,
.nav > .on > a {
  color: #c8041a;
}
.nav > li > a:hover:before,
.nav > .on > a:before {
  width: 100%;
}
.chan_en {
  color: #000000;
  font-size: 13px;
  line-height: 33px;
  width: 88px;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin-top:25px;z-index:9999;
}
.chan_inner span {
  display: block;
}
.chan_inner {
  position: absolute;
  width: 100%;
  height: 34px;
  z-index: 3;
  top: 0;
  left: 0;
  background:none;
  -webkit-transition: .5s;
  transition: .5s;
  overflow: hidden;padding:10px;
}
.en1 {
  display: block;
  color:#000000;
  font-size: 12px;
  -webkit-transition: .5s;line-height:25px;
  transition: .5s;
  text-align: left;padding-left:40px;background:url(../images/en.jpg) left center no-repeat;
}
.en2 {
  display: block;
  color:#000000;margin-top:15px;
  font-size: 12px;
  -webkit-transition: .5s;padding-left:40px;
  transition: .5s;line-height:25px;
  text-align: left;background:url(../images/cn.jpg) left center no-repeat;
}
.en3 {
  display: block;
  color:#000000;margin-top:5px;
  font-size: 12px;
  -webkit-transition: .5s;padding-left:40px;
  transition: .5s;line-height:25px;
  text-align: left;background:url(../images/jp.jpg) left center no-repeat;
}
.chan_inner:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 0;
  background-color: #434343;
  left: 0;
  top: 9px;
}
.en1:hover,
.chan_inner:hover {
  color: #ff0000;
}
.chan_inner:hover {
  height: 138px;background:#c7b779;padding:10px;
}
.nav2 {
  position: absolute;
  background: #fff;
  padding: 20px 10px;
  min-width: 172px;
  z-index: 2;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  /*border:solid #ccc 1px;*/
  display: block;
  left: -30px;
  width: 119%;
  display: none;
  border-bottom: solid #c8041a 3px;
}
.nav2 li {
  padding: 10px 20px;
  border-bottom: solid rgba(204, 204, 204, 0.3) 1px;
}
.nav2 li:hover a {
  color: #c8041a;
}
.padding_topdiv {
  padding-top: 20px;
}
.banner_inner {
  width: 100%;
  overflow: hidden;
  height: 400px;
}
.bg_black {
  background: #0c0d0f;
}
.ce_div {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.link_div {
  overflow: hidden;
  float: left;
}
.link_div > a {
  display: block;
  float: left;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  padding: 0 27px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.link_div > a:hover,
.link_div > .on {
  background: #c8041a;
}
.brand {
  float: right;
  line-height: 50px;
  color: #888;
  padding-left: 20px;
  background: url(../images/brand_03.png) no-repeat left center;
}
.brand a {
  color: #888;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}

.brand a:nth-child(2){ display:none;}
.brand a:hover {
  color: #fff;
}
.brand a:last-child {
  color: #fff;
}
.conbg {
  background: #222;
  padding: 60px 0;
}
.product_div {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.pro_a {
      display: block;
    float: left;
    width: 285px;
    height: 360px;
    box-sizing: border-box;
    overflow: hidden;
    margin-right: 20px;
}
.pro_font {
  font-size: 18px;
  line-height: 50px;
  color: #333;
  box-sizing: border-box;
  padding: 6px 30px;
  background: #c5c5c5;
  overflow: hidden;
}
.pro_lf {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
  width: 185px;
}
.poin_i {
  display: block;
  float: right;
  width: 32px;
  height: 32px;
  margin-top: 10px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
  color: #c5c5c5;
  background: url(../images/jjfn1_03.png) no-repeat center;
}
.pro_div {
  height: 285px;
  overflow: hidden;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
      background: #fff;
}
.pro_div img {
  width: 285px;
  display: block;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
  height:285px;
}
.pro_a:hover img {
  transform: scale(1.03);
}
.pro_a:hover .pro_font {
  background: #c8041a;
  color: #fff;
}
.pro_a:hover .poin_i {
  background-image: url(../images/jjfnh_03.png);
}
.r {
  margin-right: 0;
  margin-bottom: 20px;
}
.paging {
  text-align: right;
  width: 1200px;
  margin: 0 auto;
}
.paging > a {
  display: inline-block;
  width: 29px;
  height: 29px;
  border: solid #6d6d6d 1px;
  margin: 0 5px;
  color: #999;
  line-height: 29px;
  font-family: Arial;
  text-align: center;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.paging > a:hover,
.paging > .on {
  background: #c8041a;
  border-color: #c8041a;
  color: #fff;
}
.paging a:first-child,
.paging a:last-child {
  border: none;
}
.paging a:first-child {
  text-align: right;
}
.paging a:last-child {
  text-align: left;
  width: 10px;
  margin-right: 0;
}
.paging a:first-child:hover,
.paging a:last-child:hover {
  color: #c8041a;
  background: none;
}
.fl {
  font-size: 14px;
  line-height: 26px;
  color: rgba(250, 250, 250, 0.54);
  float: left;
}
.fl a {
  font-size: 14px;
  line-height: 26px;
  color: rgba(250, 250, 250, 0.54);
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.fl a:hover {
  color: #fff;
}
.telt {
  font-size: 23px;
  color: #fff;
  font-family: Arial;
  font-weight: bold;
  padding-left: 38px;
  background: url(../images/ttel_03.png) no-repeat left center;
  line-height: 33px;
  margin-bottom: 14px;
}
.navf {
  float: left;
  overflow: hidden;
  position: relative;
  padding: 0 8%;
  margin: 0 7%;
}
.navf:before,
.navf:after {
  content: "";
  position: absolute;
  border-right: solid #484848 2px;
  height: 224px;
  width: 2px;
  background: #292929;
  top: 0;
}
.navf:before {
  left: 0;
}
.navf:after {
  right: 0;
}
.navf > li {
  float: left;
  margin-right: 45px;
}
.navf > li:last-child {
  margin-right: 0;
}
.navf > li > a {
  display: block;
  font-size: 12px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.navf > li > a:first-child {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
  color: #fff;
}
.erwei {
  float: right;
}
.navf > li > a:hover {
  color: #fff;
}
.linef {
  clear: both;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 35px 0;
}
.t_box {
  overflow: hidden;
}
.p_last,
.p_last a {
  color: #888;
  line-height: 28px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.ctm {
  float: right;
  color: #888;
  line-height: 28px;
}
.ctm a {
  color: #888;
  line-height: 28px;
}
.p_last {
  float: left;
}
.fot_last {
  overflow: hidden;
}
.fot_last a:hover {
  color: #fff;
}
.fa_link {
  margin-top: 5px;
}
.fa_link,
.fa_link a {
  color: #888;
  line-height: 28px;
}
.fa_link a {
  margin-left: 68px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.fa_link a:hover {
  color: #fff;
}
.cjwt {
  width: 1200px;
  margin: -26px auto 30px auto;
}
.cj {
  font-size: 16px;
  line-height: 50px;
  color: #888;
  position: relative;
  cursor: pointer;
}
.cjwt_click {
  display: block;
  width: 24px;
  height: 24px;
  background: #333333;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  margin-top: -12px;
  right: 0;
  line-height: 23px;
  text-align: center;
  color: #888;
  font-size: 16px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.answer {
  line-height: 26px;
  color: #888;
  padding: 35px 60px;
  background: #333;
  display: none;
  margin-top: 5px;
}
.cjwt li {
  padding: 5px 0;
  border-bottom: solid #333 1px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.cjwt .on {
  padding-bottom: 20px;
}
.cjwt .on .cjwt_click {
  font-size: 27px;
  line-height: 19px;
}
.on .cj {
  color: #fff;
}
.download_ul {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.download_ul div {
  float: left;
  font-size: 14px;
  line-height: 50px;
  color: #888;
  padding: 5px 50px;
  border-right: solid #393939 1px;
  min-width: 178px;
  box-sizing: border-box;
}
.download_ul .xz_2 {
  width: 135px;
  box-sizing: border-box;
  text-align: center;
  padding: 5px 0;
  overflow: hidden;
}
.download_ul .xz_1 {
  padding-left: 90px;
  background: url(../images/dl_03.png) no-repeat 50px center;
  border-left: solid #393939 1px;
}
.xz_a2 {
  display: block;
  width: 66px;
  overflow: hidden;
  background: #333;
  text-align: center;
  line-height: 28px;
  color: #888;
  border-radius: 30px;
  float: right;
  margin-top: 16px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.download_ul li {
  overflow: hidden;
  border: solid #393939 1px;
  padding-right: 40px;
  border-bottom: none;
}
.download_ul li:last-child {
  border-bottom: solid #393939 1px;
}
.download_ul li:hover .xz_a2 {
  background: #c8041a;
  color: #fff;
}
.honor_div {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.hon_img {
  width: 387px;
  height: 315px;
  background: #fff;
  line-height: 315px;
  text-align: center;
  position: relative;
}
.hon_img img {
   width: 258px;
    height: 165px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: block;
    margin: 0 auto;
    line-height: 315px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -126px;
    margin-top: -82.5px;
}
.light_bgfont {
  font-size: 16px;
  line-height: 46px;
  color: #888;
  background: #111;
  padding: 0 20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.lightbox {
  width: 386px;
  height: 361px;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
.r2 {
  margin-right: 0;
  margin-bottom: 20px;
}
.lightbox:hover .light_bgfont {
  background: #c8041a;
  color: #fff;
}
.lightbox:hover img {
  transform: translateY(-5px);
}
.joinus {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
}
.joinus > li {
  overflow: hidden;
  text-align: center;
  margin-top: 10px;
  background: #333;
}
.joinus > li:first-child {
  margin-top: 0;
}
.po_top {
  width: 300px;
  border-right: solid #393939 1px;
  background: #666666;
  float: left;
  line-height: 42px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.po_top:last-child {
  border-right: none;
}
.po_click {
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
  color: #d7d7d7;
  background: #333;
}
.posis {
  width: 300px;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 42px;
}
.join_list {
  margin-top: 15px;
  text-align: left;
  padding-left: 40px;
  padding-bottom: 20px;
  display: none;
}
.join_list.on {
  display: block;
}
.join_list > li {
  overflow: hidden;
  margin-bottom: 6px;
  padding-left: 90px;
  position: relative;
}
.join_list > li:first-child {
  margin-bottom: 10px;
}
.join_list > li .left {
  position: absolute;
  left: 0;
  top: 0;
}
.join_list > li .left p {
  color: #fff;
}
.join_list > li p {
  line-height: 28px;
  font-size: 14px;
  color: #888;
}
.join_list > li h5 {
  font-size: 16px;
  line-height: 28px;
  color: #d7d7d7;
  font-weight: bold;
}
.join_list > li h6 {
  font-size: 16px;
  line-height: 26px;
  color: #d7d7d7;
  margin-left: 19px;
}
.join_list > li a {
  display: block;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #c8041a;
  width: 110px;
  margin-top: 22px;
  border-radius: 20px;
}
.on .po_click {
  background: #c8041a;
  color: #fff;
}
.contact {
  width: 1200px;
  margin: 0 auto;
}
.contop {
  overflow: hidden;
}
.cl {
  width: 774px;
  float: left;
  height: 433px;
  margin-right: 40px;
}
.cr {
  float: left;
  color: #888888;
  line-height: 26px;
  padding-top: 35px;
}
.cr a {
  color: #888888;
  line-height: 26px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.comp_name {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  padding-bottom: 17px;
  border-bottom: solid #333 1px;
  margin-bottom: 15px;
}
.comp_p {
  padding-left: 40px;
  position: relative;
  margin-bottom: 15px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.comp_p:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background: #666;
  left: 30px;
  top: 50%;
  margin-top: -5px;
}
.cr a:hover {
  color: #fff;
}
.inbox {
  width: 377px;
  float: left;
  padding-top: 15px;
}
.conb_l label,
.ly {
  font-size: 16px;
  line-height: 26px;
  color: #888;
  display: block;
}
.inbox input[type="text"] {
  border: none;
  border-bottom: solid #333333 1px;
  display: block;
  background: none;
  font-size: 16px;
  color: #888;
  box-sizing: border-box;
  padding-top: 5px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
  padding-right: 10px;
  width: 100%;
}
.inboxr {
  float: right;
  width: 374px;
}
.conb_l {
  width: 774px;
  float: left;
  margin-right: 40px;
  padding-top: 20px;
}
.conbot {
  overflow: hidden;
}
.cle {
  width: 1px;
  height: 1px;
  clear: both;
}
.conb_l textarea {
  width: 100%;
  height: 140px;
  border: solid #333 1px;
  line-height: 26px;
  color: #888;
  box-sizing: border-box;
  padding: 10px 15px;
  background: none;
}
.ly {
  margin-bottom: 8px;
  margin-top: 15px;
}
.inbox input:focus,
.inbox input:hover {
  border-color: #c8041a;
}
.conb_r {
  float: right;
  background: #333;
  width: 385px;
  height: 304px;
  box-sizing: border-box;
  padding: 35px 40px;
  line-height: 26px;
  color: #888;
  margin-top: 40px;
}
.conb_r .comp_name {
  border-color: #444;
}
.sub1 {
  display: block;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #c8041a;
  width: 110px;
  margin-top: 22px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.sub1:hover {
  background: #980818;
}
.sp_l {
  width: 866px;
  float: left;
}
.sp_bg {
  height: 570px;
  width: 866px;
  cursor: pointer;
  position: relative;
}
.sp_bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/spclick_03.png) no-repeat center;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.sp_bg:hover:before {
  background-image: url(../images/spclickh_03.png);
}
.on_sp:before {
  display: none;
}
.sp_bg img {
  display: block;
  width: 866px;
}
.sp_box {
  overflow: hidden;
}
.sp_font1 {
  overflow: hidden;
  box-sizing: border-box;
  padding: 12px 30px;
  background: #333;
}
.sp_name {
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 22px;
}
.sp_time {
  float: right;
}
.sp_r {
  width: 313px;
  float: right;
  overflow: hidden;
}
.sp_r img {
  display: block;
  width: 260px;
}
.sp_box {
  width: 1200px;
  margin: 0 auto;
}
.sp_time {
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-family: Arial;
}
.sp_font_r {
  overflow: hidden;
  padding: 6px 0;
}
.sp_list li {
  margin-bottom: 5px;
  width: 260px;
  cursor: pointer;
  height: 206px;
}
.sp_list {
  width: 260px;
  overflow: hidden;
}
.sp_slide {
  width: 260px;
  float: left;
}
.tit_div {
  width: 53px;
  float: right;
  overflow: hidden;
  padding-left: 21px;
  box-sizing: border-box;
  height: 620px;
}
.tit_div a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.prev_sp {
  background: url(../images/sptop.png) no-repeat center #333;
}
.next_sp {
  background: url(../images/spbot.png) no-repeat center #333;
  margin-top: 30px;
}
.line_sp {
  height: 504px;
  margin-top: 20px;
  display: block;
  border-right: solid #393939 1px;
  width: 16px;
}
.prev_sp:hover {
  background: url(../images/sptoph.png) no-repeat center #c8041a;
}
.next_sp:hover {
  background: url(../images/spboth.png) no-repeat center #c8041a;
}
.sp_rimg {
  position: relative;
}
.sp_rimg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/splt_03.png) no-repeat center;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
  transform: scale(0);
}
.sp_rimg:hover:before {
  transform: scale(1);
}
.new_a {
  width: 386px;
  display: block;
  color: #888;
  background: #333333;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  height: 410px;
}
.new_tit1 {
  font-size: 18px;
  line-height: 50px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
}
.new_font1 {
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: -3px;
}
.new_time {
  line-height: 32px;
  text-align: left;
  font-family: Arial;
  background: url(../images/newpoin_03.png) no-repeat right;
  margin-top: 20px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.new_img {
  width: 386px;
  height: 242px;
  overflow: hidden;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.new_img img {
  width: 386px;
  display: block;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.new_box {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.new_font {
  padding: 0 30px 24px 30px;
}
.new_a:hover .new_time {
  background-image: url(../images/newpoinh_03.png);
}
.new_a:hover {
  background: #c8041a;
  color: #fff;
}
.new_a:hover img {
  transform: scale(1.04);
}
.newdet {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.newdet_tit {
  font-size: 18px;
  line-height: 34px;
  color: #fff;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.newdet_tit:hover {
  color: #c8041a;
}
.newdet_time {
  line-height: 22px;
  color: #888;
}
.newdet_top {
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: solid #393939 1px;
}
.new_tl {
  float: left;
}
.share {
  overflow: hidden;
  float: right;
}
.bdsharebuttonbox {
  overflow: hidden;
}
.share .bdshare-button-style1-24 .bds_tsina {
  background: url(../images/share_03.png) no-repeat center;
}
.share .bdshare-button-style1-24 .bds_qzone {
  background: url(../images/share_05.png) no-repeat center;
}
.share .bdshare-button-style1-24 .bds_sqq {
  background: url(../images/share_07.png) no-repeat center;
}
.share .bdshare-button-style1-24 .bds_weixin {
  background: url(../images/share_09.png) no-repeat center;
}
.share .bdshare-button-style1-24 a,
.share .bdshare-button-style1-24 .bds_more {
  width: 4px;
  height: 28px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.share .bdshare-button-style1-24 .bds_tsina:hover {
  background: url(../images/shareh_03.png) no-repeat center;
}
.share .bdshare-button-style1-24 .bds_qzone:hover {
  background: url(../images/shareh_05.png) no-repeat center;
}
.share .bdshare-button-style1-24 .bds_sqq:hover {
  background: url(../images/shareh_07.png) no-repeat center;
}
.share .bdshare-button-style1-24 .bds_weixin:hover {
  background: url(../images/shareh_09.png) no-repeat center;
}
.newdet_list {
  overflow: hidden;
}
.newdet_list li {
  overflow: hidden;
  line-height: 22px;
  color: #888;
  padding-top: 38px;
}
.newdet_list li:first-child {
  padding-top: 20px;
}
.newdet_l {
  width: 660px;
  float: left;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.newdet_r1 {
  width: 500px;
  float: right;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
  overflow: hidden;
}
.newdet_r1 img {
  display: block;
  width: 500px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.newdet_list li:hover .newdet_l {
  padding-left: 10px;
}
.newdet_list li:hover img {
  transform: scale(1.03);
}
.black_a {
  overflow: hidden;
  padding-top: 25px;
  border-top: solid #393939 1px;
  margin-top: 40px;
}
.black_a a {
  display: block;
  line-height: 32px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.case_prev,
.case_next {
  width: 460px;
}
.case_prev {
  float: left;
  background: url(../images/casedetp_03.png) no-repeat left;
  padding-left: 33px;
}
.case_next {
  float: right;
  text-align: right;
  background: url(../images/casedetp_05.png) no-repeat right;
  padding-right: 33px;
}
.case_center {
  width: 102px;
  border: solid #393939 1px;
  border-radius: 20px;
  text-align: center;
  line-height: 32px;
  margin: 0 548px;
}
.black_a a:hover {
  color: #c8041a;
  border-color: #c8041a;
}
.case_prev:hover {
  background-image: url(../images/casedeth_03.png);
}
.case_next:hover {
  background-image: url(../images/casedeth_05.png);
}
.bg_black1 {
  background: #222;
}
.casebox1 {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  padding-bottom: 60px;
}
.case_tit {
  font-size: 30px;
  line-height: 28px;
  color: #fff;
}
.case_en {
  font-family: Arial;
  line-height: 28px;
  color: #888;
}
.case_font {
  font-size: 20px;
  line-height: 28px;
  background: #111;
  padding: 11px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.case_list {
  overflow: hidden;
  margin-top: 32px;
}
.case_list li {
  width: 285px;
  float: left;
  margin-right: 20px;
  color: #fff;
  margin-bottom: 15px;
}
.case_list .r{
  margin-right: 0;
}
.caseimg_1 {
  width: 285px;
  height: 410px;
  overflow: hidden;
}
.caseimg_1 img {
  width: 285px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.case_list li:hover img {
  transform: scale(1.04);
}
.case_list li:hover {
  color: #c8041a;
}
.case_font2 {
  line-height: 46px;
  font-size: 16px;
  background: #222222;
  text-align: center;
  padding: 0 10px;
      overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case_a2 {
  width: 386px;
  float: left;
  margin-right: 20px;
  color: #888;
}
.case_a {
  overflow: hidden;
  margin-top: 40px;
  padding-bottom: 10px;
}
.clear1 {
  width: 1px;
  height: 1px;
  clear: both;
}
.case_inner {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.casebox2 {
  background: #181818;
  padding-bottom: 60px;
}
.r3 {
  margin-right: 0;
  margin-bottom: 20px;
}
.conbg2 {
  background: #222;
  padding-top: 60px;
}
.case_a2:hover img {
  transform: scale(1.04);
}
.case_a2:hover {
  color: #c8041a;
}
.case_img2 {
  width: 386px;
  height: 254px;
  overflow: hidden;
}
.case_img2 img {
  display: block;
  width: 386px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
/*case banner*/
.slides1 img {
  display: block;
  width: 100%;
}
.case_banner {
  position: relative;
}
.case_banner .flex-direction-nav .flex-prev,
.case_banner .flex-direction-nav .flex-next {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  font-size: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.case_banner .flex-direction-nav .flex-prev {
  left: 50px;
  background: url(../images/c_banl.png) no-repeat center #5f5f5f;
}
.case_banner .flex-direction-nav .flex-next {
  right: 50px;
  background: url(../images/c_banr.png) no-repeat center #5f5f5f;
}
.case_banner .flex-direction-nav a:hover {
  background-color: #c8041a;
}
.aboutbox {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 60px;
}
.about_tit {
  font-size: 30px;
  line-height: 28px;
  color: #fff;
  text-align: center;
}
.about_en {
  line-height: 28px;
  color: #888;
  font-family: Arial;
  text-align: center;
}
.ab1 {
  overflow: hidden;
  padding-top: 30px;
}
.ab_lef {
  width: 720px;
  background: #333;
  box-sizing: border-box;
  padding: 80px 60px;
  float: left;
  height: 387px;
  border: solid #555 1px;
}
.ab1_tit {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}
.ab_en {
  line-height: 26px;
  color: #888;
}
.ab_font {
  line-height: 26px;
  color: #999;
  overflow-y: auto;
  padding-right: 40px;
  height: 156px;
  margin-top: 20px;
}
.ab_font::-webkit-scrollbar {
  width: 3px;
  background: url(../images/scroll_07.jpg) repeat-y center;
  height: 20px;
}
.ab_font::-webkit-scrollbar-thumb {
  background: url(../images/scroll_03.jpg) repeat-y center;
  width: 3px;
  background-clip: padding-box;
  height: 13px ;
  border-radius: 15px;
}
.abr1 {
  width: 460px;
  float: right;
  overflow: hidden;
  height: 387px;
}
.abr1 img {
  display: block;
  width: 460px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.abr1 img:hover {
  transform: scale(1.03);
}
.aboutbg2 {
  background: #161719;
  width: 100%;
  overflow: hidden;
}
.about_inner2 {
  width: 1200px;
  margin: 0 auto;
  padding: 60px 0;
}
.qywh1 {
  overflow: hidden;
  margin-top: 30px;
}
.qywh1 li {
  width: 386px;
  height: 130px;
  box-sizing: border-box;
  border: solid #333 1px;
  padding-left: 130px;
  padding-top: 41px;
  transition: .5s;
  float: left;
  margin-right: 20px;
  cursor: pointer;
}
.qywh1 .on,
.qywh1 li:hover {
  border-color: #c8041a;
}
.qywh1 li:last-child {
  margin-right: 0;
}
.qywh_tit {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}
.qywh_en {
  line-height: 26px;
  color: #666;
  font-family: Arial ;
}
.qywh_font li {
  line-height: 26px;
  color: #fff;
  background: #c8041a;
  padding: 35px 60px;
  position: relative;
  display: none;
}
.qywh_font .on {
  display: block;
}
.qywh_font {
  margin-top: 20px;
}
.qywh_font li:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../images/qywhi_03.png) no-repeat center;
  left: 188px;
  top: -15px;
}
.qywh_font li:nth-of-type(2):before {
  left: 580px;
}
.qywh_font li:last-child:before {
  left: 980px;
}
.about_inner3 {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 60px 0;
}
.fzlc_list li {
  font-size: 20px;
  line-height: 28px;
  color: #666;
  float: left;
  width: 145px;
  text-align: center;
  cursor: pointer;
}
.fzlc_list {
  overflow: hidden;
}
.fzlc_div {
  width: 960px;
  margin: 0 88px;
}
.gsjj_l,
.next_r {
  display: block;
  width: 20px;
  height: 20px;
  transition: .5s;
}
.next_r {
  float: right;
  background: url(../images/gsjjrh_05.png) no-repeat left center;
}
.next_r:hover {
  background-image: url(../images/gsjjr_05.png);
}
.gsjj_l {
  float: left;
  background: url(../images/gsjjl_03.png) no-repeat right center;
}
.gsjj_l:hover {
  background-image: url(../images/gsjjlh_03.png);
}
.fzlc_list li {
  transition: .5s;
}
.fzlc_list .on,
.fzlc_list li:hover {
  color: #fff;
}
.fzlc_cont {
  margin-top: 30px;
  padding-bottom: 32px;
  border-bottom: solid #333 1px;
}
.fzlc_cont .gsjj_l,
.fzlc_cont .next_r {
  margin-top: 6px;
}
.falc_year {
  width: 94px;
  float: left;
  text-align: left;
  padding-left: 106px;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-top: -5px;
}
.fzlc_ul {
  background: url(../images/falcul_03.png) no-repeat 200px top;
  margin-top: 30px;
}
.falc_font {
  font-size: 14px;
  line-height: 28px;
  color: #999;
}
.fzlc_det {
  margin-left: 230px;
}
.falc_img {
  margin-bottom: 13px;
  width: 451px;
  height: 156px;
  overflow: hidden;
}
.falc_img img {
  width: 451px;
  display: block;
  transition: .5s;
}
.falc_img img:hover {
  transform: scale(1.03);
}
.fzlc_ul li {
  display: none;
}
.fzlc_ul .on {
  display: block;
}
.ab_inner4 {
  width: 1200px;
  margin: 0 auto;
  padding: 60px 0;
}
.gs_list {
  overflow: hidden;
}
.gs_list li {
  float: left;
  width: 354px;
  overflow: hidden;
  margin: 0 10px;
  color: #fff;
}
.gc_font {
  line-height: 28px;
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
  background: #666;
  transition: .5s;
}
.gc_div {
  width: 1124px;
  margin: 0 35px;
}
.gs_list li:hover .gc_font {
  background: #c8041a;
}
.gc_slide .gsjj_l,
.gc_slide .next_r {
  margin-top: 135px;
}
.gc_slide {
  margin-top: 30px;
}
.gc_font2 {
  line-height: 28px;
  color: #999;
  border: solid #333 1px;
  padding: 35px 60px;
  margin-top: 30px;
}
.gc_img {
  width: 354px;
  height: 285px;
  overflow: hidden;
}
.gc_img img {
  display: block;
  width: 354px;
  transition: .5s;
}
.gc_img img:hover {
  transform: scale(1.03);
}
.yyong {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 60px;
}
.yyong .ab1 {
  padding-top: 0;
}
.show1 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 30px;
}
.show_ul {
  color: #fff;
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.show_ul li {
  width: 50%;
  float: left;
  position: relative;
  box-sizing: border-box;
}
.show_ul li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 217px;
  background: #222;
  right: 0;
  top: 40px;
}
.show_ul li:last-child {
  padding-left: 140px;
}
.show_ul li:last-child:after {
  display: none;
}
.showbg {
  width: 222px;
  height: 210px;
  position: relative;
  margin-left: 155px;
}
.show_t {
  position: absolute;
  top: 37px;
  left: 38%;
  text-align: center;
}
.show_l {
  position: absolute;
  bottom: 50px;
  left: 12%;
}
.show_r {
  position: absolute;
  bottom: 50px;
  right: 12%;
}
.show_ul li:last-child .show_t {
  left: 35%;
  top: 49px;
}
.show_ul li:last-child .show_l {
  left: 17%;
}
.show_ul li:last-child .show_r {
  right: 11%;
}
.yshow_font {
  line-height: 26px;
  color: #999;
  padding-top: 35px;
  padding-bottom: 60px;
  border-top: solid #222 1px;
  width: 1200px;
  margin: 40px auto 0 auto;
}
.jjfa_2 {
  width: 1200px;
  margin: 0 auto;
  padding: 60px 0;
}
.jjfn_list {
  overflow: hidden;
  margin-top: 30px;
}
.jjfn_list li {
  width: 590px;
  margin-right: 20px;
  float: left;
  margin-bottom: 15px;
}
.jjfn_list li:nth-of-type(2n) {
  margin-right: 0;
}
.jjfn_font {
  font-size: 18px;
  line-height: 26px;
  color: #333;
  background: #c5c5c5;
  position: relative;
  padding: 15px 62px 15px 30px;
  transition: .5s;
}
.jjfn_font i {
  display: block;
  width: 34px;
  height: 34px;
  background: url(../images/jjfn1_03.png) no-repeat center;
  right: 30px;
  top: 50%;
  margin-top: -16px;
  position: absolute;
  transition: .5s;
}
.jjfn_img {
  width: 590px;
  overflow: hidden;
  height: 347px;
}
.jjfn_img img {
  width: 590px;
  display: block;
  transition: .5s;
}
.jjfn_list li:hover .jjfn_font {
  background: #c8041a;
  color: #fff;
}
.jjfn_list li:hover i {
  background-image: url(../images/jjfnh_03.png);
}
.jjfn_list li:hover img {
  transform: scale(1.03);
}
.jjfn_list2 {
  overflow: hidden;
  margin-top: 30px;
}
.jjfn_list2 li {
  width: 380px;
  float: left;
  overflow: hidden;
  margin-right: 20px;
}
.r1 {
  margin-right: 0;
  margin-bottom: 20px;
}
.jjfn_list2 li:last-child {
  margin-bottom: 0;
}
.jjfn2_img {
  width: 387px;
  overflow: hidden;
  background: #fff;
}
.jjfn2_img img {
  width: 387px;
  display: block;
  transition: .5s;
}
.jjfn_list2 li:hover .jjfn_font {
  background: #c8041a;
  color: #fff;
}
.jjfn_list2 li:hover i {
  background-image: url(../images/jjfnh_03.png);
}
.jjfn_list2 li:hover img {
  transform: scale(1.03);
}
.slides img {
  display: block;
  width: 100%;
}
.in_pro_list {
  overflow: hidden;
  background: #0a0a0a;
}
.in_pro_list li {
  width: 33%;
  float: left;
  margin-right: .5%;
  position: relative;
  overflow: hidden;
}
.in_pro_font {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(10, 10, 10, 0.6);
  width: 100%;
  padding: 26px 50px;
  box-sizing: border-box;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
  height: 92px;
}
.in_pro_tit {
  font-size: 23px;
  line-height: 28px;
  color: #fff;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.in_pro_font2 {
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.in_pro_list .inr {
  margin-right: 0;
  margin-bottom: .5%;
}
.in_pro img {
  width: 100%;
  display: block;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.bg_al {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  /*background: url(../images/jia_03.png) no-repeat center rgba(237, 0, 0, 0.73);*/
  top: 0;
  left: 0;
  transform: scale(0);
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.in_pro_list li:hover .bg_al {
  transform: scale(1);
}
.in_pro_list li:hover .in_pro_font {
  opacity: 0;
  filter: alpha(opacity=0);
}
.in_pro {
  overflow: hidden;
  width: 100%;
}
.in_pro_list li:hover img {
  transform: scale(1.03);
}
.in_newl_bot {
  overflow: hidden;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 30px 80px 30px;
  box-sizing: border-box;
}
.in_newl {
  overflow: hidden;
  position: relative;
  width: 66.5%;
  float: left;
}
.in_newl img {
  display: block;
  width: 100%;
}
.in_f {
  float: left;
}
.in_r {
  float: right;
}
.in_case_tit {
  font-size: 36px;
  line-height: 46px;
}
.in_case_tit span {
  font-family: Arial;
}
.in_f1 {
  font-size: 18px;
  line-height: 28px;
  margin-top: 10px;
}
.in_r {
  font-size: 24px;
  line-height: 26px;
}
.in_new_posi {
  margin-top: 10px;
}
.in_new {
  background: #0a0a0a;
  overflow: hidden;
}
.in_newl_li li {
  position: relative;
}
.in_newl .flex-prev,
.in_newl .flex-next {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  margin-top: -16px;
  transition: .5s;
  font-size: 0;
}
.in_newl .flex-prev {
  left: 28px;
  background: url(../images/innewl.png) no-repeat center #5f5f5f;
}
.in_newl .flex-next {
  right: 28px;
  background: url(../images/innewr.png) no-repeat center #5f5f5f;
}
.in_newl .flex-prev:hover,
.in_newl .flex-next:hover {
  background-color: #c8041a;
}
.in_tit2 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.in_new_font {
  line-height: 24px;
  margin-bottom: 38px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #fff;
}
.in_time {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}
.in_newr {
  color: #fff;
  float: right;
  width: 33.5%;
  overflow: hidden;
}
.in_newr li {
  background: #202020;
  padding: 8% 44px;
  margin-bottom: 2%;
  transition: .5s;
  box-sizing: border-box;
}
.in_newr li:hover {
  background: #c8041a;
}
.in_newr li a {
  display: block;
}
.in_last {
  overflow: hidden;
}
.img_last {
  display: block;
  width: 33.33%;
  float: left;
  position: relative;
}
.font_inl {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 29%;
  top: 0;
  left: 0;
  text-align: center;
}
.last_tit {
  font-size: 30px;
  color: #fff;
  line-height: 30px;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.last_en {
  font-size: 19px;
  color: #fff;
  margin-top: 7px;
}
.img_last > img {
  display: block;
  width: 100%;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.font_inl > img {
  width: 109px;
  display: block;
  margin: 0 auto;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.img_last:hover .last_tit {
  color: #c8041a;
}
.img_last:hover .font_inl > img {
  transform: translateY(-5px);
}
.header_in {
  position: absolute;
  z-index: 4;
  width: 100%;
  box-sizing: border-box;
}
.header_in1 {
  padding: 27px 50px;
}
.h_right {
  float: right;
}
.line_nav li {
  width: 29px;
  height: 3px;
  background: #fff;
  margin-bottom: 3px;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.h_right .chan_en {
  margin-top: -6px;
}
.line_nav {
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 10;
}
.chn_line {
  display: block;
  width: 0;
  height: 15px;
  background: #343434;
  margin: 0 20px;
  float: right;
}
.h_right .chan_inner:before {
  display: none;
}
.navl_l_tit {
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 15px;
}
.navl_font2 {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-top: 5px;
}
.navinl {
  width: 316px;
  float: left;
  color: #fff;
  display: none;
}
.navin_lbox .on {
  display: block;
}
.nav_show {
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(200, 1, 24, 0.9);
  z-index: 7;
  padding: 140px 45px 90px 45px;
  display: none;
}
.navinl > a {
  display: block;
}
.topa {
  margin-top: 85px;
}
.navin_r{float: right;border-left:solid rgba(255,255,255,.3) 1px;padding-left:57px;min-width:178px;}
.navin_r > li > a {
  display: block;
  font-size: 18px;
  line-height: 20px;
  padding: 17px 0;
  border-bottom: solid rgba(255, 255, 255, 0.32) 1px;
  color: #fff;
}
.navin_r > li:first-child > a {
  padding-top: 0;
}
.nav2_inr > li > a {
  display: block;
  padding-left: 14px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  background: url(../images/nav2poin.png) no-repeat left center;
}
.nav3_inr > li > a {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  padding-left: 12px;
}
.nav3_inr,
.nav2_inr {
  display: none;
}
.navin_r > .on > a {
  border-bottom: none;
}
.on .line_1 {
  transform: rotate(45deg) translate(5px, 5px);
}
.on .line_3 {
  transform: rotate(-45deg) translate(3px, -4px);
}
.on .line_2 {
  width: 0;
}
.miaod {
  position: relative;
}
#ab1,
#ab2,
#ab3,
#ab4 {
  position: absolute;
  top: 0px;
  width: 1px;
  height: 1px;
}
.casedet_list {
  text-align: center;
}
.case_p {
  text-align: left;
  margin-bottom: 20px;
}
.casedet_list img {
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.sr-bdimgshare-black .bdimgshare-bg,
.sr-bdimgshare .bdimgshare-content {
  display: none;
}
@media screen and (max-width: 1600px) {
  .voice1 {
    top: -58px;
  }
  .spec3 .fang .voice1 img {
    top: 199px;
  }
  .topa {
    margin-top: 43px;
  }
}
@media screen and (max-width: 1251px) {
  .nav > li {
    margin-right: 40px;
  }
}
@media screen and (max-width: 1366px) {
  .navf {
    padding: 0 1%;
    margin: 0px 1%;
  }
}

.banner_index{position:relative;}
.banner_index img{display:block;width:100%;}
.banner_index .flex-direction-nav .flex-prev, .banner_index .flex-direction-nav .flex-next {
    display: block;
    width: 55px;
    height: 55px;
    border: solid #fff 1px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    transition: .5s;
    font-size: 0;
}
.banner_index .flex-direction-nav .flex-prev {
    left: 100px;
    background: url(../images/indexlh.png) no-repeat center;
}
.banner_index .flex-direction-nav .flex-next {
    right: 100px;
    background: url(../images/indexr.png) no-repeat center;
}
.banner_index .flex-direction-nav .flex-prev:hover {
    background-color: #c8041a;
    border-color: #c8041a;
}
.banner_index .flex-direction-nav .flex-next:hover {
    background-color:#c8041a;
    border-color: #c8041a;
}

.navin_lbox{width: 316px;
    float: left;
    margin-right: 51px;
    display: none;}
    
    
    
    

/*1018.1.17*/
.ban2 {
  overflow: hidden;
}
.ban2 img {
  display: block;
  width: 100%;
}
.detimg2 {
  text-align: center;
}
.det2_tit {
  font-size: 46px;
  color: #fff;
  padding-top: 70px;
}
.det2_p {
  font-size: 20px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 15px;
  margin-bottom: 50px;
}
.det2inner {
  padding-bottom: 76px;
  width: 1200px;
  margin: 0 auto;
}
.det2inner img {
  max-width: 100%;
  display: block;
}
.det3_tit {
  font-size: 46px;
  line-height: 30px;
  color: #fff;
}
.det3inner {
  margin: auto;
  text-align: center;
}
.det3left {
  width: 50%;
  float: left;
  color: #fff;
  font-size: 18px;
  margin-top: 270px;
}
.det3right {
  width: 50%;
  float: left;
  color: #fff;
  font-size: 18px;
  margin-top: 270px;
}
.detimg3 {
  position: relative;
}
.detimg3 img {
  display: block;
  width: 100%;
}
.det_posi {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center;
}
.detimg4 {
  overflow: hidden;
}
.detimg4_l {
  width: 64%;
  float: left;
  padding-top: 3%;
}
.detimg4_l img {
  display: block;
  max-width: 100%;
}
.det4font_r {
  width: 32%;
  float: left;
  padding-top: 18%;
  padding-left: 3%;
  padding-right: 1%;
}
.det4_tit {
  font-size: 46px;
  color: #fff;
  margin-bottom: 10px;
}
.det4font_r p,
.det5_l p {
  color: rgba(255, 255, 255, 0.52);
  font-size: 20px;
  line-height: 30px;
}
.det5_r {
  width: 50%;
  float: left;
}
.det5_r img {
  display: block;
  max-width: 100%;
}
.det5_inner {
  max-width: 1350px;
  margin: 0 auto;
  overflow: hidden;
  padding: 100px 0 80px 0;
}
.det5_l {
  width: 50%;
  float: left;
  padding-top: 17%;
}
.det6_inner {
  max-width: 1460px;
  margin: 0 auto;
  padding: 130px 50px 100px 50px;
  overflow: hidden;
}
.det6l {
  width: 50%;
  float: left;
}
.det6l img {
  max-width: 100%;
  display: block;
}
.cs_tit {
  font-size: 36px;
  color: #fff;
  text-align: center;
  margin-bottom: 25px;
}
.det6r table {
  width: 100%;
  color: rgba(255, 255, 255, 0.46);
  margin-bottom: 21px;
}
.det6r {
  width: 50%;
  float: left;
  text-align: center;
}
.det6r table tr {
  border-bottom: solid rgba(255, 255, 255, 0.4) 1px;
  text-align: left;
}
.det6r table tr:first-child {
  border-top: solid rgba(255, 255, 255, 0.4) 1px;
}
.det6r table td {
  padding: 4px 0;
  line-height: 24px;
}
.det6r span {
  color: #d3130e;
  text-align: center;
}
.detimg7 {
  width: 100%;
  overflow: hidden;
}
.det7l {
  width: 50%;
  float: left;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.det7l img {
  width: 100%;
  display: block;
}
.det7_tit,
.det7_en {
  font-size: 36px;
  color: #fff;
}
.det7bg {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.59);
  -moz-transition: all 1.8s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.det7_en {
  font-family: Arial;
}
.det7l:hover .det7bg {
  top: 0;
}
.center_div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.xgch_font {
  font-size: 46px;
  color: #fff;
}
.xgch_en {
  font-size: 30px;
  color: rgba(255, 255, 255, 0.39);
  position: relative;
}
.xgch_en:before {
  content: "";
  position: absolute;
  width: 118px;
  height: 1px;
  background: #ffffff;
  bottom: -36px;
}
.proo_font {
  background: #181818;
  float: left;
  width: 25.7%;
  padding-left: 107px;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  padding-top: 9%;
}
.pro_dettit {
  font-size: 18px;
  color: #fff;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prodet_font {
  padding: 0 10%;
}
.prodet_font p {
  font-size: 12px;
  color: #bebebe;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.other_pro {
  overflow: hidden;
  float: right;
  width: 74%;
  background: #0b0b0b;
  margin-left: .3%;
}
.other_pro a {
  background: url(../images/otherbg.jpg) no-repeat center;
  overflow: hidden;
  width: 33%;
  text-align: center;
  float: left;
  padding-bottom: 48px;
  margin-right: 0.33%;
  display: block;
}
.other_pro a:last-child {
  margin-right: 0;
}
.pro_other {
  overflow: hidden;
  background: #0b0b0b;
  position: relative;
}
.other_pro a img {
  display: block;
  width: 100%;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.other_pro a:hover img {
  transform: scale(1.1);
}
.xaingqing{margin-top: 25px; color: #fff;}
    
    
 .header_index{ background-color: rgba(13, 14, 16, 0.28);
  position: absolute;
  width: 100%;
  z-index: 3;left:0;top:0;padding: 21px 50px 20px;}

.p_titen{
  font-size: 48px;
  line-height: 60px;
  color:rgba(255,255,255,0.1);text-align: center;font-family: Arial;}
.p_t{
 padding-top:10px;
  font-size: 30px;
  line-height: 12px;
  color: #fff;text-align: center;}
.p_titbg{background-color: #0a0a0a;padding-top: 70px;
  padding-bottom: 60px;}

.tit_line{display:block;
  width: 37px;
  height: 3px;
  margin:0 auto;
  background-color: #dc0118;
  margin-top: 41px;}
  .header_index .nav > li > a
  {
          line-height: 26px;
      }
      
  .header_index .chan_en
  {
      margin-top: 2px;
      }
      
/*详情*/
.product-zoom {background: url("../images/icon5.jpg") repeat-y 780px top;margin-bottom: 40px;}
.product-zoom:after { clear: both; display: block; content: '';height:0;visibility:hidden; }
.prod_detail_left{float: left;width: 740px;}
/*放大镜*/
.spec-preview{width:547px;background: #fff; float: left;height: 547px;overflow: hidden;}
.jqzoom{position:relative;cursor:pointer;display:block;width: 100%;height: 547px;overflow: hidden;}
.jqzoom img{display: block;width: 100%;height: 547px;}
.zoomdiv{z-index:100;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*缩略图*/
.spec-scroll{float:right;width:171px;position: relative;}
.spec-scroll .prev,
.spec-scroll .next{z-index: 5; display:block;text-align:center;width:39px;height:39px;left: 50%;margin-left: -20px; position: absolute; cursor:pointer;text-decoration:none;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.spec-scroll .prev{top:0; background:url("../images/pd2_03.png") no-repeat center #cfcfcf;}
.spec-scroll .next{bottom: 0; background:url("../images/pd2_06.png") no-repeat center #cfcfcf;}
.spec-scroll .prev:hover,
.spec-scroll .next:hover{background-color: #e72025;}
.spec-scroll .items{position:relative;width:171px;height:547px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;top:0;}
.spec-scroll .items ul li{width:169px;text-align:center;margin-bottom:17px;height: 169px;overflow: hidden; border:1px solid #fff;  -webkit-transition:  .4s;  -moz-transition:  .4s;  -ms-transition:  .4s;  -o-transition:  .4s;  transition:  .4s;}
.spec-scroll .items ul li img{    width: 169px;
    cursor: pointer;
    display: block;
    height: 169px;}
.spec-scroll .items ul li:hover,
.spec-scroll .items ul li.hover{border-color:#e72025;}
.product-intro { width: 380px; float: right;}
.product-intro h1 {background: url("../images/icon2.jpg") no-repeat left bottom; font-size: 34px; line-height: 55px;color: #ffffff;}
.product-intro .con {min-height: 460px; overflow: hidden;margin-top: 14px;padding-bottom: 30px;}
.product-intro .con p{line-height: 24px;color: #888;}
.pd_share_wrap{overflow: hidden;margin-top: 16px;}
.pd_share_wrap i{display: block;float: left;line-height: 30px;font-style: normal;margin-right: 8px;}
.pd_share_wrap .bdsharebuttonbox{overflow: hidden;float: left;}
.pd_share_wrap .bdsharebuttonbox a{background-position: center !important;background-repeat: no-repeat !important; display: block;float: left; width: 30px !important;height: 31px !important;padding: 0 !important;margin: 0 0 0 8px !important;}
.pd_share_wrap .bdsharebuttonbox a:first-child{margin-left: 0 !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_linkedin{background-image: url("../images/prod_detail_13.png") !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_linkedin:hover{background-image: url("../images/product_62.png") !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_fbook{background-image: url("../images/prod_detail_06.png") !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_fbook:hover{background-image: url("../images/product_64.png") !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_twi{background-image: url("../images/prod_detail_16.png") !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_twi:hover{background-image: url("../images/product_84.png") !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_ytb{background-image: url("../images/prod_detail_08.png") !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_ytb:hover{background-image: url("../images/product_66.png") !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_google{background-image: url("../images/prod_detail_10.png") !important;}
.pd_share_wrap .bdsharebuttonbox a.bds_google:hover{background-image: url("../images/product_68.png") !important;}
.pd_share_wrap .bdsharebuttonbox a:hover{opacity: 1 !important;filter:alpha(opacity=100) !important;}

.pd_para_hd{overflow: hidden;}
.pd_para_hd li{float: left;position: relative;background: #cfcfcf; line-height: 52px;min-width: 113px;text-align: center; margin-left: 3px; color: #000;padding: 0 15px; cursor: pointer;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.pd_para_hd li:first-child{margin-left:0;}
.pd_para_hd li.on,.pd_para_hd li:hover{background: #c8041a;color: #ffffff;}
.pd_para_wrap{}
.pd_para_list{padding: 20px 0 0;display: none;color: #fff;}
.pd_para_list.on{display: block;}
.pd_para_list p{line-height: 24px;color: #5e5e5e;}
.pd_para_list img{display: block;max-width: 100%;}


/*上一页、下一页*/
.page_back_wrap{overflow: hidden;margin-top: 30px;}
.page_back{overflow: hidden;float: right;background: #cfcfcf;}
.page_back a{display: block;line-height: 40px;color: #666;float: left;width: 117px;text-align: center;}
.page_back a.back{background: #fff; border: 1px solid #cfcfcf;color: #666;line-height: 38px;}
.page_back a:hover{border-color: #c8041a;color: #fff;background-color: #c8041a;}