html{overflow-x: hidden;}
body{margin:0;padding:0;}
ul{padding:0;margin:0;}
li{list-style: none;}
i{font-style: normal;}
a,a:hover{color:#333;text-decoration: none;}
*{font-family: "微软雅黑";box-sizing: border-box;color:#333;}
.w{width: 98%;max-width: 1200px;margin: 0 auto;}
.suoxiao{width: 35px;display: none;}
img{ max-width:100%;}

/*title*/
.title-zong{padding: 70px 0 55px;}
.title-zong1{display: flex;justify-content: center;align-items: center;}
.title-zong1-box{margin: 0 25px;color: #000;font-size: 26px;}
.title-zong1-left,.title-zong1-right{width: 200px;height: 2px;background: #e1e1e1;position: relative;}
.title-zong1-left::before,.title-zong1-right::before{width: 10px;height: 10px;background: #6293ff;transform: rotate(45deg);position: absolute;content: "";top: -4px;;}
.title-zong1-left::before{right: 0;}
.title-zong2{color: #666;font-size: 14px;margin-top: 15px;text-align: center;}
/*title*/

/*头部*/
.header2{width: 100%;height: 100px;display: flex;justify-content: space-between;align-items: center;}
.header2-logo{width: 286px;height: 81px;}
.header2-right{position: relative;height: 100%;}
.header2-nav{display: flex;flex-wrap: wrap;height: 100%;}
.header2-nav a{display: flex;height: 100%;align-items: center;padding: 0 25px;}
.header2-nav a div{font-weight: bold;height: 100%;line-height: 100px;}
.header2-nav a:hover div{color: #002a85;border-bottom: 2px solid #002a85;}
#nav_select{color: #002a85;border-bottom: 2px solid #002a85;}
.suoxiao{width: 35px;display: none;}
.yuyan{padding: 16px 16px 16px 25px;border-left: 1px solid #A1a1a1;display: flex;align-items: center;position: relative;}
.yuyan-text{color: #002a85;}
.yuyan-ti{color: #002a85;position: relative;cursor: pointer;user-select: none;}
.before{position: absolute;width: 0;height: 0;border-top: #002a85 solid 10px;border-left: transparent solid 5px;border-right: transparent solid 5px;border-bottom: transparent solid 0px;top: 50%;right: 0;transform: translate(160%, -50%) rotate(0deg);transition: transform .3s;}
.yuyan-down{position: absolute;top: 100%;right: 6px;display: none;background: #fff;padding: 10px;}
.yuyan-item{padding: 5px 0;cursor: pointer;user-select: none;}
.yuyan img{margin-right: 5px;}
/*头部*/
/* banner */
#s1 img{width: 100%;height: 100%;}
.swiper-containermin img{height: auto!important;position: absolute;top: 50%;transform: translateY(-50%);}
.yuyan-down{z-index: 2;}
/* banner */
/*公司简介*/
.jie{display: flex;flex-wrap: wrap;}
.jie-left{width: 50%;background: url(../images/jie.jpg) right center no-repeat;display: flex;flex-direction: row-reverse;background-size: cover;}
.jie-left-box{width: 100%;max-width: 600px;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.jie-left-box1{font-size: 28px;font-weight: 900;color: #fff;margin-bottom: 3px;}
.jie-left-box2{font-size: 22px;color: #fff;margin-top: 3px;}
.jie-right{width: 50%;background: url(../images/jie-right.jpg);}
.jie-right-box{width: 100%;max-width: 600px;padding: 27px 13px 60px 32px;position: relative;}
.jie-r-1 a{font-size: 23px;color: #0143a1;font-weight: 900;}
.jie-r-2 {margin-top: 10px;}
.jie-r-2 a{font-size: 23px;color: #0143a1;}
.jie-r-3{width: 32px;height: 2px;background-color: #0143a1;margin: 15px 0;}
.jie-r-4{font-size: 14px;color: rgb( 51, 51, 51 );text-indent: 28px;line-height: 30px;}
.jie-r-4 a{font-size: 14px;color: rgb( 51, 51, 51 );text-indent: 28px;line-height: 30px;}
.jie-r-5{position: absolute;bottom: 20px;right: 0;}
.jie-r-5 a{width: 110px;height: 30px;background: #0143a1;text-align: center;line-height: 30px;font-weight: 700;color: #fff;display: block;transition: all .8s;}
.jie-r-5 a span{color: #fff;transition: all .8s;}
.jie-r-5:hover a span{margin-left: 6px;}
/*公司简介*/
/* 产品展示 */
.chan{padding-bottom: 50px;width: 100%;background: url(../images/chan.png);background-position: center;background-size: cover;}
.chan-nav {display: flex;flex-wrap: wrap;padding-bottom: 20px; margin:0 auto;}
.chan-nav a{display: block;border: 1px solid #ccc;margin-right: 20px;margin-bottom: 20px;}
.chan-nav a div{color: #333333;padding: 8px 12px;}
.chan-nav a:hover{border: 1px solid #0143A1;}
.chan-nav a:hover div{color: #0143a1;}
.chan-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.chan-list a{width: calc(25% - 15px);margin-bottom: 20px;}
.chan-item{background-color: #fff;padding-bottom: 17px;}
.chan-item-img{overflow: hidden;}
.chan-item-img img{width: 100%;height: 100%;transition: all .8s;}
.chan-item:hover{box-shadow: 4px 4px 6px #aaaaaa;}
.chan-item:hover img{transform: scale(1.1);}
.chan-item-text{margin: 25px 0;font-size: 14px;text-align: center;}
.chan-item-but{text-align: center;line-height: 28px;margin: 0 auto;font-size: 14px;width: 100px;height: 30px;border-radius: 15px;color: #666;border: #e5e5e5 solid 1px;}
.chan-item:hover .chan-item-but{background: #0143A1;border: 0;color: #fff;}
/* 产品展示 */

.team-cont{width: 100%;max-width: 960px;font-size: 14px;line-height: 24px;text-align: center;margin: 0 auto;}
.team-list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.team-list a{width: calc(25% - 30px);padding-bottom: 40px;}
.team-item{width: 100%;background-image: url(../images/team-b.png);background-size: 100% 100%;background-position: center;text-align: center;padding-top: 33%;overflow: hidden;transition: all .8s;margin-bottom: 30px;}
.team-icon1{background-image: url(../images/team-b1.png);}
.team-icon2{background-image: url(../images/team-b2.png);}
.team-icon3{background-image: url(../images/team-b3.png);}
.team-item img{transition: all .8s;}
.team-item div{color: #fff;font-size: 18px;}
.team-item div:nth-of-type(1){font-size: 18px;font-weight: 700;margin-top: 15px;}
.team-item div:nth-of-type(2){font-size: 14px;}
.team-item:hover{background-size: 110% 110%;}
.team-item:hover img{transform: scale(1.1) rotate(360deg);}
/*新闻*/
.news{width: 100%;background-image: url(../images/news.png);background-position-x: center;background-position-y: top;background-repeat: no-repeat;padding-bottom: 60px;}
.news a{display: block;}
.news .title-zong1-box{color: #fff;}
.news .title-zong2{color: #ccc;}
#news{box-sizing: content-box;padding: 0 5px 80px;}
.anniu{width: 70px;height: 3px;background: #dadada;border: 0;border-radius: 0;margin: 0 12px!important;}
.swiper-pagination-bullet-active{background: #0143A1;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0px;}
.news .title-zong{padding: 55px 0 50px;}
.news-item-img {overflow: hidden;}
.news-item-img img{width: 100%;height: 100%;transition: all .8s;}
.news-item-text{padding: 30px 20px 25px;background: #f2f0f1;}
.news-item-text1{color: #666;font-size: 16px;font-weight: 700;margin-bottom: 25px;}
.news-item-text2{color: #666;font-size: 14px;line-height: 24px;text-indent: 2em;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news-item-text3{color: #666;font-size: 14px;text-align: right;margin-top: 25px;}
.news-item:hover .news-item-img img{transform: scale(1.1);}
.news-item:hover .news-item-text1{color: #0143a1;}
.news-item:hover .news-item-text3{color: #0143a1;}
/*新闻*/
/*供货展示*/
.gong{width: 100%;background-image: url(../images/she.png);background-size: 100% 100%;}
.gong-box{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.gong-left{width: 50%;display: block;}
.gong-left-div{width: 100%;height: 100%;position: relative;overflow: hidden;}
.gong-left-div img{width: 100%;height: 100%;transition: all .8s;}
.gong-left-div:hover img{transform: scale(1.1);}
.gong-left-box{width: 100%;padding: 18px 0;text-align: center;font-size: 18px;color: #fff;background: rgba(0,68,160,.85);position: absolute;bottom: 0;left: 0;}
.gong-right{width: 48%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.gong-item{width: calc(50% - 8px);overflow: hidden;}
.gong-item a{width: 100%;height: 100%;display: block;}
.gong-item a img{width: 100%;height: 100%; transition: all .8s;}
.gong-item:first-child{margin-bottom: 16px;}
.gong-item:hover a img{transform: scale(1.1);}
.youqing{font-size: 16px;color: #0143a1;margin-top: 80px;margin-bottom: 10px;}
/*底*/
.footer{background-image: url(../images/di.png);background-position: center;background-size: cover;padding-bottom: 10px;}
.footer-nav{width: 100%;padding-top: 26px;padding-bottom: 17px;border-bottom: 1px solid #E6e6e6;display: flex;align-items: center;flex-wrap: wrap;}
.footer-nav a{display: block;color: #fff;padding: 0 17px;border-left: 1px solid #eaedf5;font-size: 14px;}
.footer-nav a:first-child{padding-left: 0;border: 0;}

.footer-lx{display: flex;justify-content: space-between;padding-top: 10px;flex-wrap: wrap;}
.footer-text1{font-size: 14px;line-height: 30px;color: #fff;}
.footer-text1 a{color: #fff;}
.er div{font-size: 14px;color: #fff;text-align: center;}




/*返回顶部*/
.top{ cursor:pointer; position:fixed; bottom:100px; background:rgba(1,67,161, .7); right:1%; padding: 15px; display:none; z-index:999;}
.top:hover{background:rgba(1,67,161, 0.9);}
/*返回顶部*/
/*手机底部固定联系我们*/
.sj-footer{position: fixed;bottom:0;left:0;z-index: 99;width: 100%;background:#fff;border-top: solid 1px #ccc;}
.sj-footer ul{display: flex;justify-content: space-around;margin-bottom: 0;}
.sj-footer li{width: 30%;text-align: center;/*background:#eee;*/}
.sj-footer li a{display: inline-block;width: 100%;height: 100%;padding:10px 0;border-left: solid 1px #eee;text-decoration: none;font-size: 13px;color:#333;}
.sj-footer li:nth-child(1) a{border-left:0;}
.sj-footer img{width: 20%;margin-bottom: 5px;}
.visible-xs{display: none;}
/*------------------------------------------------------------------------------------------------------------*/
/* 公共导航条 */
.max{width: 96%;max-width: 1200px; margin: auto;}
.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding:15px 0px;}
.page_address .address{ font-size:14px; color:#666; max-width: 1200px;width:90%;margin: 0 auto;}
.page_address .address span{ float:left; margin:3px 10px 0px 0px;}
.page_address .address *{color:#666; margin:0px;}

/* -- */
/* 标题 */
.often .column{ margin-top:30px; float:left; width:100%; overflow:hidden;}
.page_column{ width: 100%;text-align: center;}
.page_column .often{ width: 98%;max-width: 1200px;margin: 40px auto;text-align: center;}
.page_column .often .text{ font-size: 28px;color: #222;text-align: center;}
.page_column{ padding-top:0px; text-align:center; float:left; width:100%; overflow:hidden;margin-bottom: 60px;}
.page_column .often{ margin:40px auto;}
.page_column .often .text{ text-align:center; float:left; width:100%;}
.page_column a{ display:inline-block; font-size:16px; font-weight:400; color:#333; margin:0px 20px; padding-bottom:10px; border-bottom:2px solid transparent;}
.page_column a:hover{ border-bottom:2px solid #0143a1;}
#fl_select{border-bottom:2px solid #0143a1;}
.list .page_news{ margin-top:20px; float:left; width:100%;}
.list .page_news li{ float:left; max-width:100%; width:100%; overflow:hidden; box-sizing:border-box; margin-right:24px; margin-bottom:25px; display:flex;}
.list .page_news li:nth-of-type(3n){ margin-right:0px;}
.list .page_news li .picture{ float:left; width:100%; max-width:260px; box-sizing:border-box; position:relative; overflow:hidden;}
.list .page_news li .picture img{width:100%; height:180px; object-fit:cover; float:left; transition:all linear 0.20s;}
.list .page_news li .content{ border:1px solid #ddd; box-sizing:border-box; padding:15px 5%; max-width:calc(100% - 260px); float:left; width:100%; overflow:hidden; border-left:0px; position:relative; z-index:1;}
.list .page_news li .content::before{ content:""; position:absolute; width:100%; height:100%; background:#0143a1; z-index:-1; left:-100%; top:0px; opacity:0; transition:all linear 0.25s;}
.list .page_news li .title{ float:left; font-size:16px; color:#666; width:100%; font-weight:bold; margin-bottom:10px; white-space:pre; text-overflow:ellipsis; overflow:hidden; margin-top:15px;}
.list .page_news li .text{ float:left; font-size:14px; line-height:24px; color:#808080; width:100%; max-height:72px; height:72px; overflow:hidden;}
.list .page_news li:hover .content *{ color:#fff;}
.list .page_news li:hover .picture img{ transform:scale(1.1)}
.list .page_news li:hover .content::before{ left:0px; opacity:1;}
.list .page_pro{margin-top:40px; width:100%; overflow:hidden;}
.list .page_pro li{ float:left; max-width:calc(100% / 3 - 16px); margin-right:24px;  margin-bottom:20px;}
.list .page_pro li:nth-of-type(3n){margin-right:0px;}
.list .page_pro li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
.list .page_pro li .picture img{ width:100%; display:block;  object-fit:cover; transition:all linear 0.25s; height:300px;}
.list .page_pro li .title{ float:left; width:100%; overflow:hidden; color:#333; font-size:16px; padding-top:10px; box-sizing:border-box; transition: all linear 0.25s; white-space:pre; text-overflow:ellipsis; text-align:center;}
.list .page_pro li:hover .title{ color:#0143a1;}
.list .page_pro li:hover .picture img{ transform:scale(1.1)}
.list .page_pro li .picture::after{content:""; position:absolute; width:140%; height:40px; top:20%; transform-origin: bottom; right:0px; background:rgba(255,255,255,0.8); transform:rotate(300deg) translateY(300px); opacity:0;}
.list .page_pro li:hover .picture::after{transform:rotate(300deg) translateY(-300px); transition:all linear 0.5s; opacity:1;}
.page_list{ overflow:hidden; text-align:center; width:100%; margin:35px auto 40px auto;}
.page_list *{ font-size:14px; color:#666;}
.page_list a:hover{color:#00914a;}
.page.pageText .title{ font-size:26px; text-align:center; margin-top:20px;}
.page.pageText time{ font-size:12px; color:#999; float:left; width:100%; text-align:center; margin-top:30px;}
.page.pageText time span{ margin:0px 10px;}
.page.pageText .picture{ width:100%; text-align:center; margin-top:30px; float:left;}
.page.pageText .picture img{ margin:0px auto;}
.page.pageText .content{margin: 0 auto; margin-top:0px; display:block; width:90%; padding:40px 0px; box-sizing:border-box;}
.page.pageText .content p{ line-height:36px;}
.page .page_next{ border-top:1px solid #dcdcdc; overflow:hidden; padding:10px 0px; box-sizing:border-box; width:100%; margin-top:40px;}
.page .page_next p{ font-size:14px; color:#333; margin-top:10px;}
.page .page_next a{ font-size:14px; color:#666;}
.page .page_next a:hover{color:#0143a1;}
/*联系我们*/
.page_intor{ width:100%; overflow:hidden;}
.page_intor .title{ text-align:center; font-size:20px; margin-top:10px;}
.page_intor time{ text-align:center; display:block; margin-top:25px; font-size:14px; color:rgba(0,0,0,0.40);}
.page_intor .picture{ text-align:center; display:block; margin-top:25px;}
.page_intor .content{margin-top:25px;text-align: left;}
.page_intor .content p{ line-height:32px;}
@media (max-width: 768px) {
	.visible-xs{display: block;}
}
@media (max-width: 375px) {
	.list .page_pro li{max-width:calc(100% / 4 - 10px); margin-right:13px;}
	.list .page_news li .picture{max-width: 100%;}
	.list .page_news li .content{max-width: 100%;}
}