* {margin: 0;padding: 0}
table {border-collapse: collapse}
a {text-decoration: none; color: #333;}
a:focus, a:hover {text-decoration: none}
a:focus {outline: 0}
p {margin: 0}
ol, ul,li {margin: 0; padding: 0; list-style: none;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {margin: 0}
html {height: 100%}
body {position: relative;height: 100%;}
/*改变浏览器滚动条*/
::-webkit-scrollbar {width: 8px;height: 6px;}
div::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {border-radius: 10px;background: #bcbcbc;/*rgba(0,0,0,0.2)*/;}
::-webkit-scrollbar-thumb:window-inactive {background: #003894;/*rgba(0,0,0,0.1)*/;}
::-webkit-scrollbar-thumb:vertical:hover{background-color: #003894;/*rgba(0,0,0,0.3)*/;}
::-webkit-scrollbar-thumb:vertical:active{background-color: #003894;/*rgba(0,0,0,0.7)*/;}
::-webkit-input-placeholder{/*color:rgba(255,255,255,.8);*/}
::selection{background: #00aeef; /*color: #fff;*/}  
::-moz-selection{background: #00aeef;/* color: #fff;*/}
:focus{outline:0}

.imgBg {background-position: center center;background-size: cover;background-repeat: no-repeat}
.h45{height: 100px;}

.w{ width: 80%; max-width: 1600px; margin: 0 auto;}
.top{  width: 100%; background-color: white; position: fixed; top: 0;z-index: 100; }
.tab-container{ width: 100%; background-color: white; position: relative; top: 0;z-index: 100;   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.tab-container>.w{ width: 95%; height: 100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.tab-container .w .logo{ }
.tab-container .w .logo img{ height: 50px;}

.tab-transition {transition: all 0.3s ease;}
.tab-content-hidden {opacity: 0;visibility: hidden;transform: translateY(-10px);height: 0;}
.tab-content-visible {opacity: 1;visibility: visible;transform: translateY(0);height: auto;}
.tab-active {}
.tab-inactive {}
.tab-buttons {display: flex; flex-wrap: wrap; justify-content: space-around;flex: 1; margin: 0 2%;}
.tab-button {color: #333; padding-top: 15px; line-height:81px;  border-bottom: 4px solid #fff; cursor: pointer; transition: all 0.2s ease; font-weight: bold;}
.tab-button:hover{ border-bottom: 4px solid #004e9d;}
.tab-content {position: absolute;top: 100%;left: 0;width: 100%;background-color:rgba(220, 34, 43, 0.9); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);overflow: hidden;z-index: 10; height: auto; }
.tab-panel .w{width: 95%;}
.tabcon{ display: flex; padding: 40px 0; justify-content: space-between;}
.tabcon .img{ width:33%;}
.tabcon .img img{ width: 100%;}
.tabcon .navcon{ padding-left: 30px; box-sizing: border-box; flex: 1;}
.tabcon .navcon a{ color: white; display: inline-block; text-align: center; width: 200px; line-height: 45px; border: 1px solid white;  border-top-left-radius: 10px; border-bottom-right-radius: 10px; margin-right: 35px; margin-bottom: 20px; font-size:15px; }
.tabcon .navcon a:hover{ background-color: #ef8200; color: white; border: 1px solid #ef8200; }
.tabcon .text{ color: white; align-self: flex-end; width: 300px;}
.tabcon .text p{}
.hidden {display: none;}

.r-topnav{ display: flex; font-size: 12px; align-items: center; padding-top: 15px;}
.r-topnav li{ padding: 0 10px;}
.r-topnav li a{ display: flex; align-items: center; color: #000;}
.r-topnav li a img{ height: 15px;}
.moblie_head{ display: none;}
.a_txt{ display: none;}

/* 幻灯片 */
.mbox1 {position: relative;overflow: hidden;height: 100%}
.banImg {position: relative;overflow: hidden;width: 100%;height: 100%}
.banImg .imgBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.banText{ position: absolute; top: 50%; width: 1200px; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.banText .ani{ font-size: 3.8rem; color: white;  font-weight: 500; text-transform: uppercase;}
.banText .ani:first-child{ font-size: 4.8rem;}
.banText .ani .bor{ display: block; width: 60px; margin: 0 auto; height: 2px; margin-top: 3%; background-color: white; overflow: hidden;}
/* .banText .tex2{ font-size: 4rem;} */

.mbox1 .swiper-pagination { position: absolute; bottom:10%; left: 50%; transform: translateX(-50%); z-index: 10; text-align: center; box-sizing: border-box; z-index: 3;}
.mbox1 .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 50%;background: #FFF;vertical-align: bottom;opacity: 1;transition: all .5s ease 0s}
.mbox1 .swiper-pagination-bullet-active {background: #004e9d}

/* 公司简介 */
.home-about{ display: flex; justify-content: space-between; margin: 5rem auto; }
.home-about .video{ width: 45%;}
.home-about .video img{ width: 100%;}
.home-about  .about-desc{width: 45%; line-height: 2;}
.home-about  .about-desc{
	h3{ display: block; text-align: center; font-size: 24px; color: black;}
	.bor{ width:65px; height: 2px; overflow: hidden; background-color:#004e9d; margin:10px auto 0 auto;}
	h4{ display: block; text-align: center; color:#004e9d; margin-top: 10px; font-weight: normal; font-size: 18px;}
	h4 b{ font-weight: bold;}
	.desc{ margin-top:20px; line-height: 2;}
	.desc p{ text-indent: 2em; margin-bottom: 10px;}
}

/* CSS样式 */
#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 1000;display: none;}
#videoPlayer {max-width: 80vw;max-height: 80vh;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1001;display: none;}

.cont{width: 100%; height: 100%; box-sizing: border-box;  z-index: 10; display: flex; justify-content: space-around;  flex-wrap: wrap;  align-items: center;  transition-delay: 2s;}
.cont dl{ display: flex; margin-bottom: 5rem;}
.cont dl dt{ margin-right: 10px; margin-top: 20px; height: 50px; display: flex; align-items: center;}
.cont dl dd{color:#004e9d; }
.cont dl dd .counter{ font-size: 48px; font-weight: 700;}
.cont dl dd .num sub{font-size:18px;}
.cont dl dd .num sup{font-size:18px;}
.cont dl dd .tit{ font-size: 18px; color: #666;}

.center-bg{ background:#ededed url(../images/cbg.jpg) center bottom no-repeat; text-align: center; padding:4% 0;}
.center-bg h3{ font-size:36px;font-weight: 500; }
.center-bg span{ display: block; height: 4px; width: 60px;  background-color:#004e9d ; margin: 20px auto 30px auto; }
.center-bg h4{ font-size: 22px; color:#004e9d;line-height: 3; }
.center-bg p{ font-size: 16px; color: #666;line-height: 2; }


.center-bg2{ background: url(../images/cbg2.jpg); color: white; padding: 100px auto;}
.center-bg2 .index-pro{ width: 50%; height: 650px; padding: 10% 0; box-sizing: border-box;}
.center-bg2 h3{ font-size:36px; color: #333;}
.center-bg2 span{ display: block; height: 4px; width: 60px;  background-color:#004e9d ; margin: 20px 0 30px 0; }
.center-bg2 h4{ font-size: 24px; font-weight: normal; color:#004e9d ;}
.center-bg2 p{ font-size: 16px; margin-top: 30px; line-height: 2; color:#666 ;}
.center-bg2 .nmore { text-align: left; margin-top: 20px;}
.protype{display: flex; flex-wrap: wrap; margin-top: 30px;}
.protype a{width: calc(25% - 20px); margin-right: 20px; display: block; height: 50px; line-height: 50px; font-size: 18px; border-radius: 25px; border: 1px solid #fff; color: white; text-align: center; margin-bottom: 20px; box-sizing: border-box;}
.protype a:hover{ background-color: white; color: #004e9d;}
.protype a.active{ background-color: white; color: #004e9d;}

.index-news{ padding: 50px 0; background: url(../images/newsbg.jpg) center center no-repeat;}
.news-tit{padding-bottom: 20px;}
.news-tit h3{ font-size:36px; text-align: center; display: block;}
.news-tit span{ display: block; height: 4px; width: 60px;  background-color:#004e9d ; margin: 20px auto 30px auto; }
.news-type{ text-align: center; color: #666;}
.news-type a{ display: inline-block; margin: 0 10px; color: #666;}

.index-news-list {padding-top: 30px;}
.index-news-list ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  box-sizing: border-box;}
.index-news-list li {width: 48%; margin-bottom: 5%;}
.index-news-list li a {display: block; padding: 5% 10%; border-radius: 20px; box-sizing: border-box; position: relative; background-color: white;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); color: white;
 }
.index-news-list li a::before {
     content: '';
     position: absolute;
     top: 100%; /* 定位在元素下方 */
     left: 10%; /* 居中定位 */
     width: 0;
     height: 0;
     margin-left: -20px; /* 根据需要调整 */
     border-left: 20px solid transparent; /* 左边框透明 */
     border-right: 20px solid transparent; /* 右边框透明 */
     border-top: 25px solid currentColor; /* 下边框为当前元素的文本颜色，即三角形的颜色 */
    
   }
 .index-news-list li a .img{ display: inline-block; position: absolute; right: 10%; top:20%; width:60px; height: 60px; background: url(../images/news_ico.png) no-repeat;}
.index-news-list li a .con{ width: 80%; color: #333;}
.index-news-list li a .date{ color: #999;}
.index-news-list li a .title{margin-top: 10px; font-size: 18px; font-weight: bold;}
.index-news-list li a .desc{ margin-top: 20px; height: 60px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.index-news-list li a .more {display: inline-block;margin-top: 20px; width: 41px; height: 17px; background: url(../images/more.png) no-repeat; background-size: 100%; }
.index-news-list li a .more img{width: 50px;}

.index-news-list li a:hover{ box-shadow: 0 0 20px rgba(0, 78, 157, 0.2); background-color:#004e9d ; color:#004e9d; }
.index-news-list li a:hover .title{ color:white;}
.index-news-list li a:hover .con{ color: #fff;}
.index-news-list li a:hover .date{ color: #fff;}
.index-news-list li a:hover .img{background: url(../images/news_ico1.png) no-repeat}
.index-news-list li a:hover .more {background: url(../images/more1.png) no-repeat; background-size: 100%;}
.nmore{ text-align: center;}
.nmore a{display: inline-block; width: 150px; line-height: 44px; border: 1px solid #666; border-radius: 23px; text-align: center; color: #666;}
.nmore a:hover{background-color: #004e9d;color: white;}


.center-bg3{padding:10% 0; color: white;background-image: url(../images/cbg3.jpg);  background-position: center center; 
            background-repeat: no-repeat; 
            background-attachment: fixed;
            background-size: cover; }
.center-bg3 h3{ font-size:3rem; }
.center-bg3 span{ display: block; height: 4px; width: 60px;  background-color:#fff ; margin: 20px 0 30px 0; }
.center-bg3 h4{ font-size: 62px; font-weight: bold; }
.center-bg3 p{ font-size: 16px;  line-height: 2; margin-top: 20px; }
.center-bg3 a{display: inline-block; width: 150px; line-height: 44px; margin: 50px auto 0 auto; background-color: rgba(255, 255, 255, 0.2); border-radius: 23px; text-align: center; color: #fff;}
.center-bg3 a:hover{background-color: #004e9d;color: white;}
.yqlink{background-color: #f2f2f2; }
.yqlink .w{ display: flex; justify-content: space-around; padding: 30px 0; align-items: center;}
.yqlink a{}
.yqlink a img{ max-height: 45px; max-width:100px ;box-sizing: border-box; }

/* 底部 */
.boxbg5{ background-image: linear-gradient(to bottom, #004fa5, #003da5); color: white; overflow: hidden; padding: 5% 0;}
.boxbg5 .w{height: 100%;}

.footer{ display: flex;  justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 30px;}
.footer .logo img{ height: 45px;}
.footer .logo span{ opacity: .8; padding-left: 20px;}
.footer .footer-nav img{ height: 20px; opacity: .8;}

.footer-con{ display: flex; justify-content: space-between;}
.f-contact{ width:20%;}
.f-contact li img{ height: 15px; margin-right: 10px;}
.f-contact .code img{ width: 100px; border: 10px solid #fff; margin-top: 20px;}
.fnav { flex: 1;  margin-left: 5%; margin-top: 3%; width:75%;}
.fnav ul{ display: flex;justify-content: space-between;}
.fnav ul li{}
.fnav ul li h3{ font-size: 18px; color: white; margin-bottom: 20px; line-height: 25px; border-bottom: 1px solid #5d9aff; display: inline-block; font-weight: normal;}
.fnav ul li a{ font-size: 16px; color: white; display: block; line-height: 1.7;}
.fnav ul li a:hover{ color:#5d9aff;}


.f20{font-size: 20px; font-weight: bold;}
.f-contact{ color: white; font-size: 16px; line-height: 2; margin-top: 3%;}
.copyright{ width: 100%; background-color: #0054a5; text-align: right; line-height: 200%; padding: 15px; color: #fff;  box-sizing: border-box; font-size: 12px; }
.copyright .w{ display: flex; justify-content: space-between;}
.copyright .w a{ color: white; }
/* 内页 */

.sbanner{ position: relative;}
.sbanner .img img{ width: 100%;}
.sbanner h3{ display:block; text-align: center; width: 100%; font-size: 4rem; font-weight: 600; position: absolute; left: 0; bottom: 15%; transform: translateX(-50%); color: white; }

.abo{ padding: 50px; line-height: 1.5;}

.about-item-1{ border-bottom: 1px solid #ddd; padding-top: 50px; }
.about-item-2{ padding: 50px 0;
	.img{ text-align: center;}
	h3{ display: block; text-align: center; font-size: 18px; color: black; margin: 20px 0;}
	.bor{ width:65px; height: 2px; overflow: hidden; background-color:#004e9d; margin:20px auto 0 auto;}
	h4{ display: block; text-align: center; color:#004e9d; margin-top: 50px; font-weight: normal; font-size: 18px;}
	h4 b{ font-weight: bold;}
	.desc{ width: 100%; margin: 50px auto; line-height: 2; display: flex; justify-content: space-between;}
	.desc>div{ width: 47%;}
	.desc p{ text-indent: 2em; margin-bottom: 10px; color: #666;}
}

.about-item-3{ background:#f4f4f4; color: #000; padding-top: 80px;}
.about-item-3 h2{ display: block; position: relative; font-size: 36px; font-weight: bold; text-align: center;}
.about-item-3 .bor{ width: 75px; height: 5px; background-color: #004e9d; margin: 20px auto;}
.about-item-3 ul{ display: flex; justify-content: space-between;}
.about-item-3 ul li { box-sizing: border-box; width: 33%; border-right: 1px solid #ddd;}
.about-item-3 ul li:last-child{ border-right: 0;}
.about-item-3 ul li .con{ padding: 50px 0 50px 0;}
.about-item-3 ul li .con h3{ font-size:32px; padding-bottom: 10px; text-align: center; }
.about-item-3 ul li .con p{  margin-top: 10px; text-align: center; font-size: 24px;line-height: 1.8; color: #004e9d;}
.about-item-3-img{ background:#f4f4f4; padding:80px 0; }
.about-item-3-img .w{}
.about-item-3-img .w .img img{width: 100%; border-top-left-radius:60px;}
.about-item-3-2{ margin-top: 50px;}
.about-item-3-2 .img img{ width: 100%;  border-bottom-right-radius:60px;}
.about-item-3-ico{ margin: 80px 0;}
.about-item-3-ico ul{ display: flex; justify-content: space-between;}
.about-item-3-ico ul li{ box-sizing: border-box;}
.about-item-3-ico ul li .bor{ width: 1px; height: 100%; background-color: #ddd;}
.about-item-3-ico ul li .img{ text-align: center;}
.about-item-3-ico ul li h4{ font-size: 22px; margin: 20px 0; font-weight: bold; text-align: center; display: block;}
.about-item-3-ico ul li  p{ font-size: 18px; padding: 0 5%; box-sizing: border-box; color: #666;}

 
.about-item-4{margin-top:50px; position: relative; color: white;}
.about-item-4 .img img{ width: 100%;}
.about-item-4 .con{ width: 200px; height: 200px; border-radius: 50%; background-color: #0054a5; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center;}
.about-item-4 .con h3{ font-size:36px; position: relative; padding-bottom: 10px; }
.about-item-4 .con h3::before{position: absolute; content: '';  width:50px; height: 3px; background-color: white; left: 50%; transform: translateX(-50%); bottom: 0;}

.about-item-4-list{ margin: 50px 0;}
.about-item-4-list ul{ display: flex; justify-content: space-between;}
.about-item-4-list ul li{ border-right: 1px solid #ddd; padding: 20px 0; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1;}
.about-item-4-list ul li h3{ display: block; margin-top: 20px; font-size: 18px; font-weight: bold;}
.about-item-4-list ul li:last-child{border-right: 0;}

.snav{ text-align: center; font-size: 18px; line-height: 50px; padding: 25px 0; font-weight: bold;}
.snav a{ border-right: 1px solid #999; padding: 0px 10px; }
.snav a:last-child{ border-right: 0;}
.snav a.active{ color:#004e9d;}
.local .w{ background: url(../images/home.png) left center no-repeat; padding-left: 20px; display: flex; justify-content: space-between;}
.local .w span{ margin: 0 5px;}
.local .w h3{ border-right: 5px solid #004e9d; padding-right: 10px;}
.norecord{ text-align: center;}

.nbg{ background-color: #f9f9f9; padding: 50px 0;}
.newscon{ padding: 50px 0;}
.newscon h1{ display: block; font-size:36px; text-align: center;}
.newscon .desc{ text-align: center; margin-top: 20px; color: #666;}
.newscon .bor{ border-bottom: 1px solid #d5eeff; margin-top: 20px;}
.newscon .con{ padding: 50px 0; line-height: 1.5;}
.newscon .con a{color:#004e9d;}
.newscon .con img{ max-width: 100%;}


/* 创新中心 */

.innovation{ margin-top: 50px;}
.innovation h3{ display: block; text-align: center;color:#004e9d; font-size: 32px; font-weight: normal;}
.innovation h3 b{ font-weight: bold;}
.innovation .bor{ margin: 50px auto; height: 1px; background-color:#d5eeff ; overflow: hidden;}
.innovation .con{ width: 60%; margin: 0 auto;}
.innovation .con .desc{ text-indent: 2em; line-height: 2;}
.innovation .con img{ width: 100%; margin-top: 20px;}
.in-item-1{ display: flex; background-color: #fff; align-items: center; margin-top: 50px; overflow: hidden;}
.in-item-1 .img{ width: 55%;}
.in-item-1 .img img{ width: 100%;}
.in-item-1 .item-con{ width: 45%; padding:0 10%; box-sizing: border-box; text-align: center;}
.in-item-1 .item-con h4{ font-size: 24px; margin-top: 20px; text-align: left; font-weight: normal;}
.in-item-con{ background-color: #d2e7ff; padding-top: 150px; margin-top: -150px; position: relative; z-index: 1;}
.in-item-con .w{ display: flex;}
.in-item-con .w dl{ display: flex; width: 30%; margin: 50px;}
.in-item-con .w dl dt{ margin-right: 30px;}
.in-item-con .w dl dd{ line-height: 2;}
.in-item-con .w dl dd h5{ font-size: 16px;}
.in-item-con .w dl dd p{ font-size: 14px; color: #666;}
.in-item-con-2{ background-color: #d2f6ff; padding-top: 150px; margin-top: -150px; position: relative; z-index: 1;}
.in-item-con-2 .w{ display: flex;}
.in-item-con-2 .w dl{ display: flex; width: 50%; margin: 50px;}
.in-item-con-2 .w dl dt{ margin-right: 30px;}
.in-item-con-2 .w dl dd{ line-height: 2;}
.in-item-con-2 .w dl dd h5{ font-size: 16px;}
.in-item-con-2 .w dl dd p{ font-size: 14px; color: #666;}

.owl-list2{ margin-top: 100px;}
.owl-list2 a{display: block; text-align: center;  padding: 10px; box-sizing: border-box;}
.owl-list2 a .img{ display: inline-block;}
.owl-list2 a img{ text-align: center; max-width: 100%; max-height: 100%; padding: 10px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.owl-list2 a h3{ font-size: 16px; color: #666; text-align: center; margin-top: 30px;}
.owl-list2 .owl-buttons{ height: 75px; margin-top: -75px; }
.owl-list2 .owl-buttons div{ width: 75px; height: 75px; }
.owl-list2 .owl-buttons .owl-prev{ position: absolute; left: -75px; top:50%; margin-top: -75px; background: url(../images/left.png) center center no-repeat;}
.owl-list2 .owl-buttons .owl-prev:hover{ background: url(../images/left.png) center center no-repeat;}
.owl-list2 .owl-buttons .owl-next{ position: absolute; right: -75px; top:50%; margin-top: -75px;  background: url(../images/right.png) center center no-repeat;}
.owl-list2 .owl-buttons .owl-next:hover{background: url(../images/right.png) center center no-repeat;}
.owl-list2 .owl-pagination { display: none;  }

.honor{ padding-top: 80px;}
.honor h3{ font-size: 36px; font-weight: bold; color: black;}
.honor .bor{ margin: 20px auto; width: 50px; height: 2px; background-color:#004e9d ; overflow: hidden;}

.honorlist{ display: flex; flex-wrap: wrap;}
.honorlist li{ width: calc(25% - 20px); margin:10px}
.honorlist a .img{ display: block;}
.honorlist a img{ text-align: center; width: 100%; max-height: 100%; padding: 10px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.honorlist li span{display: block; font-size: 18px; font-weight:bold; color: #666; text-align: center; margin-top: 30px;}

/* 产品 */
.product-desc{ display: flex; justify-content: space-between; margin-top: 50px;}
.product-desc .sname{}
.product-desc .sname .snameh3{ width: 260px; height: 260px;  display: flex; justify-content: center; align-items: center; margin: 0 auto; border-radius: 50%; background-color:#004e9d; color: white; font-size: 24px; font-weight: bold; text-align:center; }
.product-desc .desc{ line-height: 2; font-size: 16px; margin-left: 5%;}
/*----------产品新样式----------*/
.product_table {margin-top: 50px;}
.product_table .tit {line-height: 80px; background-color: #ddeaf2; display: flex; color: black;}
.product_table .tit div {box-sizing: border-box;padding: 0 20px; font-weight: bold; font-size: 18px;}
.product_table .tit .t1 {width: 20%; padding-left: 10%; box-sizing: border-box;}
.product_table .tit .t2 {width: 20%; padding-left: 10%; box-sizing: border-box;}
.product_table .tit .t3 { width: 60%; text-align: center;}
.product_table .list_item {border-bottom: 2px solid #F2F2F2; background-color: white;  display: flex;}
.product_table .list_item:last-child{ border-bottom: 0;}
.product_table .list_item .item {padding: 25px 0px;box-sizing: border-box;}
.product_table .list_item .t1 {width: 20%; box-sizing: border-box; background: #f4fbff; display: flex; align-items: center; justify-content: center;}
.product_table .list_item .t2 {width: 80%;}
.product_table .list_item .t2 .t2_con{ display: flex; }
.product_table .list_item .t2 .t2_con:nth-child(2n){background: #f4fbff;}
.product_table .list_item .t2 .t2_con:hover{background: #f4fbff;}
.product_table .list_item .t2 .t2_con .t2_1{ width:30%; padding-left: 20px; box-sizing: border-box;}
.product_table .list_item .t2 .t2_con .t2_2{ width: 70%;}

/* 可持续发展 */
.faq{ padding: 50px 0;}
.faq-list{ display: flex; margin-top: 50px; justify-content: space-between;}
.faq-list .faq-nav{ width: 20%; min-width: 300px; border-top: 2px solid #004e9d;}
.faq-list .faq-nav .anav{ border-bottom: 1px solid #ddd;}
.faq-list .faq-nav .anav a{ display:flex; justify-content: space-between; line-height: 40px; font-size: 16px; padding: 10px 10px 10px 50px; }
.faq-list .faq-nav .anav a h3{ font-size:16px}
.faq-list .faq-nav .anav a:hover{background-color: #f2f9ff; color: #004e9d;}
.faq-list .faq-nav .anav a:hover span{color: #004e9d;}
.faq-list .faq-nav .anav a.active{background-color: #f2f9ff; color: #004e9d;}
.faq-list .faq-nav .anav a.active span{color: #004e9d;}

.faq-list .faq-nav .anav span{ color: #999; font-family:  Helvetica, sans-serif; font-size: 18px;}
.faq-list .faq-nav .bnav{border-bottom: 1px solid #ddd; padding: 10px 0;}
.faq-list .faq-nav .bnav a{ display: block; line-height: 35px; font-size: 14px; text-align: right; padding: 0px 10px 0 40px; }
.faq-list .faq-nav .bnav a:hover{color: #004e9d;}
.faq-list .faq-nav .bnav a.active{color: #004e9d;}
.faq-list .faq-con{ width: 75%; margin-left: 5%; color: #666; line-height: 2;}
.faq-list .faq-con img{max-width: 100%};


	.faqlist{ margin-top: 20px;}
	.faqlist li{ display: flex;}
	.faqlist li .img{ width: 30%;}
	.faqlist li .img img{ width: 100%;}
	.faqlist li .con{ margin-left: 30px;}
	.faqlist li .con h3{ font-size: 16px;}
	.faqlist li .con a{ display: inline-block; background-color: #004e9d; line-height: 30px; padding: 5px 20px; color: white; border-radius: 5px;}
	.faqlist li .con .desc{margin: 10px 0;}
	.faqlist li .con a:hover{opacity: .8;}

/* 加入我们 */
.joblist{ width: 100%;}
.joblist ul{ display: flex; flex-wrap: wrap;}
.joblist ul li{ width:calc( 33.333333% - 3%); margin:20px 1.5%; background-color: #fff; padding: 3%; box-sizing: border-box;}
.joblist ul li h3{ font-size: 18px; text-align: center; font-weight: bold;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.joblist ul li .but{ display: flex; margin-top: 30px;}
.joblist ul li .but a{ display: block; width: 50%; line-height: 45px; text-align: center; background-color: #dfe4ea; color: #666;}
.joblist ul li .but a:hover{ background-color: #004e9d; color: white; }

.job-con .w{ padding: 50px 0;}
.jobtit{ font-size: 35px; margin-bottom: 50px; font-weight: bold; font-weight: bold; text-align: center; display: block;}
.jobtit span{ display: block; width: 70px; height: 4px; overflow: hidden; background-color: #ef8200; margin: 5px auto 0 auto;}
.job-con{
	.con-1{  border-radius: 50px 0px 50px 0px; padding: 100px; line-height: 1.5; background-color: #ef8200; color: white; font-size: 24px; text-align: center;}
	.con-2{ margin-top: 50px;}
	.con-2 ul{ display: flex; justify-content: space-between;}
	.con-2 li{ width: 48%; }
	.con-2 li h3{ position: relative; font-size: 30px; color: black; line-height: 30px; padding-left: 20px;}
	.con-2 li h3::before{ content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 30px; background-color:#ef8200 ;}
	.con-2 p{ font-size: 20px; color: #707070; margin-top: 20px; line-height: 1.7;}
	.con-3{ display: flex; align-items: center; background: url(../images/jobbg.jpg) center center no-repeat; height: 580px; color: white; margin: 0 auto;}
	.con-3 h3{ position: relative; font-size: 30px; color: black; line-height: 30px; color: white; padding-left: 20px;}
	.con-3 h3::before{ content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 30px; background-color:#ef8200 ;}
	.con-3 ul{ display: flex; margin-top: 20px; justify-content: space-between;}
	.con-3 ul li{ width: 30%; line-height: 2;}
	.job-contact{
		display: flex; align-items: center;
		.img{ width: 50%;}
		.img img{ max-width: 100%;}
		.con{ width: 50%; color: #000; padding:0 50px; box-sizing: border-box;}
		.con p{ color: black; font-weight: bold;  font-size: 24px;}
	}
	
}
/* 联系我们 */
.contact{ padding: 50px 0;}
.contact-con{ text-align: center; padding-bottom: 50px;}
.contact-con .bor{ width:65px; height: 2px; overflow: hidden; background-color:#004e9d; margin:20px auto 20px auto;}
.contact-con h4{ color: #666; font-weight: normal;}
.contact-item{ border-top: 1px solid #ddeaf2;}
.contact-item ul{ display: flex; justify-content: space-between; padding: 50px 0;}
.contact-item ul li{ border-right: 1px solid #ddd; width: 25%; box-sizing: border-box; padding:0 30px;}
.contact-item ul li h3{color: #004e9d; font-weight: normal;}
.contact-item ul li:last-child{ border-right: 0;}

.gbook{ background: url(../images/gbook.jpg); background-size: 100% 100%; padding: 50px 0;}
.gbook h3{ display: block; text-align: center; font-size: 32px; color: white;}
.gbook .bor{ width:65px; height: 2px; overflow: hidden; background-color:#fff; margin:20px auto 20px auto;}
.map{ margin-top: 50px;}
.search-list { margin: 50px 0;}
.search-list li{ display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; line-height: 50px; font-size: 16px; }
.search {text-align: center;margin-top: 50px;}
.inp_text {width: 80%;max-width: 500px;background-color: #ccc;padding: 0 20px;box-sizing: border-box;line-height: 50px;border: 0;}
.inp_button {background-color: #2965bd;color: white;line-height: 50px;text-align: center;border: 0;width: 20%;max-width: 100px;}
@media (max-width: 1600px) {}
@media (max-width: 1400px) {}
@media (max-width: 1200px) {
	.w{width: 100%; padding:0 20px; box-sizing: border-box; overflow: hidden; }
	.top{ display: none;}
	.moblie_head{ display: block;}
	.a_txt{ display: block;}
	.moblie_head{ display: block; height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:999999;border-bottom:1px solid #ddd}
	.moblie_head .w{ display: flex; height:44px; justify-content: space-between; align-items: center;}
	.moblie_head .lf{padding-top:0px; }
	.moblie_head .lf img{height:20px}
	.moblie_head .rg{ padding-top:4px; }
	.moblie_head .rg a img{height:16px;vertical-align:top}
	.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
	.a_txt .div1{position:absolute;width:100%;height:100%;background:#1f3e8a;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.a_txt .div2{position:absolute;width:20%;right:0px;top:10%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.a_txt .div3{position:absolute;width:100%;left:0px;top:15%;background:@color;height:100%;z-index:100;right:-80%}
	.a_txt .div3 ul{padding-left:5%;padding-right:5%}
	.a_txt .div3 ul li{border-bottom:1px solid rgba(255,255,255,.1)}
	.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_txt2{display:none}
	.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px; margin-top: 1px; font-size:14px; background-color: rgba(255, 255, 255, .2);}
	
	.h45{ height: 45px;}
	
	.t-bor{ height: 20px; margin: 0px;}
	.r-topnav li{ padding: 0 3px;}
	.r-topnav li a span{ margin-left:5px;}
	.r-topnav li a img{ height: 20px;}
	
		/* 幻灯片 */
	.banText{width: 100%;}
	.banText .ani{ font-size: 1.4rem;}
	.banText .ani:first-child{ font-size: 2.8rem; font-weight: 500;}
	.banText .tex2{ font-size: 1rem;}
	
	/* 底部 */
	.fnav{ display: none;}
	
	.honorlist li{ width: calc(50% - 20px); margin:10px}
}
@media (max-width: 991px) { 
	
	
	
	
}

@media (max-width: 767px) {
	.w{ padding:0 10px;}

	/* 公司简介 */
	.home-about{flex-direction: column; margin: 1rem 0; }
	.home-about .video{ width: 100%;}
	.home-about  .about-desc{width: 100%; }
	
	.cont{flex-direction: column; justify-content: flex-start;}
	.cont dl{ display: flex; width: 100%; margin-bottom: 1rem; border-bottom: 1px solid #ddd; flex: 1; }
	.cont dl dt{ margin-right: 10px; margin-top: 20px; height: 50px; display: flex; align-items: center;}
	.cont dl dd{color:#004e9d; }
	.cont dl dd .counter{ font-size: 48px; font-weight: 700;}
	.cont dl dd .num sub{font-size:18px;}
	.cont dl dd .num sup{font-size:18px;}
	.cont dl dd .tit{ font-size: 18px; color: #666;}
	/* 产品与市场 */
	.center-bg2 .index-pro{ width: 100%; height: auto;}
	/* 首页新闻 */
	.index-news-list ul{ flex-direction: column;}
	.index-news-list li {width: 100%; margin-bottom: 30px;}
	.index-news-list li a .img img{ width: 100%;}
	
	.center-bg3 h3{ font-size:2rem; }
	.center-bg3 h4{ font-size: 24px;}
	/* 底部 */
	.footer .footer-nav{ display: none;}
	.footer .logo img{ display: block; margin-bottom: 10px;}
	
	/* 内页 */
	.sbanner h3{font-size: 2rem;}
	.local{ margin: 0 10px;}
	.local .w h3{ display: none;}
	
	.snav{ text-align: left; font-size: 16px; line-height:30px; padding: 25px 0; }
	.snav a{ border-right:0; padding: 0px; width: 32.333333%; display: inline-block; }

	
	.about-item-2{
		.desc{ width: 100%; margin: 50px auto; line-height: 2; flex-direction: column;}
		.desc>div{ width: 100%;}
	}
	.about-item-3 {height: auto;}
	.about-item-3 ul{ flex-direction: column;}
	.about-item-3 ul li { width: 100%;}
	.about-item-3 ul li .img img{ max-width: 100%;}
	.about-item-3 ul li .con{ padding: 50px 0 20px 0;}
	
	.about-item-3-img{ position: relative; margin-top: 0px; padding:30px 0}
	.about-item-3-ico ul li{ padding: 20px 0;}
	.about-item-3-ico ul{flex-direction: column;}
	.about-item-3-ico ul li .bor{ width: 100%; height: 1px;}
	.about-item-3-img .w .img img{ border-top-left-radius:30px;}
	.about-item-3-2 .img img{border-bottom-right-radius:30px;}

	.about-item-4{margin-top:50px; position: relative; color: white; background: url(../images/a-p-5.png) center center no-repeat;}
	.about-item-4 .img{ display: none;}
	
	.about-item-3-ico{ margin: 30px 0;}
	
	.about-item-4-list{ margin: 50px 0;}
	.about-item-4-list ul{flex-wrap: wrap;}
	.about-item-4-list ul li{width: 30%; flex: auto;}
	.about-item-4-list ul li h3{ display: block; margin-top: 20px; font-size: 18px; font-weight: bold;}
	.about-item-4-list ul li:nth-child(3){border-right: 0;}
	.about-item-4-list ul li:last-child{border-right: 0;}
	
	.newscon h1{ font-size:24px;}
	/* 创新中心 */
	.innovation .con{ width: 100%; margin: 0 auto;}
	.in-item-1 { flex-direction: column; margin-top: 0;}
	.in-item-1 .img{ width: 100%;}
	.in-item-1 .item-con{ width: 100%; padding:30px 0;}
	.in-item-con{padding-top: 30px; margin-top: 0px; }
	.in-item-con .w{ flex-direction: column;}
	.in-item-con .w dl{width: 100%; margin: 10px 0;}

	.in-item-con-2{  padding-top: 50px; margin-top: 0px;}
	.in-item-con-2 .w{ flex-direction: column;}
	.in-item-con-2 .w dl{ display: flex; width: 100%; margin: 10px 0;}
	
	/* 产品 */
	.product-desc{ flex-direction: column; margin-top: 50px;}
	.product-desc .sname{ width: 100%;}
	.product-desc .sname .snameh3{ width: 100%; height: auto;  display: flex; justify-content: center; align-items: center; margin: 0 auto; border-radius: 0%; background-color:#004e9d; color: white; font-size: 24px; font-weight: bold; }
	.product-desc .desc{ line-height: 2; font-size: 16px; width: 100%;}
	
	.product_table .tit .t1 {width: auto;}
	.product_table .tit .t2 {width: auto;}
	.product_table .tit .t3 { width: auto;}
	
	
	
	/* 可持续发展 */

	.faq{ padding: 50px 0;}
	.faq-list{flex-direction: column;}
	.faq-list .faq-nav{ width: 100%; }
	.faq-list .faq-con{ width: 100%; margin-top: 50px; }
	
	/* 加入我们 */
	.joblist ul{flex-direction: column;}
	.joblist ul li{ width:100%; margin:20px 0;}
	
	
	.jobtit{ font-size: 24px;}
	.job-con{
		.con-1{  padding: 30px; font-size: 16px; }
		.con-2 ul{ flex-direction: column;}
		.con-2 li{ width: 100%; padding: 30px; box-sizing: border-box; }
		.con-2 p{ font-size: 16px;}
		.con-3{  background: url(../images/jobbg.jpg) center center no-repeat; height: auto; background-size: auto 100%; }
		.con-3 ul{ flex-direction: column;}
		.con-3 ul li{ width: 100%;  padding:10px 30px; line-height: 2; box-sizing: border-box;  }
		.job-contact{
			 flex-direction: column;
			.img{ width: 100%;}
			.img img{ max-width: 100%;}
			.con{ width: 100%; color: #000; padding:20px 20px; box-sizing: border-box;}
			.con p{ color: black; font-weight: bold;  font-size:16px;}
		}
		
	}
	
	/* 联系我们 */
	.contact-item ul{flex-direction: column; padding-top: 0;}
	.contact-item ul li{ border-right:0px solid #ddd; border-bottom:1px solid #ddd; padding: 20px 0; width: 100%; }
	
}
@media (max-width: 640px) {}
@media (max-width: 460px) {}