*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Microsoft Yahei", "Source Han Sans CN",Arial, Helvetica, sans-serif;font-size:15px;overflow-x:hidden !important; color:#535353; background:#fff}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#000}
a:hover{color:#00479D}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#0a2d5a}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}


.wrap{width:1600px;margin:0 auto}
.header .wrap{ width:90%; position:relative}
.header{position: fixed;z-index:99;left: 0;right:0;top: 0; width: 100%;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;height:90px;}
.logo{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}
.logo{/* display:flex; display:-webkit-flex; align-items:center; height:90px; */padding-top:14px;position:relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;pointer-events: auto;}
.logo img{ display:block}
.logo .img1{ display:block}
.logo .img2{ display:none}
.header .tel, .header .lang{display:flex; display:-webkit-flex; align-items:center; height:90px;pointer-events: auto;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.header .lang a{ width:35px; height:35px; border-radius:50%; display:block; text-align:center; line-height:34px; background:rgba(255,255,255,.1); color:#fff;font-size:15px}
.header .lang a:hover{ background:#00479D !important; color:#fff !important}
.header .tel{ color:#fff; font-size:20px;font-weight:bold; margin-left:10px;}

.header.active, .header:hover, .header-scroll{ background:#fff;box-shadow: 0 0 7px 0 rgba(0,0,0,.2);}
.header.active .menu .menu-fir li>a, .header:hover .menu .menu-fir li>a, .header.active .tel, .header:hover .tel, .header-scroll .menu .menu-fir li>a, .header-scroll .tel{ color:#333}
.header:hover .lang a, .header.active .lang a, .header-scroll .lang a{ background:#eee; color:#999}
.header:hover .search-btn, .header.active .search-btn, .header-scroll .search-btn{background:#eee url(../images/search-btn1.png) no-repeat center;}
.header:hover .logo .img1, .header.active .logo .img1, .header-scroll .logo .img1{ display:none}
.header:hover .logo .img2, .header.active .logo .img2, .header-scroll .logo .img2{ display:block}
.header.active,.header.active .menu .menu-fir li>a, .header.active .lang a, .header.active .search-btn{-webkit-transition:0;-moz-transition:0;transition:0;}

.menu{position:absolute; left:50.6%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%); transform:translateX(-50%)}
.menu .menu-fir{ display:flex; display:-webkit-flex; justify-content:center;pointer-events: auto;}
.menu .menu-fir li{ float:left; width:16.66%;font-size:18px;position:relative}
.menu .menu-fir li>a{ display:block; color:#fff; white-space:nowrap;position:relative; line-height:90px; text-align:center; padding:0 40px}

.menu li:hover>a,.menu li.on>a{ color:#00479D !important}

.menu .sub{position: absolute;top: 100%;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%); transform:translateX(-50%);z-index: 99;display: none;min-width:100%;font-size:15px; padding:0 0 15px;/* background:#fff;box-shadow: 0 6px 12px rgba(0,0,0,.175);*/}
.menu .sub a{display: block;background: rgba(0, 0, 0, 0.5);color:#fff;line-height:22px; padding:10px; text-align:center; white-space:nowrap;position:relative}
.menu .sub a:hover{background:#00479D; color:#fff}


.search{ position:relative; height:90px;}
.search-btn{ display:block;width:35px;height:35px;background:rgba(255,255,255,.1) url(../images/search-btn.png) no-repeat center;cursor:pointer; margin-left:10px;margin-top: 27.5px; border-radius:50px;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.search-btn:hover{background:#00479D url(../images/search-btn.png) no-repeat center!important;}
.search-alert{width:400px; padding:30px;position: absolute;right:0;top:90px;z-index: 50;background: #f3f3f3;display: none;}
.search-alert form {position: relative; width:calc(100% - 40px); border:1px solid #ddd;line-height:46px; height:48px;}
.search-alert input[type=text]{border:0;height:100%; width:100%;color: #555;background:#fff;padding-left:10px; display:block}
.search-alert input[type=submit]{border: none;position: absolute;right: 0;top: 0;width:40px; height:100%;cursor:pointer; background:url(../images/search-btn2.jpg) no-repeat center; background-size:15px;}
.search-alert .search-close{ width:15px; height:15px; position:absolute; right:30px;top:45px;}
.search-alert .search-close:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}
.search-alert .search-close:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}


.bannertop{ position:relative; display:block;height: calc(100vh - 130px);}
.banner, .banner-box{position:relative; overflow:hidden; height:100vh}
.banner .swiper-container{width: 100%; height:100%;overflow: hidden; position:relative}
/*.banner:before{ content:""; width:100%; height:120px; position:absolute; left:0;top:0;background:-webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0)); z-index:9}*/
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner a{ display:block; position:relative; overflow:hidden; height:100%}
.banner img{ display:block; width:100%; height:100%; object-fit:cover}
.banner .ban-pic{ position:relative; height:100%;}
.banner .ban-txt{ position:absolute; left:calc(calc(100% - 1400px) / 2);top:50%;-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);color:#fff;}
.banner .ban-txt-con{ display:inline-block; position:relative; opacity:0}
.banner .swiper-slide-active .ban-txt-con{-webkit-animation: changeLeft .5s .6s;-moz-animation:changeLeft .5s .6s;animation: changeLeft .5s .6s;animation-fill-mode:forwards}
@keyframes changeLeft{
0%   {left:-35px; opacity:0;}
100% {left:0; opacity:1;}
}
@-moz-keyframes changeLeft {
0%   {left:-35px; opacity:0;}
100% {left:0; opacity:1;}
}

@-webkit-keyframes changeLeft{
0%   {left:-35px; opacity:0;}
100% {left:0; opacity:1;}
}
@-o-keyframes changeLeft {
0%   {left:-35px; opacity:0;}
100% {left:0; opacity:1;}
}

.banner .swiper-button-prev, .banner .swiper-button-next{width: 15%;height:100%;top:0;background:none; margin-top:0}
.banner .swiper-button-prev{left:0;}	
.banner .swiper-button-next{right:0;}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{display:block;width: 60px;height: 60px;position: absolute;left: 20px;top: 50%;margin-top:-30px;border-radius: 100%;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.banner .swiper-button-next span{left:auto;right:20px;}
.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{opacity: .6;}
.banner .swiper-button-prev span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; right:0;top:0px;}
.banner .swiper-button-next span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:0;top:0px;}

/*分页器*/
.banner .swiper-pagination{ bottom:60px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:transparent; border:1px solid #fff; opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;border-radius:50%;}
.banner .swiper-pagination-bullet-active{ background:#fff; border:1px solid #fff}


.title{font-size:30px;color:#333333;text-align:center;font-weight: bold;margin-bottom: 30px;}
.title li{color: #aaaaaa;font-size: 14px;font-weight: normal;margin: 5px 0px;text-transform: uppercase;}
.title p{color: #777777;font-size: 15px;font-weight: normal;}
.title span{color: #00489D;}
.i-product.active .i-productBox{transform: translate(0, 0);-webkit-transform: translate(0, 0);opacity: 1;}
.i-solutionList li{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);opacity:0;-webkit-transition:.5s .1s;-moz-transition:.5s .1s;transition:.5s .1s;}
.i-solution.active .i-solutionList li{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.i-newsLeft{
    transform: translateX(-280px);
    -webkit-transform: translateX(-280px);
    opacity: 0;
    transition: all 1s 0.3s;
}
.i-newsRight .list:nth-child(1) {
    transform: translateY(280px);
    -webkit-transform: translateY(280px);
    opacity: 0;
    transition: all 1s 0.3s;
}
.i-newsRight .list:nth-child(2) {
    transform: translateX(280px);
    -webkit-transform: translateX(280px);
    opacity: 0;
    transition: all 1s 0.3s;
}
/*product*/
.i-product{ background:#f3f3f3 url(../images/bg.jpg) no-repeat; background-size:cover;padding-bottom: 40px;}
.i-productBox{ position:relative}
.i-productBox .tab{ background:#fff; border-top-left-radius:15px; border-top-right-radius:15px;overflow: hidden;}
.i-productBox .tab ul{ display:flex; display:-webkit-flex;}
.i-productBox .tab li{ width:20%; height:65px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; font-size:16px; color:#333;text-align: center; position:relative; cursor:pointer}
.i-productBox .tab li i{ display:block; width:12px; height:6px; background:url(../images/arrow02.png) no-repeat center; margin-left:5px}
.i-productBox .tab li:after{ content:""; width:1px; height:20px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-10px}
.i-productBox .tab li.cur{ background:#00479D; color:#fff}
.i-productBox .tab li.cur:after{ display:none}
.i-productBox .tab li.cur i{background:url(../images/arrow02_w.png) no-repeat center; }
.i-productCon{ background:#fff; margin-top:1px; padding:30px 60px 50px}
.i-productCon .item{ display:none}
.i-productCon .item.cur{ display:block}
.i-productCon h3{ text-align:center;font-size:24px; color:#00479D; margin-bottom:30px}
.i-productCon h3 a{color:#00479D;}
.i-productCon .nav-sed{ text-align:center; display:none}
.i-productCon .nav-sed a{color:#b2b2b2; font-size:14px; margin:0 10px}
.i-productCon .nav-sed a:hover{color:#00479D}
.i-productList{ margin-top:20px}
.i-productList ul{ display:flex; display:-webkit-flex;align-items:flex-start; margin-right:-2%}
.i-productList li{ width:23%; margin-right:2%}
.i-productList .picbox{ position:relative; border:1px solid #e8e8e8}
.i-productList .pic{ position:relative; overflow:hidden}
.i-productList .pic .img1{ display:block; width:100%}
.i-productList .pic .img2{position:absolute; left:0;right:0;top:0;bottom:0; max-width:100%; max-height:100%; margin:auto;-moz-transition:ease .8s;-webkit-transition:ease .8s; transition:ease .8s;}
.i-productList .picbox .intro{ position:absolute; left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0); z-index:2; display:flex; display:-webkit-flex; justify-content:center; align-items:center; opacity:0}
.i-productList .picbox .intro span{ color:#fff; width:60%; line-height:20px; text-align:center; padding:10px 0; font-size:16px; position:relative}
.i-productList .picbox .intro span:before, .i-productList .picbox .intro span:after{ content:""; width:0; height:1px; background:rgba(255,255,255,.4); position:absolute; left:50%;}
.i-productList .picbox .intro span:before{top:0}
.i-productList .picbox .intro span:after{bottom:0}
.i-productList .picbox .intro, .i-productList .picbox .intro span:before, .i-productList .picbox .intro span:after{-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.i-productList a{ display:block;}
.i-productList .txt{text-align:center; padding:15px 0 0;}
.i-productList .txt .tit{ color:#333; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-productList .txt .intro{ color:#999; font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:6px 0 6px}
.i-productList .txt .more{ height:13px; background:url(../images/arrow_g.png) no-repeat center; display:none;}
.i-productList .txt, .i-productList .txt .tit, .i-productList .txt .intro, .i-productList .txt .more{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.i-productList a:hover .pic .img2{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)}
.i-productList a:hover .picbox .intro{background:rgba(0,0,0,.65); opacity:1}
.i-productList a:hover .picbox .intro span:before{ width:50%; left:25%;transition-delay:.3s}
.i-productList a:hover .picbox .intro span:after{ width:50%; left:25%;transition-delay:.3s}
/*solution*/
.i-solutionList{ height:100%;}
.i-solutionList ul{display: -webkit-box;display: -ms-flexbox;display: flex;height: 100vh;width: 100%;}
.i-solutionList li{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position: relative;}
.i-solutionList li .pic{height: 100%;position:relative}
.i-solutionList li .pic img{ width:100%; height:100%; object-fit:cover; position:relative; z-index:1}
.i-solutionList li .pic:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,.15); position:absolute; left:0;top:0; z-index:2}
.i-solutionList li .txt{position: absolute;width: 100%;height: 100%;bottom:0;left: 0;text-align: center;display:flex;justify-content:center; padding-top:45vh;z-index: 2;color:#fff}
.i-solutionList li .pic:after, .i-solutionList .txtcon{-moz-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.i-solutionList .txtcon h3{ font-size:26px; margin:50px 0 55px}
.i-solutionList .txtcon .more{ height:13px; background:url(../images/arrow_w.png) no-repeat center; display:block}
.i-solutionList li:hover .pic:after{ opacity:0} 
.i-solutionList li:hover .txt{background:rgba(0,0,0,.7);height:100%;}
.i-solutionList li:hover .txtcon{margin-top: -30px;}

/*news*/
.i-news{ background:#f3f3f3 url(../images/bg02.png) no-repeat center bottom; background-size:cover}
.i-newsBox{ position:relative}
.i-newsLeft{ width:32%}
.i-newsLeft .pic{ overflow:hidden; height:560px;}
.i-newsLeft img{ display:block; width:100%; height:100%; object-fit:cover;-webkit-transition:ease .8s;-moz-transition:ease .8s; transition:ease .8s;}
.i-newsLeft a{ position:relative; display:block}
.i-newsLeft .tit{width:calc(100% - 24px);bottom:12px; left:12px; position:absolute; padding:35px 100px 35px 35px;background:#fff url(../images/arrow.png) no-repeat right 35px top 43px;}
.i-newsLeft .tit h4{ font-size:20px; color:#333;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.i-newsLeft:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}
.i-newsLeft:hover .tit h4{color:#00479D}
.i-newsRight{ width:66%; height:100%; position:absolute; right:0;top:0}
.i-newsRight .list{ width:49%; height:100%}.i-newsRight .list ul{ height:100%}
.i-newsRight .list li{ background:#fff; height:49%}
.i-newsRight .list li a{ padding:8% 8% 1%; display:block}
.i-newsRight .list .tit{ color:#333; font-size:20px;}
.i-newsRight .list .intro{display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:24px; color:#666; font-size:15px;margin:5% 0 7%;}
.i-newsRight .list .bot{ position:relative; border-top:1px solid #e8e8e8; padding-top:4%; }
.i-newsRight .list .time{ color:#666; font-size:14px; float:left}
.i-newsRight .list .time span{ display:block; font-size:32px; color:#333; line-height:35px}
.i-newsRight .list .bot i{ display:block; width:25px; height:13px; background:url(../images/arrow.png) no-repeat; float:right; margin-top:20px}
.i-newsRight .list.fl li:first-child{ margin-bottom:2%}
.i-newsRight .list.fl .tit{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-newsRight .list.fr li{ height:32%; margin-bottom:2%}
.i-newsRight .list.fr li:last-child{ margin-bottom:0}
.i-newsRight .list.fr .time{ width:100px;padding-left: 10px; position:relative}
.i-newsRight .list.fr .time span{ position:relative}
.i-newsRight .list.fr .time span:after{ content:""; width:35px; height:1px; background:#e8e8e8; display:block; margin:5% 0 15%}
.i-newsRight .list.fr .txt{ width:calc(100% - 160px);position:relative}
.i-newsRight .list.fr .txt:before{ content:""; width:1px; height:110%; background:#e8e8e8; position:absolute; left:-45px}
.i-newsRight .list.fr .txt .tit{display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;margin-bottom: 10%;}
.i-newsRight .list.fr .txt .more{display:block; width:25px; height:13px; background:url(../images/arrow.png) no-repeat;}
.i-newsLeft .tit h4, .i-newsRight .list li, .i-newsRight .list .tit{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-newsRight .list li:hover{ box-shadow:0 0 15px rgba(0,0,0,.08)}
.i-newsRight .list li:hover .tit{color:#00479D}
.imore{ text-align:center; margin-top:50px}
.imore a{ display:inline-block; background:#00479D; border:2px solid #00479D;font-size:14px; color:#fff; border-radius:25px; line-height:40px; padding:0 35px}
.imore a:hover{background:none; border:2px solid #00479D; color:#00479D}

.i-newsList{ position:relative}
.i-newsList .left{ width:50%; position: absolute; left:0;top:0;bottom:0;height:100%}
.i-newsList .right{ width:45%}
.i-newsList .left .txt{ position:absolute; width:100%; bottom:0;color:#fff;left:0; padding:100px 60px 50px;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));}
.i-newsList .left .tit{ font-size:24px; margin:15px 0 25px;padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.4);}
.i-newsList .left .pic{ position:relative; overflow:hidden;height: 100%;}
.i-newsList .left .pic .img1{ display:block; width:100%}
.i-newsList .left .pic .img2{position:absolute; left:0;right:0;top:0;bottom:0;width:100%; height:100%; object-fit:cover; margin:auto;-moz-transition:ease .8s;-webkit-transition:ease .8s; transition:ease .8s;}
.i-newsList .left .more{ display:block; width:36px; height:13px; background:url(../images/arrow_w.png) no-repeat;opacity: .6;}
.i-newsList .left:hover .pic .img2{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.i-newsList .right li{ border-bottom:1px solid #e8e8e8; padding:40px 0; position:relative}
.i-newsList .right li:first-child{ padding-top:0}
.i-newsList .right a{ display:block; display:flex; display:-webkit-flex; align-items:center; position:relative}
.i-newsList .right .time{width:100px;color:#999;font-size: 14px;font-weight: 300;position:relative}
.i-newsList .right .time span{display:block; font-size:38px; line-height:40px; font-weight:bold;}
.i-newsList .right .time:after{ content:""; width:1px; height:100%; background:#e8e8e8; position:absolute; right:0;top:0}
.i-newsList .right .txt{width:calc(100% - 260px);margin-left: 50px;}
.i-newsList .right .tit{ font-size:21px; color:#111;  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; margin-bottom: 5px; overflow: hidden;}
.i-newsList .right .intro{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#999;}
.i-newsList .right .more{display:block; width:55px; height:55px;border-radius:50%; position:absolute;right:0;top:0;background:url(../images/arrow.png) no-repeat center; opacity:0}
.i-newsList .right .tit, .i-newsList .right .more{-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}
.i-newsList .right li:hover .tit{ color:#00479D}
.i-newsList .right li:hover .more{ opacity:1}
/*about*/
.i-about{ background:#EBEBEB}
.i-about .wrap{width:100%;max-width:inherit;height:100%}
.i-about .title{color:#fff;display:none}
.i-aboutBox{position:relative;height:100%}
.i-aboutLeft{width:50%; position:relative;height:100%;}
.i-aboutLeft a, .i-aboutLeft .pic{ height:100%}
.i-aboutLeft .pic{ position:relative; overflow:hidden}
.i-aboutLeft .pic img{ display:block; width:100%; height:100%; object-fit:cover}
.i-aboutLeft .txt{ position:absolute; left:0;top:0;right:0;bottom:0; padding:45px 50px 0}
.i-aboutLeft .top h3{ font-size:20px; color:#fff; font-weight:bold; margin-top:10px;}
.i-aboutLeft .bot{ position:absolute; left:0; right:0;bottom:0; color:#666; padding:5% 7% 5%; font-size:16px; line-height:26px;background:#fff;}
.i-aboutLeft .bot .intro{ background:url(../images/arrow_g.png) no-repeat right top 20px;display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; padding-right:100px;}
.i-aboutLeft .pic img{-webkit-transition:ease .8s;-moz-transition:ease .8s; transition:ease .8s;}
.i-aboutLeft:hover .pic img{ -webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}
.i-aboutLeft .tit{ display:block; width:160px; height:160px; border-radius:50%; background:rgba(0,91,184,.65); color:#fff; position:absolute; right:0; bottom:0; display:-webkit-flex; align-items:center; flex-wrap:wrap;align-content:center; justify-content:center; text-align:center}
.i-aboutLeft .tit .ico, .i-aboutLeft .tit h3, .i-aboutLeft .tit .more{display:block;width:100%;position:relative; z-index:2}
.i-aboutLeft .tit h3{font-size:26px;margin:15px 0 25px}
.i-aboutLeft .tit .more{background:url(../images/arrow_w.png) no-repeat center;height:13px;}
.i-aboutLeft .tit:before{content: '';position: absolute;background:rgba(0,91,184,.65);border-radius:50%;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.i-aboutLeft .tit:hover::before{-webkit-animation-name: animate01;animation-name: animate01;}
@-webkit-keyframes animate01{
  0%{ opacity:1}
  100% {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
  }
}

@keyframes animate01{
  0%{ opacity:1}
  100% {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
  }
}

.i-aboutRight{width:50%;position: relative;height:100%;}
.i-about-txt, .i-client{display:flex; display:-webkit-flex; align-items:center; flex-wrap:wrap;align-content:center}
.i-about-txt .tit, .i-about-txt .intro, .i-about-txt .more, .i-client .tit, .i-clientList, .i-client .more{ display:block; width:100%; position:relative; z-index:2}
.i-about-txt{width:100%; height:100%;left:0;top:0; background:#EBEBEB; padding-left:10%; padding-right:10%; padding-top:50px;}
.i-about-txt:after{width:100%; height:50%; background:url(../images/particle.png) no-repeat left bottom; background-size:cover; position:absolute; left:0;right:0;bottom:0}
.i-about-txt .tit, .i-client .tit{font-size:35px;color:#333; margin-bottom:30px; text-align:center}
.i-about-txt .intro{ font-size:16px; line-height:35px;}
.i-about-txt .intro p{ margin-top:15px}
.i-about-txt .more, .i-client .more{ text-align:center; margin-top:30px}
.i-about-txt .more a{display:inline-block; background:#00479D; border:2px solid #00479D;font-size:14px; color:#fff; border-radius:25px; line-height:40px; padding:0 35px}
.i-about-txt .more a:hover{background:none; border:2px solid #00479D; color:#00479D}
.i-client{ background:#fff;width:100%; height:40%; left:0;bottom:0;}
.i-client .tit a{ color:#333;display:block;}
.i-clientList{ padding-bottom:30px}
.i-clientList .pic{display:webkit-flex;display:flex; align-items:center;justify-content:center;padding:1%;}
.i-clientList .pic img{ display:block; max-width:100%; max-height:400px;-webkit-transition:ease .8s;-moz-transition:ease .8s; transition:ease .8s;}
.i-clientList .pic img:hover{-moz-transform: scale(1.04);-webkit-transform: scale(1.04); transform: scale(1.04)}
.i-client .more a{display:inline-block; background:#00479D; border:2px solid #00479D;font-size:14px; color:#fff; border-radius:25px; line-height:40px; padding:0 35px}
.i-client .more a:hover{background:none; border:2px solid #00479D; color:#00479D}
.i-clientList .swiper-pagination{bottom:0}
.i-clientList .swiper-pagination-bullet{ width:10px; height:10px; background:#999; border:0; opacity:1;}
.i-clientList .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 6px;border-radius:50%;}
.i-clientList .swiper-pagination-bullet-active{ background:#00479D;}

.i-qlink{ height:33%}
.i-qlink ul{ display:flex; display:-webkit-flex; justify-content:space-between; height:100%}
.i-qlink li{ width:49%;}
.i-qlink li .ico{ display:block; width:45px; height:45px; border-radius:50%;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.i-qlink li.li1{ background:url(../images/abt-bg1.jpg) no-repeat center; background-size:cover}
.i-qlink li.li2{ background:url(../images/abt-bg2.jpg) no-repeat center; background-size:cover}
.i-qlink li.li1 .ico{ background:#00479D url(../images/about-ico2.png) no-repeat center}
.i-qlink li.li2 .ico{ background:#00479D url(../images/about-ico3.png) no-repeat center}
.i-qlink li a{ display:block; padding:45px 45px 15px; height:100%}
.i-qlink li .tit{font-size:20px; font-weight:bold; color:#333; margin-top:15px}
.i-qlink li.li1:hover .ico{ background:#31bae8 url(../images/about-ico2.png) no-repeat center}
.i-qlink li.li2:hover .ico{ background:#31bae8 url(../images/about-ico3.png) no-repeat center}

@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg") format("svg");
}

/*============================================================*/
.nbanner{position: relative;overflow: hidden; height:400px}
.nbanner img{ display:block; width:100%; height:100%;object-fit:cover}
.nbanner .nban-tit{ position:absolute; left:0; right:0; bottom:100px;color:#fff; font-weight:300}
.nbanner .nban-tit h3{font-size:45px;font-weight:300;line-height:80px}
.nbanner .nban-tit h3 a{color: #fff;}
.nbanner .nban-tit h3 a:hover{color: #ff0;}
.nbanner .nban-tit .locat{ font-size:16px;}
.nbanner .nban-tit .locat a{ color:#fff}
.nbanner:before{ content:""; width:100%; height:30%; position:absolute; left:0;top:0;right:0;background: -webkit-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));}

.inner-nav{ background:#f0f0f0;}
.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center; font-size:17px; text-align:center}
.inner-nav li{position:relative; width:20%; border-right:1px solid #d8d8d8}
.inner-nav li:first-child{ border-left:1px solid #d8d8d8}
.inner-nav li a{ display:block; height:60px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.inner-nav li:before {position: absolute;width: 1px;height:100%;background: #ddd;top: 0; bottom: 0;left: 0; margin:auto}

.inner-nav li:after{position: absolute;width: 100%;height:5px; background: #00479D; border-top-left-radius:15px; border-top-right-radius:15px;left: 0; bottom: 0;transition: .5s ease-in-out;opacity: 0; transition:.5s}
.inner-nav li.cur:after, .inner-nav li:hover:after{ opacity:1;}
.inner-nav li.cur a, .inner-nav li:hover a{ color:#00479D}


.main{padding:80px 0; background:#fff;}
.main-2{ background:#f0f0f0}
.main .content{ line-height:30px; font-size:16px;}
.main .content img{ max-width:100%; height:auto}

.anchor{display: block;height:70px;margin-top: -70px;visibility: hidden;}
.ntitle{ font-size:40px; color:#333; text-align:center; margin-bottom:35px; line-height:45px;}
.ntitle-s{font-size:20px;text-align: center; margin-bottom:35px; margin-top:-20px; color:#666; font-weight:300}

.content-about{ font-size:16px;}
.content-about .left{width:100%;}
.content-about .left h3{ font-size:20px; color:#666; line-height:30px; font-weight:300}
.content-about .left h2{ font-size:35px; color:#333;; line-height:50px;}
.content-about .left .txtcon{ margin-top:30px;}
.content-about .left .txtcon p{ margin-top:20px}
.content-about .right{ width:50%; position:relative}
.content-about .right img{ display:block; width:100%;}

.main-culture{ background:#00479D url(../images/particle.png) repeat-x center bottom;}
.main-culture .ntitle{ color:#fff}
.culture{ color:#fff}
.culture ul{ display:flex; display:-webkit-flex; justify-content:space-between;flex-wrap:wrap;}
.culture li{ width:48.5%; background:rgba(255,255,255,.2); margin-bottom:2%; padding:60px; position:relative}
.culture .ico{ width:80px; height:80px;position:absolute; left:60px;top:60px; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.culture .txt{ padding-left:150px; position:relative}
.culture .txt:before{ content:""; width:1px; height:100%; background:#fff; position:absolute; left:110px;top:0; opacity:.2}
.culture .txt .tit{ font-size:24px; color:#fff; margin:10px 0}

.horlist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-2%}
.horlist li{ width:23%; margin-right:2%; margin-bottom:2%}
.horlist .pic{ position:relative; overflow:hidden;}
.horlist .pic img{ display:block; width:100%; height:auto}
.horlist .tit{ margin-top:10px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center}


.client ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; margin-right:-2%}
.client li{ width:18%; border:1px solid #e8e8e8;text-align:center; margin-right:2%; margin-bottom:2%}
.client .pic{ height:120px;display:flex; display:-webkit-flex; justify-content:center;align-items:center}
.client .pic img{ max-width:95%}
.client .tit{ background:#fafafa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:45px}

.solutlist li{ position:relative; margin-bottom:3%;}
.solutlist .pic{ width:35%; overflow:hidden;border: 1px solid #e8e8e8;}
.solutlist .pic img{ display:block; width:100%;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.solutlist .txt{ width:60%;position:relative;}
.solutlist .txt:after{/* content:"";*/ width:100%; height:1px; background:#e8e8e8; position:absolute; left:0;bottom:0}
.solutlist .tit{ font-size:24px; color:#333; margin-bottom:15px;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.solutlist .intro{font-size:16px;color: #999999;line-height:28px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;}
.solutlist .more{display:inline-block; background:#fff; border:2px solid #e8e8e8;font-size:14px; color:#999; border-radius:25px; line-height:36px;height: 40px; padding:0 25px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s; margin-top:20px}
.solutlist li:hover .pic img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}
.solutlist .more:hover{background:#00479D;border:2px solid #00479D;color:#fff}
.solutlist li:hover .tit{color:#00479D}
.solutlist .time{ font-size:14px; color:#999}


.newsTop{ position:relative; margin-bottom:50px}
.newsTop .swiper-slide{ position:relative; background:#f3f3f3; overflow:hidden}
.newsTop .swiper-slide-active{ z-index:2}
.newsTop .pic{ width:50%; height:450px; overflow:hidden; float:left}
.newsTop .pic img{ width:100%; height:100%; display:block; object-fit:cover;-webkit-transition:.8s;-moz-transition:.8s; transition:.8s}
.newsTop .txt{ width:50%; float:right;padding:6% 10% 3% 6%;}
.newsTop .txt h4{ font-size:24px; color:#333; font-weight:bold; margin-bottom:5%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden}
.newsTop .txt .intro{ display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; min-height:90px; color:#666; margin-bottom:10%}
.newsTop .more{ display:inline-block; background:#00479D; border:2px solid #00479D;font-size:14px; color:#fff; border-radius:25px; line-height:36px; height:40px; padding:0 35px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.newsTop .more:hover{background:none; border:2px solid #00479D; color:#00479D}
.newsTop .swiper-button-next, .newsTop .swiper-button-prev{ width:45px; height:45px;top:auto; margin-top:0;bottom:0; background:#fff}
.newsTop .swiper-button-next{ right:calc(50% - 45px)}
.newsTop .swiper-button-prev{ left:calc(50% - 45px)}
.newsTop .swiper-pagination{ text-align:right; padding-right:5%;bottom:5%}
.newsTop .swiper-pagination-bullet{ background:#ccc; width:10px; height:10px; opacity:1}
.newsTop .swiper-pagination-bullet-active{ background:#00479D}
.newsTop .swiper-slide:hover .pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}

.newslist li{ margin-bottom:40px; padding-bottom:40px;border-bottom: 1px solid #e8e8e8; position:relative}
.newslist a{ display:block; padding:0 15px;}
.newslist .time{float: left;width:10%;color:#999}
.newslist .time span{display: block; font-size:45px; line-height:50px; padding-left:5px}
.newslist .txt{float: left;width: 75%;}
.newslist .txt .tit{color: #333;font-size:24px;margin-bottom:15px;}
.newslist .txt .intro{font-size:16px;color: #999999;line-height:24px; min-height:48px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
.newslist .more{ display:block; width:55px; height:55px; border:1px solid #e8e8e8; border-radius:50%; position:absolute;right:20px;top:30px; background:url(../images/arrow.png) no-repeat center;}
.newslist .txt .tit, .newslist .more{-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.newslist li:hover .txt .tit{color:#00479D}
.newslist li:hover .more{background:#00479D url(../images/arrow_w1.png) no-repeat center;}
.newslist .bot .time2{ display:none}
.newslist02 a{ padding:0}
.newslist02 .pic{ width:30%; overflow:hidden; max-height:180px}
.newslist02 .pic img{ display:block; width:100%;}
.newslist02 .txt{ width:52%; margin-left:5%; padding-top:1%}
.newslist02 .time{ text-align:right;padding-top:30px;float: right;}
.newslist02 .more2{display:inline-block; background:#fff; border:2px solid #e8e8e8;font-size:14px; color:#999; border-radius:25px; line-height:36px;height: 40px; padding:0 25px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s; margin-top:20px}
.newslist02 li::hover .pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}
.newslist02 .more2:hover{background:#00479D; border:2px solid #00479D;color:#fff}

.main-newscon{ background:#f7f7f7}
.content-news{margin:0 auto; background:#fff; padding:45px 10%}
.newstit{font-size:30px;color: #333;line-height:35px; padding-bottom:10px; text-align:center;position:relative}
.newstit02{font-size:30px;color: #333;line-height:35px;margin-bottom:30px; padding-bottom:20px; text-align:center; border-bottom:1px solid #e8e8e8;position:relative}
.newstime{ font-size:14px; color:#999;text-align:center;margin-bottom:30px; padding-bottom:5px;border-bottom:1px solid #e8e8e8;}
.news-article{}
.news-article p{ margin-bottom:10px}
.page_2{position: relative; margin-top:50px; border-top:1px solid #e8e8e8;font-size:14px; line-height:26px; color:#666; padding-top:30px}
.page_2 a{ color:#666}
.page_2 a:hover{color:#00479D}

.caselist li{ margin-right:2%; margin-bottom:2%; width:32%; float:left;overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; position:relative}
.caselist li:nth-child(3n){ margin-right:0}
.caselist a{ display:block;overflow:hidden}
.caselist li .picbox{ position:relative; border:1px solid #e8e8e8}
.caselist li .pic{ position:relative; overflow:hidden}
.caselist li .img1{ display:block; width:100%; height:auto}
.caselist li .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.caselist li .pic:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,.15); position:absolute; left:0;top:0; z-index:2;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.caselist .tit{font-size:16px; color:#333;white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; padding-top:5px;}
.caselist .ico{ position:absolute; left:0; right:0;top:0;bottom:0; background:url(../images/video_fill_light.png) no-repeat center; z-index:3}

.caselist li:hover .img2{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.caselist li:hover .pic:after{background:rgba(0,0,0,.25);}
.videoBox video{ width:800px; margin:0 auto; outline:none; display:block}

.after-sales{ position: relative}
.after-sales .pic{ width:60%}
.after-sales .pic img{ display:block; width:100%}
.after-sales .txt{ width:50%; background:#00479D; box-shadow:0 0 25px rgba(0,0,0,.15); padding:5% 8%; color:#fff; position:absolute; right:0;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%); transform:translateY(-50%)}
.after-sales .txt h2{ font-size:30px; margin-bottom:30px}
.after-sales .tel{ padding-left:80px; margin-bottom:20px; position:relative}
.after-sales .tel .ico{ display:block; width:60px; height:60px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:url(../images/ico-tel.png) no-repeat center; position:absolute; left:0;top:5px}
.after-sales .tel p{}
.after-sales .tel p span{ display:block; font-size:26px; font-family:bebas; line-height:45px}
.after-sales .mail{padding-left:80px;position:relative}
.after-sales .mail .ico{ display:block; width:60px; height:60px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:url(../images/ico-mail.png) no-repeat center; position:absolute; left:0;top:5px}
.after-sales .mail p span{ display:block; font-size:26px; font-weight:bold;line-height:45px}

.technology ul{ display:flex; display:-webkit-flex; justify-content:space-between; position:relative}
.technology li{ width:23%;overflow:hidden; box-shadow:0 5px 10px rgba(0,0,0,.08); background:#fff}
.technology .pic{ overflow:hidden; position:relative}
.technology .pic img{ display:block; width:100%;}
.technology .txt{ position: relative;padding:10% 10% 15%}
.technology b{ text-align:center; font-size:24px; color:#333; font-weight:normal; display:block; position:relative; z-index:2}
.technology b:after{ content:""; width:25px; height:1px; background:#333; display:block; margin:15px auto 20px}
.technology em{ font-style:normal}
.main-tech{ background:url(../images/pf_bg.jpg) no-repeat left bottom; background-size:cover}
.technology02 .num{ position:absolute; font-family:bebas; left:50%; font-size:70px; color:#f4f5f7; line-height:60px;top:20%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%); transform:translateX(-50%)}
.technology02 b{ margin-top:15px}

.downlist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start}
.downlist li{ width:48.5%;margin-bottom:3%; border:1px solid #d8d8d8; border-left:3px solid #00479D; padding:45px; position:relative}
.downlist li a{ display:block; position:relative; z-index:2}
.downlist .tit{color:#333;font-size:22px;line-height:30px; width:80%; position:relative;}
.downlist .ico{
	display: block;
    width: 60px;
    height: 60px;
    border: 1px solid #d8d8d8;
	background:url(../images/ico-down.png) no-repeat center;
    border-radius: 50%;
	position:absolute;
	right:0;
	top:-15px;
}
.downlist .tit, .downlist .ico, .downlist li:after{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.downlist li:after{ content:""; width:0; height:100%; background:#fff; position:absolute; right:0;top:0;bottom:0;}
.downlist li:hover::after{ width:100%; background:#00479D; right:auto; left:0}
.downlist li:hover .tit{ color:#fff}
.downlist li:hover .ico{background:url(../images/ico-down2.png) no-repeat center; border:1px solid rgba(255,255,255,.3)}

.main-product{ background:#fff}
.main-product02{ background:#f3f3f3}

.main .locat{color:#999; margin-bottom:30px;margin-top: -50px;}
.main .locat a{color:#999;}
.main .locat a:hover{color:#00479D}
.contentBox .left-nav{ background:#fff; width:248px;/* padding:30px 30px 50px; box-shadow:0 0 10px rgba(0,0,0,.1)*/}
.contentBox .left-nav h3{ font-size:26px; color:#333; border-bottom:1px solid #e8e8e8; padding-bottom:10px; display:none}
.left-navlist{ font-size:15px}
.left-navlist .navli{ border-bottom:1px solid #e8e8e8}
.left-navlist .navli > a{ position:relative; display:block; font-size:16px;padding:10px 20px 10px 0; padding-right:40px; color:#999}
.left-navlist .navli > a:after{ content:""; width:6px; height:6px; border-right:1px solid #ccc; border-top:1px solid #ccc;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); transform:rotate(45deg); position: absolute; right:5px;top:20px} 

.left-navlist .navli.cur > a, .left-navlist .navli > a:hover{ color:#00479D; font-weight:bold; position:relative}
.left-navlist .navli.cur > a:after, .left-navlist .navli > a:hover::after{border-right:1px solid #00479D; border-top:1px solid #00479D;} 
.left-navlist a{ display:block}
.left-navlist .sub{}
.left-navlist .sub li{border-top: 1px solid #ccc;line-height:40px;height: 40px;padding-left: 15px;}
.left-navlist .sub li:last-child{border-bottom:none;}
.left-navlist .sub a{ color:#888; position:relative;padding-left: 10px;}
.left-navlist .sub a:before{ content:""; width:4px; height:4px; background:#888; border-radius:50%; position:absolute; left:0;top:14px}
.left-navlist .sub a:hover, .left-navlist .sub a.cur{ color:#00479D}
.left-navlist .navli.cur .sub{ display:block}

.contentBox-right{ width:calc(100% - 320px); padding-top:15px}

.product-list{ position:relative; margin-bottom:1%}
.product-list ul{ position:relative}
.product-list li{float: left;margin-right:2%;width:32%;position: relative;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.product-list li:nth-child(3n){ margin-right:0}
.product-list li a{ display:block;}
.product-list .picbox{ position:relative; border:1px solid #e8e8e8}
.product-list .pic{overflow:hidden; position:relative;z-index:1;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.product-list .pic .img1{ display:block; width:100%; height:auto;}
.product-list .pic .img2{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto;width:100%;height:auto; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s;object-fit:contain;height: 100%;}
.product-list .intro{ position:absolute; left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0); z-index:2; display:flex; display:-webkit-flex; justify-content:center; align-items:center; opacity:0}
.product-list .intro span{ color:#fff; width:60%; line-height:20px; text-align:center; padding:10px 0; font-size:16px; position:relative}
.product-list .intro span:before, .product-list .intro span:after{ content:""; width:0; height:1px; background:rgba(255,255,255,.4); position:absolute; left:50%;}
.product-list .intro span:before{top:0}
.product-list .intro span:after{bottom:0}
.product-list .intro, .product-list .intro span:before, .product-list .intro span:after{-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.product-list .tit{ font-size:16px; color:#333;white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; padding:10px 0px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.product-list li:hover .pic .img2{-moz-transform:scale(1.05);-webkit-transform:scale(1.05); transform:scale(1.05)}

.product-list li:hover .intro{background:rgba(0,0,0,.65); opacity:1}
.product-list li:hover .intro span:before{ width:50%; left:25%;transition-delay:.3s}
.product-list li:hover .intro span:after{ width:50%; left:25%;transition-delay:.3s}


.locat02{ margin-top:90px; border-bottom:1px solid #e8e8e8; line-height:59px; color:#666; font-weight:300}
.locat02 a{ color:#666}
.locat02 a:hover{color:#00479D}
.productcon-top .left{ width:38%;}
.productcon-top .right{ width:58%; color:#666;font-weight: 300;}
.productcon-picbox{ position:relative;}
.productcon-picbox .view{margin-bottom:10px;background:#fff; border:1px solid #e8e8e8 }
.productcon-picbox .view img{ display:block; max-width:100%; margin:0 auto}
.productcon-picbox .preview{}
.productcon-picbox .preview img{ display:block;border:1px solid #e8e8e8; cursor:pointer; width:100%;}
.productcon-picbox .preview .active-nav img{ border:1px solid #00479D}

.productcon-top .right h2{ font-size:35px; line-height:45px; color:#333; margin:10px 0 15px;position:relative}
.productcon-top .right h3{ font-size:20px; color:#333; margin-bottom:15px;}
.productcon-top .right p{ margin-bottom:10px;}
.productcon-top .right .zixun{ margin-top:8%}
.productcon-top .right .zixun a{ display:block; background:#00479D; color:#fff; display:-webkit-flex; display:flex; justify-content:center; align-items:center; width:140px; line-height:45px; font-size:14px;}
.productcon-top .right .zixun img{ margin-right:5px}
.productcon-top .right .zixun a:hover{ border-radius:10px}


.content-product .pro-tab{ position:relative; text-align:center}
.content-product .pro-tab ul{ position:relative; display:inline-block;font-size: 0;line-height: 0;}
.content-product .pro-tab li{ font-size:18px; color:#333; line-height:24px; padding-bottom:20px; width:150px; display:inline-block;text-align:center; cursor:pointer}
.content-product .pro-tab .line{position:absolute;bottom:0;left:0px;width:150px;height:3px;background:#00479D; overflow: hidden; text-align: center;}
.content-product .pro-tab li.active{color:#00479D}
.pro-container{ background:#fff; padding:60px 10%}
.pro-container .item{ display:none}
.pro-container .item.active{ display:block}
.pro-container .ptit{ font-size:24px; color:#333;line-height:30px; padding:10px;text-align:center;position:relative; margin:30px 0; background:#ebf2f9}
.pro-container .ptit02{ margin-top:0}
.pro-container .data{display:flex; display:-webkit-flex; align-items:flex-start; justify-content:center;}
.pro-container .data li{width:14%; text-align:center; margin:0 2%; line-height:20px}
.pro-container .data span{ background:#00479D; color:#fff; line-height:30px; padding:5px;display:block; margin-bottom:5px}


.pro-container  table{ line-height:24px; width:100%}
.pro-container  table td{ border:1px solid #e8e8e8; padding:10px 20px;}
.pro-container  table p{ margin:0 !important}
.pro-container  table tr:nth-child(2n+1){ background:#f3f3f3}
.pro-container .solutlist{ margin-top:50px}
.pro-container .solutlist .cls{ font-size:14px;background:#fff; border:2px solid #00479D; display:inline-block; border-radius:25px; padding:0 20px; line-height:20px; color:#00479D; margin-top:20px}
.pro-container .solutlist .tit{margin-top: 10px;}
.pro-container  .table tr td:first-child{ background:#7e7e7e; color:#fff; font-weight:bold; border:1px solid #999}
.pro-container  .table .tdbg{background:#7e7e7e; color:#fff; font-weight:bold; border:1px solid #999}

.related-pro{ position:relative;}
.related-pro a{ display:block;text-align:center; padding:1px}
.related-pro .picbox{ position:relative}
.related-pro .pic{overflow:hidden; position:relative; border:1px solid #e8e8e8}
.related-pro .pic .img1{ display:block; width:100%; height:auto;}
.related-pro .pic .img2{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; width:100%; height:100%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.related-pro .intro{ position:absolute; left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0); z-index:2; display:flex; display:-webkit-flex; justify-content:center; align-items:center; opacity:0}
.related-pro .intro span{ color:#fff; width:60%; line-height:20px; text-align:center; padding:10px 0; font-size:16px; position:relative}
.related-pro .intro span:before, .related-pro .intro span:after{ content:""; width:0; height:1px; background:rgba(255,255,255,.4); position:absolute; left:50%;}
.related-pro .intro span:before{top:0}
.related-pro .intro span:after{bottom:0}
.related-pro .intro, .related-pro .intro span:before, .related-pro .intro span:after{-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.related-pro .tit{font-size:16px; color:#333;white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;line-height:30px; padding-top:5px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.related-pro a:hover .pic .img2{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.related-pro a:hover .intro{background:rgba(0,0,0,.65); opacity:1}
.related-pro a:hover .intro span:before{ width:50%; left:25%;transition-delay:.3s}
.related-pro a:hover .intro span:after{ width:50%; left:25%;transition-delay:.3s}
.related-pro .swiper-button-prev, .related-pro .swiper-button-next{ outline:none; width:50px; height:50px; border-radius:50%; border:0; background:transparent; margin-top:-30px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.related-pro .swiper-button-prev{ left:-60px}
.related-pro .swiper-button-next{ right:-60px;}
.related-pro .swiper-button-prev span, .related-pro .swiper-button-next span{ display:block; width:25px; height:25px;  position:absolute;}
.related-pro .swiper-button-prev span{border-top:2px solid #ccc; border-left:2px solid #ccc; transform:rotate(-45deg); right:5px; top:12px;}
.related-pro .swiper-button-next span{border-top:2px solid #ccc; border-right:2px solid #ccc;transform:rotate(45deg); left:5px; top:12px;}
.related-pro .swiper-button-next.swiper-button-disabled, .related-pro .swiper-button-prev.swiper-button-disabled{ opacity:1}
.related-pro .swiper-button-prev:hover,.related-pro .swiper-button-next:hover{}
.related-pro .swiper-button-prev:hover span{border-top:2px solid #00479D; border-left:2px solid #00479D;}
.related-pro .swiper-button-next:hover span{border-top:2px solid #00479D; border-right:2px solid #00479D;}
.related-pro .swiper-pagination {bottom:0; display:none}
.related-pro .swiper-pagination-bullet-active{ background:#00479D}

/*===========================contact================================*/
.content-contact{ line-height:26px; color:#666; font-size:16px;}
.content-contact .ntitle{ text-align:left}
.content-contact .txtcon{ color:#999; border-bottom:1px solid #e8e8e8; padding-bottom:40px; margin-bottom:50px}
.contact-list{ width:33.333%}
.contact-list .ctit, .message-con .ctit{ font-size:30px; line-height:35px; color:#333;  margin-bottom:30px}
.contact-list li{margin-bottom:6%; position:relative; padding-left:70px}
.contact-list li:last-child{ margin-bottom:0}
.contact-list li .img{ width:105px; height:105px;margin: 0 auto 21px;border: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 50%;}
.contact-list li img{ display:inline-block; vertical-align:middle; margin-top:30px;}
.contact-list li i{ width:0; height:100%; display:inline-block; vertical-align:middle;}
.contact-list li .p1 {font-size:18px;color: #666;padding-bottom:5px; font-weight:300}
.contact-list li .p2 {font-size:22px;color: #333;}
.contact-list li .ico{ width:55px; height:55px; border-radius:50%; display:block; position:absolute; left:0;top:0}
.contact-list li.tel .ico{ background:#00479D url(../images/ico-tel.png) no-repeat center}
.contact-list li.mail .ico{ background:#00479D url(../images/ico-mail.png) no-repeat center}
.contact-list li.add .ico{ background:#00479D url(../images/ico-add.png) no-repeat center}
.contact-list li.lxr .ico{ background:#00479D url(../images/cul-ico02.png) no-repeat center}

.message-con{ width:100%}
.message-con .row{ margin:0 -1%}
.message-con .item{ float:left; width:48%; margin-right:2%; margin-bottom:2%;position:relative}
.message-con .item .inp{ width:100%; height:45px; line-height:45px; border:1px solid #e8e8e8; background:#fafafa; padding-right:10px; padding-left:70px; font-size:15px;}
.message-con .item .inp2{ padding-left:90px}
.message-con .item label{ font-size:15px; position:absolute; left:10px;top:0;bottom:0;line-height:45px; color:#999;z-index: 2;}
.message-con .item2{ width:98%; position:relative}
.message-con textarea{width:100%; padding:12px; padding-left:70px; height:80px;border:1px solid #e8e8e8;background:#fafafa; font-size:15px; color:#666; display:block}
.message-con .item .yzmbox{ position:relative; width:30%; float:left; margin-right:5px;}
.message-con .item .yzm{ width:100%; position:relative}
.message-con .submit{color: #fff;font-size:18px;width:150px; height:45px;line-height:45px;background: #00479D; border:2px solid #00479D; border-radius:25px; text-align:center;display: block; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;transition:.3s}
.message-con .submit:hover{background: #fff; color:#00479D}

#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:1px solid #dfdfdf; margin-top:50px}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}

/*============================================================*/
.footer{position:relative;  background:#333 url(../images/Pasccm.png) no-repeat left bottom;color:#999; z-index:2}
.nfooter{background:#333 url(../images/Pasccm.png) no-repeat left bottom;}
.footer .wrap{ width:90%}
.f-left, .f-contact{ padding-top:65px; position:relative}
.f-left{ width:49%;}
.f-nav li{ float:left; margin-right:6%;max-width: 16.66%;}
.f-nav li a{ display:block; line-height:28px;}
.f-nav li h4{ font-size:18px; color:#333;margin-bottom:15px;}
.f-nav li h4 a{ color:#fff;}
.f-nav .sub a{ color:#999}
.f-nav .sub a:hover{color:#00479D}
.copyright{ color:#999; margin-top:70px; font-size:14px;; padding-bottom:20px}
.copyright a{ color:#999}
.footer .f-contact:nth-child(2){ width:19%}
.footer .f-contact:nth-child(3){ width:15%}
.footer .f-contact:nth-child(4){ width:17%}
.footer .f-contact .lxfs p:nth-child(1){color: #fff;font-size: 22px;font-weight: bold;margin-bottom:15px;}
.f-ewm img{ display:block; width:120px;}
.f-contact .lxfs{line-height:28px}

.nfooter .f-left{ border-right:1px solid rgba(255,255,255,.15)}
.nfooter .f-nav li h4 a{color:#fff}

.float_kf{ position:fixed;right:10px; bottom:20%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0;color:#535353; position:relative; font-size:14px}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#0a2d5a;border:1px solid #0a2d5a;border-bottom:none; color:#fff; cursor:pointer;}.float_kf li:hover a{ color:#fff}
.float_kf .mes i{ width:24px; height:25px;margin:0 auto 6px; display:block}
.float_kf .fwh i{ width:29px; height:25px;margin:0 auto 6px; display:block}
.float_kf .fwh .hd img{ width:150px; display:block;}
.float_kf .app i{ width:29px; height:25px;margin:0 auto 6px; display:block}
.float_kf .app .hd img{ width:150px; display:block;}
.float_kf .service i{ width:29px; height:25px;margin:0 auto 6px; display:block}
.float_kf .service .hd{ position:absolute; right:69px;bottom:-72px;border:1px solid #e8e8e8;opacity:0; filter:alpha(opacity=0); visibility:hidden;-moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .service .hd h3{background: #fddd5f;color:#0a2d5a; white-space:nowrap; line-height:40px; font-weight:bold; padding:0 20px}
.float_kf .service .sub{ background:#fff; padding:15px;}
.float_kf .service .sub a{ display:block; white-space:nowrap; background:#eef0f3; margin-top:5px; line-height:32px; padding:0 15px;color:#0a2d5a}
.float_kf .service .sub a:first-child{ margin-top:0}
.float_kf .service .sub a:hover{background:#0a2d5a; color:#fff}
.float_kf .service:hover .hd{opacity:1; filter:alpha(opacity=100);visibility:visible;-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}
.float_kf .fwh .hd, .float_kf .app .hd{ position:absolute; right:69px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:20px;color:#535353; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .fwh .hd{ margin-top:-84px}
.float_kf .fwh .hd, .float_kf .app .hd,.float_kf .tel .hd,.float_kf .service .hd{ -moz-transition:.5s;;-webkit-transition:.5s;transition:.5s;}
.float_kf .fwh:hover .hd, .float_kf .app:hover .hd, .float_kf .tel:hover .hd{opacity:1; filter:alpha(opacity=100); -moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0); visibility:visible}


.float_kf .tel i{ width:29px; height:25px;margin:0 auto 6px; display:block}
.float_kf .tel .hd{ background:#0a2d5a; color:#fff; font-size:20px; font-weight:bold; position:absolute;right:69px;top:0;text-align:left; text-align:center;line-height:74px; width:200px; height:100%;opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .backtop{background:#fddd5f;border:1px solid #fddd5f; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px;margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#0a2d5a}
.float_kf .backtop:hover{ background:#0a2d5a}


.pages{ margin-top:30px}
.pagination{ height:auto !important; padding:0 !important}

.en .i-productBox .tab li{ padding:0 5px}
.en .i-productBox .tab li i{ display:none}
.en .left-navlist .navli > a{ line-height:20px}
.en .f-nav li:last-child{ margin-right:0}
.en .f-nav li{ max-width:15%}
.en .f-nav li a{ line-height:20px; margin-bottom:6px}
.en .f-contact .lxfs{ line-height:20px;}
.en .f-contact .lxfs p{ margin-bottom:6px}
.en .horlist .tit, .en .client .tit{ display:none}
.yhimg{height:0;width:0; visibility:hidden}
.i-ryzz{margin:50px 0px;}
.i-ys{margin-bottom: 50px;}
.ron-cfn{margin-top:130px;}
.ron-cfn ul{display: flex;justify-content: space-between;flex-wrap: wrap;background-color: #EEEEEE;}
.ron-cfn ul li{width:24%;cursor: pointer;transition: all .5s ease;text-align: center;height: 100px;}
.ron-cfn ul li .img1{display: inline-block;}
.ron-cfn ul li .img3{display: none;}
.ron-cfn ul li.cur .img2{display: none;}
.ron-cfn ul li.cur .img3{display: inline-block;padding: 26px 0 24px 0;}
.ron-cfn ul li ol{text-align: center;font-size: 24px;color: #333;font-weight:600;}
.ron-cfn ul li ol span{display: block;font-size: 12px;opacity:0.5;margin-top:10px;text-transform:uppercase;font-weight:500;font-family: Arial;color: #333;}
.ron-cfn ul li.cur{background-color:#00479D;margin-top: -85px;height: 185px;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.ron-cfn ul li.cur ol{color: #fff;border-top: 1px solid #4D7FBB;padding-top: 22px;width:90%;margin: 0px auto;}
.ron-cfn ul li.cur ol span{color: #fff;}
.ron-con{display:none;margin-top:40px;}
.ron-img{float:left;width:46%;overflow: hidden;}
.ron-img img{width:100%;height:100%;transition:all 0.6s;}
.ron-img img:hover{transform: scale(1.3);}
.ron-exp{float: left;width: 46%;margin-left:4%;}
.ron-exp li{font-size:24px;color: #333333;position: relative;font-weight: bold;}
.ron-exp li::after{position:absolute;content:'';height:3px;width:56px;background-color:#00479D;left:0;bottom:-20px;}
.ron-exp li span{margin-bottom:5px;display:block;font-size:12px;color: #aaaaaa;font-weight: normal;text-transform: uppercase;}
.ron-exp .con{font-size: 16px;color: #777777;line-height:36px;margin-top:50px;}
.ron-exp ol{width: 230px;height: 45px;line-height: 45px;background-image:linear-gradient(to right,#00479D,#00479D);border-radius: 5px;text-align: center;margin-top: 10px;}
.ron-exp ol a{color: #fff;font-size: 14px;}
.ron-exp ol a:hover{color: #ff0;font-size: 15px;}
.pagination{display: inline-block;height:40px;padding:20px 0px;margin: 0 auto;}
.pagination li{display:block;float:left;margin:0 5px;padding:2px 8px;border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:12px;line-height:24px;}
.pagination li:hover{color:#00479D;background: white;border:1px #00479D solid;}
.pagination li.current{background:#00479D;border: 1px #00479D solid;}
.pagination li.current a{color:#fff;}
.nyxx{border-bottom: 1px solid #ccc;font-size: 16px;padding-bottom: 5px;margin-top: 10px;}
.nyxw2 li{width:49%;float: left;border-bottom: 1px dotted #ccc;line-height: 36px;height: 36px;}
.nyxw2 li a{font-size: 14px;}
.nyxw2 li span{float: right;font-size: 14px;}
.fz_gjcb li{background-color: #00479D;color: #fff;padding: 0px 15px;line-height:40px;height: 40px;float: left;border-radius: 10px;margin-right: 10px;margin-bottom: 10px;}