﻿img {
    pointer-events: none;
}
*{ box-sizing:border-box; margin:0; padding:0;}
ul,ol,li {list-style: outside none none; margin:0; padding:0;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; color:#333;}
.clear{ clear:both}
a:hover { color:#c61c22;}

img { vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
.wrap { width:100%; margin-right:auto; margin-left:auto;}

/*2020-03-10*/

.gai-Menubox { width:100%; border-radius:0px; height:188px;}
.gai-Menubox li{ float:left; text-align:center; cursor:pointer; padding-bottom:10px; width:11.11111%;}
.gai-Menubox ul li dl{ height:175px; background:; text-align:center; padding:50px 15px; position:relative}
.gai-Menubox ul li dl dt{ width:52px; height:48px; background-repeat:no-repeat; margin:10px auto 6px;}
.gai-Menubox ul li dl dd{ font-size:16px; font-weight:; 

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 48px;
line-height: 24px;


}
.gai-Menubox ul li:nth-child(1) dl dt{ background-image:url(../images/p_b0.png)}
.gai-Menubox ul li:nth-child(2) dl dt{ background-image:url(../images/p_b1.png)}
.gai-Menubox ul li:nth-child(3) dl dt{ background-image:url(../images/p_b2.png)}
.gai-Menubox ul li:nth-child(4) dl dt{ background-image:url(../images/p_b3.png)}
.gai-Menubox ul li:nth-child(5) dl dt{ background-image:url(../images/p_b4.png)}
.gai-Menubox ul li:nth-child(6) dl dt{ background-image:url(../images/p_b5.png)}
.gai-Menubox ul li:nth-child(7) dl dt{ background-image:url(../images/p_b6.png)}
.gai-Menubox ul li:nth-child(8) dl dt{ background-image:url(../images/p_b7.png)}
.gai-Menubox ul li:nth-child(9) dl dt{ background-image:url(../images/p_b8.png)}

.gai-Menubox ul li:nth-child(2) dl{ border-radius:0px 0 0 0px;}
.gai-Menubox ul li:nth-child(8) dl{ border-radius:0 0 0px 0px;}
.gai-Menubox ul li dl:after{ content:""; width:1px; height:78px; background:#e0e0e0; position:absolute; right:0; bottom:20px;}



.gai-Menubox ul li:nth-child(5) dl:after{ display:none;}
.gai-Menubox li.hover{ background:url(../images/sjiao.png) no-repeat bottom center}
.gai-Menubox li.hover dl{ background: url(../images/ppho.png) center  bottom no-repeat; background-size:100% auto;}
.gai-Menubox li.hover dl dd{ color:#fff;}
.gai-Menubox ul li.hover dl:after{ display:none;}
.gai-Menubox ul li:nth-child(1).hover dl dt{ background-image:url(../images/p_b0a.png)}
.gai-Menubox ul li:nth-child(2).hover dl dt{ background-image:url(../images/p_b1a.png)}
.gai-Menubox ul li:nth-child(3).hover dl dt{ background-image:url(../images/p_b2a.png)}
.gai-Menubox ul li:nth-child(4).hover dl dt{ background-image:url(../images/p_b3a.png)}
.gai-Menubox ul li:nth-child(5).hover dl dt{ background-image:url(../images/p_b4a.png)}
.gai-Menubox ul li:nth-child(6).hover dl dt{ background-image:url(../images/p_b5a.png)}
.gai-Menubox ul li:nth-child(7).hover dl dt{ background-image:url(../images/p_b6a.png)}
.gai-Menubox ul li:nth-child(8).hover dl dt{ background-image:url(../images/p_b7a.png)}
.gai-Menubox ul li:nth-child(9).hover dl dt{ background-image:url(../images/p_b8a.png)}
.gai-Contentbox{ padding-top:25px;}
.sec-pro ul{ width:100%; text-align:center; height:60px; display:none;}
.sec-pro ul li{ display:inline-block; font-size:18px; padding-bottom:5px;cursor:pointer; margin:0 10px;}
.sec-pro ul li.hover{ border-bottom:2px solid #000;}






.in-slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
  background: #000;
}
.in-slideBox .bd{ 
  position:relative; 
  height:100%;
  overflow:hidden;
}
.in-slideBox .bd li{ 
  vertical-align:middle;
  overflow:hidden;
  height:860px;
  position:relative;
}
.dw{width:620px; text-align:center; margin:0 auto; top:40%; left: z-index:9999; position:absolute; left:32%;}
.dw img{display:inline-block;}
.in-slideBox .bd img{ 
  width:100%; 
  height: 100%;
  display:block;  
  animation: changeScale 1 2.5s;
}
.in-slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
.in-slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.in-slideBox .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:14px; 
  height:14px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
}
.in-slideBox .hd ul li.on{ 
  width: 46px;
  height: 14px;
  border-radius:20px; background:#d01027;
}
.w86{ width:96%; margin:0 auto;}
.in-pro{ width:100%; background:url(../images/w.png) no-repeat left bottom ; padding:50px 0 70px 0;}
.Menubox {position: relative;width: 100%;padding-bottom:16px;}
.Menubox li { float:left; width:33.1%; font-size:22px; position:relative;z-index:2; cursor:pointer; background:#fff; color:#333; font-weight:bold; height:86px; line-height:86px; padding-left:35px; margin-right:2px; border-radius:5px; }
.Menubox li span{ font-size:16px; font-weight:normal; padding-left:23px; line-height:80px;}
.Menubox li:nth-child(1) span{ padding-left:6px;}
.Menubox li:after{ content:""; position:absolute; bottom:-20px; left:50%;width:0; 
    height:0; 
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top:20px solid #d01128; opacity:0;}
.Menubox li.hover{ color:#fff; background:#d01128;}
.Menubox li.hover:after{ opacity:1;}
.Menubox li.hover span{ opacity:0;}
.Contentbox {clear: both; color:#fff; padding-top:10px; position:relative;}
.Contentbox a{ color:#333; opacity:1}
.pro-js{ font-size:16px; padding-bottom:10px;}
.pro-js a{ display:inline-block; border:1px solid #a3a3a3; padding:6px 32px; border-radius:6px; margin-right:5px;}
.pro-js a:hover{ background:#bf101a; color:#fff; border-color:#bf101a;}
.in-pp{ overflow:hidden; position:relative;  }
.in-pp .hd{ width:100%; text-align:center;}
.in-pp .hd a{ display: inline-block; margin:30px 10px 0}
.in-pp .hd .prev{  width:48px; height:49px;overflow:hidden;
			 cursor:pointer; background:url("../images/up.jpg") no-repeat;}
.in-pp .hd .next{  width:48px; height:49px; overflow:hidden;
			 cursor:pointer; background:url("../images/down.jpg") no-repeat;}

.in-pp .bd{ }
.in-pp .bd ul{ overflow:hidden; zoom:1; }
.in-pp .bd ul li{ margin:0 12px 0 0 ; float:left; _display:inline; overflow:hidden; text-align:center; width:24% ; position:relative;  }
.in-pp .bd ul li .pic{ text-align:center;}
.in-pp .bd ul li .pic:after { width:100%; height:5px; background:#ece65e; content:" "; position:absolute; z-index:9;}


.in-pp .bd ul li .pic img{ width:100%; height:100%;  display:block; transition-duration:.5s; border:1px solid #e1e1e1; border-radius:0px; border-bottom:0px solid #000;}


.in-pp .bd ul li .title{ color:#fff; font-size:16px; display:block; top:50%; transform:translateY(-50%); position:absolute; width:100%; text-align:center; opacity:0; transition-duration:.5s;}
.in-pp .bd ul li:hover img{ opacity:0.9; transform:scale(1.1,1.1);}
.in-pp .bd ul li:hover .title{ opacity:1;}



.picList li p { line-height:50px; font-size:16px; background:#fff;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 50px;
line-height: 50px;

}