@charset "utf-8"; 
/*banner*/ 
.bannerbox{ position:relative} 
.banner{height:495px; position:relative; z-index:1}
.banner .item{ height:495px; background-position:center; background-repeat:no-repeat; background-size:cover} 
.banner .slick-dots{ position:absolute; z-index:2; bottom:20px; left:0; right:0; text-align:center}
.banner .slick-dots li{ display:inline-block; width:19px; height:19px; border-radius:19px; margin:0 8px; cursor:pointer; border:3px solid #fff}
.banner .slick-dots li.slick-active{ background-color:#002063; }
.banner .slick-dots button{ display:none}

.banner .txt{ padding-top:220px;}
.banner .txt h3{ font-size:30px; font-weight:normal; color:#282f42; margin-bottom:10px }
.banner .txt .p{ font-size:18px;color:#282f42; opacity:.7}
/*定义绕x轴的3d正向旋转动画 */
@keyframes rote360 {
from{
transform:translateX(0);	
}
to{
transform:translateX(800%);	
}
}
 
.nbanner{ height:430px; background-repeat:no-repeat; background-position:center; background-size:cover}

.plo{ text-align:center; margin-bottom:35px}
.plo h3{ font-size:31px;}
.plo .line{ width:87px; height:3px; background-color:#90c31f; margin:0 auto; margin-top:10px}
.plo .p{ color:#848484; font-size:15px; margin-top:20px}
.index01{ padding:90px 0}

.index01 ul li{ float:left; width:33.33%}
.index01 ul{ margin:0 -19px;}
.index01 ul li a{ display:block; margin:0 19px; background-color:#f2f2f2}
.index01 ul li .img{ overflow:hidden; height:320px}
.index01 ul li .img img{ width:100%; height:100%;object-fit: cover;}
.index01 ul li .title h3{ font-size:20px; height:80px; line-height:80px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 10px; text-align:center}

.mores{ margin-top:50px; text-align:center}
.mores a{ display:inline-block; width:200px; height:46px; line-height:46px; background-color:rgba(0, 32, 99, 1); color:#fff;}
.mores a:hover{ background-color:#90c31f}

.index02{ background:url(../images/index02bg.jpg) no-repeat center; background-size:cover; padding:100px 0}
.index02 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index02 .indexvideo{ width:590px;flex:0 0 590px; height:412px; margin-right:70px; background-color:#000}
.index02 .plo h3{ color:#fff}
.index02 .ms{ color:#fff; font-size:16px; line-height:2}
.index02 .mores{ text-align:left; margin-top:70px;}
.index02 .mores a{width:150px; text-align:center}

.index03{ padding:100px 0}
.index03 ul{ margin:0 -17px}
.index03 li{ float:left; width:33.33%; margin-bottom:34px}
.index03 li .a{ margin:0 17px; background-color:rgba(242, 242, 242, 1);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:215px;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:15px 10px;  transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index03 li .a:hover{ box-shadow:0 0 20px rgba(0,0,0,.5)}
.index03 li .ico{flex:0 0 100px; width:100px; margin-right:15px}
.index03 li .ico img{ width:100%}
.index03 li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.index03 li .txt h3{ font-size:18px; margin-bottom:10px}
.index03 li .txt .p{ font-size:12px}

.index04{ background-color:rgba(240, 240, 242, 1); padding:100px 0}
.index04 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index04 .bd .hotnews{flex:0 0 595px; width:595px; margin-right:65px}
.index04 .bd .hotnews a{ display:block; position:relative}
.index04 .bd .hotnews .img{ overflow:hidden;}
.index04 .bd .hotnews .img img{ display:block; width:100%;}
.index04 .bd .hotnews h3{ position:absolute; z-index:2; height:70px; line-height:70px; bottom:0; left:0; right:0; background-color:rgba(255,255,255,.5); text-align:center; font-size:18px; font-weight:normal}

.index04 .indexnews{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.index04 .indexnews li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index04 .indexnews li{ margin-bottom:66px;}
.index04 .indexnews li:last-child{ margin-bottom:0}
.index04 .indexnews li .date{ width:92px;flex:0 0 92px; height:81px; text-align:center; background-color:rgba(0, 32, 99, 1); color:#fff; margin-right:30px}
.index04 .indexnews li .date .d{ font-size:30px; font-weight:bold}
.index04 .indexnews li .txt h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.index04 .indexnews li .txt .p{ color:#666; height:44px; overflow:hidden}

.index05{ padding:100px 0}
.index05 ul{ margin:0 -15px;}
.index05 li{ float:left; width:25%; margin-bottom:30px}
.index05 li a{ display:block; margin:0 15px; position:relative}
.index05 li .img{ overflow:hidden; height:275px;}
.index05 li .img img{ display:block; width:100%; height:100%; object-fit: cover;}
.index05 li .txt{ position:absolute; z-index:4; left:0; right:0;top:0; bottom:0; background-color:rgba(0,32,99,.8); opacity:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index05 li .txt h3{ position:relative; z-index:2;top:50%; transform:translateY(-50%); text-align:center; color:#fff; padding:0 10px; font-size:20px;}
.index05 li a:hover .txt{ opacity:1}
/*产品*/
.lanmumain{ padding:60px 0}
.pathbox{ height:60px; background-color:rgba(240, 240, 242, 1)}
.pathbox .path{ float:left; height:60px; line-height:60px;}
.pathbox .searchbox{ float:right; margin-top:10px; position:relative}
.pathbox .input{ height:42px; width:387px; background-color:#fff; border:none; border-radius:5px; padding:0 10px;}
.pathbox .inbtn{ width:54px; height:32px; position:absolute; z-index:2; right:0;top:5px; background:url(../images/ico-s.png) no-repeat center; background-size:50%; cursor:pointer; border:none; border-left:1px solid #eee}

.productlist ul li{ float:left; width:33.33%; margin-bottom:55px}
.productlist ul{ margin:0 -19px;}
.productlist ul li a{ display:block; margin:0 19px; background-color:#f2f2f2}
.productlist ul li .img{ overflow:hidden; height:320px}
.productlist ul li .img img{ width:100%; height:100%;object-fit: cover;}
.productlist ul li .title h3{ font-size:20px; height:80px; line-height:80px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 10px; text-align:center}
/*新闻*/
.newslist{ margin:0 -20px}
.newslist li{ float:left; width:50%; margin-bottom:40px;}
.newslist li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin:0 20px; background-color:rgba(240, 240, 242, 1); padding:20px}
.newslist li .img{flex:0 0 200px; width:200px; overflow:hidden; margin-right:30px; height:150px}
.newslist li .img img{ display:block; width:100%;object-fit: cover; height:100%}
.newslist li .title{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.newslist li .title h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px}
.newslist li .title .ms{ font-size:14px; color:#797979; margin-bottom:15px; height:66px; overflow:hidden}
.newslist li .title .date{color:#797979;}
/*详情*/
.newspage h1.title{ text-align:center; font-size:24px; font-weight:bold; margin-bottom:30px}
.newspage .info{ text-align:center; font-size:14px; padding-bottom:25px; border-bottom:1px solid #eee; margin-bottom:30px; color:#797979}
.newspage .info a{ font-size:14px; color:#797979}
.newspage .info span{ margin:0 10px}
.newspage .conn{ line-height:25px; color:#595959; overflow:hidden; font-size:16px}
.newspage .conn a{ color:#595959; font-size:16px;}
.newspage .conn img{ max-width:100%;}

.prevnext{ margin-top:90px; margin-bottom:50px;} 
.prevnext ul{ border-top:1px solid #ddd; padding-top:30px}
.prevnext ul li{ width:48%; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prevnext ul li:nth-child(even){ float:right; text-align:right}

.lines{ height:20px; background-color:rgba(240, 240, 242, 1); margin-bottom:60px;}

.lanmuplo{ margin-bottom:60px}
.lanmuplo h3{ font-size:24px; border-left:6px solid #333; padding-left:20px; height:30px; line-height:30px}

.recommendlist ul{ margin:0 -20px}
.recommendlist li{ float:left; width:50%; margin-bottom:40px;}
.recommendlist li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin:0 20px;  }
.recommendlist li .img{flex:0 0 200px; width:200px; overflow:hidden; margin-right:30px; height:150px}
.recommendlist li .img img{ display:block; width:100%;object-fit: cover; height:100%}
.recommendlist li .title{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.recommendlist li .title h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px}
.recommendlist li .title .ms{ font-size:14px; color:#797979; margin-bottom:15px}
.recommendlist li .title .date{color:#797979;}