/*内页公共*/
.nei-banner1{background: url(../images/neibanner1.jpg) top center no-repeat; height:820px;}
.nei-banner2{background: url(../images/neibanner2.jpg) top center no-repeat; height:820px;}
.nei-banner3{background: url(../images/neibanner3.jpg) top center no-repeat; height:820px;}
.nei-banner4{background: url(../images/neibanner4.jpg) top center no-repeat; height:820px;}

.neiweizhi{ color:#FFF; font-size:18px;}
.neiweizhi a{ color:#FFF;font-size:18px;}
.neiweizhi span{ margin:0 20px;}
.nei-title h1{ color:#FFF; font-size:65px; margin-top:80px; margin-bottom:10px; line-height:70px;}
.nei-title h2{ color:#FFF; font-size:40px;}
.nei-title h3{ color:#FFF; font-size:26px; margin-top:25px;}

.nei-title{ padding-top:200px;}
.neiweizhi{ margin-top:25px;}
.nei{padding-top:100px;}
.dnyin{ display:none;}

/* 产品 */



.product-card1 {
	width: 23%; cursor:pointer;
	
	border-radius: 8px; padding:20px 0;
	overflow: hidden; float:left;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	transition: transform 0.3s; background:#f7f7f7; border:1px solid #fff; margin-right:2%; margin-bottom:30px;
}

.product-card1:nth-child(4n) { margin-right:0; }
.product-card1:hover{ background:#fff;box-shadow: 0 2px 10px rgba(0,0,0,0.1); border:1px solid #e89400;transform: translateY(-5px);}
.product-card1:hover .product-name{ font-size:24px; color:rgb(242,150,0)}
.product-image1 {
	height: 330px; width:70%; margin:0 auto;
	overflow: hidden; padding:30px 3%;
}
.product-image1 img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: transform 0.3s;
}
.product-card1:hover .product-image img {
	transform: scale(1.05);
}
.product-info1 {
	padding: 15px 8%; text-align:center;
}
.product-name1 {
	font-size: 22px; text-align:left; width:60%; float:left;
	font-weight: bold;
	margin-bottom: 5px;
}
.product-desc1 {
	font-size: 14px; text-align:left;
	color: #999;
	margin-bottom:0px; 
	height:70px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
}

.product-desc2 {font-size: 14px; text-align:left;
	color: #999;
	margin-bottom:0px; }


.product-btn1 {
	display: inline-block;
	padding: 5px 5%; 
	background-color:#c9caca;
	color: #fff;
	text-decoration: none;
	border-radius:100px;
	font-size: 12px;
	transition: background-color 0.3s; float:right; width:40%;
}
.product-card1:hover .product-btn1 {
	background-color: #ff9900;
}
.cptou{ margin-bottom:50px;}
.cptou h1{ float:left; width:50%; padding-left:10px; border-left:7px solid #231815; line-height:35px; font-size:35px;}
.search-box1 {
	
	float: right; margin-right:0;
	width: 40%;
	
}

.cpbg{ background:#f7f7f7; padding-top:60px; padding-bottom:60px;}
.cpfenlei{ border-bottom:1px solid rgb(181,181,181);  text-align:center;}

.category-tab1{ font-size:24px; color:#999; padding:20px 5%; display:inline-block;}
.cpfenlei .action{ border-bottom:3px solid rgb(240,131,30); color:rgb(240,131,30); font-weight:bold;}



/* 产品详情 */
.xiangqinglist{ border-bottom:2px solid rgb(240,131,30);}
.xiangqinglist li{ color:#b5b5b6; position:relative;   float:left; width:25%; font-size:24px; padding:15px 5%; cursor:pointer; border-top-left-radius:10px;border-top-right-radius:10px; text-align: center;}
.xiangqinglist li.on{ background:rgb(240,131,30); color:#fff; font-weight:bold;}
.xiangqinglist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 30px;
    background-color: #b5b5b6;
}
.xiangqinglist li:nth-child(1)::before{ width:0;}
.xiangqinglist li.on::before{ width:0;}
.xiangqinglist li.on + li::before {width:0;}


.xiangqinglist li:last-child::after { width:0;}

.xiangxia{ margin-bottom:100px; }
.xiangxia h2{ font-size:45px; margin:40px 0;}
.cpxian{ margin:30px 0;}
.zhan1 h3{ background:#f7f8f8; border-left:7px solid #3e3a39; font-size:22px; padding:10px 0 10px 15px; margin:30px 0; }
.xqz img{ max-width:100%; }
.shuoming li{ margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.shuoming li p{ display:inline-block; font-size:18px; color:#999; padding:10px 0;}
.shuoming li p a{ font-size:18px; color:#999;}
.shuoming li p.shuo2{background: url(../images/shuo.png) no-repeat left 5px; background-size:29px; padding-left:5%;}


.shuo1{ margin-right:5%;}
.shuo2{ width:58%;}
.shuo3{ margin:0 3% ;width:10%;}
.shuo5{ margin:0 3% 0 0 ;width:10%;}
.shuo4{ width:12%;}
.shuo4 a{ display:inline-block; padding:0 10%; line-height:22px;}
.shuo4 a:nth-child(1){ border-right:1px solid #999; }

.dianjilist li{ float:left; width:23.5%; margin-right:2%; cursor:pointer; background:#f7f8f8; padding:20px 5%; border-radius:6px;}
.dianjilist li:last-child{ margin-right:0;}
.dianjilist li img{ width:100%;}
.picBtnTop{width:100%; position:absolute; left:0; top:0;}
.dianji{ float:right; width:43%; margin-top:430px;}
.lunbo{ float:left; width:50%;background:#f5f5f5; border-radius:10px;padding:40px 12%;}
.lunbolist li img{ width:100%; padding:20px 0;}
.dianjilist li.on{ border:1px solid rgb(240,131,30);}
.cpxbiao h1{ color:rgb(240,131,30); display:inline-block; font-size:38px; display:block; font-family:Arial, Helvetica, sans-serif;}
.cpganjian{ font-size:18px; color:#afafaf; margin:20px 0 30px 0;}
.cpxbiao h2{ color:rgb(35,24,21); display:inline-block; font-size:20px; display:block;}
.cplie li{background: url(../images/xing.png) no-repeat left 5px; background-size:17px; padding-left:40px; font-size:18px; margin-bottom:8px; color:#afafaf;}
.cplie li span{ color:#666; font-weight:bold; display:inline-block;}
.cplie li em{ display:inline-block;}
.cplie li i{  display:inline-block;}
.xxs{ position:relative; height:600px;}
.cpabout{ position:absolute; right:0; top:0; width:43%;}
.xiangshang{ margin-top:100px; margin-bottom:100px; }


/* 联系我们 */

.lianxi{ padding:100px 0;}
.con-tu{ width:58%; float:left;}
.con-tu img{ width:100%;}
.conneiwai{background: url(../images/dibu.png) no-repeat left 0px; background-size:100%;width:52%; float:left;border-radius:10px; margin-top:150px; margin-left:-10%;}
.connei{ width:65%; margin:85px 15% 85px 20%;}
.con-top{background: url(../images/di.png) no-repeat left 0px; background-size:38px; padding-left:60px; font-size:18px; font-weight:bold; color:#3e3a39; padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:30px;}


.con-niao{ width:35px; float:left; background:rgb(240,131,30); border-radius:6px; text-align:center; padding:8px 0;}
.con-niao img{ width:19px; margin:11px 0;}
.con-zi{ width:80%; float:left; margin-left:7%;}
.con-zi p{ font-size:16px; padding:8px 0; color:rgb(137,137,137);}

.conlogo{ width:35%;}
.conlogo img{ width:100%;}

input, textarea, select,button { border:none;}
.liuyan{ background:#f7f8f8; padding:100px 0;}
.liubiao input{ width:49%; float:left; margin-right:2%; margin-bottom:20px; padding:15px 2%; border-radius:5px;color:#ccc; font-size:16px;}
.liubiao input::placeholder { color:#ccc;}
.liubiao input:focus {color: #666;}

.liubiao textarea::placeholder { color:#ccc;}
.liubiao textarea:focus {color: #666;}

.liubiao input.w1{ margin-right:0;}
.liubiao textarea{ width:100%; padding:15px 2%; border-radius:5px; font-size:16px;}
.liubiao button{  background:rgb(240,121,30); text-align:center; height:60px; line-height:60px; font-weight:bold; width:100%; color:#fff; font-size:20px; border-radius:5px; margin-top:20px;}
.liuzi{ color:#898989; font-size:20px; margin-bottom:50px; line-height:30px;}

/* 关于我们 */
.nei-about{ margin-bottom:90px;}
.nei-about-left{ float:left; width:42%;}
.nei-about-left h1{ font-size:31px; line-height:40px;}
.line{ height:7px; width:90px; background:rgb(240,131,30); margin:22px 0;}
.nei-about-left p{ font-size:15px; line-height:26.5px; color:#9a9a9a;}
.nei-about-right{ float:right; width:53%; margin-top:212px;}
.nei-about-right video{ width:100%;}

.shuzinei{ width:100%; margin-top:40px; height:150px; border-top:1px solid #b5b5b6; border-bottom:1px solid #b5b5b6; margin-bottom:100px;}
.shuzinei ul li h3{ margin-top:10px; line-height:30px;}
.shuzinei ul li h3 strong { font-size:50px; color:#000;font-family:Arial, Helvetica, sans-serif; line-height:35px;}
.shuzinei ul li h3 span{font-size:35px; color:#000;}
.shuzinei ul li p{ font-size:14px; color:#9fa0a0; padding-left:3%;}
.shuzinei ul li{ border-right:1px solid #b5b5b6; float:left; width:25%; padding-left:8%; padding-right:2%; margin-top:30px; height:65px;}
.shuzinei ul li:nth-child(4n){border-right: none;}

.shuzinei ul li:nth-child(1){background: url(../images/ab1.png) no-repeat 20% center; background-size:24px;}
.shuzinei ul li:nth-child(2){background: url(../images/ab2.png) no-repeat 20% center; background-size:33px;}
.shuzinei ul li:nth-child(3){background: url(../images/ab3.png) no-repeat 20% center; background-size:27px;}
.shuzinei ul li:nth-child(4){background: url(../images/ab4.png) no-repeat 20% center; background-size:23px;}


/* 荣誉资质 */
.rongyu{ background:#f7f8f8; padding:95px 0;}
.rongyu-left{ float:left; width:37%; height:550px; overflow-y: scroll; padding-right:4%;}
.rongyu-right{ float:right; width:58%;}

.rongshu li h3{ margin-top:10px; }
.rongshu li h3 strong { font-size:35px; color:#000;font-family:Arial, Helvetica, sans-serif; line-height:40px;}
.rongshu li h3 span{font-size:20px; color:#666;}
.rongshu li p{ font-size:15px; color:#9fa0a0;}
.rongshu li p span{ font-weight:bold;}
.rongshu li{padding:15px 10px; cursor:pointer; border-top:1px solid #999;transition: 0.3s;}
.rongshu li:nth-child(1){border-top:1px solid #f7f8f8;}

.rongshu li:hover{ background: linear-gradient(to right, white, transparent); border-radius:10px;border-top:1px solid #f7f8f8;padding:15px 5%;}
.rongshu li:hover p{ color:#333;}
.rongshu li:hover h3 strong{ color:rgb(240,131,30);}
.rongshu li:hover h3 span{ color:rgb(240,131,30);}
.rongshu li:hover  p span{ color:rgb(240,131,30);}
.rongshu li:hover + li {border-top:1px solid #f7f8f8;}
.rongyu-list li{  float:left; width:50%;}
.rongyu-list li img{ width:100%;}
.rongyu-list li h3{ font-size:20px; color:#3d3a39; margin-top:20px;}
.rongyu-list li .jiangxiang span{ color:#3d3a39; font-size:14px; float:left; width:72%;}
.rongyu-list li .jiangxiang strong{color:#f0831e; font-size:18px; float:right; width:25%;}
.jiangxiang{ border-bottom:1px solid #534a48; padding-bottom:20px; margin-bottom:20px; line-height:22px;}
.paomar{ margin:0 2%;background:#fff; border-radius:10px;padding:20px 5%;}








/*使命与愿景*/
.shiming{padding:100px 0;}
.sm li{ width:19%;height:530px; float:left; margin-right:1%; cursor:pointer; overflow:hidden; }

.sm li.on{ width:40%;}
.sm li:nth-child(1){background: url(../images/wh1.jpg) no-repeat center center; background-size: auto 100%; }
.sm li:nth-child(2){background: url(../images/wh2.jpg) no-repeat center center; background-size: auto 100%; }
.sm li:nth-child(3){background: url(../images/wh3.jpg) no-repeat center center; background-size: auto 100%; }
.sm li:nth-child(4){background: url(../images/wh4.jpg) no-repeat center center; background-size: auto 100%; margin-right:0;}
.hou1 img{ width:35px;}
.hou1{ margin-bottom:10px;}
.hou2{ font-size:20px; color:#fff;}
.hou2 span{ font-size:12px;color:#fff; margin-left:10px;}
.hou3{ font-size:20px; font-weight:bold;color:#fff;}

.wenhou{ background: linear-gradient(to bottom,transparent 0,transparent 0%, rgb(240,131,30) 80% ); display:none;padding:340px 10% 35px 10%;}
.wenqian{padding:420px 10% 55px 10%; background:rgba(0,0,0,.3);height:530px;}
.wenqian  h2{ font-size:26px; color:#fff; line-height:30px;}
.wenqian  p{ font-size:16px; color:#fff;}

.sm li:nth-child(1) .wenhou{ display:block;}
.sm li:nth-child(1) .wenqian{ display:none;}

/*发展历程*/
.fazhan{background: url(../images/fazhanbg.png) no-repeat bottom center #f9fafa; background-size:100%; padding:100px 0 200px 0;}


/* 最新动态 */
.n_main{padding-top:70px; }
.hotlist{background:#f7f7f7; padding-top:80px; padding-bottom:80px;}
.n_newcenter .hotnew {
  background: #eaedf2;
}

.n_newcenter #hotnews a {
  display: block;
  overflow: hidden;
  border-radius: 0 0 0 .625rem;
  position: relative;
}

.n_newcenter #hotnews a .hotnewcon {
  background: #f6f6f6;
  padding: 2.5rem 2.25rem 2.5rem 1.5rem;
}

.n_newcenter #hotnews a .img_db:after {
  padding-top: 79.17%;
}

.n_newcenter #hotnews a .hotnewcon h5 {
  color: #212121;
  font-size: 1.125rem;
  line-height: 1.875;
  margin-bottom: .5rem;
  font-weight: bold;
}

.n_newcenter #hotnews a .hotnewcon p {
  color: #57525f;
  font-size: .875rem;
  line-height: 1.5rem;
  height: 3rem;
}

.n_newcenter #hotnews a .s_times {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 6.125rem;
  height: 5.75rem;
  background: rgba(180, 45, 52, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

.n_newcenter #hotnews a:hover .s_times {
  background: #b7845e;
}

.hotlist ul {
  display: grid;
  gap: 1.875rem;
}

.hotlist ul li {

  border-bottom: 1px solid #e8e8e8;
  position: relative;
}


.hotlist ul li::before {
  content: '';
  position: absolute;
  background: rgb(240, 131, 30);
  width: 0;
  transition: all .5s;
  height: 2px;
  left: 0;
  bottom: -1px;
  opacity: 0;
}

.hotlist ul li::after {
  content: '';
  position: absolute;
  background: url(../images/logoline.png)no-repeat;
  background-size: cover;
  width: 2.3125rem;
  transition: all .5s;
  height: 2rem;
  left: 0;
  bottom: 0;
  opacity: 0;
}



.hotlist ul li a {
  display: flex;
  align-items: flex-start;
  justify-content: center; background:#fff; padding:50px;
}

.hotlist ul li a .hotime {
  flex-shrink: 0;
  margin-top: 1.875rem;
}

.hotlist ul li a .hotime h6 {
  color: #313131;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.875rem;
  line-height: 1.5;
  transition: all .5s;
}

.hotlist ul li a .hotime span {
  color: #313131;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .875rem;
  line-height: 1.25rem;
  transition: all .5s;
}

.hotlist ul li a .hotcon {
  margin: 1.875rem 5.625rem 0 3.75rem;
  width: 100%;
}

.hotlist ul li a .hotcon h5 {
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: .875rem;
  transition: all .5s;
}

.hotlist ul li a .hotcon p {
  color: #57525f;
  font-size: .9375rem;
  line-height: 1.75rem;

}

.hotlist ul li a .hotcon div {
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
  border: 1px solid #c7c7c7;  margin-top: 2.25rem;
}

.hotlist ul li a .hotcon div i {
  transition: all .5s; display:block; width:100%; height:100%;
  background: url(../images/jin.png) no-repeat center center; background-size:35%;
}

.hotlist ul li .img {
  max-width: 20rem;
  width: 100%; height:200px; overflow:hidden;
}
.hotlist ul li .img img{ width:100%; text-align:right;}
.hotlist ul li .imgsou img{ height:100%; width: auto;}
.hotlist ul li .img_db:after {
  padding-top: 78.75%;
}

.hotlist ul li a:hover .hotime h6,
.hotlist ul li a:hover .hotime span,
.hotlist ul li a:hover .hotcon h5 {
  color: rgb(240, 131, 30);
}

.hotlist ul li a:hover .hotcon div {
  border: 1px solid rgb(240, 131, 30);
  background: rgb(240, 131, 30);
}

.hotlist ul li a:hover .hotcon div i {
 background: url(../images/jinbai.png) no-repeat center center; background-size:35%;
}


.hotlist ul li:hover::before {
  opacity: 1;
  width: 56.25%;
}

.hotlist ul li:hover::after {
  opacity: 1;
  left: 54%;
}

.page {
  text-align: center;
  font-size: 0;
  width: 100%;
  overflow: hidden;
}

.page .box {
  margin: 6.25rem 0 0;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}

.page a {
  border: 1px solid #d2d5da;
  padding: 0 8px;
  min-width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
  color: rgba(51, 51, 51, 0.7);
  font-size: 14px;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
  border-radius: 4px;
}

.page .on {
  background: #b7845e;
  border: 1px solid #b7845e;
  color: #fff;
}


/*详情*/
.newshow{ background:#f7f7f7; padding:70px 0;}
.xinnei{ background:#FFF; padding:70px 10%; margin:40px 0;}
.xinnei img{ max-width:100%;}
.xinbiao h2{   line-height:40px; margin-bottom:20px;
    font-size: 30px;
    text-align: center; font-weight:bold; color:#555;}
.xinbiao  em{ display:block;text-align:center; background:#f5f9fd; font-size:14px; padding:10px 0; margin:30px 0;}
.xinbiao  em span{ margin:0 10px;}
.neirong p{ font-size:16px; line-height:30px;}
.detail_column{ margin-bottom:60px;}
.detail_column .column{ width:49%; text-align:center; background:#FFF; float:left;}
.detail_column .column a{ display:block; width:100%; padding:30px; font-size:16px;}
.detail_column .column a:hover{ background:rgb(240, 131, 30); color:#FFF;}
.detail_column .column:nth-child(1){ margin-right:2%;}



/*合作伙伴*/
.huoban{background: url(../images/huoban.png) no-repeat left 100px; padding:0 0 100px 0; background-size:100% auto;}
.hezuolist li{ height:100px; float:left; width:23.5%; border-radius:5px; overflow:hidden; margin-right:2%; margin-bottom:30px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); background:#fff; padding:8px 1%;}
.hezuolist li img{ width:100%; height:auto;}
.hezuolist{ padding:70px 0;}
.hezuolist li:nth-child(4n){ margin-right:0;}




/*动画效果*/




@keyframes hou{
0%{ height:0;opacity:0;}	
100%{height:200px;opacity:1;}
}
.hou{animation-name: hou;animation-duration: 0.08s;animation-iteration-count: 1;animation-direction: alternate;}