@charset "utf-8";

.vedio_show_con{ text-align:center;}
.vedio_show_con .video{ width:100%; margin:0px auto; max-width:1400px;}
.vedio_tit{ font-size:0.26rem; font-weight:bold; padding-top:4%; padding-bottom:2%;}


.Company_Introduction{ padding-top: 0.3rem; background-position:left bottom; background-repeat: no-repeat; background-size:45% auto;}
.Company_Introduction .tit_show{ position: relative; font-size: 0.35rem; color: #e60013; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.4rem; padding-right:46%; line-height: 1.3}
.Company_Introduction .tit_show::after {
  left: 0%;
  position: absolute;
  bottom:-0.25rem;
  content: " ";
  width:0.3rem;
  -webkit-transition: .3s;
  transition: .3s;
  height: 3px;
  background-color: #b73825;
}

.number_show{ background-color:#e60013; padding:0.3rem 5%;}
.number_show ul.content_list { width: 100%; height: auto; }
.number_show ul.content_list li { float: left; width: 25%; text-align: center;color: #fff;}
.number_show ul.content_list li div { border-right: 1px solid rgba(255, 255, 255, .4) }
.number_show ul.content_list li:last-child div { border-right: none }
.number_show ul.content_list li p { text-align: center; }
.number_show ul.content_list li p.number {}
.number_show ul.content_list li p.number .counterDX {font-size: 0.5rem; font-weight:bold; text-align: center;}
.number_show ul.content_list li p.number .unit { position: relative; top:0px; left:10px;  vertical-align: top; font-size:0.4rem }
.number_show ul.content_list li p.title { margin-top:0.15rem; font-size:0.16rem; padding-bottom:0.1rem}



.Company_Introduction .Company_img_l{ float:left; width:50%; border-radius:0.2rem; height:4.5rem; background-position:center center; background-repeat:no-repeat; background-size:cover;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);}
.Company_Introduction .Company_font_r{ padding-left:30%; padding-bottom:0.5rem;}

.Company_Introduction .Company_font_r .decipe{font-size: 0.18rem; line-height: 2; color: #333; margin-bottom: 0.3rem;}
.Company_Introduction .Company_font_r .vedio_show{}
.Company_Introduction .Company_font_r .vedio_show a{position: relative; border-radius:0.3rem; background: #fff url("../images/vedio_icon.png") 0.25rem center no-repeat; background-size: auto 0.20rem; padding:0.16rem 0.25rem; padding-left: 0.55rem; color: #e6463a; border: #e6463a 1px solid;font-size: 0.14rem; font-weight: bold; transition: transform 0.5s ease; display: inline-block;}

.about_002{ padding-top:0.7rem; padding-bottom:0.2rem;}
.about_002 .about_002_l{ float:left; width:55%; padding-top:0.2rem;}
.about_002 .about_002_l .decipe{font-size: 0.18rem;
  line-height: 2;
  color: #333;
  margin-bottom: 0.3rem;}
  .about_002 .about_002_r{ float:right; width:36%; padding-top:0.2rem;}
   .about_002 .about_002_r img{ width:100%}
   
.Company_Intro_con{ padding-bottom:0.7rem; }
.Company_Intro_con .about_002_l{ float:right; width:55%; padding-top:0.2rem;}
.Company_Intro_con .about_002_l .decipe{font-size: 0.18rem;
  line-height: 2;
  color: #333;
  margin-bottom: 0.3rem;}
  .Company_Intro_con .about_002_r{ float:left; width:36%; padding-top:0.2rem;}
   .Company_Intro_con .about_002_r img{ width:100%}
   
   


.Corporate_Culture{ margin-top: 0.6rem}


.Corporate_Culture .tit_show{ position: relative; font-size: 0.35rem; color: #e60013; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.4rem; padding-right:46%; line-height: 1.3}
.Corporate_Culture .tit_show::after {
  left: 0%;
  position: absolute;
  bottom:-0.25rem;
  content: " ";
  width:0.3rem;
  -webkit-transition: .3s;
  transition: .3s;
  height: 3px;
  background-color: #b73825; display: none
}

.Development_History{ position:relative; z-index:3; padding-top:0rem; padding-bottom:0.4rem;}
.Development_History .tit_show{ position: relative; font-size: 0.35rem; color: #e60013; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.4rem; padding-right:46%; line-height: 1.3}

.History_list{ padding-bottom: 2rem; padding-top: 0.3rem}
.History_list .item{ position: relative;height: 4.8rem}
.History_list .item .font_show{ position: absolute; left: 0; bottom: 0; width:80%; background: url("../images/line_lishi.png") left bottom no-repeat; padding-bottom: 1.8rem;}
.History_list .item .font_show .year{font-size: 0.30rem; color: #e60013; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.25rem; }
.History_list .item .font_show .decipes{font-size: 0.15rem; color: #666; line-height: 1.6 }
.History_list .item:nth-child(1) .font_show{bottom:0;}
.History_list .item:nth-child(2) .font_show{bottom:0.2rem;}
.History_list .item:nth-child(3) .font_show{bottom: 0.4rem;}
.History_list .item:nth-child(4) .font_show{bottom: 0.6rem;}
.History_list .item:nth-child(5) .font_show{bottom:1.2rem;}
.History_list .item:nth-child(6) .font_show{bottom:0;}
.History_list .item:nth-child(7) .font_show{bottom:0.2rem;}
.History_list .item:nth-child(8) .font_show{bottom: 0.4rem;}
.History_list .item:nth-child(9) .font_show{bottom: 0.6rem;}
.History_list .item:nth-child(10) .font_show{bottom:1.2rem;}
.History_list .item:nth-child(11) .font_show{bottom:0;}
.History_list .item:nth-child(12) .font_show{bottom:0.2rem;}
.History_list .item:nth-child(13) .font_show{bottom: 0.4rem;}
.History_list .item:nth-child(14) .font_show{bottom: 0.6rem;}
.History_list .item:nth-child(15) .font_show{bottom:1.2rem;}

.History_list .slick-next{ border: 0; background: url("../images/right_btn.png") center center no-repeat; width: 0.6rem; height: 0.6rem; border-radius: 50%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); right: inherit; left: 0.8rem; top:0.2rem; background-size: cover}
.History_list .slick-prev{ border: 0; background: url("../images/left_btn.png") center center no-repeat; width: 0.6rem; height: 0.6rem; border-radius: 50%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); right: inherit; left: 0rem; top:0.2rem; background-size: cover}

.honor_content .tit_show{ position: relative; font-size: 0.35rem; color: #e60013; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.4rem; padding-right:46%; line-height: 1.3}
.honor_list{}

#certify {
	position: relative; padding-top:0.3rem;
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 520px;
	height:480px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide .pic{ width:100%; height:400px; position:relative}
#certify  .swiper-slide  .pic img{
	display:block;
}
#certify  .swiper-slide  .pic img{display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height:90%;
  max-width:90%;}
#certify  .swiper-slide p {
	line-height:40px;
	padding-top: 0;
	text-align: center;
	color: #333;
	font-size:0.18rem; font-weight:bold; margin:0
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -0.3rem;
	width: 0.6rem;
	height: 0.6rem;
	background: url(../images/left_btn.png) no-repeat;
	background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius:50%
}
#certify .swiper-button-prev::after{ display:none}

#certify .swiper-button-prev:hover {

}

#certify .swiper-button-next {
	right: -0.3rem;
	width: 0.6rem;
	height: 0.6rem;
	background: url(../images/right_btn.png) no-repeat;
	background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);border-radius:50%
}
#certify .swiper-button-next::after{ display:none}

#certify .swiper-button-next:hover {
	
}

.Culture_list{ background-color:#666; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:0.2rem; height:5.3rem;box-shadow: 0 8px 30px #ddd;overflow: hidden; margin-bottom:1rem;position: relative; margin-top:0.4rem}
.Culture_list #tabcilk { text-align:left; position:relative; z-index:3}
.Culture_list #tabcilk  li{ position:relative; display: inline; float:left; width:25%;height:5.3rem; vertical-align:top;}
.Culture_list #tabcilk  li::after {
  right: 0%;
  position: absolute;
  bottom:0;
  content: " ";
  width:1px;
  -webkit-transition: .3s;
  transition: .3s;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3); 
}
.Culture_list #tabcilk  li::before {
  right: 0%;
  position: absolute;
  bottom:0;
  content: " ";
  width:100%;
  -webkit-transition: .3s;
  transition: .3s;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); 
}
.Culture_list #tabcilk  li.on::before {
  right: 0%;
  position: absolute;
  bottom:0;
  content: " ";
  width:100%;
  -webkit-transition: .3s;
  transition: .3s;
  height: 100%;
  background-color: rgba(14, 70, 140, 0.8); 
}




.Culture_list #tabcilk  li .font_show{ position:absolute; left:10%; bottom:5%; width:80%; z-index:2; color:#fff;}
.Culture_list #tabcilk  li .font_show .tit{ font-size:0.2rem; font-weight:bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif;}
.Culture_list #tabcilk  li .font_show .descipe{ display:block; font-size:0.15rem; line-height:1.8; margin-top:0.2rem;  transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s; height:0.001rem; overflow:hidden}
.Culture_list #tabcilk  li .font_show .descipe .descipe_font{  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;}
.Culture_list #tabcilk  li .font_show .descipe .a_more{ display:inline-block; margin-top:0.2rem; border-radius:0.3rem; border:#fff 1px solid; padding:0.1rem 0.15rem; font-size:0.13rem; line-height:1;}
.Culture_list #tabcilk  li.on .font_show .descipe{ display:block; height:1.2rem; transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
.Culture_list #tabbox  .chanye_home_list{ position:absolute; left:0; top:0;z-index:2; background-size:cover;width:100%;height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}



@media (max-width:768px) {
	
	.Company_Introduction .tit_show{ padding-right:0}
	.Company_Introduction .decipe {
    font-size: 13px;
    line-height: 2;
    color: #666;
    margin-bottom: 0.3rem;
    padding-right: 0;
}
.Company_Introduction {
    padding-top: 0.3rem;
    padding-bottom: 0rem;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 35%;
}
.History_list .slick-next {
    border: 0;
    background: url(../images/right_btn.png) center center no-repeat;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    right: inherit;
    left: 0.8rem;
    top: 0.8rem;
    background-size: cover; margin-left:0.6rem;
}
.History_list .slick-prev {
    border: 0;
    background: url(../images/left_btn.png) center center no-repeat;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    right: inherit;
    left: 0rem;
    top: 0.8rem;
    background-size: cover;
}
.History_list .item .font_show .year {
    font-size: 24px;}
	.History_list .item .font_show .decipes {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}
.History_list .item:nth-child(1) .font_show{bottom:0;}
.History_list .item:nth-child(2) .font_show{bottom:0rem;}
.History_list .item:nth-child(3) .font_show{bottom: 0rem;}
.History_list .item:nth-child(4) .font_show{bottom: 0rem;}
.History_list .item:nth-child(5) .font_show{bottom:0rem;}
.History_list .item:nth-child(6) .font_show{bottom:0;}
.History_list .item:nth-child(7) .font_show{bottom:0rem;}
.History_list .item:nth-child(8) .font_show{bottom: 0rem;}
.History_list .item:nth-child(9) .font_show{bottom:0rem;}
.History_list .item:nth-child(10) .font_show{bottom:0rem;}
.History_list .item:nth-child(11) .font_show{bottom:0;}
.History_list .item:nth-child(12) .font_show{bottom: 0;}
.History_list .item:nth-child(13) .font_show{bottom:04rem;}
.History_list .item:nth-child(14) .font_show{bottom:0rem;}
.History_list .item:nth-child(15) .font_show{bottom:0rem;}
.History_list .item .font_show {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80%;
    background: url(../images/line_lishi.png) left top no-repeat;
    padding-bottom: 1.8rem;
    padding-left: 5%;
}
.Company_Introduction .Company_img_l {
  float: none;
  width: auto;
  border-radius: 0.2rem;
  height: 3.5rem;}
.Company_Introduction .Company_font_r {
  float: none;
  width: auto;
  padding-left:0;
}
.Company_Introduction .Company_font_r .decipe {
  font-size: 15px;}
  
.Culture_list{height: 5.2rem;
    background-position: left center;
    background-size: auto;}
.Culture_list #tabcilk li .font_show .tit {
  font-size:18px;
  font-weight: normal;}
.Culture_list #tabcilk li {
  position: relative;
  display: block;
  float: none;
  width: 100%;
  height: 1.3rem;
  vertical-align: center;
  display: flex;
  align-items: center;
}
.Culture_list #tabcilk li::after {
  right: 0%;
  position: absolute;
  bottom: 0;
  content: " ";
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}
.Culture_list #tabcilk li .font_show {
  position: absolute;
  left: 10%;
  bottom: auto;
  width: 80%;
  z-index: 2;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}
.Culture_list #tabcilk li .font_show .descipe{ display:none}
.Culture_list #tabcilk li.on .font_show .descipe{ display:none}

.number_show ul.content_list li {
  float: left;
  width: 50%;
  text-align: center;
  color: #fff;
  padding-bottom: 0.3rem;
}
.number_show ul.content_list li:nth-child(2) div{ border:0}
.about_002 .about_002_l {
  float: none;
  width: auto;
}
.about_002 .about_002_r {
  float: none;
  width: auto;
}
.Company_Intro_con .about_002_r {
  float: none;
  width: auto;
  padding-top: 0.2rem;
}
.Company_Intro_con .about_002_l {
  float: none;
  width: auto;
  padding-top: 0.2rem;
}

}