.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;
   display:none;
}
.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: #fff;
  font-size: 12px;
  line-height: 26px;
  width: 68px;
  text-align: right;
  float: right;
  position: relative;
  cursor: pointer;
  margin-top: 10px;
}
.chan_inner span {
  display: block;
}
.chan_inner {
  position: absolute;
  width: 100%;
  height: 26px;
  z-index: 3;
  top: 0;
  left: 0;
  background: url(../images/enbg_03.png) no-repeat 20px 6px;
  -webkit-transition: .5s;
  transition: .5s;
  overflow: hidden;
}
.en1 {
  display: block;
  color: #7d7d7d;
  font-size: 12px;
  -webkit-transition: .5s;
  transition: .5s;
  text-align: center;
}
.chan_inner:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 1px;
  background-color: #434343;
  left: 0;
  top: 9px;
}
.en1:hover,
.chan_inner:hover {
  color: #fff;
}
.chan_inner:hover {
  height: auto;
}
.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;
}





/*v_2019.1.22 update*/
.bg_black {
  background: #0c0d0f;
}
.ce_div {
  width: 1200px;
  margin: 0 auto;
}
.ce_div::before,.ce_div::after{content: '';display: table;}
.ce_div::after{clear: both;}
.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;
  -o-transition: .5s ;
  transition: .5s ;
}
.link_div > a:hover,
.link_div > .on {
  background: #c8041a;
}
.product-menu{max-width: 1000px;float: left;}
.product-menu .m-item{float: left;position: relative;}
.product-menu .m-a{
	display: block;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    padding: 0 10px;
    min-width: 140px;
    text-align: center;
    transition: all .3s;
}
.product-menu .m-item:hover .m-a{
	background: #c8041a;
	color: #fff;
}

.product-menu .m-item .active{background: #c8041a;
	color: #fff;}
.product-menu .m-ul{
	position: absolute;
	top:100%;
	padding-top: 16px;
	left: 0;
	min-width: 100%;
	z-index: 10;
	box-shadow:0 3px 10px 2px rgba(0, 0, 0, 0.13);
	display: none;
}
.product-menu .m-ul li{position: relative;}
.product-menu .m-ul>li:first-child::before{
	content: '';
	width: 10px;
	height: 7px;
	background: url(../images/drop_02.png) no-repeat;
	position: absolute;
	bottom: 100%;
	left: 50%;
	z-index: 2;
	margin-left: -5px;
	transition: all .3s;
}
.product-menu .m-ul li a{
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding:15px 10px;
	text-align: center;
	background: #fff;
	transition: all .3s;
}
.product-menu .m-ul>li:hover>a{background: #c8041a;color: #fff;}
.product-menu .m-ul>li:first-child:hover::before{background: url(../images/drop_01.png) no-repeat;}
.product-menu .m-ul li ul{
	position: absolute;
	left: 100%;
	top:0;
	width: auto;
	min-width: 128px;
	z-index: 10;
	padding:0 1px;
	box-shadow:0 3px 10px 2px rgba(0, 0, 0, 0.13);
	display: none;
}
.product-menu .m-ul li ul a{white-space: nowrap;}
.product-menu .m-ul li ul li a:hover{color: #c8041a}
.product-menu .m-item:hover .m-ul{display:block;}
.product-menu .m-ul li:hover ul{display: block;}
/*v_2019.1.22 update end*/





.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;
}
.footer {
  padding: 50px 90px 20px 90px;
  background: #0f0f0f;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.fl {
  font-size: 14px;
  line-height: 26px;
  color: rgba(250, 250, 250, 0.54);
  float: left;
  width: 20%;
 
}
.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;
	 border-left: solid rgba(63,68,74,0.5) 1px;
border-right: solid rgba(63,68,74,0.5) 1px;
padding: 0 7%;
width: 60%;
box-sizing: border-box;
}

.navf:before {
  left: 0;
}
.navf:after {
  right: 0;
}
.navf > li {
  float: left;
 width: 16.6666666%;
}
.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: 40px 0 20px;
}
.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: left;
  color: #888;
  line-height: 28px;
}
.ctm a {
  color: #888;
  line-height: 28px;
}
.p_last {
  float: left;
}
.foot-bot{position: relative;}
.fot_last {
  overflow: hidden;
}
.ysd-tj{position: absolute;right: 0;top: 0;}
.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;
  min-height: 156px;
  overflow: hidden;
}
.falc_img img {
  width: 451px;
  display: block;
  transition: .5s;
  height: 100%;
}
.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: 1px;
  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;}



/*v_2019/2/22 update */
.dropdown-menu {
    position: fixed;
    top: 67px;
    left: 0;
    z-index: 999;
    width: 100%;
    min-width: 1200px;
    height: auto;
    background-color: #fff;
    display:none;
    overflow: hidden;
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
}
.dropdown-container{width: 1260px;margin:0 auto;}
.dropdown-container:before,.dropdown-container:after{content: " ";display: table;}
.dropdown-container:after{clear: both;}
.stretch{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start; 
}
.column-item{float: left;padding:8px 10px;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;border-bottom: 3px solid transparent;border-left: 1px solid #9e9e9e54;}
.column-item::before,.column-item::after{
	content: '';
	width: 1px;
	position: absolute;
	top:106px;
	bottom: 35px;
	/* background: #e7e7e7; */
}
.column-item::before{left: 33.3333%;}
.column-item::after{right: 33.3333%;}
.column-item.is-first::before{left: 50%;}
.column-item.is-first::after{display: none;}
.column-item:hover{background: #f7f7f7;border-bottom: solid #c8041a 3px;}
.column-title{padding:0 15px;}
.column-title a{display: block;background:url(../images/dropdown_01.png) no-repeat left center;padding:14px 15px;border-bottom: 1px solid #e7e7e7;}
.column-title b{font-size: 18px;font-weight: 700;}
.column-title span{font-size: 14px;color:#888;margin-left: 5px;}
.column-col{padding-top: 26px;}
.nav-item{float: left;width:120px;padding: 0 10px;/* border-left: 1px solid #9e9e9e54; */}
.nav-item dt{border-bottom: 1px dashed #a2a1a1;padding-bottom: 15px;}
.nav-item dt a{font-size: 18px;line-height:1;transition: all .3s}
.nav-item dd{margin:10px 0;}
.nav-item dd a{font-size: 14px;line-height: 20px;color:#888;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.nav-item dt a:hover,.nav-item dd a:hover{color:#c8041a;}
@media (max-width: 1300px){
	.dropdown-container{width: 1200px;}
	.column-item{padding:8px 0;}
	.column-item:hover{background: #f7f7f7;border-bottom: solid #c8041a 3px;}
}
/*v_2019/2/22 update end*/ 


/*v_2019/1/26 update  Cas*/
.in_pro_list.home-case li{width: 24.625%;}
@media (max-width: 1430px){
  .in_pro_font{padding: 15px 20px;height: auto}
  .in_pro_tit{font-size: 20px;}
}
/*v_2019/1/26 update end*/



/*=======2019.9.18=======*/
@font-face {
    font-family: 'din';
 		src: url('../font/DINMITTELSCHRIFTSTD.eot');
    src: url('../font/DINMITTELSCHRIFTSTD.woff') format('woff'),
    url('../font/DINMITTELSCHRIFTSTD.ttf') format('truetype'),
    url('../font/DINMITTELSCHRIFTSTD.svg') format('svg');

}
@font-face {
    font-family: 'hpb';
 		src: url('../font/HelveticaNeueLTPro-Bd.eot');
    src: url('../font/HelveticaNeueLTPro-Bd.woff') format('woff'),
    url('../font/HelveticaNeueLTPro-Bd.ttf') format('truetype'),
    url('../font/HelveticaNeueLTPro-Bd.svg') format('svg');
}
.ysd-head{padding: 0 50px;box-sizing: border-box;height: 100px; position: fixed;top: 0;left: 0;width: 100%;background: rgba(12,13,15,0.5);z-index: 999;}
.ysd-logo{float: left;padding: 25px 0;}
.ysh-tel{position: relative; box-sizing: border-box;font-family: 'din'; float: right;color: white;font-size: 22px;padding-left: 35px;}
.ysh-tel::after{-webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;position: absolute;content: '';width: 22px;height: 27px;background: url(../images/ysd-tel.png) no-repeat left center;left: 0;top: 0;background-size: 24px;}




@keyframes spin {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes spin {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}


.ysh-right{float: right;}
.ysh-phone{overflow: hidden;margin-top: 7px;}
.ysh-nav{height: 66px;}
.navbar{float: right;}
.category-item{float: left;padding: 0 16px;}
.category-item-single{position: relative;}
.category-a{display: block;font-size: 16px;line-height:66px;color: #fff;padding: 0 16px;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;position: relative;}
.category-a::after{position: absolute;content: '';width: 0%;height: 3px;background: #c8041a;bottom: 0;left: 50%;transition: all .5s;}
.category-item.active .category-a,.category-item:hover .category-a{color: #c8041a;}
.category-item.active .category-a::after,.category-item:hover .category-a::after{width: 100%;left: 0;}
.dropdown-single {position: absolute;top: 100%;left: 0; width: 100%;z-index: 11;background: #f2f6fa;max-height: 0; opacity: 0; overflow: hidden; -webkit-transition: max-height .8s;-o-transition: max-height .8s; transition: max-height .8s; border: none;color: #303233;padding: 0; -ms-box-shadow: 0 3px 20px rgba(0,0,0,0.15);-o-box-shadow:  0 3px 20px rgba(0,0,0,0.15);-webkit-box-shadow:  0 3px 20px rgba(0,0,0,0.15);box-shadow:  0 3px 20px rgba(0,0,0,0.15);}
.dropdown-single .dropdown-pad {padding: 50px 0 0;width:1560px;margin: 0 auto; overflow: hidden;}
.dropdown-top{padding-bottom: 44px;border-bottom: solid 1px #d2d2d2;}
.dropdown-left{margin-right: 100px; width: 260px;height: 260px;padding: 20px;background: white;float: left;}
.dropdown-left img{display: block;width: 100%;height: 100%;}
.dropdown-top dl{width: 226px;float: left;padding-top: 16px;}
.dropdown-top dt{margin-bottom: 22px;}
.dropdown-top dt a{font-family: '思源黑体 CN Regular','regular'; display: block;font-weight: bold;font-size: 20px;color: #333;}
.dropdown-top dd a{ font-family:'思源黑体 CN Regular','regular';padding-left: 11px;background: url(../images/dot.png) no-repeat left center; display: block;font-size: 16px;color: #666666;}
.dropdown-top dd{margin-bottom: 18px;}
.dropdown-top dt a:hover,.dropdown-top dd a:hover{color: #018fd7;}
.dropdown-bot{ font-family:'思源黑体 CN Regular','regular';height: 63px;font-size: 16px;color: #666;text-align: center;line-height: 63px;}
.dropdown-bot span{font-size: 24px;font-weight: bold;}
.dropdown-sma {position: absolute;background: #fff;   width: 172px;z-index: 2;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);left: 50%;margin-left: -86px;   max-height: 0; opacity: 0;overflow: hidden; -webkit-transition: max-height .8s;-o-transition: max-height .8s; transition: max-height .8s;}
.ysd-pad{padding: 20px 10px;border-bottom: solid #c8041a 3px;}
.category-item:hover .dropdown-single,.category-item:hover .dropdown-sma{ max-height: 500px;opacity: 1;height: auto;}
.ysd-pad a {padding: 10px 20px;display: block;border-bottom: solid rgba(204, 204, 204, 0.3) 1px;}
.ysd-pad a:hover{color: #c8041a;}
.language {float: right;position: relative;}
.language-text {margin-left: 28px; position: relative; display: block;color: #fff; line-height: 66px; font-size: 14px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s; padding-left: 40px; background: url(../images/lanu.png) no-repeat left 20px center;}
.language-text::after{position: absolute;content: '';width: 1px;height: 16px;background: #797a7b;top: 25px;left: 0;}
.language-list { position: absolute; top: 100%;right: 0; z-index: 10; background: #fff; padding: 0px 0; -webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05); box-shadow: 0 2px 4px 2px rgba(0,0,0,.05); opacity: 0; visibility: hidden; -webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.language-list a { display: block; padding: 10px 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.language:hover .language-text {color: #018fd7;}
.language:hover .language-text i {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}
.language:hover .language-list {opacity: 1;visibility: visible;}
.language-list a:hover {color: #fff; background: #018fd7;}


.section{overflow: hidden;width: 100%;}
.ysd-main{width: 1400px;margin: 0 auto;}
.index-one{padding: 65px 0 20px;background: url(../images/ino-bg.jpg) no-repeat center;background-size: cover;}
.ysd-tit{font-weight: bold;text-align: center;color: white;font-size: 34px;line-height: 52px;letter-spacing: 5px;}
.ysd-dec{color: rgba(255,255,255,0.7);font-size: 16px;line-height: 30px;text-align: center;}
.index-one ul{margin: 33px -5px 0;box-sizing: border-box;}
.index-one li{width: 33.33333333%;float: left;padding: 0 5px;box-sizing: border-box;}
.ino-list{display: block;width: 100%;position: relative;background: white;}
.ino-pic{width: 100%;height: 460px;overflow: hidden;}
.ino-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.ino-font{font-size: 22px;color: white;position: absolute;width: 100%;bottom: 0;left: 0;background: rgba(0,0,0,0.45);text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 70px;transition: all .5s; }
.ino-list:hover .ino-font{opacity: 0;}
.ino-list:hover img{transform: scale(1.05);}
.index-two{padding: 63px 0 20px;background: url(../images/int-bg.jpg) no-repeat center;background-attachment: fixed;background-size: cover;}
.int-nav{margin-top: 13px;text-align: center;}
.int-nav a{color: #a4abb4;opacity: 0.7; font-size: 18px;line-height: 18px;display: inline-block;padding: 0 15px;border-right: solid 1px #3a404b;}
.int-nav a:last-child{border-right: none;}
.int-nav a.on{color: #fff;opacity: 1;}
.int-box{margin: 45px -10px 0;box-sizing: border-box;display: none;}
.int-box.on{display: block;}
.int-left{width: 50%;padding: 0 10px;box-sizing: border-box;position: relative;float: left;}
.int-left li{width: 690px !important;}
.int-list{display: block;width: 690px;position: relative;}
.int-pic{width: 100%;overflow: hidden;height: 460px;}
.int-pic img{display: block;height: 100%;transition: all .5s;}
.int-font{box-sizing: border-box;position: absolute;width: 100%;left: 0;padding: 0 30px;bottom: -1px;font-size: 22px;line-height:172px;color: white;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: url(../images/int-left.png) repeat-x center;}
.int-left .flex-prev, .int-left .flex-next {opacity: 0.8;display: block; width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -25px;transition: .5s;font-size: 0;}
.int-left .flex-prev {left: 10px; background: url(../images/indexlh.png) no-repeat center; background-size: 10px;}
.int-left .flex-next {right: 10px;background: url(../images/indexr.png) no-repeat center;background-size: 10px;}
.ine-left .flex-prev:hover,.ine-left .flex-next:hover{opacity: 1;}

.int-left .swiper-pagination{bottom: 40px !important;left: 25px !important;}
.int-left .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px; background: white;border-radius: 50%;float: left;opacity: 1;}
.int-left .swiper-pagination-bullet-active{background: #a61111;}


.int-top{margin-bottom: 9px; background: rgba(103,150,214,0.26);display: block;padding: 22px 20px 19px;}
.int-top h3{font-size: 22px;line-height: 44px;color: rgba(255,255,255,0.78);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.int-top p{margin-bottom: 13px; font-size: 14px;line-height: 24px;color: rgba(255,255,255,0.7);    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.int-top span{font-size: 14px;line-height: 24px;color: rgba(255,255,255,0.3);display: block;}
.int-bot{ background: rgba(103,150,214,0.26);}
.int-dec{display: block;padding-left: 23px;font-size: 18px;color: rgba(255,255,255,0.75);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 46px;border-bottom: solid 1px rgba(255,255,255,0.1);}
.int-dec:last-child{border-bottom: none;}
.int-dec:hover{color: white;}
.int-top:hover h3{color: white;}
.index-three{padding: 63px 0 20px;background: #041020;}
.ine-box{margin-top: 53px;}
.ine-left{width: 445px;float: left;position: relative;}
.ine-list{display: block;width: 100%;position: relative;}
.ine-pic{width: 100%;overflow: hidden;height: 334px;}
.ine-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.ine-font{box-sizing: border-box;position: absolute;width: 100%;left: 0;padding: 25px 30px;bottom: 0px;background: url(../images/ine-font.png) repeat-x center;}
.ine-font p{font-size: 18px;line-height: 30px;color: white;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 30px;}
.ine-left .flex-direction-nav .flex-prev, .ine-left .flex-direction-nav .flex-next {opacity: 0.5; display: block; width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -25px;transition: .5s;font-size: 0;}
.ine-left .flex-direction-nav .flex-prev {left: 10px; background: url(../images/indexlh.png) no-repeat center; background-size: 10px;}
.ine-left .flex-direction-nav .flex-next {right: 10px;background: url(../images/indexr.png) no-repeat center;background-size: 10px;}
.ine-left .flex-direction-nav .flex-prev:hover, .ine-left .flex-direction-nav .flex-next:hover{opacity: 1;}
.ine-mid{width: 520px;margin: 0 37.5px;float: left;}
.ine-dec{display: block;font-size: 18px;color: rgba(255,255,255,0.7);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 55px;border-top: solid 1px rgba(255,255,255,0.1);}
.ine-dec:last-child{border-bottom: none;}
.ine-dec:hover{color: white;}
.ine-right{float: right;width: 360px;position: relative;}
.ine-right img{display: block;width: 100%;}
.ine-pause{width: 128px;height: 131px;overflow: hidden;position: absolute;top: 50%;margin-top: -65.5px;left: 50%;margin-left: -64px;}
.ine-right p{position: absolute;width: 100%;left: 0;top: 220px; font-size: 22px;line-height: 30px; color: white;text-align: center;}
.msg-box-bg {box-sizing: border-box;width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}
.msg-box {box-sizing: border-box;width: 860px;height: 524px;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;margin-left: -430px;top: 0;margin-top: -262px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.msg-box .close-box {box-sizing: border-box;width: 38px;height: 38px;background: url(../images/close.png) no-repeat center; cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.index-four{padding-top: 70px;background: url(../images/ino-bg.jpg) no-repeat center;background-size: cover;}
.inf-right{height: 394px; float: right;width: 50%;overflow: hidden;}
.inf-right img{display: block;height: 100%;transition: all .5s;}
.inf-left{height: 394px; box-sizing: border-box;width: 50%;float: left;padding: 48px 40px;background: #122236;}
.inf-tit{margin-bottom: 25px; font-size: 40px;line-height: 52px;color: white; font-weight: bold;letter-spacing: 7px;}
.inf-dec{height: 192px;}
.inf-dec p{margin-bottom: 14px; font-size: 14px;color: rgba(255,255,255,0.72);line-height: 28px;}
.inf-left a{display: block;font-size: 14px;color: white;line-height: 48px;}
.index-four ul{padding: 61px 0 51px;}
.index-four li{width: 25%;float: left;}
.inf-icon{width: 71px;height: 71px;float: left;border-right: solid 1px rgba(255,255,255,0.1);}
.inf-icon img{display: block;width: 100%;}
.inf-font{margin-left: 80px;}
.inf-font h3{height: 46px; color: white;font-size: 20px;line-height:46px;margin-bottom: 9px;}
.inf-font p{font-size: 16px;color: rgba(255,255,255,0.5);line-height: 16px;}
.inf-font h3 span{font-size: 60px;font-family: 'hpb';float: left;}
.inf-font h3 i{float: left;font-size: 20px;font-style: normal;line-height: 16px;}

@media (max-width: 1440px) {
	.ysd-main{width: 1200px;}
	.ino-pic{height: 393px;}
	.ine-left{width: 380px;}
	.ine-pic{height: 285px;}
	.ine-mid{width: 445px;margin: 0 32px;}
	.ine-dec{line-height: 46px;}
	.ine-right{width: 310px;}
	.banner_index .flex-direction-nav .flex-next{right: 50px;}
	.banner_index .flex-direction-nav .flex-prev{left: 50px;}
}
@media (max-width: 1360px) {
	.category-a,.category-item{padding: 0 10px;}
}

@media (max-width: 1440px) {
	.ysd-tit,.inf-tit{font-size: 30px;letter-spacing: 3px;}
	.ino-font{font-size: 18px;line-height: 50px;}
	.int-nav a{font-size: 16px;line-height: 16px;}
	.int-font{font-size: 18px;}
	.int-top h3{font-size: 18px;}
	.int-dec,.ine-dec,.ine-font p{font-size: 16px;}
	.ine-right p{font-size: 18px;top: 185px;}
	.inf-font h3 span{font-size: 46px;}
}