@charset "utf-8";
/* CSS Document */

.neiabout{ padding-bottom:35px;}
.wrapr{ width:80%; overflow:hidden; margin:auto;}
.aboul{ float:left; width:20%;background: #fff;
    margin-top: 30px;}
.neileft{background: #B6130E;
    color: #fff;
    font-size: 22px;
    font-family: none;position: absolute;
    /* top: -55px; */
    z-index: 8;
    margin-top: -65px;
    width: 225px; text-align:center; padding:30px 0px;}
.menu_list{   margin-top: 24px;}
.menu_head{height:47px;padding-left:38px;color:#525252;cursor:pointer;position:relative;margin:0;font: normal 16px/47px "microsoft yahei";border-top: none;}
.menu_head1{background:#fff url(../img/pro_left.png) center right no-repeat;}
.menu_list .current{background:#B6130E url(../img/pro_down.png) center right no-repeat; color:#fff;}
.menu_head:hover{background:#B6130E; color:#fff;}
.menu_head1:hover{background:#B6130E url(../img/pro_left.png) center right no-repeat; color:#fff;}
.menu_head1:visited{background:#B6130E; color:#fff;}
.menu_body{height:auto;overflow:hidden;line-height:38px;backguound:#fff;}
.menu_body a{display: block;
    height: 40px;
    line-height: 40px;
    padding-right: 45px;
    text-align: right;
    color: #777777;
    background: #fff;
    text-decoration: none;
    font-size: 15px;}
.menu_body a:hover{text-decoration:none; background:#B6130E; color:#fff;}

.neiright{ float: left;
    width: 850px;
    margin-left: 25px;}
.neiabou_top{ margin-right:10px;margin-left:10px;    -webkit-align-items: center;    -webkit-box-pack: center;
    justify-content: center;background: url(../img/home.jpg) left 3px no-repeat;
    padding-left: 25px;
    margin-top: 40px;
    border-bottom: dashed 1px #d8d8d8;
    padding-bottom: 10px;}
.neiabou_top a{ text-decoration:none; color:#222; font:normal 16px/21px "microsoft yahei"; margin:0 5px;}
.neiabou_right{margin-top: 20px;
    font-size: 15px;
    line-height: 22px;padding-left: 20px;
    padding-right: 20px;}
	

.neiabouimg_right{}	
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed {  *zoom: 1;}
.honorList { height: auto; overflow: hidden; text-align: center;}
.honorList li {    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    width:31%;
    background-color: #fff;
    padding: 30px 1.1% 10px;
    /* margin: 55px 11px 0; */
    float: left;}
.honorList li a { display: block; font-size: 16px; color: #fff; }
.honorList li a p {     height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: absolute;
    z-index: 11;
    top: 220px;
        padding-left: 6%;
    background: #0000009e url(../img/honor.png) right center no-repeat;
    width: 80%;
    text-align: left;
    background-size: 31px;
    padding-right: 7.5%;}
.honorList li a i { position: absolute; left: 0; bottotm: -26px; z-index: 5; width: 100%; height: 26px; background: url(../img/probg.jpg) no-repeat center top; }
.honorList li:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
-webkit-filter: grayscale(0); filter: grayscale(0); filter: xray; 
.honorList li:hover a { color: #ffa73d; }
.proImg { width:100%; height: 230px; overflow: hidden; position:relative; }
.prospan{ position:absolute; display:block; left:0; top:0; z-index:3; width:100%; height:100%; /*background:url(../images/tm20.png) repeat 0 0;*/}
.honorList li:hover .prospan{ display:none; }
.proImg img {  height: 100%;  }



/*Contact Us*/
.neilx_top{padding: 30px 0px;
    border-bottom: dashed 1px #096ac2;}
.neilx_top,.neicon_top ul{ overflow:hidden;}
.neilx_top ul li{float: left;
    padding: 5px 29px;
    border: solid 1px #cecece;
    margin-right: 20px;
    border-radius: 25px;}
.neilx_top ul li a:hover {
    border-color: #e60012;
    background: none;}	
.la-btn:before {
    visibility: hidden;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    background: #096ac2;
    z-index: -1;
    transform: skew(45deg,0);
    transition: all .35s;}
.la-btn:hover:before {
    visibility: visible;
    width: 150%;
    left: -25%;}
.la-btn {
    font-size: 17px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}		
.neilx_top ul li:hover a{ color:#fff;}	
.neilx_top ul li a{font: normal 16px/25px "microsoft yahei"; color:#222;}
.neicontact{}



/*产品*/
.neiproduct{ overflow:hidden;}
.neiproduct ul{ overflow:hidden; padding-top:35px;}
.neiproduct ul li{ float:left; width:245px; margin:14px;    border: solid 1px #ececec;}
.neiproduct ul li img{/* width:100%;*/}

.backpro{ position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;}	
.backpro p{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 0.5rem 0;}	
.backpro p::before{content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;}	
.backpro p::after{content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;}
.neiproduct li:hover .backpro p::before,.neiproduct li:hover .backpro p::after{width: 1rem;}		
.neiproduct li:hover .backpro{ opacity:1;}	
.neiproduct li:hover .backpro{ opacity:1;}
	
.ingpro{padding: 0px 10px;border-bottom: solid 1px #ececec; position:relative; overflow:hidden; text-align:center; height:210px;}
.ingpro img{margin: 5px 0px;padding: 0;-webkit-font-smoothing: antialiased; max-height:200px;/* width:100%;*/
  -moz-osx-font-smoothing: grayscale;
  transition:transform 0.5s;transition:all 0.3s linear 0s;}
.neiproduct li:hover img{ transform:scale(1.06);}
.pro-title{ padding:0px 20px; overflow:hidden; position:relative;}
.pro-title:after{content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 0;
    height: 100%;
    background-color: #1776f8; opacity:0.6;
    z-index: -1;
    transition: all 0.5s ease;}
.pro-title:hover::after {
    width: 100%;}	
.pro-title:hover,.proi li:hover .pro-title{background-color: #1776f8b3;
    transition: all 0.5s ease;}	
.pro-title h3{ float:left; font-size:15px; font-family:Arial; margin:12px 0px; font-weight:300; color:#222;}
.pro-titleimg{ float:right; margin:18px 0px; background:url(../img/Fill2.png) no-repeat right; width:26px; height:8px;}
.pro-title:hover h3,.proi li:hover .pro-title h3{ color:#fff;}
.pro-title:hover .pro-titleimg,.proi li:hover .pro-titleimg{ background:url(../img/write.png) no-repeat right;}


/*proshow*/
.proleft_t,.proleft ul,.proleft{ overflow:hidden;}
.proleft_t {
    width: 223px;
    float: left;}
.prol_top{ background: #539fe4 url(../img/tuijian.png) no-repeat 20px 12px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    padding: 10px 50px;}
.proleft ul li{ float:left; width:220px; margin:10px 0px;    border: solid 1px #ececec;}
.proleft ul li img{ width:80%;}
.proleft li:hover .backpro p::before,.proleft li:hover .backpro p::after{width: 1rem;}		
.proleft li:hover .backpro{ opacity:1;}	
.proleft li:hover img{ transform:scale(1.06);}
.proshow{ overflow:hidden; padding: 0px 2%;
    float: left; width:96%;}
.pro_right{overflow: hidden;    background: #fff;
    padding-bottom: 20px;
    width: 77%;
    float: left;
    margin-right:3%;
    margin-top: 30px;}
.proright_right{ float:left; overflow:hidden;margin-top: 50px;
    margin-left: 50px;}	
.proright_right h1{font-size: 16px;
    margin-bottom: 10px;}
.proright_right p{    font-size: 13px;
    line-height: 24px;}	
.proright_right span{ font-size:16px; color:#e60012;}
.procontent{width: 95%;
    overflow: hidden;
    padding: 20px;
    line-height: 24px;
    font-size: 13px; min-height:400px;}
.procontent_top{ border-bottom: solid 3px #B6130E;
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
    float: left;
    color: #fff;}
.procontent_top p{ background: #B6130E;
    line-height: 40px;
    font-size: 16px;
    padding: 0px 20px;
    width: 70px;}
.yepianshu{ overflow:hidden; margin:30px auto 0px; width:95%; font-size:14px;}	
.shangyip{ float:left; width:50%; text-align:left;}	
.yepianshu a{ color:#222; margin-left:5px;}
.yepianshu a:hover{ color:#096ac2;}
.xiayip{ float:left; width:50%; text-align:right;}


/*new*/
.newshow{     float: left;
    margin-top: 20px;
    width: 100%;
    text-align: center;}
.newshow h1{ font-size:20px;}
.newssdiv{color: #bfbfbf;
    margin-top: 10px;}
	
	
.news,.news ul,.news ul li{ overflow:hidden;}
.news{ }
.news ul{ margin:0; padding:0;}
.news ul li{    width: 100%;
    background-color: rgba(255,255,255,0.8);
    height: 123px;
    border-bottom:solid 1px #B6130E;
    overflow: hidden;
    position: relative; padding-top:10px;}
.newsdata{ float: left;
    width: 15%;
    height: 100%;
    text-align: center;
    color: #333;}
.newsdata b{display: block;
    font-size: 40px;
    line-height: 45px;
    margin-top: 30px;
    transition: all 0.5s ease;}	
.newsdata b,.newsdata h3{font-family: Arialbd;}
.newsdata span{
	    display: block;
    line-height: 18px;
    font-size: 15px;
    transition: all 0.5s ease;}	
.newscona{ float: left;
    width: 70%;
    padding: 2%;}
.newscona h3{color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s ease; margin:0;}	
.newscona p{    padding-top: 10px;
    font-size: 13px;
    line-height: 23px;
    height: 46px;
    color: #737373;
    transition: all 0.5s ease; margin:0; overflow:hidden;}	

.news li:hover{background-color: #B6130E; opacity:0.9;
    transition: all 0.5s ease;}
.news li:hover::after {
    width: 100%;}
.news li:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 0;
    height: 100%;
    background-color: #cd0b05;
	opacity:1;
    z-index: -1;
    transition: all 0.5s ease;}	
.news li:hover h3,.news li:hover b{ color:#fff;}	
.news li:hover p,.news li:hover span{ color:#ececec;}	
.news-more{ width: 37px;
    height: 37px;
    float: right;
    margin-right: 2%;
    background: #e5e5e6;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    margin-top: 3%;transition: all 0.5s ease;}
.news li:hover .news-more{ background:none; }