@charset "utf-8";
/* CSS Document */

*{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:Arial, Helvetica, sans-serif, "Microsoft Yahei", "Source Han Sans CN"; background:#fff; font-size:14px;overflow-x:hidden; color:#666;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}
a:hover{color:#2479b9}
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:#2479b9}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f18{ font-size:18px;}



.wrap{width:1500px;margin:0 auto}
.header{position: fixed;z-index:99;left: 0;right:0;top: 0; width: 100%; background:rgba(255,255,255,.9);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease; height:100px;}
.header .wrap{ width:100%; padding:0 3%;}
.logo, .lang span{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}
.logo{ display:flex; display:-webkit-flex; align-items:center; height:100px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease; z-index:100; position:relative}

.menu li{ float:left; font-size:16px; line-height:100px; margin-left:50px;/* overflow:hidden;*/ position:relative}
.menu a{ display:block; color:#333; position:relative}
.menu li>a:after{ content:""; width:100%; height:2px; background:#2479b9;position:absolute; left:0;bottom:40%;transform-origin: right center;-webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform: scaleX(0);}
.menu li:hover a{ color:#2479b9}
.menu li:hover a:after{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform: scaleX(1);transform-origin: left center;}
.menu .sub{position: absolute;top: 100%;left:-10px;z-index: 99;display: none;min-width:160px;font-size: 14px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.menu .sub a{display: block;background:#2479b9;color:#fff !important;padding:12px 15px; white-space: nowrap;line-height:22px; border-bottom:1px solid rgba(0,0,0,.06)}

.menu .sub a:hover{color:#fff !important; background:#47b4bb} 
.header.header-scroll{ height:80px;}
.header-scroll .logo{ height:80px;}
.header-scroll .menu li{ line-height:80px;}

.search{ position:relative; margin-left:15px;padding-left:15px;}
.search:before{ content:""; width:1px; height:12px; background:#e8e8e8; position:absolute; left:0;top:50%; margin-top:-6px;}
.search-btn{ display:block;width:22px; height:90px; background:url(../images/icon02.png) no-repeat right center; background-size:18px; cursor:pointer; }
.search-alert{width: 280px;position: absolute; right: 0;top: 100%;-webkit-border-radius: 3px;border-radius: 3px;padding: 15px;z-index: 50;background-color: #f2f2f2;display: none;}
.search-alert form {position: relative; padding-right: 60px;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.search-alert .tex {border: none;height:40px;line-height: 40px;width: 100%;color: #555;background:#fff;padding-left:10px;}
.search-alert .btn {border: none;line-height:40px;text-align: right;background:#e50011;color:#fff;position: absolute;right: 0;top: 0;width: 60px;text-align: center; cursor:pointer; transition:.5s}



.banner{position: relative;}
.banner:before{content: "";display: block;width:calc(100% - 250px); height: 75%;background-color: #333; z-index: 0;position: absolute;top:25%;left:0;transition: none;}
.banner a{ display:block;padding: 100px 0 80px 250px;}
.banner img{ display:block; width:100%; height:auto}
.banner .swiper-slide{ width:100%}
.banner .txt{ position:absolute; left:3%;top:50%;color:#fff; font-size:85px; font-weight:bolder; text-transform:uppercase; font-family:Arial Black; text-shadow:0 1px 0 rgba(0,0,0,.35); -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%); overflow:hidden; }
.banner .txtcon{transform: translate3d(-101%, 0, 0);overflow: hidden;}
.banner .txtcon p{transform: translate3d(101%, 0, 0);}
.banner .txt *{-webkit-transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);-moz-transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);-o-transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);}
.banner .swiper-slide-active .txtcon, .banner .swiper-slide-active .txtcon p{transform: translate3d(0, 0, 0);}
.banner .swiper-pagination-bullets{bottom:35px; left:3%}
.banner .swiper-pagination-bullet{width:10px; height:10px;background:none;opacity:1;border:none; border-radius:0; position:relative; outline:none; margin-right:15px}
.banner .swiper-pagination-bullet:before{ content:""; width:10px; height:10px; border:1px solid #fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:0;right:0;top:0;bottom:0; margin:auto}
.banner .swiper-pagination-bullet-active:before{ background:#fff}

.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}
.m-banner a{ display:block; background:#131313}
.m-banner img{ display:block; width:100%; height:auto}
.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}
.m-banner .swiper-pagination-bullet-active{ background:#fff}


.title{ font-size:35px; color:#333;margin-bottom:40px; text-align:center; position:relative;}
.title:after{ content:""; width:40px; height:2px; display:block; margin:10px auto 0; background:#999}
.title .ltit{ font-size:22px; color:#666; margin-top:10px}

.i-product{ position:relative; padding:80px 0 60px}
.i-product .wrap{ width:100%; padding:0 3%}
.i-product-list{ margin-bottom:3%}
.i-product-list .item{ position:relative}
.i-product-list .item .pic{ overflow:hidden; position:relative}
.i-product-list img{ display:block;width:100%}
.i-product-list .txt{ position:absolute;color:#fff; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); text-align:center}
.i-product-list h3{ font-size:30px; font-weight:bold; display:block; margin-bottom:30px;}
.i-product-list .intro{ font-size:22px; padding:30px 100px; margin-bottom:30px; position:relative}
.i-product-list .intro:before{ content:""; width:60px; height:25px; border-top:3px solid #fff; border-left:3px solid #fff; position:absolute; left:0;top:0}
.i-product-list .intro:after{ content:""; width:60px; height:25px; border-bottom:3px solid #fff;border-right:3px solid #fff; position:absolute; right:0;bottom:0}
.i-product-list .intro p{ white-space:nowrap}
.i-product-list .more{ background:#2479b9; display:inline-block; padding:0 20px; line-height:40px; display:flex; display:-webkit-flex; align-items:center; width:130px; font-size:12px; margin:0 auto;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.i-product-list .more i{ width:15px; height:1px; background:#fff; position:relative; margin-left:5px; opacity:.6}
.i-product-list .more i:before{content:""; width:5px; height:1px; background:#fff; position:absolute;right:0;top:-3px; display:block; transform:rotate(45deg)}
.i-product-list .more:hover{ background:#47b4bb}
.i-product-list2{display: flex;display: -webkit-flex;justify-content: space-between;}
.i-product-list2 .item{ width:49%;}
.i-product-list2 .item .pic{ overflow:hidden; position:relative}
.i-product-list2 .item .pic:after{content: '';display: block;padding-top: 62.5%;}
.i-product-list2 .item img{ display:block; width:100%;height: 100%; object-fit: cover;position: absolute;left: 0;top: 0; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.i-product-list2 .item .txt{ margin-top:25px; position:relative}
.i-product-list2 .item h3{ font-size:24px; color:#333; font-weight:bold}
.i-product-list2 .item h4{ color:#666; font-size:16px;}
.i-product-list2 .item:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08); transform:scale(1.08)}
.i-product-list2 .item .more{ display:block; width:35px; height:1px; background:#999; position:absolute; right:0;top:15px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.i-product-list2 .item .more:before{ content:""; width:6px; height:1px; background:#999; position:absolute;right:0;top:-3px; display:block; transform:rotate(45deg)}
.i-product-list2 .item:hover .more{ width:25px}
.i-product .pic:before{content: "";display: block;position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 1); width: 100%;height: 100%; transform: translateX(0%);z-index: 1;}
.i-product-list.active .pic:before, .i-product-list2.active .pic:before{-moz-transform: translateX(101%);-webkit-transform: translateX(101%);transform: translateX(101%);}
.i-product .pic:before, .i-product-list .txtcon{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1); -o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1)}
.i-product-list .txtcon{ opacity:0; -webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px)}
.i-product-list.active .txtcon{ opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition-delay:.5s;-webkit-transition-delay:.5s;transition-delay:.5s}

/*============================================================*/
.nbannerbox{ position:relative}
.nbanner{ position:relative;}
.nbanner:before{content: "";display: block;width:calc(100% - 250px); height: 75%;background-color: #333; z-index: 0;position: absolute;bottom:0;left:0;}
.nbanner .imgbox{ padding:100px 0 60px 250px;position:relative}
.nbanner .imgbox .img{ padding-top:25%; position:relative}.nbanner .imgbox .n-img{ padding-top:16%}
.nbanner .imgbox .img:before{content: "";width: 100%;height: 100%;position: absolute; top: 0;left: 0; background-color: transparent; z-index: 1; pointer-events: none;background:-webkit-linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.2) 100%);background:linear-gradient(-90deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.2) 100%);}
.nbanner .ntitle{position:absolute; left:50%;top:50%;color:#fff; font-size:85px; font-weight:bolder; text-transform:uppercase; font-family:Arial Black; text-shadow:0 1px 0 rgba(0,0,0,.35); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); overflow:hidden; margin:0; z-index:3}
.nbanner .ntitle *{-webkit-transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);-moz-transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);-o-transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1); display:block}
.nbanner .ntitle>span{overflow: hidden;transform: translate3d(-101%, 0, 0);-webkit-animation:anima .5s forwards;animation:anima .5s forwards;}
.nbanner .ntitle>span>span{transform: translate3d(101%, 0, 0); -webkit-animation:anima02 .5s forwards;animation:anima02 .5s forwards;}

@-moz-keyframes anima{from {transform: translate3d(-101%, 0, 0);}to {transform: translate3d(0, 0, 0);}}
@-webkit-keyframes anima{from {transform: translate3d(-101%, 0, 0);}to {transform: translate3d(0, 0, 0);}}
@keyframes anima{from {transform: translate3d(-101%, 0, 0);}to {transform: translate3d(0, 0, 0);}}

@-moz-keyframes anima02{from {transform: translate3d(101%, 0, 0);}to {transform: translate3d(0, 0, 0);}}
@-webkit-keyframes anima02{from {transform: translate3d(101%, 0, 0);}to {transform: translate3d(0, 0, 0);}}
@keyframes anima02{from {transform: translate3d(101%, 0, 0);}to {transform: translate3d(0, 0, 0);}}


.inner-nav{ position:absolute; left:0;bottom:calc(60px + 15%); width:100%; z-index:9}
.inner-nav ul{ display:flex; display:-webkit-felx; justify-content:center; font-size:16px;}
.inner-nav li{ margin:0 10px}
.inner-nav li a{ display:block;line-height:50px; font-size:18px; background:#fff;font-weight:bold; width:200px; text-align:center}
.inner-nav li.cur a, .inner-nav li:hover a{background: #2479b9;color: #fff;}
.nav-sed{display:flex; display:-webkit-felx; justify-content:center; font-weight:bold; margin-bottom:40px; font-size:18px;}
.nav-sed a{ display:block; position:relative; margin:0 20px;}
.nav-sed a:after{ content:""; width:1px; height:26px; background:#d8d8d8; position:absolute; right:-20px;top:0}
.nav-sed a:last-child{ padding-right:0}
.nav-sed a:last-child::after{ display:none}
.nav-sed a:before{content:""; width:100%; height:2px; background:#2479b9;position:absolute; left:0;bottom:0;transform-origin: right center;-webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform: scaleX(0);}
.nav-sed a.cur{ color:#2479b9}
.nav-sed a:hover::before, .nav-sed a.cur:before{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform: scaleX(1);transform-origin: left center;}

.main{padding:60px 0;}
.main .title{ line-height:40px; margin-bottom:30px}
.main .ltitle{ text-align:center; font-size:24px; color:#333; margin-top:-30px; margin-bottom:40px}
.main_2{ background:#f3f3f3;}
.main .content{ line-height:26px;}
.main .content img{ max-width:100%; height:auto}
.main .content p{margin-bottom:10px}

.anchor{display: block;height:90px;margin-top: -90px;visibility: hidden;}
.content_abt{ font-size:16px;}
.intro-list{ margin-top:30px}
.intro-list ul{ margin-right:-3%}
.intro-list li{float:left; width:30.33%; margin-right:3%}
.intro-list img{ display:block; width:100%;}
.intro-list h3{ font-size:20px; font-weight:bold; color:#2479b9; margin-top:20px; margin-bottom:20px; position:relative; padding-left:60px}
.intro-list h3:before{ content:""; width:40px; height:1px; background:#2479b9; position:absolute; left:0;top:12px}

.honorlist ul{ margin-right:-3%}
.honorlist li{ float:left; width:30.33%; margin-right:3%; margin-bottom:3%; background:#fff; text-align:center; padding:15px;}
.honorlist li .tit{ background:#f3f3f3; padding:10px; height:50px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; line-height:20px; overflow:hidden}
.honorlist li .pic{ height:300px; overflow:hidden; position:relative}
.honorlist li img{ position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; max-height:100%}

.equipment{ margin-right:-3%}
.equipment .item{ float:left; width:30.33%; margin-right:3%; margin-bottom:3%; text-align:center;border:1px solid #d8d8d8; position:relative}
.equipment .item img{ display:block; width:100%}
.equipment .item .tit{padding:15px; font-size:18px; position:absolute; background:rgba(36,121,185,.65);width:100%; left:0;bottom:0; color:#fff;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.equipment .item:hover .tit{ background:rgba(71,180,187,.9); color:#fff}

.recruit li{ padding:30px 0; border-bottom:1px solid #d8d8d8}
.recruit li:first-child{ border-top:1px solid #d8d8d8}
.recruit-top{background:#b1b1b1;color: #fff;height:70px;font-size: 16px; line-height:70px; padding: 0 45px;}
.recruit-top .colum{float: left;display: inline-block;}
.recruit-top .colum1 {width: 30%;}
.recruit-top .colum2 {width: 15%;}
.recruit-top .colum3 {width: 20%;}
.recruit-top .colum4 {width: 20%;}
.recruit-top .colum5 {width: 15%;}

.recruit-con{ margin-top:10px;}
.recruit-con .item{ margin-bottom:10px;}
.recruit-con .colum{float: left;display: inline-block;}
.recruit-con .colum1 {width: 30%; font-size:20px}
.recruit-con .colum2 {width: 15%;}
.recruit-con .colum3 {width: 20%;}
.recruit-con .colum4 {width: 20%;font-size:14px}
.recruit-con .colum5 {width: 15%;}

.recruit-con .tit {color: #333; height: 65px; font-size: 16px; line-height: 65px; padding: 0 45px;  border: 1px solid #e6e6e6; background:#f8f8f8; cursor:pointer; transition:.3s}
.recruit-con .item:nth-child(2n) .tit{ background:#fff}
.recruit-con .tit.on{ background:#c30d23 !important;color:#fff;}
.recruit-con .cont{display: none; padding:30px 45px;background: #f8f8f8; font-size: 14px; line-height:26px;}
.recruit-con .rec-a{display: inline-block;height:36px; line-height:36px; background: #333; text-align: center; color: #fff;  font-size: 14px; padding: 0 25px; margin-top:30px}
.recruit-con .rec-a:hover{background:#c30d23;}

.products .item{margin-bottom:40px; background:#f3f3f3}
.products .item a{display: flex; display:-webkit-flex;}
.products .item .pic{ width:50%;position:relative; z-index:1; overflow:hidden}
.products .item img{ display:block; width:100%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s;}
.products .item .txt{z-index: 0;margin-top: 0;flex: 1; padding: 0 5%; padding-bottom:3%;position: relative; background:#f3f3f3}
.products .item .txtcon{z-index: 1;position: relative;margin-top:50px;}
/*.products .item .txt:before {content: "";position: absolute;background:#f3f3f3;width: calc(100% + 200px);height: calc(100% + 100px);right:0;top: 50%;transform: translateY(-50%); z-index: 0;}
*/.products .item:nth-child(2) a{flex-direction: row-reverse;}
.products .item:nth-child(2) .txt:before{right:auto;left:0;}
.products .item .txtcon .num{ font-size:50px; line-height:50px; font-family:impact; color:#2479b9}
.products .item .txtcon h2{ font-size:30px; font-weight:bold; color:#333; border-bottom:1px solid #ddd; padding:10px 0; margin-bottom:20px}
.products .item .txtcon .intro{ color:#666; margin-bottom:60px}
.products .item .txtcon .more{ background:#2479b9;color:#fff;padding:0 20px; line-height:40px; display:flex; display:-webkit-flex; align-items:center; width:130px; font-size:12px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.products .item .txtcon .more i{ width:15px; height:1px; background:#fff; position:relative; margin-left:5px; opacity:.6}
.products .item .txtcon .more i:before{content:""; width:5px; height:1px; background:#fff; position:absolute;right:0;top:-3px; display:block; transform:rotate(45deg)}
.products .item .txtcon .more:hover{ background:#47b4bb}
.products .item:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.product-list ul{ margin-right:-3%}
.product-list li{ float:left; width:47%; margin-right:3%; margin-bottom:3%;position:relative}
.product-list li a{ display:block; display:flex; display:-webkit-flex;padding:25px;background:#f2f2f2; }
.product-list li .pic{ width:50%; float:left}
.product-list li img{ display:block; width:100%}
.product-list li .txt{ width:50%; float:right; padding-left:5%;display:flex; display:-webkit-flex; align-items:center; align-content:center; flex-wrap:wrap;}
.product-list .txt h3{ display:block; width:100%; color:#333; margin-bottom:20px; -webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.product-list .more{display:inline-block; padding:0 12px; line-height:30px; display:flex; display:-webkit-flex; align-items:center; font-size:12px; border:1px solid #d8d8d8;color:#666;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.product-list .more i{ width:15px; height:1px; background:#666; position:relative; margin-left:5px; opacity:.6}
.product-list .more i:before{content:""; width:5px; height:1px; background:#666; position:absolute;right:0;top:-3px; display:block; transform:rotate(45deg)}
.product-list li a:hover{ background:#2479b9}
.product-list li a:hover h3{ color:#fff}
.product-list li a:hover .more{ border:1px solid rgba(255,255,255,.3); color:rgba(255,255,255,.6)}
.product-list li a:hover .more i, .product-list li a:hover .more i:before{ background:rgba(255,255,255,.6)}

.product-top{ background:#2479b9 url(../images/nbanner02.jpg) no-repeat center; background-size:cover;padding-top:100px; margin-top:100px; position:relative}
.product-top:before{content: "";width: 100%;height: 100%;position: absolute; top: 0;left: 0; background-color: transparent; z-index: 1; pointer-events: none;background:-webkit-linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.2) 100%);background:linear-gradient(-90deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.2) 100%);}
.product-top .wrap{ position:relative; z-index:2}
.product-top .ntitle{ margin-bottom:40px;font-size:55px; line-height:60px; color:#fff; font-family: Arial Black; text-align:center;position:relative}
.product-top-box{ background:#fff; padding:40px 5% 0; position:relative}
.product-top-box:before{ content:""; width:90%; height:1px; background:#e8e8e8; position:absolute; left:5%;bottom:0}
.proimg{ display:block; width:100%}
.proimg-list{ margin-top:30px}
.proimg-list img{ display:block; width:100%; height:auto; border:1px solid #e8e8e8}
.product-top-box .left{ width:45%;}
.product-top-box .right{ width:50%;position:relative; line-height:22px}
.product-top-box .right h2{ color:#4b4b4b; font-size:30px; line-height:30px; margin-bottom:15px; padding-top:3%}
.product-top-box .right p{margin-bottom:10px;}
.product-top-box .right .yd span{ background:#2479b9; color:#fff; line-height:30px; display:inline-block; padding:0 20px; margin-right:10px; margin-bottom:10px}
.product-top-box .right h3{ color:#2479b9; font-size:16px; margin-top:15px; margin-bottom:10px}
.product_con .protit{ font-size:22px; font-weight:bold; color:#2479b9; margin-bottom:20px; margin-top:30px;}
.product_con .protit.marg{ margin-top:0}
.product_con table td{ border:1px solid #ddd; padding:5px;}
.product_con table p{ margin-bottom:0 !important}
.product_con table tr:nth-child(2n) td{ background:#f3f3f3}
.package{ display:flex; display:-webkit-flex; justify-content:space-between}
.package li{ width:32.33%; background:#f3f3f3; padding:20px;}
.package .pic{ overflow:hidden}
.package img{ display:block; width:100%;}
.package .txt{ padding-top:20px;line-height:24px;}
.package .txt h4{ font-weight:bold; font-size:18px; margin-bottom:10px}
.jiancebg{display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap;}
.jiancebg li{ width:24%; margin-bottom:2%}
.jiancebg li img{ display:block; width:100%; border:1px solid #e8e8e8}
.jiancebg02{ justify-content:flex-start;}
.jiancebg02 li{ margin-right:1.33%}
.jiancebg02 li:nth-child(4){ margin-right:0}

.pro-related{ padding-bottom:40px;}
.pro-related a{ display:block; background:#f5f5f5; padding:15px; text-align:center}
.pro-related .pic{position: relative;overflow: hidden;}
.pro-related .pic:before{content: '';display: block;padding-top: 66.66%;}
.pro-related img{ display:block; width:100%;height:100%;object-fit: cover;position: absolute;left: 0;top: 0; -webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}
.pro-related h3{ margin-top:20px; font-size:16px}
.pro-related .swiper-slide:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.pro-related .swiper-pagination{ bottom:0}
.pro-related .swiper-pagination-bullet{ width:10px; height:10px;}
.pro-related .swiper-pagination-bullet-active{ background:#2479b9}
.pro-related.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px}


.newslist ul{ position:relative; overflow:hidden}
/*.newslist ul:before{content:""; width:100%; height:1px; background:#ddd; position:absolute; left:0;top:50%}
*/.newslist li{ float:left; width:28%; margin-right:8%; margin-top:100px;position:relative}
.newslist li:after{ content:""; width:1px; height:100%; background:#ddd; position:absolute; right:-14.5%;top:0}
.newslist li:nth-child(3n){ margin-right:0}
.newslist li:nth-child(3n)::after{ opacity:0; visibility:hidden}
.newslist li:nth-child(-n+3){margin-top: 0;}
.newslist li:nth-child(3n-2):before{content: "";display: block;width: 1000%;height: 1px; background-color: #DDD; position: absolute; top: -50px; left: 0;}
.newslist .pic{overflow:hidden}
.newslist .pic img{ display:block; width:100%; height:100%; object-fit:cover;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.newslist .txt{ position:relative}
.newslist h3{ font-size:18px; color:#333; margin:15px 0 10px; height:52px;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.newslist .time{ float:left;color:#999; font-size:12px;}
.newslist li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1)}
.newslist .more{ display:block; width:35px; height:1px; background:#999; position: relative;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s; float:right; margin-top:3px}
.newslist .more:before{ content:""; width:6px; height:1px; background:#999; position:absolute;right:0;top:-3px; display:block; transform:rotate(45deg)}
.newslist li:hover .more{ width:25px}

.newscon{}
.newscon .ntit{font-size:26px; line-height:30px;color: #333;border-bottom:1px solid #e8e8e8; padding-right:30%; padding-bottom:20px; margin-bottom:30px;position:relative}
.newscon .ntime{font-size:12px; color:#999;position:absolute; right:0;top:0}
.newDetail{}
.newDetail p{ margin-bottom:10px}
.newDetail table td{ border:1px solid #ccc;}
.related-news{ margin-top:50px}
.related-news .item{ float:left; width:48%}.related-news .next{ float:right}
.related-news .item a{ display:block}
.related-news .item .pic{ width:35%; float:left; overflow:hidden}
.related-news .item img{ display:block; width:100%;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.related-news .item .txt{ padding-left:40%}
.related-news .item h3{ font-size:18px; color:#333; line-height:20px; margin:15px 0;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.related-news .item .time{ font-size:12px; color:#999;}
.related-news .item .tit{ color:#999; margin-bottom:20px; position:relative}
.related-news .next .tit{ text-align:right}
.related-news .item .tit:after{ content:""; width:calc(100% - 60px); height:1px; background:#e8e8e8; position:absolute; right:0;top:13px}
.related-news .next .tit:after{ right:auto; left:0}
.related-news .item a:hover h3{color:#2479b9}
.related-news .item a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1)}
.page_2{ margin-top:50px}
.page_2 .more{background:#f3f3f3;color:#2479b9; text-align:right;padding:0 20px; line-height:40px; display:flex; display:-webkit-flex; align-items:center; justify-content:center;line-height:60px;margin:0 auto;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s; font-weight:bold}
.page_2 .more i{ width:25px; height:1px; background:#2479b9; position:relative; margin-left:10px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.page_2 .more i:before{content:""; width:5px; height:1px; background:#2479b9; position:absolute;right:0;top:-3px; display:block; transform:rotate(45deg);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.page_2 .more:hover{ background:#47b4bb; color:#fff}
.page_2 .more:hover i{ background:#fff}
.page_2 .more:hover i:before{ background:#fff}

.main-case{ padding:0}
.main-case .wrap{ width:100%}
.caselist .item{ padding:80px 0}
.caselist .item .content{width:1250px; margin:0 auto; }
.caselist .item .pic{ width:50%; float:left;}
.caselist .item .pic img{ display:block; width:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.caselist .item .pic img:hover{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.caselist .item .txt{ width:43%; float:right;}
.caselist .item h2{ font-size:40px; color:#333; line-height:60px;}
.caselist .item h3{ font-size:24px; line-height:36px; color:#333; margin-bottom:30px;}
.caselist .item .intro{ font-size:16px; margin-bottom:20px}
.caselist .item .more{color: #999;background: url(../images/arrow.png) no-repeat right center;font-size: 14px; padding-right: 45px; line-height: 30px;margin-top: 10px; display:inline-block}
.caselist .item:nth-child(2n){ background:#f3f3f3}
.caselist .item:nth-child(2n) .pic{ float:right}
.caselist .item:nth-child(2n) .txt{ float:left}
.caselist_2{ margin-top:30px}
.caselist_2 ul{ margin-right:-2%}
.caselist_2 li{ float:left; width:31.33%; margin-right:2%; background:#fff;}
.caselist_2 .pic{ overflow:hidden;}
.caselist_2 img{ display:block; width:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.caselist_2 .txt{ padding:8%}
.caselist_2 .tit{ font-size:20px; color:#333; padding-left:0; margin-bottom:10px}
.caselist_2 .info{ line-height:26px; font-size:14px; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; color:#666}
.caselist_2 .more{ display:inline-block; font-size:14px; text-decoration:underline; color:#999; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.caselist_2 li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.caselist_2 li:hover .more{ color:#c30d23}

.certificate .pic{ width:46%;}
.certificate .pic img{ display:block; width:100%}
.certificate .txt{ width:50%; padding-top:2%}
.certificate .txt h3{ font-size:24px; color:#333; padding-left:15px; position:relative; margin-bottom:20px}
.certificate .txt h3:before{ content:""; width:3px; height:20px; background:#e56b15; display:block; position:absolute; left:0;top:5px}
.certificate ul{ display:flex; display:-webkit-flex; margin-top:50px; justify-content:space-between}
.certificate li{ width:100px; height:100px; background:#e56b15; border-radius:50%; text-align:center; color:#fff; font-weight:bold; line-height:26px; font-size:18px; box-shadow:0 0 0 10px rgba(227,109,22,.15);flex-shrink:0}
.certificate li .cn{ margin-top:20px; display:block}
.certificate li .en{ display:block; font-weight:normal; font-size:14px}
.certificate li:nth-child(2n){ background:#71706e; box-shadow:0 0 0 10px rgba(113,112,110,.15)}


.messbox{ position:relative}
.messbox .row{ margin-right:-30px; position:relative}
.messbox .item{ float:left;margin-bottom:15px; width:100%; padding-right:30px; position:relative}
.messbox .colm{ position:relative; width:48%; float:left}
.messbox .colm:nth-child(2){ float:right}
.messbox .item2{ width:50%;}
.messbox .red{ position:absolute; right:20px;top:0;line-height:45px;}
.messbox label{ position:absolute; left:0; color:#666; line-height:45px; padding-left:10px; font-size:16px}
.messbox .inp{ width:100%; border:1px solid #d8d8d8; background:#fff; line-height:45px; padding-left:60px; padding-right:5px; font-size:16px;}
.messbox .inp02{ padding-left:90px}
.messbox .inp03{ padding-left:70px; width:30%}
.messbox textarea{ border:1px solid #d8d8d8; background:#fff; width:100%; padding:10px;padding-top:35px; height:180px; line-height:30px; font-size:16px; display:block}
.messbox .submit{ display:block; width:130px; line-height:41px; font-size:16px; font-weight:bold; cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; position:absolute; right:30px;top:0; background:#c30d23; color:#fff; border:2px solid #c30d23;}
.messbox .submit:hover{ background:#f3f3f3; color:#c30d23; border:2px solid #c30d23;}

/*===========================contact================================*/

.content_c{ font-size:16px; line-height:30px}
.contactBox{ padding:0 15%}
.contactBox h2{ text-align:center; font-weight:bold; font-size:30px; color:#333; margin-bottom:20px}
.contactBox .intro{ text-align:center; font-size:14px; color:#666; line-height:20px}
.contactBox .item{ border-bottom:1px solid #e8e8e8;padding:30px 0; padding-left:80px;}
.contactBox .item p{ margin-bottom:0}
.contactBox .item p:first-child{ color:#2479b9; font-size:18px;}
.contactBox .item1{ background:url(../images/icon01.jpg) no-repeat left 35px}
.contactBox .item2{ background:url(../images/icon02.jpg) no-repeat left 35px}
.contactBox .item3{ background:url(../images/icon03.jpg) no-repeat left 35px}
.contactBox .item4{ background:url(../images/icon06.jpg) no-repeat left 35px}
.contactBox .item5{ background:url(../images/icon05.jpg) no-repeat left 35px}

#allmap{width:50%;height:380px;line-height:22px; font-size:14px; float:left}
.BMap_bubble_title{ white-space:normal !important;color: #e56b15; font-size:16px;padding:10px 0; text-align:center}
.BMap_bubble_content{ text-align:center;color: #888; font-size:13px}

/*============================================================*/
.footer{ background:#fff; color:#999;line-height:26px; padding-top:30px; padding-bottom:30px; border-top:1px solid #e8e8e8; font-size:12px;position:relative}
.footer .wrap{ width:100%; padding:0 3%}
.footer a{color:#999;}
.footer a:hover{color:#333}
.flink a{ display:inline-block; padding-right:15px; margin-right:15px; position:relative}
.flink a:after{ content:""; width:1px; height:12px; background:#e8e8e8; position:absolute; right:0;top:6px}
.flink a:last-child::after{ display:none}
.footer .share li{ float:left; margin-left:10px}

.float_kf{ position:fixed;right:10px; bottom:30%;box-shadow:0 0 15px rgba(0,0,0,.1); z-index:99}
.float_kf li{ width:70px; text-align:center;background:#4b4b4b;  position:relative; font-size:14px; margin-bottom:1px; position:relative}
.float_kf li a{ display:block;padding:12px 0;color:#fff; }
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#a9cc35;color:#fff}.float_kf li:hover a{ color:#fff}
.float_kf li .hd{ opacity:0;visibility: hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.float_kf .zx i{ width:25px; height:25px; background:url(../images/right_icon01.png) no-repeat; margin:0 auto 5px; display:block}
.float_kf .tel i{ width:25px; height:25px; background:url(../images/right_icon02.png) no-repeat; margin:0 auto 5px; display:block}
.float_kf .tel .hd{ background:#a9cc35; color:#fff; font-size:16px; position:absolute;right:90px;top:15px;text-align:left; padding:10px 15px; white-space:nowrap; border-radius:5px; font-weight:bold;)}
.float_kf .tel .hd:after{ content:""; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #a9cc35; position:absolute; right:-5px;top:15px}
.float_kf li:hover .hd{ opacity:1; visibility:visible;right:85px;}
.float_kf .mes i{ width:25px; height:25px; background:url(../images/right_icon03.png) no-repeat; margin:0 auto 5px; display:block}
.float_kf .backtop{background:#4b4b4b;}
.float_kf .backtop i{ width:25px; height:25px; background:url(../images/right_icon04.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#fff}

#newBridge .nb-icon-base .nb-icon-inner-wrap{ display:none !important}
.pagination{ height:auto !important; margin-top:50px !important}
/*.pagination a.cur{background: #e56b15!important; border:1px solid #e56b15!important}
.pagination a:hover{border:1px #e56b15 solid !important; color:#e56b15!important}
.pagination p.pageRemark b{color:#e56b15!important}*/