@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:14px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#666666; }
a{color:#535353; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{color:#1c55a4;text-decoration:none;}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.fl{float:left;}
.fr{float:right}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button{ outline:none;font-family:RobotoCondensed-Regular; font-size:12px;}
.ovh{ overflow:hidden}
.flex{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items:flex-start;}
.col01{ color:#1c55a4}
.wrap{margin:0 auto; width:85%; max-width:1440px}
@font-face{
font-family:DINCond;
src:url('/font/DINCond-Medium.otf');
}

.header{ position: fixed; width:100%;left:0;right:0;top:0; height:120px;box-shadow: 0 3px 10px rgba(0,0,0,.3); -moz-transition:.3s;-webkit-transition:.3s;transition:.3s; background:#1c55a4;z-index:999}
.header a{ color:#fff}
.header-space{ position:relative; height:120px}
.logo{height:120px;display:flex; display:-webkit-flex; align-items:center;}


.logo img{ height:97px; width:auto;display:block} 


.header-r{ width:72%}
.header-top{ background: url(/images/topbg.png) no-repeat left top; color:#fff; height:38px; line-height:38px; padding-left:40px;position:relative}
.header-top:before{ content:""; width:100%; height:100%; position:absolute; right:-100%;top:0;bottom:0; background:#0293d4}
.header-top-left li{ float:left; font-size:16px; margin:0 17px; position:relative}
.lang{ position:relative; margin-left:25px; display:flex; display:-webkit-flex; align-items:center; height:38px}
.lang a{ font-size:13px; text-transform:uppercase; display:block; width:27px; height:27px;color:#fff; border-radius:50%; background:#1c55a4; text-align:center; line-height:27px; margin-left:10px}
.lang a.cur,.lang a:hover{background:#fff;color:#1c55a4}

.menu{}
.menu ul{ display:flex; display:-webkit-flex; justify-content:flex-end}
.menu li{ float:left; line-height:82px;text-align:center}
.menu li a{display:block; font-size:18px; padding:0 20px; white-space:nowrap; position:relative}
.menu li>a:after{ content:""; width:0; height:0; border-left:5px solid transparent;border-right:5px solid transparent; border-bottom:5px solid #fff; position:absolute; left:50%;bottom:0; margin-left:-5px; opacity:0}
.menu li:last-child>a{ padding-right:0}
.menu li:hover a{color:#00afc3}
.menu li .sub{ position:absolute; background:#fff; width:100%; overflow:hidden;left:0;top:120px; line-height:20px; padding:15px 0; display:none; text-align:right; box-shadow:0 0 15px rgba(0,0,0,.15)}
.menu li .sublist{margin: 0 auto;width: 85%;max-width: 1440px; position:relative}
.menu li .sub a{display: inline-block;padding:0 10px;border-right: 1px solid #dbdbdb;font-size: 14px;color:#333;}
.menu li .sub a:hover{color:#1c55a4}
.menu li:first-child .sublist{ padding-right:15%}
.menu li:hover .sub{ display:block}
.menu li:hover>a:after{ opacity:1}

.search{ position:relative}
.search-ico{cursor:pointer; background:url(/images/search-btn.png) no-repeat left center; padding-left:25px}
.search-alert{ position:absolute; right:85px; height:28px;top:5px; width:0; overflow:hidden; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.search-alert.show{ width:160px;}
.search-alert .input{border:1px solid rgba(255,255,255,.5);color:#fff; padding-left:5px; padding-right:45px;background-color: transparent;width:100%; line-height:26px; display:block}
.search-alert .btn{background:none; color:#fff; display:block;border:none; position:absolute; right:0;top:0;bottom:0;cursor:pointer; padding:0 5px;}

.banner{ position:relative; z-index:1}
.banner img{ display:block; width:100%; height:auto}
.banner .swiper-pagination{bottom:3%}
.banner .swiper-pagination-bullet{ width:13px; height:13px; background:#0293d4; opacity:1; margin:0 5px}
.banner .swiper-pagination-bullet-active{ background:#1c55a4}
.space{ padding:75px 0}
.title{ color:#333; font-size:30px;text-align:center; margin-bottom:30px; position:relative;}
.title .en{ display:block; font-family:DINCond; text-transform:uppercase; font-size:45px;line-height: 30px;}
.i-about .title{ text-align:left}
.i-about .picbox{ width:50%; position:relative}
.i-about .picbox:after{ content:""; width:calc(100% - 30px); height:100%; position:absolute; right:0;bottom:-30px; background:url(/images/about-bg.jpg) no-repeat; background-size:cover; z-index:-1}
.i-about .pic{width:calc(100% - 30px); position:relative; overflow:hidden}
.i-about .pic:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; left:0;top:0;bottom:0;right:0; z-index:1}
.i-about .pic img{ display:block; width:100%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s;}
.i-about .picbox:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05); transform:scale(1.05)}
.i-about .video-btn{ display:block; width:83px; height:83px; background:url(/images/video-btn.png) no-repeat; position:absolute; left:50%;top:50%; margin-left:-41px; margin-top:-41px; z-index:3; cursor:pointer}
.i-about .txt{ width:45%}
.i-about .infor{color:#333; font-size:16px; line-height:30px;}
.i-about .more{ display:inline-block; padding:0 40px; height:36px; line-height:34px; border:1px solid #ddd; margin-top:30px; position:relative; overflow:hidden}
.i-about .more:before{ content:""; width:100%; height:100%; background:#1c55a4; position:absolute; left:-100%; top:0;bottom:0; -moz-transition:.5s ease;-webkit-transition:.5s ease;transition:.5s ease}
.i-about .more span{ color:#999; background:url(/images/more.png) no-repeat right center; padding-right:30px; position:relative; z-index:2;-webkit-transition:.3s;-moz-transition:.3s; transition:.3s}
.i-about .more:hover::before{ left:0}
.i-about .more:hover span{ color:#fff}
.i-about .qlink{ display:flex; display:-webkit-flex; justify-content:space-between; margin-top:30px}
.i-about .qlink li{text-align:center; font-size:18px}
.i-about .qlink .icon{ display:block; width:135px; height:135px; border-radius:50%; background:#1c55a4;display:flex; display:-webkit-flex; align-items:center; justify-content:center; border:20px solid #cce9f6; margin-bottom:15px}
.corpvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 1000;background-color: rgba(0, 0, 0, 0.6);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999999;margin: 0 auto;top:50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);display: table;width:900px;}
.video-show video{ width:100%}
.video-close{ width:37px; height:37px; background:url(/images/close.png) no-repeat; position:absolute; top:-45px; right:0; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}

.i-product{ background:#f0f0f0}
.i-product .pro-nav{ display:flex; display:-webkit-flex; justify-content:center; margin-bottom:30px}
.i-product .pro-nav li{ margin:0 5px}
.i-product .pro-nav a{ display:block; font-size:16px; color:#333; background:#ddd; border-radius:25px; padding:0 25px; height:40px;line-height:40px}
.i-product .pro-nav .cur a, .i-product .pro-nav a:hover{ background:#1c55a4; color:#fff;}
.i-product .protab-wrap .item{height: 0;opacity: 0;overflow: hidden;background: #f0f0f0;}
.i-product .protab-wrap .item.cur{height: auto;opacity: 1;}
.i-product-list{ position:relative}
.i-product-list .swiper-container{ padding:0 60px 30px}
.i-product-list .swiper-slide{ background:#f0f0f0; position:relative;}
.i-product-list .new{width:94px; height:36px; background:url(/images/news-icnbg.png) no-repeat; position:absolute; right:-5px;top:0; text-align:center; font-size:20px; font-weight:bold;color:#fff; z-index:2}
.i-product-list .pic{ width:calc(50% + 60px); float:right; background:url(/images/probg.jpg) no-repeat center; background-size:cover; height:480px; overflow:hidden; position:relative; z-index:1}
.i-product-list .pic img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; max-width:100%; max-height:100%;}
.i-product-list .txt{ background:#fff; width:50%;  position:absolute;top:40px; height:400px; padding:60px 80px 40px 50px;; z-index:2}
.i-product-list .swiper-slide-active .txt{box-shadow:0 5px 25px rgba(0,0,0,.2);}
.i-product-list .txt{ font-size:16px; color:#333; line-height:24px;}
.i-product-list .txt p{ margin-bottom:20px}
.i-product-list .txt p span{ background:#d2dded; padding:0 5px}
.i-product-list .txt .num{ position:absolute; width:60px; background:#1c55a4; color:#fff; right:0;top:0;font-family: DINCond; font-size:45px; height:93px; text-align:center; padding-top:15px;}
.i-product-list .txt .num span{ border-bottom:1px solid #fff;}
.i-product-list .txt .tit{ font-size:30px; color:#333; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative}
.i-product-list .txt .tit:after{ content:""; width:54px; height:3px; display:block; margin:20px 0; background:#ddd}
.i-product-list .bot{ margin-top:40px}
.i-product-list .bot a{ float:left; display:block; color:#fff; font-size:16px; width:134px; line-height:40px; border-radius:25px; margin-right:20px; text-align:center}
.i-product-list .bot .more{ background:#1c55a4}
.i-product-list .bot .zx{ background:#5cc1d0}
.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:45px; height:45px; margin-top:-22.5px; outline:none}
.i-product-list .swiper-button-prev{ background:url(/images/arrow-prev.png) no-repeat; left:0}
.i-product-list .swiper-button-next{ background:url(/images/arrow-next.png) no-repeat; right:0}
.i-product-list .swiper-button-prev:hover{ background:url(/images/arrow-prevh.png) no-repeat}
.i-product-list .swiper-button-next:hover{ background:url(/images/arrow-nexth.png) no-repeat}
.i-product-list .swiper-pagination{bottom:0}
.i-product-list .swiper-pagination-bullet{ width:13px; height:13px; background:#0293d4; opacity:1; margin:0 5px}
.i-product-list .swiper-pagination-bullet-active{ background:#1c55a4}

.i-case-list .pic{ overflow:hidden; position:relative}
.i-case-list .img1{ display:block; width:100%; height:auto}
.i-case-list .img2{ position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s; }
.i-case-list .pic:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,.35); position:absolute; left:0;top:0;right:0;bottom:0;}
.i-case-list .tit{ text-align:center; font-size:20px; color:#333; line-height:35px; overflow:hidden; white-space:nowrap; margin-top:15px; opacity:0}
.i-case-list .swiper-slide{ width:717px}
.i-case-list .swiper-slide-active .tit{ opacity:1}
.i-case-list .swiper-button-prev,.i-case-list .swiper-button-next{ width:42px; height:80px; left:0; margin-top:-40px; outline:none;}
.i-case-list .swiper-button-prev{ background:url(/images/arrow-prev03.png) no-repeat center rgba(0,0,0,.8)}
.i-case-list .swiper-button-next{ left:auto; right:0; background:url(/images/arrow-next03.png) no-repeat center rgba(0,0,0,.8)}
.i-case-list .swiper-button-prev:hover{background:url(/images/arrow-prev03.png) no-repeat center rgba(28,85,164,.8)}
.i-case-list .swiper-button-next:hover{background:url(/images/arrow-next03.png) no-repeat center rgba(28,85,164,.8)}
.i-case-list .swiper-slide-active .pic:after{ background:rgba(0,0,0,0)}

.i-application{ background:#f0f0f0}
.i-application .wrap{ width:100%; max-width:100%;}
.i-applist li{ width:11.1111%; float:left; position:relative}
.i-applist .pic{ overflow:hidden; position:relative}
.i-applist .img1{ display:block; width:100%; height:auto}
.i-applist .img2{ position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s; }
.i-applist .tit{ font-size:30px; color:#fff; width:100%; height:100%; position:absolute; left:0;top:0;}
.i-applist .tit span{width:100%; line-height:60px; background:rgba(0,0,0,.5); padding:0 10px;position:absolute; left:0;bottom:10%}
.i-applist .tit, .i-applist .tit span{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-applist li:hover .img2{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}
.i-applist li:hover .tit{ background:rgba(0,0,0,.5)}
.i-applist li:hover .tit span{background:rgba(0,0,0,.2)}
.i-news .title{ text-align:left}
.i-news-list{ padding-bottom:50px;}
.i-news-list .pic{ position:relative; overflow:hidden}
.i-news-list .img1{ display:block; width:100%; height:auto}
.i-news-list .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; -webkit-transition:.6s;;-moz-transition:.6s;transition:.6s;}
.i-news-list .txt{ padding-top:20px}
.i-news-list .tit{ font-size:18px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-news-list .time{ color:#888; display:block; margin:10px 0}
.i-news-list .wz{ font-size:16px; line-height:24px; color:#888; display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden}
.i-news-list .swiper-slide:hover .img2{-webkit-transform:scale(1.05);-moz-transform:scale(1.05); transform:scale(1.05)}
.i-news-list .swiper-pagination{bottom:0}
.i-news-list .swiper-pagination-bullet{ width:13px; height:13px; background:#0293d4; opacity:1; margin:0 5px}
.i-news-list .swiper-pagination-bullet-active{ background:#1c55a4}
/*==========nbanner background==============*/
.nbanner{ height:400px; position:relative; z-index:1}
.nbanner-abt{ height:auto !important}
.nbanner-abt img{ display:block; width:100%; height:auto}
.nnav{ height:58px; background:rgba(28,85,164,.76); margin-top:-58px; line-height:58px; color:#fff; position:relative; z-index:2}
.nnav-pro{ margin-top:0 !important; background: #1c55a4;}
.nnav.nnav-pro li a:after{border-top: 8px solid #1c55a4}
.location{ padding-left:35px; background:url(/images/home.png) no-repeat center left; font-size:16px}
.location a{color:#fff;position:relative}
.nnav li{ float:left}
.nnav li a{ display:block; color:#fff; font-size:16px; padding:0 20px; position:relative}
.nnav li a:after{ content:""; width:0; height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid rgba(28,85,164,.76); opacity:0; position:absolute; left:50%; margin-left:-8px;bottom:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.nnav li.cur a:after, .nnav li:hover a:after{ opacity:1;bottom:-8px}
.main-2{ background:#f0f0f0}
.main-abt>*{ position:relative}
.anchor {position: absolute;left: 0;top: -120px;}
.section-about .title{ text-align:left}
.section-about .picbox{ width:50%; position:relative}
.section-about .picbox:after{ content:""; width:calc(100% - 30px); height:100%; position:absolute; right:0;bottom:-30px; background:url(/images/about-bg.jpg) no-repeat; background-size:cover; z-index:-1}
.section-about .pic{width:calc(100% - 30px); position:relative; overflow:hidden}
.section-about .pic:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; left:0;top:0;bottom:0;right:0; z-index:1}
.section-about .pic img{ display:block; width:100%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s;}
.section-about .picbox:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05); transform:scale(1.05)}
.section-about .video-btn{ display:block; width:83px; height:83px; background:url(/images/video-btn.png) no-repeat; position:absolute; left:50%;top:50%; margin-left:-41px; margin-top:-41px; z-index:3; cursor:pointer}
.section-about .txt{ width:45%}
.section-about .infor{color:#333; font-size:16px; line-height:30px;}

.section-history{ background:#f0f0f0}
.history-list{ position:relative;}
.history-list{ padding:0 60px;}
.history-list:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #c2c2c2; content:'';}
.history-list .swiper-container{ padding:0 50px}
.history-list .swiper-slide{ position:relative;height:325px;}
.history-list .item{ position:absolute; right:-50px; top:0; left:-50px; height:110px;background:#fff;}
.history-list .item:before{ position:absolute; bottom:-62px; left:50%; width:17px; height:17px; overflow:hidden; margin-left:-9px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#c2c2c2; content:'';-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#DAB765; content:'';}
.history-list .item .word{ height:68px;line-height:24px; padding:15px 10px 0; font-size:14px; color:#666; overflow:auto}
.history-list .item .word p{ position:relative; padding-left:18px}
.history-list .item .word p:before{ content:""; width:13px; height:3px; background:#d6d4d4; position:absolute; left:0;top:10px;}
.history-list .item h3{ position:absolute; bottom:0; right:0; left:0; height:42px; line-height:42px; margin:0; font-size:16px; font-weight:600; color:#666; text-align:center; background-color:#d6d4d4; -webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .item h3:before{ position:absolute; bottom:-9px; left:50%; margin-left:-9px; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #d6d4d4;content:'';-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .swiper-slide:nth-child(even) .item h3{ bottom:auto; top:0;}
.history-list .swiper-slide:nth-child(even) .item h3:before{ border-bottom:9px solid #d6d4d4; border-top:0;bottom: auto;top: -9px;}
.history-list .swiper-slide:nth-child(even) .item{ top:auto; bottom:0;}
.history-list .swiper-slide:nth-child(even) .item:before{ bottom:auto; top:-61px;}
.history-list .swiper-slide:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.history-list .swiper-slide:nth-child(even) .item .word{ margin-top:42px}
.history-list .item:hover h3{ color:#fff; background-color:#1c55a4;}
.history-list .item:hover h3:before{border-top:9px solid #1c55a4;}
.history-list .swiper-slide:nth-child(even) .item:hover h3:before{border-bottom:9px solid #1c55a4;}
.history-list .item:hover::before{ background:#1c55a4}
.history-list .swiper-button-next, .history-list .swiper-button-prev{ width:49px; height:49px; left:0; margin-top:-24px; opacity:1; outline:none}
.history-list .swiper-button-next{ background:url(/images/arrow-next02.png) #f0f0f0 no-repeat center; left:auto; right:0}
.history-list .swiper-button-prev{ background:url(/images/arrow-prev02.png) #f0f0f0 no-repeat center}
.history-list .swiper-button-next:hover{background:url(/images/arrow-next02h.png) #f0f0f0 no-repeat center;}
.history-list .swiper-button-prev:hover{background:url(/images/arrow-prev02h.png) #f0f0f0 no-repeat center;}

.section-culture{ background:url(/images/culbg.jpg) no-repeat; background-size:cover; position:relative}
.section-culture:before{ content:""; width:100%; height:100%; background:rgba(28,85,164,.4); position:absolute; left:0;top:0;right:0;bottom:0; z-index:1}
.culture{ position:relative; z-index:2; display:flex; display:-webkit-flex;}
.culture li{ width:25%; border-right:1px solid #fff; padding:10% 30px; color:#fff; font-size:18px; line-height:36px; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.culture li:first-child{ border-left:1px solid #fff;}
.culture .icon img{ display:block; margin:0 auto}
.culture h3{ font-size:30px; text-align:center; margin:30px 0}
.culture li.cur{ background:rgba(28,85,164,.7)}

.base-tab{ display:flex; display:-webkit-flex; justify-content:center; margin-bottom:30px}
.base-tab a{ display:block; width:160px; height:45px; line-height:45px; text-align:center; font-size:20px; color:#333; background:#ddd; border-radius:5px; margin:0 7px}
.base-tab a.cur{ background:#1c55a4; color:#fff}
.baselist .pic{ overflow:hidden; position:relative}
.baselist .img1{ display:block; width:100%; height:auto}
.baselist .img2{ position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s; z-index:1}
.baselist .pic:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.35); position:absolute; left:0;right:0;top:0; z-index:2; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.baselist .tit{ text-align:center; font-size:20px; color:#333; line-height:35px; overflow:hidden; white-space:nowrap; margin-top:15px; opacity:0}
.baselist .swiper-slide{ width:717px}
.baselist .swiper-slide-active .tit{ opacity:1}
.baselist .swiper-slide-active .pic:before{background:rgba(0,0,0,0);}
.baselist .swiper-button-prev,.baselist .swiper-button-next{ width:42px; height:80px; left:0; margin-top:-40px}
.baselist .swiper-button-prev{ background:url(/images/arrow-prev03.png) no-repeat center rgba(0,0,0,.8)}
.baselist .swiper-button-next{ left:auto; right:0; background:url(/images/arrow-next03.png) no-repeat center rgba(0,0,0,.8)}
.baselist .swiper-button-prev:hover{background:url(/images/arrow-prev03.png) no-repeat center rgba(28,85,164,.8)}
.baselist .swiper-button-next:hover{background:url(/images/arrow-next03.png) no-repeat center rgba(28,85,164,.8)}
.baselist{ height:0; opacity:0; overflow:hidden}
.baselist.cur{ height:auto; opacity:1}

.section-honor{ background:#f0f0f0}
.section-honor .title{ text-align:left}
.honorlist{ padding-bottom:50px;}
.honorlist .swiper-slide{ background:#fff}
.honorlist .pic{ position:relative; overflow:hidden}
.honorlist .img1{ display:block; width:100%; height:auto}
.honorlist .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; -webkit-transition:.6s;;-moz-transition:.6s;transition:.6s;}
.honorlist .tit{ font-size:16px; color:#333; line-height:50px; height:60px; text-align:center; padding:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.honorlist .swiper-slide:hover .tit{ background:#1c55a4; color:#fff}
.honorlist .swiper-pagination{bottom:0}
.honorlist .swiper-pagination-bullet{ width:13px; height:13px; background:#0293d4; opacity:1; margin:0 5px}
.honorlist .swiper-pagination-bullet-active{ background:#1c55a4}

.nbanner-fgs{ height:920px !important; padding-top:80px}
.nbanner-fgs .title{ text-align:left; margin-bottom:0}
.fgs-map{ display:block; width:1100px; margin:0 auto; position:relative}
.fgs-map>img{ display:block; width:100%; height:auto}
.fgs-map .dot{ font-size:20px; color:#fff; background:url(/images/biaozhu1.png) no-repeat center top; padding-top:20px; cursor:pointer}
.fgs-map .hd{ position:absolute; width:329px; height:193px; background:url(/images/fgsbg.png) no-repeat; padding:15px 20px; line-height:24px; color:#333; font-size:14px;left: -30px;bottom: 50px; display:none}
.fgs-map .hd h3{ font-size:18px; font-weight:bold; color:#1c55a4; border-bottom:1px solid #ddd; line-height:30px; margin-bottom:5px}
.fgs-map .li1{ position:absolute;left:66%;top:63%}
.fgs-map .li2{ position:absolute;left:57%;top:65%}
.fgs-map .li3{ position:absolute;left:54%;top:82%}
.fgs-map .li4{ position:absolute;left:32%;top:67%}
.fgs-map .li4 .dot{ padding-top:0; padding-left:20px;background:url(/images/biaozhu1.png) no-repeat left center;}
.fgs-map li.cur .hd{ display:block}

.fgslist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:flex-start}
.fgslist li{ float:left; width:33.33%; padding-right:2%;; padding-top:80px; padding-bottom:80px; position:relative; font-size:16px; line-height:26px; }
.fgslist li p{margin-bottom:10px}
.fgslist li h3{ font-size:24px; color:#333; background: url(/images/biaozhu.png) no-repeat left center; line-height:42px; padding-left:40px; margin-bottom:15px}
.fgslist li:nth-child(4n)::after{ content:""; width:500%; height:100%; background:#f0f0f0; position:absolute; left:-100%;top:0;bottom:0; z-index:-1}

.newslist li{ padding:35px 0; position:relative}
.newslist li:before{ content:""; width:300%; height:calc(100% - 1px); background:#fff; border-bottom:1px solid #ddd; position:absolute; left:-150%;bottom:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s;z-index:1}
.newslist li:hover::before{background:#f0f0f0}
.newslist .pic{ position:relative; overflow:hidden; float:left; width:36%; z-index:2}
.newslist .img1{ display:block; width:100%; height:auto}
.newslist .img2{ position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%; object-fit:cover; -moz-transition:.6s;-webkit-transition:.6s;transition:.6s}
.newslist .txt{font-size:16px; float:right; width:60%; position:relative; z-index:2}
.newslist .tit{ font-size:20px; color:#333; line-height:30px;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; margin:10px 0}
.newslist .time{ color:#999; margin-top:15px; margin-bottom:15px; font-size:14px;}
.newslist .wz{ font-size:16px; line-height:24px; color:#333; margin-top:10px;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.newslist .tit{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.newslist li:hover .tit{ color:#1c55a4;}
.newslist li:hover .img2{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.nmore{ display:inline-block; padding:0 40px; height:36px; line-height:34px; border:1px solid #ddd; margin-top:30px; position:relative; overflow:hidden}
.nmore:before{ content:""; width:100%; height:100%; background:#1c55a4; position:absolute; left:-100%; top:0;bottom:0; -moz-transition:.5s ease;-webkit-transition:.5s ease;transition:.5s ease}
.nmore span{ color:#999; background:url(/images/more.png) no-repeat right center; padding-right:30px; position:relative; z-index:2;-webkit-transition:.3s;-moz-transition:.3s; transition:.3s}
.nmore:hover::before{ left:0}
.nmore:hover span{ color:#fff}

.news-content{ line-height:30px; font-size:14px; color:#333}
.news-content p{ margin-bottom:10px}
.news-content img{ max-width:100%}
.news-content .newstit{ font-size:30px; line-height:35px;color:#333; margin-bottom:10px; text-align:center}
.news-content .piece{ color:#999;text-align:center} 
.news-content .piece span{ padding:0 5px}
.news-detail{ margin-top:20px; padding-top:20px; position:relative}
.news-detail:before{ content:""; width:300%; height:1px; background:#ddd; position:absolute; left:-150%;top:0}
.news-detail .back{ text-align:center}
.page{ position:relative; margin-top:35px; line-height:65px}
.page:before{ content:""; width:300%; height:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:absolute; left:-150%;top:0;}
.page .prev, .page .next{float:left; width:45%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page .next{ float:right; text-align:right}
.related-news.space, .related-case.space{ padding-top:0 !important}
.i-news-box{ margin:0 -10px}
.i-news-box .i-news-list{ padding-left:10px; padding-right:10px}
.related-case .tit{ height:70px; line-height:70px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.3s}
.related-case .swiper-slide:hover{ box-shadow:0 5px 15px rgba(0,0,0,.3);transition:.3s}
.related-case .swiper-slide:hover .tit{ color:#1c55a4;}

.hr-content{ font-size:16px; line-height:30px}
.hr-content .left{ width:calc(100% - 440px)}
.hrlist li{ background:#f2f2f2; margin-bottom:15px; border-radius:5px;}
.hrlist li.cur{ padding-bottom:20px}
.hrlist .toptit{ padding:10px 20px;line-height:30px; cursor:pointer; display:flex; display:-webkit-flex;color:#666; position:relative}
.hrlist .toptit span{ width:31%; margin-right:1%}
.hrlist .job{ color:#000; font-size:18px; width:35%;}
.hrlist .toptit .icon{ width:26px; height:100%; background:url(/images/icon-dw.png) no-repeat center 12px; position:absolute; right:20px;top:0; margin-right:0}
.hrlist .cont{ margin:0 20px; padding:25px; background:#fff; border-radius:5px; display:none}
.hrlist .cont .mail{ text-align:center; margin-top:20px}
.hrlist .cont .mail a{ display:inline-block; padding:0 40px; line-height:36px; background:#1c55a4; color:#fff}
.hr-content .right{ width:406px; border-radius:5px; background:#e8eef6;}
.hr-content .right img{ display:block; width:100%; height:auto}
.hr-content .right .txt{ padding:30px 20px 40px;color:#000}

.appllist .appl-pic{ width:50%; overflow:hidden}
.appllist .appl-pic img{ display:block; width:100%; -moz-transition:.6s;-webkit-transition:.6s;transition:.6s}
.appllist .appl-txt{ width:50%; padding:4% 0 4% 5%}
.appllist .appl-txt h3{ font-size:30px;color:#333; margin-bottom:3%;-moz-transition:.6s;-webkit-transition:.6s;transition:.6s}
.appllist .appl-txt .infor{ font-size:16px; color:#333; line-height:30px}
.appllist li:nth-child(2n) .appl-pic{ float:right}
.appllist li:nth-child(2n) .appl-txt{ float:left; padding-left:0; padding-right:5%}
.appllist li:hover .appl-pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}
.appllist li:hover h3{ color:#1c55a4}

.prollist ul{ margin-right:-2%}
.prollist li{ float:left; width:23%; margin-right:2%; margin-bottom:2%; border:1px solid #ddd}
.prollist .pic{ height:230px; border-bottom:1px solid #ddd;display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.prollist .pic img{ max-width:100%; max-height:100%; display:block}
.prollist .tit{ height:67px; line-height:24px; color:#333; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding:0 40px; overflow:hidden; position:relative}
.prollist .tit i{ width:28px; height:100%; background:url(/images/jt.png) no-repeat center; position:absolute; right:12px; top:0; z-index:2}
.prollist .tit span{ position:relative; text-align:center; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; z-index:2}
.prollist .tit:after{ content:""; width:100%; height:100%; background:#1c55a4; position:absolute; left:0;right:0;bottom:-100%;}
.prollist li, .prollist .tit, .prollist .tit:after, .prollist .tit i{ -webkit-transition:.5s;;-moz-transition:.5s;transition:.5s;}
.prollist li:hover{ box-shadow:0 5px 10px rgba(0,0,0,.15)}
.prollist li:hover .tit i{background:url(/images/jth.png) no-repeat center;}
.prollist li:hover .tit{ color:#fff}
.prollist li:hover .tit:after{bottom:0}

.nbanner-pro{ height:600px !important; padding-top:80px}
.nbanner-pro .left{ width:50%;}
.product-toppic{ padding-bottom:40px}
.product-toppic img{ display:block; margin:0 auto; max-width:100%; height:425px}
.product-toppic .swiper-pagination{bottom:0}
.product-toppic .swiper-pagination-bullet{ width:13px; height:13px; background:#0293d4; opacity:1; margin:0 5px}
.product-toppic .swiper-pagination-bullet-active{ background:#1c55a4}
.nbanner-pro .right{ width:50%; padding-top:5%}
.nbanner-pro .right h2{ font-size:30px; color:#333; font-weight:bold; position:relative}
.nbanner-pro .right h2:after{ content:""; width:54px; height:3px; background:#1c55a4; display:block; margin:10px 0 15px}
.nbanner-pro .right .infor{ font-size:16px; line-height:30px; color:#333; margin-bottom:15%}
.nbanner-pro .right .tel{ font-size:20px; font-weight:bold; line-height:40px; padding:0 24px 0 50px; background:#1c55a4 url(../images/tel.png) no-repeat 22px center; float:left; color:#fff; margin-right:20px; margin-bottom:20px; border-radius:20px}
.nbanner-pro .right .zx{ float:left; line-height:40px; font-size:16px; background:#5cc1d0; border-radius:20px; padding:0 30px; color:#fff;}
.content-pro { font-size:16px; color:#333; line-height:30px}
.content-pro .table td{ border:1px solid #ddd; padding:10px; text-align:center}
.content-pro .table tr:nth-child(2n+1){ background:#e8eef6}
.main .title2{ text-align:left}
.content-pro02{ background:#fff; padding:30px; box-shadow:0 5px 15px rgba(0,0,0,.15)}
.related-product-box{ margin:0 -10px}
.related-product{ padding-left:10px; padding-right:10px; padding-bottom:50px}
.related-product .swiper-slide{border:1px solid #ddd}
.related-product .pic{ height:230px; border-bottom:1px solid #ddd;display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.related-product .pic img{ max-width:100%; max-height:90%; display:block}
.related-product .tit{ height:67px; line-height:24px; color:#333; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding:0 40px; overflow:hidden; position:relative}
.related-product .tit i{ width:28px; height:100%; background:url(/images/jt.png) no-repeat center; position:absolute; right:12px; top:0; z-index:2}
.related-product .tit span{ position:relative; text-align:center; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; z-index:2}
.related-product .tit:after{ content:""; width:100%; height:100%; background:#1c55a4; position:absolute; left:0;right:0;bottom:-100%;}
.related-product .swiper-slide, .related-product .tit, .related-product .tit:after, .related-product .tit i{ -webkit-transition:.5s;;-moz-transition:.5s;transition:.5s;}
.related-product .swiper-slide:hover{ box-shadow:0 5px 10px rgba(0,0,0,.15)}
.related-product .swiper-slide:hover .tit i{background:url(/images/jth.png) no-repeat center;}
.related-product .swiper-slide:hover .tit{ color:#fff}
.related-product .swiper-slide:hover .tit:after{bottom:0}
.related-product .swiper-pagination{bottom:0}
.related-product .swiper-pagination-bullet{ width:13px; height:13px; background:#0293d4; opacity:1; margin:0 5px}
.related-product .swiper-pagination-bullet-active{ background:#1c55a4}

.contact-list ul{ margin-top:50px}
.contact-list li{ float:left; width:25%; padding:0 2%; text-align:center; line-height:28px; font-size:16px; color:#333}
.contact-list .icon{ display:block; margin:0 auto; width:79px; height:79px; border-radius:50%; background:#1c55a4; display:flex; display:-webkit-flex; align-items:center; justify-content:center; box-shadow:0 0 0 22px #cce9f6; margin-bottom:30px}
.contact-list .icon img{ flex-shrink:0}
.message-con .ts{ margin-top:-20px; text-align:center; color:#999; margin-bottom:30px}
.message{ padding:0 10%;}
.message .row{ position:relative; margin-bottom:20px}
.message .row2 .colum{ width:47%; float:left}
.message .row2 .colum:nth-child(2){ float:right}
.message .row3{ display:flex; display:-webkit-flex; align-items:center; justify-content:space-between}
.message .row3 .colum{ width:31.33%}
.message .inp{width: 100%;border: 1px solid #ddd;font-size: 14px;line-height:43px;padding: 0 15px;transition: border-color .5s;}
.message .inp02{ width:31.33%}
.message textarea{width: 100%;height:200px; display:block;border: 1px solid #ddd;font-size: 14px;line-height:20px;padding:15px;transition: border-color .5s;}
.message .submit{ width:114px; line-height:40px; height:40px; text-align:center; cursor:pointer; font-size:16px; border:0; background:#0293d4; border-radius:25px; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.message .submit:hover{background: #1c55a4;}
/*=====================*/
.footer{background:#303032; color:#ddd; line-height:24px}
.footer a{ color:#ddd}
.footer a:hover{ color:#1c55a4}
.footertop{  padding:35px 0}
.footertop .left{ width:50%}
.footertop .left ul{ display:flex; display:-webkit-flex; justify-content:space-between}
.footertop .left li{ margin-right:50px}
.footertop .left h4, .footertop .mid h4, .footertop .right h4{ color:#ddd; font-size:18px; margin-bottom:15px}
.footertop .left a{ display:block; line-height:24px}
.footertop .mid h4{ margin-bottom:20px}
.footertop .mid img{ display:block; width:125px; height:auto}
.footertop .right{ width:30%; position:relative;}
.f-contact .tel{ font-size:30px;line-height: 45px;border-bottom: 1px solid #666; margin-top:-10px; margin-bottom:10px}
.f-online{ margin-top:20px}
.f-online li{ float:left; margin-right:10px; position:relative}
.f-online li a{width:33px; height:33px;border-radius:50%; overflow:hidden;display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.f-online .wx a{ background:#0293d4}
.f-online .qq a{ background:#1c55a4}
.f-online li .hd{ position:absolute; left:50%; bottom:40px; margin-left:-60px; background:#fff; display:none;overflow:hidden}
.f-online li .hd img{ display:block; margin:0 auto}
.f-online li:hover .hd{ display:block}
.footerbot{ border-top:1px solid #666; text-align:center; padding:20px 0}

.float-kf{position:fixed; top:50%; right:0;  z-index:999;}
.float-kf li{ margin-bottom:10px; position:relative}
.float-kf li:last-child{ margin-bottom:0}
.float-kf a{ display:block;background:#7f7f7f; width:60px; height:60px; padding-top:5px; text-align:center; font-size:12px; color:#fff;}
.float-kf a>img{ display:block; margin:0 auto 3px; height:28px;}
.float-kf a span{ display:block}
.float-kf li:hover a{ background:#1c55a4;}
.float-kf .qq .hd, .float-kf .zx .hd{ display:none;position:absolute; bottom:0; right:60px;background:#1c55a4; color:#fff;height:100%; right:60px; border:0; white-space:nowrap; line-height:60px; padding: 0 10px;}
.float-kf .hd .con{ height:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; transition-delay:.5s}
.float-kf .wx .hd{position:absolute; bottom:0; right:65px; border:1px solid #ddd; background:#fff; padding:10px; display:none}
.float-kf .wx .hd img{ width:125px}
.float-kf li:hover .hd{ display:block}