@charset "utf-8";
/* CSS Document */
/*公司*/
.gongs{ background:#fff; padding:60px 0;}
.gongs h3{ font-size:40px; color:#333; text-align:center; margin-bottom:25px; font-weight:bold;}
.gongs p{ font-size:16px; color:#333; line-height:32px; text-align:center; max-width:1200px; width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.aboutt{ width:100%; max-width:674px; height:auto; margin:50px auto; display:block;}
/*数据统计滚动*/
.product-number-info {
	position: relative;
	background:url(../chan/ab1.jpg) no-repeat center center; padding-bottom:50px;
}
.product-number-info .product-number-inner {
	width: 100%;
	max-width:1440px;
	margin: 0 auto;
}
.product-number-info ul {
	
}
.product-number-info ul.q:after {
	content: "";
	clear: both;
	display: table;
}
.product-number-info li {
	padding: 70px 0;
	float: left;
	width:20%;
	text-align:center;
	box-sizing:border-box;
	position:relative;
	
	border-left: 1px solid #d9d9d9;
	color: #fff;
	
}

.product-number-info li:hover { background:#c7000a;}
.product-number-info li:hover *{ color:#fff;}

.product-number-info li:hover::after, .product-number-info li:hover::before{ height:10px; content: ''; display: block;  position: absolute; left: 0; right: 0; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; background-color: #c7000a;  }
.product-number-info li:hover::before{ bottom:100%;}
.product-number-info li:hover::after{ top:100%;}

.product-number-info li:first-child {
	border: none;
}
.product-number-info li b {
	font-weight: 400;
	font-size: 60px;
	line-height: 1;
	color:#c7000a;
	display: inline-block;
	position: relative;
	margin: 15px 0 10px;
}
.product-number-info li b i {
	font-style: normal;
}
.product-number-info li b sup {
	
	
	top: -3px;
}
.product-number-info li b em {
	font-style: normal;
	font-size: 28px;
	font-weight: 100;
	padding-left:8px;
	position: relative;
	top: -4px;
}
.product-number-info li p {
	font-size: 18px; color:#666666;
	margin-top:36px;
}
.product-number-info li.li-2 b, .product-number-info li.li-2 p {
	
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	
}
.product-number-info li.li-4 b, .product-number-info li.li-4 p {
	
}
.product-number-info li.li-5 {
	
}
.product-number-info li.li-5 b {
	padding-right: 2px;
}

.product-number-inner {width: 81.4%;max-width: 1400px;z-index: 2;background-color: #fff;-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);overflow: visible;margin-top: 10px;}

.sj_09{overflow:hidden;}
.sj_09 img.img1{width:100%;display:block;}
.sj_09_c{width:100%;overflow:hidden;position:relative;z-index:999;margin-top:-27%;}
.sj_09c_fr{width:100%;overflow:hidden;background-color:rgba(255,255,255,0.9);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:60px;}
.sj_09c_fr p{width:100%;overflow:hidden;font-size:14px;color:#000;line-height:24px;margin-bottom:20px;}
.sj_09c_fr p.p1{text-align:center;font-size:24px;color:#000;line-height:40px;}
.sj_09c_fr p b{width:30px;height:2px;display:block;overflow:hidden;background-color:#e60000; margin:12px auto;left:0px;bottom:0px;}

.sj_10{overflow:hidden;background-color:#fff;}
.sj_10 ul li{width:100%;overflow:hidden;margin-bottom:60px;position:relative;}
.sj_10 ul li .sj_10_img{width:60%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.sj_10 ul li .sj_10_img b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}
.sj_10 ul li .sj_10_img img{width:100%;display:none;}
.sj_10 ul li .sj_01_txt{width:100%;overflow:hidden;position:relative;z-index:99;margin:30px 0px;}
.sj_10 ul li .sj_01_txt .sj_10txtfr{width:50%;float:right;/* margin-right:2%; */padding:20px 0px;padding-left: 15%;overflow:hidden;}
.sj_10 ul li .sj_01_txt .sj_01txt_slide{width:100%;overflow:hidden;position:relative;}
.sj_10 ul li .sj_01_txt .sj_01txt_slide .swiper-slide{height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;}
.sj_10 ul li .sj_01_txt .sj_01txt_slide .sj_01txt_c{width:100%;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:20px 34px;}
.sj_10 ul li .sj_01_txt .sj_01txt_slide .sj_01txt_c p{width:100%;overflow:hidden;font-size:14px;color:#101417;line-height:26px;margin-bottom:20px;}
.sj_10 ul li .sj_01_txt .sj_01txt_slide .sj_01txt_c p.p1{font-size:20px;line-height:40px;position:relative;margin-bottom:10px;padding-bottom:10px;}
.sj_10 ul li .sj_01_txt .sj_01txt_slide .sj_01txt_c p.p1 b{width:30px;height:2px;display:block;overflow:hidden;background-color:#e60000;position:absolute;left:0px;bottom:0px;}
.sj_10 ul li:nth-child(2) .sj_10_img{left:inherit;right:0px;}
.sj_10 ul li:nth-child(2) .sj_01_txt .sj_10txtfr{float:none;float:left;margin-right:0px;/* margin-left:2%; */padding-right: 15%;padding-left: 0;}
.sj_10 ul li:nth-child(1) .sj_01_txt .sj_10txtfr{ background:url(../chan/abr1.png) no-repeat center left;}
.sj_10 ul li:nth-child(2) .sj_01_txt .sj_10txtfr{ background:url(../chan/abr2.png) no-repeat center right;}

/*转圈圈*/
.showcase-titlearea{ font-size:24px; line-height:30px; margin-bottom:10px; font-weight:bold; font-family:'微软雅黑';}
.showcase-titlearea span{font-family:'微软雅黑'; }
.showcase-textarea{font-family:'微软雅黑'; font-size:14px; line-height:26px;}
.showcase-linkarea a{ font-size:14px;font-family:'微软雅黑';}
/*专注*/
#index .r3 #scene {
  width: 100%;
  height: 500px;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
}
#index .r3 .canvas-box {
  width: 100%;
  height: 500px;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
}
#index .r3 .r_center {
  position: relative;
}
#index .r3 .r_center #cv {
  position: absolute;
  z-index: 1001;
  top: 0;
  left: 0;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  opacity: 1;
}
#index .r3 .r_center .proItem {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0.7rem 0 0.3rem 0;
  position: relative;
  z-index: 1005;
}
#index .r3 .r_center .proItem > .proList {
  padding-top: 45px;
  position: relative;
   width:20%; padding-left:15px; padding-right:15px;
  cursor: pointer;
}
#index .r3 .r_center .proItem > .proList:after {
  content: attr(data-name);
  position: absolute;
  top: 0;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  left: 19px;
  font-size: 0.2rem;
  font-weight: bold;
  color: #333;
}
#index .r3 .r_center .proItem > .proList > li {
  
  font-size: 14px;
  position: relative;
  height: auto;
  line-height: 24px;
  color: #999;
}
#index .r3 .r_center .proItem > .proList > li > a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #777;
  height: auto;
  line-height: 28px;
}
.content .rowMain {
  max-width: 1460px;
  margin:0 auto;
 
}

#index .r3 .r_center .proItem > .proList > li:hover a {
	 border-bottom:2px solid #c7000a;
}
#index .r3{ background:url(../zhuan/xijie.jpg) no-repeat center bottom;}

#index .r3 .r_center .proItem > .proList h3{ font-size:22px; margin-bottom:20px; color:#cccccc;}
#index .r3 .r_center .proItem > .proList:hover h3{
  color: #c7000a;
}
#index .r3 .r_center .proItem .proList.active h3{
  color: #c7000a;
}
#index .r3 .r_center .proItem .proList.active a{
  border-bottom:2px solid #c7000a;
}

#index .r3 .r_center .imgBox {
  margin: 0.6rem 0 0rem 0;
}
#index .r3 .r_center .imgBox .carItem > li {
  text-align: center;
  position: relative;
 
}
#index .r3 .r_center .imgBox .carItem > li .carMask0 {
  position: absolute;
  z-index: 1000;
  right: 0;
  margin: auto;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  visibility: visible;
  opacity: 1;
}
#index .r3 .r_center .imgBox .carItem > li .carMask1 {
  position: absolute;
  z-index: 1000;
  right: 0;
  margin: auto;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  visibility: hidden;
  opacity: 0;
}
#index .r3 .r_center .imgBox .carItem > li .carMask2 {
  position: absolute;
  z-index: 1000;
  right: 0;
  margin: auto;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  visibility: hidden;
  opacity: 0;
}
#index .r3 .r_center .imgBox .carItem > li .carMask3 {
  position: absolute;
  z-index: 1000;
  right: 0;
  margin: auto;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  visibility: hidden;
  opacity: 0;
}
#index .r3 .r_center .imgBox .carItem > li .carMask4 {
  position: absolute;
  z-index: 1000;
  right: 0;
  margin: auto;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  visibility: hidden;
  opacity: 0;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen0.c1_1 {
  top: 32px;
  left: -19px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen0.c1_2 {
  left: -30px;
  top: 30px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen0.c1_2.active {
  left: -80px;
  top: 2px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen1.c1_1 {
  top: 61px;
  left: -328px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen1.c1_2 {
  left: -345px;
  top: 61px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen1.c1_2.active {
  left: -418px;
  top: 32px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen2.c1_1 {
  top: 24px;
  left: -157px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen2.c1_2 {
  top: 25px;
  left: -176px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen2.c1_2.active {
  top: 0px;
  left: -246px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen3.c1_1 {
  top: 24px;
  left: -72px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen3.c1_2 {
  top: 24px;
  left: -72px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen3.c1_2.active {
  top: 0px;
  left: -91px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen4.c1_1 {
  top: 82px;
  left: 0px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen4.c1_2 {
  top: 82px;
  left: 0px;
}
#index .r3 .r_center .imgBox .carItem > li .carscreen4.c1_2.active {
  top: 82px;
  left: 78px;
}

#index .r3 .r_center .imgBox .carItem > li .car {
  display: none;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  opacity: 1;
 
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
}
#index .r3 .r_center .imgBox .carItem > li .car.show {
  display: inline-block;
  opacity: 1;
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}
#index .r3 .r_center .imgBox .carItem > li:hover .car{ background:none;}

#index .r3 .r_center .imgBox .carItem > li .moveOut {
  transform: rotateY(30deg) !important;
  -webkit-transform: rotateY(30deg) !important;
  -moz-transform: rotateY(30deg) !important;
  -o-transform: rotateY(30deg) !important;
  opacity: 0!important;
}
#index .r3 .r_center .imgBox .carItem > li .moveIn {
  transform: rotateY(-30deg);
  -webkit-transform: rotateY(-30deg);
  -moz-transform: rotateY(-30deg);
  -o-transform: rotateY(-30deg);
  display: inline-block;
  opacity: 0;
}
/*san*/
.san{ background:url(../zhuan/index3Bg.jpg) no-repeat center center; padding:5% 2%;}

/*产品列表页*/
.chanbox{ background:#F0F0F0;}


@media (max-width:1440px) {
	
	
}
@media (max-width:1200px) {
.sj_09c_fr{padding:20px 20px;}

    .sj_09c_fr p.p1{font-size:20px;line-height:26px;}
    .sj_09c_fr p{font-size:14px;line-height:26px;margin-bottom:10px;}

    .sj_10 ul li .sj_10_img{width:100%;position:relative;}
    .sj_10 ul li .sj_10_img b{display:none;}
    .sj_10 ul li .sj_10_img img{width:100%;display:block;}
    .sj_10 ul li .sj_01_txt{width:100%;margin:0px 0px;}
    .sj_10 ul li .sj_01_txt .sj_10txtfr{width:100%;padding:0px;}
    .sj_10 ul li .sj_01_txt .sj_01txt_slide .sj_01txt_c{padding:10px 0px;}
    .sj_10 ul li .sj_01_txt .sj_01txt_slide{height:auto;}
    .sj_10 ul li{margin-bottom:20px;}
	.sj_10 ul li .sj_01_txt .sj_10txtfr{ float:none;}
	.sj_10 ul li:nth-child(2) .sj_01_txt .sj_10txtfr{ padding-right:0;}
	
}
@media (max-width:960px) {
.gongs{ padding:20px 0;}	
.gongs h3{ font-size:28px; margin-bottom:15px;}	
.gongs p{ line-height:28px; }	

.product-number-info li {
	padding: 20px 0;}
.product-number-info li b{ font-size:28px;}	
.product-number-info li b em{ font-size:16px;}
.product-number-info li p{ font-size:16px; margin-top:15px;}
	
}
@media (max-width:769px) {
.sj_10 ul li .sj_01_txt .sj_01txt_slide .sj_01txt_c p{ margin-bottom:0;}	
	
.aboutt{ max-width:400px; margin:25px auto;}	
	.product-number-info li p{ font-size:14px;}
	.product-number-info li b{ font-size:20px;}
	.product-number-info li b em{ font-size:12px;}
	.product-number-info li{ padding:10px 0;}
	.product-number-info{ padding-bottom:20px;}
#index .r3 .r_center .proItem{}	
#index .r3 .r_center .proItem > .proList{ width:50%; padding-top:20px; padding-left:10px; padding-right:10px;}
#index .r3 .r_center .proItem > .proList h3{ font-size:16px;}
#index .r3 .r_center .proItem > .proList > li{ display:none;}
#index .r3 .r_center .imgBox{ margin-bottom:10px;}
#index .r3{ background-size:cover;}

	
}
@media (max-width:480px) {
	
	
}