@charset "utf-8";
*{ margin:0; padding:0;color: #444;color: #888888;font-family:'Microsoft YaHei'; font-size:14px;  line-height:1;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
body { position: relative ;width: 100%; font-family:'Microsoft YaHei';  margin:auto; font-size:14px; }
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;display: block;}
.clear{clear:both}
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }.fr,.r{float:right;}.fl,.l{float:left}.fix{*zoom: 1;}
.container{width:1200px;margin:auto; position:relative;}
.imghover{-webkit-transition: all linear 1s;transition: all linear 1s;z-index: 10;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.imghover:hover{-webkit-transition: all linear 0.5s;transition: all linear 0.5s;z-index: 10;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.pcshow{display:block;}
.mobileshow{display:none}

.header{overflow:hidden; z-index:9999; background-color:#fff; padding:5px 0;-webkit-transition: all linear 0.4s;transition: all linear 0.4s; position:fixed; top:0; width:100%;  border-bottom: 1px solid #f2f2f2;}
.header .container{width:1200px; margin:auto; overflow:hidden; position:relative; }
.header .logo{float:left; overflow:hidden; width:500px;}
.header .logo img{height:60px; float:left}
.header .logo .text{float:left; overflow:hidden; width:400px; padding-left:15px; display:none; }
.header .logo h1{line-height:55px; font-weight:bold; font-size:28px; color:#0A3D99; letter-spacing:2px;}
.header .logo h2{line-height:80px; font-weight:bold; font-size:22px; color:#0A3D99; letter-spacing:1px;}
.header .lan{float:right;  width:30px; height:30px; margin-top:25px;}
.header .lan a{font-size:12px; width:28px; height:28px; line-height:28px; background-color:#0A3D99; display:block; border-radius:50%; color:#fff; text-align:center}
.header .nav{float:right;  width:640px; padding-top:15px; margin-right:30px;}
.header .nav a{ line-height:50px; font-weight:bold; display:block; float:left; width:100px; text-align:center; font-size:15px; color:#333; position:relative;}
.header .nav a.current,.header .nav a:hover{color:#0A3D99}
.header .nav a.current::after{color:#0A3D99;content:""; width:30px; height:2px; background-color:#0A3D99; position: absolute; bottom: 0;  left: 50%; margin-left: -15px;}
.header .nav a.down{position:relative; width:100px;}
.header .nav a.down::before{content: '';position: absolute; top: 23px; right: 10px; width: 0; height: 0; border-top: 5px solid #333; border-bottom: 3px solid transparent; border-left: 3px solid transparent;  border-right: 3px solid transparent;}
.header .nav a.down:hover::before,.header .nav a.current::before{border-top: 3px solid transparent; border-bottom: 5px solid #0A3D99; top: 20px; }
.header .subheader{overflow:hidden; background-color:#fff; border-top:1px solid #ddd; margin-top:15px; padding:2% 0; display:none}
.header .subheader .container{display:none}
.header .subheader .item{width:22%; float:left; margin:0 1.5%; display:block }
.header .subheader .item img{width:100%;border:1px solid #ddd; padding:3px;}
.header .subheader .item p{text-align:center; line-height:30px; font-weight:bold; color:#333}
.header.smallheader {padding: 5px 0; background-color: #fff;}
.header.smallheader .logo img{height:45px;}
.header.smallheader .logo .text{padding:0 15px; }
.header.smallheader .logo h1{line-height:45px; font-size:20px; letter-spacing:1px;}
.header.smallheader .logo h2{display:none}
.header.smallheader .lan{margin-top:5px;}
.header.smallheader .nav{padding-top:0;}
.header.smallheader .nav a{font-size:14px; line-height:45px;}
.header.smallheader .nav a.current::after{bottom:5px;}
.header.en .logo .text{width:500px;}
.header.en .logo {width:600px;}
.header.en .logo h2{letter-spacing:0; font-size:18px;}

.footer { background: #0A3D99; padding-top: 46px;    padding-bottom: 20px; overflow:hidden;}
.footer .footer_left{width:400px; float:left; overflow:hidden}
.footer .footer_left .cslogan{font-size:16px; color:#ddd; line-height:30px; margin-top:5px; }
.footer .footer_right{width:680px; float:right; overflow:hidden}
.footer .title {line-height:30px;color:#fff; font-weight:bold; font-size:16px;}
.footer .title.cname{font-size:22px; display:flex; }
.footer .title.cname img{ width: 30px; margin-right: 5px;}
.footer .title a{color:#ddd; font-size:14px;}
.footer .footer_item {float:left;min-width:200px; padding-right:50px;}
.footer .footer_item.weixin{float:right; min-width:130px; padding-right:0;}
.footer .footer_item.weixin img{width:130px; margin-top:16px;}
.footer .footer_item.weixin p{text-align:center; color:#ddd;; line-height:26px;}
.footer .ftx_ul {margin-top:16px;}
.footer .ftx_ul li {line-height:30px;color:#ffffff;}
.footer .ftx_ul li a{color:#fff;}
.footer .ftx_ul li a:hover {padding-left: 20px; background: url(/assets/images/icon_08.png) no-repeat left center;}
.footer .footer_bot {margin-top:25px;border-top:1px solid #7499db;color:#fff;padding-top:10px;}
.footer .footer_bot .copyright {color:#ddd;line-height:30px;font-size:13px; float:left; }
.footer .footer_bot .copyright a{color:#ddd;line-height:30px;font-size:13px; padding-left:5px;}
.footer.en .footer_left{width:520px;}
.footer.en .footer_right{width:600px;}
.footer.en .footer_item{min-width:180px;}
.footer.en .footer_item.weixin{width:130px; min-width:130px;}
.footer.en .footer_item.weixin p{display:none}

.banner{width:100%;background-color:#0A3D99; position: relative;margin-top: 75px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.banner .container{padding:200px 0 80px;position: relative; z-index: 999; background: transparent;}
.banner h1{font-size:38px; font-family:LogoSCUnboundedSans; color:#fdfdfd; text-align:right; text-transform:uppercase; text-align:center; margin-bottom:20px; }
.banner h2{ color:#fff; font-size:28px;text-align:right; }
.banner p{color:#666;line-height:1.8;font-size:16px;position:relative;z-index:1; text-align:center;}

/*分页样式*/
.pglist{padding: 30px 0 15px;width:100%;text-align: center;clear: both;}
.pglist span{color: #666;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #fff;}
.pglist a{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #fff;border: 1px solid #edebeb;}
.pglist a:hover,.pglist a.current{color: #fff;background: #0A3D99;border-color: #0A3D99;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.page_wrap{clear:both; margin-bottom:10px; overflow:hidden;zoom:1;}
.paginator {float:right; height:30px; overflow:hidden; }
.paginator,.paginator input,.paginator button {font-family:Tahoma, "Microsoft YaHei"; font-size:12px; }
.paginator a,.paginator span {float:left; height:30px;  line-height:30px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle;background:#fff; }
.paginator a {color:#333; }
.paginator b{font-family:"Microsoft YaHei"; margin:3px;font-weight:300;}
.paginator a:link,.paginator a:visited,.paginator a:hover,.paginator a:active {text-decoration:none; }
.paginator .page-start,.paginator a,.paginator .page-end {padding:0 15px; background:#f8f8f8; }
.paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }
.paginator .page-end { border-color:#d9d9d9;  color:#d9d9d9; }
.paginator .page-this,.paginator .page-break {padding:0 3px; }
.paginator .page-break {border:1px solid #fff; }
.paginator .page-this { background-color:#1979be; color:#fff;padding:0px 15px; font-weight:bold; }
.paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }
.paginator .page-skip input {width:26px;  *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }
.paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px;  *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px;  *margin-top:-1px;overflow:visible; vertical-align:top; }
.paginator a:hover {background-color:#1979be;color:#fff; }

/*联系我们*/
.contact{overflow:hidden; background-color:#fff; background-color:#f2f2f2; }
.contact-header{background:linear-gradient(to bottom,#f0f6ff,#ffffff); }
.contact-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(135deg,rgba(200,220,255,0.2) 25%,transparent 25%),linear-gradient(225deg,rgba(200,220,255,0.2) 25%,transparent 25%);background-size:60px 60px;opacity:0.6;}
.contact-header h1{font-size:36px;color:#111;margin-bottom:20px;position:relative;z-index:1; text-align:center;}
.contact-header .desc{margin:0 auto;color:#666;line-height:1.8;font-size:16px;position:relative;z-index:1; text-align:center;}
.contact-header .decor-icons{position:absolute;right:15%;top:10%;opacity:0.7; width:65%;}
.contact-header .icon-envelope{width:180px;height:140px;background:linear-gradient(135deg,#e6f0ff,#cce0ff);clip-path:polygon(0 30%,50% 0,100% 30%,100% 100%,0 100%);}
.contact-header .icon{position:absolute;background:#cce0ff;border-radius:8px;}
.contact-header .icon-bubble{top:10px;right:80px;width:100px;height:80px;background:linear-gradient(135deg,#e6f0ff,#cce0ff);border-radius:20px;}
.contact-header .icon-bubble::after{content:"";position:absolute;top:20px;left:20px;width:40px;height:6px;background:#fff;border-radius:3px;box-shadow:0 15px 0 #fff;}
.contact-header .icon-plane{top:120px;right:20px;width:80px;height:60px;background:linear-gradient(135deg,#e6f0ff,#cce0ff);clip-path:polygon(50% 0,100% 100%,0 100%);}
.contact-cards{display:flex;gap:30px;padding:0 20px; margin:4% auto;position:relative;z-index:2;}
.contact .card{flex:1;background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.05);display:flex;align-items:flex-start;gap:24px;}
.contact .card-icon{width:100px;height:100px;background:#0A3D99;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact .card-icon svg{width:50px;height:50px;fill:#fff;}
.contact .card-content h3{font-size:20px;color:#111;margin-bottom:16px;}
.contact .card-content .sub-title{color:#666;margin-bottom:20px;font-size:14px;}
.contact .email-item{margin-bottom:15px;display:flex;align-items:center; color:#333;}
.contact .email-item a{color:#0A3D99;text-decoration:none; font-size:20px; }
.contact .email-item .tag{color:#666;margin-right:8px;}
.contact .hengfu{width:100%; padding:80px 0; background-color:#fff; display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;}
.contact .hengfu .title{font-size:30px; letter-spacing:2px; color:#0A3D99;font-weight:600;margin-bottom:16px;text-align:center;}
.contact .hengfu .subtitle{font-size:16px;color:#666;margin-bottom:50px;text-align:center;}
.contact .hengfu .buttons{display:flex;gap:16px;}
.contact .hengfu .btn{padding:15px 40px;font-size:14px;border-radius:4px;cursor:pointer;transition:all 0.3s ease;border:none;}
.contact .hengfu .btn-primary{background-color:#0066ff;color:#fff;}
.contact .hengfu .btn-primary:hover{background-color:#0052cc;}
.contact .hengfu .btn-outline{background-color:transparent;color:#0066ff;border:1px solid #0066ff;}
.contact .hengfu .btn-outline:hover{background-color:#f0f7ff;}

.support{overflow:hidden;  margin-top: 75px; }
.support .jx{padding:4% 0; background-color:#0A3D99; }
.support .jx .container{height: 500px;}
.support .jx .title{font-size:34px;font-weight:bold; position:relative; text-align:center; color:#fff; }
.support .jx .title::after{content:"ADVANTAGE";position:absolute;top:50%;left:50%;transform:translate(-50%,-80%);color:rgba(255,255,255,0.2);font-size:36px;z-index:0; text-transform:uppercase; }
.support .jx .ripple-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:220px;border-radius:50%; }
.support .jx .ripple{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,0.2);animation:rippleSpread 4s linear infinite;}
.support .jx .ripple:nth-child(2){animation-delay:1s;}
.support .jx .ripple:nth-child(3){animation-delay:2s;}
.support .jx .platform{width:300px;height:150px;background:linear-gradient(180deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.8) 100%);border-radius:50%;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);animation:pulse 3s infinite;}
.support .jx .ppt-icon{width:220px;height:80px;background:#fff;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:36px;color:#0A3D99;font-weight:bold;box-shadow:0 0 20px rgba(255,255,255,0.5);z-index:2;}
.support .jx .ppt-icon img{width:70%;}
.support .jx .center{width:300px;height:100px;margin:150px auto 0;position:relative; }
.support .jx .tag-item{position:absolute;width:100px;height:100px;background:rgba(255,255,255,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:bold;color:#fff;opacity:0;animation:tagAppear 0.8s ease-out forwards;}
.support .jx .tag-item span{background:#fff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s;color: #0a3d99; font-size: 18px;}
.support .jx .tag-item:hover span{transform:scale(1.1);background:#0A3D99; color:#fff; }
.support .tag-easy{top:120px;left:50px;animation-delay:0.5s;}
.support .tag-pro{top:200px;right:50px;animation-delay:0.7s;}
.support .tag-fast{bottom:20%;left:30%;animation-delay:0.9s;}
.support .tag-eff{bottom:15%;right:30%;animation-delay:1.1s;}
.support .desc-group{position:absolute;width:250px;font-size:16px;line-height:1.6; animation:fadeInUp 1s ease-out forwards;color: #fff;}
.support .desc-left{left:0;top:240px;animation-delay:0.8s;    color: #fff;}
.support .desc-right{right:-30px;top:320px;animation-delay:1s;}
.support .desc-bottom1{left:25%;bottom:10%; animation-delay:1.2s;}
.support .desc-bottom2{right:22%;bottom:5%; animation-delay:1.4s;}
.support .ourclient-content{width:100%; box-sizing:border-box; padding:30px 0;position:relative; background-color: #f2f2f2;}
.support .ourclient-content::before{content:""; background-color:rgba(0,0,0,0.3); position:absolute; top:0; right:0; bottom:0; left:0; width:100%;}
.support .ourclient-list-box{display:flex;flex-shrink:0;margin:2px 0;overflow:hidden}
.support .ourclient-list{ display:flex;animation:fly 50s linear infinite}
.support .ourclient-list-box:nth-child(2) .ourclient-list,.ourclient-list-box:nth-child(4) .ourclient-list{animation:fly 65s linear infinite}
.support .ourclient-list .ourclient-list-item{ width:400px;display:flex;flex-shrink:0; background-color: #fff;margin: 5px;}
.support .ourclient-list .ourclient-list-item img{ width:100%; border-radius:10px;}
.support .ourclient-list-box .ourclient-list:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;animation:linear}
.support .hengbox{ display: flex; justify-content: space-between; align-items:center; margin-bottom: 30px;}
.support .hengbox .txt{flex:1; padding-right:5%;}
.support .hengbox .txt h1 span{color:#0A3D99; font-size:32px;  line-height:40px;}
.support .hengbox .txt h1 em{color:#0A3D99; font-size:30px;  line-height:40px;}
.support .hengbox .txt p{ font-size:14px;line-height:24px; margin-bottom:0; }
.support .hengbox .txt .p1{font-weight:bold; color:#333; margin-bottom:10px;  }
.support .hengbox .tel{ width:300px; display:flex; flex-direction:column; }
.support .hengbox .tel .phonenumber{font-size:26px; color:#2c2f82; border-radius:50px; border:1px solid #ddd; line-height:50px; text-align:center }
.support .hengbox .tel .hpt{font-size:13px; color:#999; text-align:justify; margin-bottom:10px; text-align:center; }
.support .hengbox .tel .iconfont{font-size:32px; color:#2c2f82; padding-right:10px; }
.support .factory{padding:3% 0;}
.support .factory{}

.news{overflow:hidden; background-color:#f2f2f2; }
.news .content{ background-color:#fff; margin:1% auto 4%; z-index:99; position:relative; display:flex;  border-radius:10px; }
.news .left{ width:320px;  }
.news .card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:0.3s}
.news .title{font-size:18px;color:#0A3D99;margin-bottom:18px;padding-bottom:8px;border-bottom:1px solid #ddd;display:inline-block}
.news .recommend-item{ padding:12px 0;border-bottom:1px dashed #ddd; }
.news .recommend-item:last-child{border-bottom:none}
.news .recommend-item img{width:100%;height:190px;object-fit:cover; object-position:center; border-radius:6px; }
.news .recommend-item p{color:#333; text-align:center; font-size:15px;line-height:1.5; padding:10px 5px;}
.news .right{flex:1; padding:3% 5%;}
.news .news-item{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 8px rgba(0,0,0,0.04);transition:0.25s;cursor:pointer}
.news .news-item:hover{background:#0A3D99; color:#fff !important; transform:translateX(4px)}
.news .news-item:hover .news-date,.news .news-item:hover .news-title{color:#eee}
.news .news-left{flex:1;  padding-right: 60px;}
.news .news-date{font-size:12px;color:#999;margin-bottom:6px}
.news .news-title{font-size:18px;font-weight:600; color: #333;}
.news .news-arrow{font-size:28px;color:#ccc;transition:0.2s}
.news .news-item:hover .news-arrow{color:#fff;transform:translateX(3px)}
.news .summary{font-size:14px; color:#999; line-height:1.5; margin-top:10px; }
.newsinfo{overflow:hidden; }
.newsinfo h1.tt{font-size:22px; font-weight:bold; color:#333; line-height:50px; line-height:50px;}
.newsinfo p.info{font-size:14px; margin-top:10px;}
.newsinfo p.info span{padding-right:20px; color:#999; }
.newsinfo .con{overflow:hidden; margin-top:2%; border-top:1px solid #eee; padding-top:20px; padding-bottom:80px;}
.newsinfo .con p{font-size:15px; line-height:26px; color:#666; margin-top:20px;}
.newsinfo .con img{max-width:100%;}

/*产品中心*/
.product{ overflow:hidden; position: relative; z-index: 1; background-color:#f2f2f2;}
.product .content{ background-color:#fff; margin:2% auto 4%; z-index:999; position:relative; border-radius:10px; }
.product .titlebox{padding:4% 3%; }
.product .banner .subnav{ background-color:rgba(0,0,0,0.4); border-radius: 10px;}
.product .banner .subnav a{padding:0 20px; font-size: 13px; }
.productlist{display:flex; justify-content:space-between; flex-wrap:wrap; padding:0 3% 5%; }
.productlist .item{width:370px; height:360px; margin-top:60px; border:1px solid #f2f2f2; overflow:hidden; }
.productlist .item:hover{overflow:initial}
.productlist .item-con{ display:flex; flex-direction:column; justify-content:center;  text-align:center; }
.productlist .item-img{ position:relative; }
.productlist .item-img::after{ content:""; position:absolute; top:10px; right:10px; background-size:contain; width:80px; height:40px;   }
.productlist .item-img img{ object-fit:cover; width:100%; height:200px;  }
.productlist.list .item{ height:420px; }
.productlist.list .item-img img{ object-fit:cover; width:425px; height:320px;  }
.productlist .item-info{ background-color:#f2f2f2; padding:15px 20px;  }
.productlist .item .tit{color:#333; font-weight:bold; font-size:18px; line-height:30px; }
.productlist .item .tit span{background-color:#0A3D99; color:#fff; padding:0px 5px; border-radius:4px; font-size:18px; margin-right:10px; text-transform:uppercase; }
.productlist .item .subtit{color:#333;  font-size:15px;  line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; }
.productlist .item .more{line-height:60px; font-size:16px; background-color:#0A3D99; color:#fff; display:flex; justify-content:center; align-items:center; }
.productlist .item .more .icon-youjiantou{font-size:20px; padding-left:5px;}
.productlist .item:hover .icon-youjiantou{margin-left:10px;} 
.i-process{padding:5% 0;background:#fff;color:white;position:relative;overflow:hidden}
.i-process .process-header{text-align:center;margin-bottom:50px}
.i-process .process-header h2{font-size:40px;margin-bottom:15px;color: #333;}
.i-process .process-header span{color:#0A3D99; font-size: 40px;}
.i-process .process-header p{color:#666; margin:0 auto; font-size:18px; }
.i-process .process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px; margin:0 auto;position:relative;z-index:2}
.i-process .process-card{background:#f2f2f2;border:1px solid #f2f2f2;padding:25px 15px;border-radius:8px;text-align:center;transition:0.3s}
.i-process .process-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}
.i-process .process-icon{font-size:28px;color:#89c525;margin-bottom:15px}
.i-process .process-card h3{font-size:16px;margin-bottom:8px;  color: #333;}
.i-process .process-card p{font-size:14px;color:#333; line-height:24px; margin-top:10px;}
.productinfo{overflow:hidden;}
.productinfo .tt{font-size: 24px; color: #333; line-height: 1.5;}
.productinfo .info{ display: flex; border-top: 1px solid #ddd; padding-top: 10px; margin-top: 15px;}
.productinfo .info img{width:50%;}
.productinfo .summarys{flex:1; padding-left:30px; color: #333; line-height: 2;}
.productinfo .con{margin-top: 5%;}
.productinfo .con p{color:#333; line-height:24px; margin-top:15px; font-size:15px;}
.productinfo .con p strong,.productinfo .tab-con .con strong p{font-weight:bold; color:#0A3D99; padding-bottom:5px; font-size:16px;}
.productinfo .con img{ max-width:100%; cursor:pointer;}

/*关于我们*/
.about{overflow:hidden;}
.about .companybox{overflow:hidden;padding:4% 0; background:url(/assets/images/bg_map.jpg) no-repeat center center; background-size: contain;display:flex; justify-content:space-between; align-items: flex-start; }
.about .companybox .info{padding-right:5%; flex:1}
.about .companybox .companypic{width:400px; margin-top:100px; border-top-right-radius:50px; border-bottom-left-radius:50px; }
.about .companybox h1{ font-size:36px; font-weight:bold; line-height:1; color:#333; }
.about .companybox h2{font-size:22px; font-weight:normal; line-height:1; color:#666; text-transform:uppercase; margin-top:10px;}
.about .companybox .intro{padding:2% 0; margin-top:20px;}
.about .companybox .intro p{ line-height:30px; color:#333; font-size:16px; margin-bottom:20px; }
.about .companybox .number{display:flex; justify-content:space-between; width:90%;}
.about .companybox .number .item{width:25%;}
.about .companybox .number b{font-size:20px; font-family:FangSong; vertical-align: sub; font-weight:bold; color:#333;}
.about .companybox .number b span{ font-size:80px; color:#156003; }
.about .companybox .number p{ font-size:18px; color:#999; text-indent:10px; }
.about .advantage{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}
.about .advantage-item{background:rgba(0,0,0,0.1);padding:30px 20px;border-radius:12px;text-align:center;transition:0.3s}
.about .advantage-item:hover{transform:translateY(-5px)}
.about .advantage-icon{font-size:36px;color:#0A3D99;margin-bottom:16px}
.about .advantage-icon .fa {font-size:36px;color:#0A3D99;}
.about .advantage-item h3{font-size:18px;margin-bottom:10px; color:#333;}
.about .advantage-item p{font-size:14px;color:#666; line-height:1.5}
.about .strength{padding:4% 20px;background:#f2f2f2; }
.about .strength .container{display:flex; align-items:center; gap:40px;}
.about .strength-left,.about  .strength-right{flex:1;min-width:280px}
.about .strength-left img{width:100%;border-radius:12px}
.about .strength-right h3{font-size:28px;margin-bottom:20px; color:#0A3D99; }
.about .strength-list{list-style:none;    padding-top: 20px;}
.about .strength-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:30px}
.about .strength-list i{color:var(--primary);margin-top:4px}
.about .strength-list strong{display:block;margin-bottom:4px}
.about .strength-list p{font-size:14px;color:#666;margin-top: 10px;}
.professor{ padding:3% 0; background-color:#0A3D99;}
.professor .container{display:flex; justify-content:space-between;}
.professor .person{width:300px; }
.professor .person img{width:120px; border-radius:50%; margin:auto; }
.professor .person .name{font-size:18px; color:#fff; text-align:center; line-height:30px; margin:10px auto 5px; font-weight:bold;}
.professor .person .position{ color:#fff; text-align:center;}
.professor .txt{flex:1}
.professor .txt h1{font-size:34px; color:#fff; line-height:50px; margin:20px 0; letter-spacing:2px;}
.professor .txt p{font-size:15px; color:#fff; line-height:24px; letter-spacing:2px;}
.professor .txt a{display:block; width:150px; padding:0 30px; display:flex; align-items:center; font-size:16px; color:#333; background-color:#fff; line-height:40px; text-align:center; margin-top:30px; cursor:pointer;-webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
.professor .txt a:hover{background-color:#ff6b00; color:#fff;}
.professor .txt .iconfont {font-size:20px; padding-right:5px; }


/* index */
.index .titlebox{padding:10px 0; flex-direction: column; position:relative;}
.index .titlebox img{ height:65px; }
.index .titlebox h1{font-size:34px; color:#0A3D99; z-index:99; letter-spacing:2px;position: relative; }
.index .titlebox p{font-size:17px; line-height:30px; margin-top:10px; z-index:99;position: relative; }
.index .titlebox p span{padding-right:15px;letter-spacing:5px; font-family:'AiDianFengYaHei';position: relative;}
.i-banner{width:100%; height: 90vh !important; position: relative; overflow: hidden; /*background:url(/assets/images/banner_bg.png) no-repeat center center;*/ background-size:cover; background-color:#1A1A1D; }
.i-banner .banner-swiper{width:100%;height:90vh;position:relative;overflow:hidden}
.i-banner .swiper-slide{position:relative; }
.i-banner .swiper-slide img{position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%); z-index: 10; color: #fff;  width: 600px;}
.i-banner .banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#fff;max-width:1200px;width:100%;padding:0 20px}
.i-banner .banner-content h1{font-size:48px; color: #fff; font-weight:bold;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,0.3);margin-bottom:20px}
.i-banner .banner-content h1 span{color:#89c525;font-size:38px;font-weight:bold;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,0.3);margin-bottom:20px}
.i-banner .banner-content p{font-size:18px;margin-bottom:30px;opacity:0.9;max-width:600px; line-height: 1.8; color:#c6c6c6; }
.i-banner .banner-buttons{display:flex;gap:16px;flex-wrap:wrap}
.i-banner .btn1{background:#89c525;color:#fff;padding:12px 24px;border-radius:4px;text-decoration:none;transition:0.3s}
.i-banner .btn2{border:2px solid #89c525;color:#89c525;padding:12px 24px;border-radius:4px;text-decoration:none;transition:0.3s}
.i-banner .swiper-pagination-bullet-active{background:#89c525 !important}
.i-banner .swiper-button-next,.swiper-button-prev{color:#fff !important}
.i-banner-scroll{position: absolute;left: 50%;bottom: 4.63%;transform: translateX(-50%,0);animation: upDown 1.5s infinite;transition: all .5s;z-index: 1;}
.i-product{ background-size:contain; background-color:#f2f2f2;}
.i-product .titlebox{background-color: #fff; padding: 3% 0;}
.i-product .productlist{ padding: 0 0 3%;}
.i-product .productlist .item{ background-color:#fff; }
.i-product .productlist .item-info{background-color:#fff; }
.i-news{padding:3% 0 0;  background-color:#fff;}
.i-news .container {padding-bottom:1%; margin-top:2%;}
.i-news .swiper-slide{background-color:#fff; display:block;}
.i-news{overflow:hidden; margin:50px auto 0;  }
.i-news .newsnav{display:flex; justify-content:space-between;}
.i-news .newsnav .tabnav{ display:none; padding-top: 15px;display: flex; justify-content: flex-start; width: 680px; border-bottom: 1px solid #ddd;}
.i-news .newsnav .tabnav a{display:block; font-size:16px; padding:5px 30px; height:30px; line-height:30px;margin-right: 15px; background-color: #f2f2f2; }
.i-news .newsnav .tabnav a.on{background-color:#0A3D99; color:#fff; border:1px solid #0A3D99}
.i-news .tabcon{ padding:0 0px 5%; min-height:400px; overflow:hidden}
.i-news .tabcon:first-child{display: block;}
.i-news .tabcon .imgbox{width:520px; float:left; background-color: #fff; border:1px solid #ddd; }
.i-news .tabcon .imgbox .newsimg img{width:100%;height: 320px;object-fit: cover;}
.i-news .tabcon .imgbox .newstit{display:block; color:#0A3D99; font-size:18px; padding:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height: 33px;}
.i-news .tabcon .imgbox .summary{color:#333333; line-height:26px; height:52px; overflow:hidden;padding:0 10px 10px; }
.i-news .tabcon .listbox{width:680px; min-height:405px; float:right; background-color:#fff; padding:0 20px; }
.i-news .tabcon .listbox .item{overflow:hidden;}
.i-news .tabcon .listbox .item .date{float:left; width:80px; font-size:16px; color:#333333;text-align:right; color:#999999;padding-top: 20px;}
.i-news .tabcon .listbox .item .date b{font-weight:normal; font-size:24px; color:#666;}
.i-news .tabcon .listbox .item .info{overflow:hidden; float:left; width:535px; padding:18px 0px 18px 30px;}
.i-news .tabcon .listbox .item .info a.tit{display:block; font-size:18px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.i-news .tabcon .listbox .item .info a.tit:hover{color:#0A3D99; }
.i-news .tabcon .listbox .item .info a.tit span{padding-right:10px; color:#0A3D99; font-size: 15px;}
.i-news .tabcon .listbox .item .info .summary{color:#999999; line-height:28px; height:56px; overflow:hidden; margin-top:15px;}
.i-news .tabcon .listbox .item .info .view{margin-top:10px; display:none; }
.i-company{ overflow:hidden; }
.i-company .titlebox{padding:3% 0;}
.i-company .con{padding:0 5% 5%; background-image: url(/upload/images/2026/4/ff7e60a7df826bca.png); background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.i-company .con .container{display:flex; justify-content:space-between;  min-height:300px; }
.i-company .boxs{overflow:hidden; }
.i-company .boxs .item{ border:2px solid #ddd; padding:50px; text-align:center; width:160px; padding:40px 0; background-color:rgba(0,0,0,0.2); display:block; }
.i-company .boxs .i1{ background-color:#89c525; border:2px solid #89c525 !important; }
.i-company .boxs .i2{display:flex; justify-content:space-between;}
.i-company .boxs .i2 .item:first-child{border-right:none;}
.i-company .boxs .i3{border-top:none;}
.i-company .boxs .item img{margin:auto; width:60px;}
.i-company .boxs .item p{color:#fff; font-size:16px; line-height:40px; font-weight:bold; }
.i-company .introduce{ width:650px; background-color:rgba(0,0,0,0.3); padding:40px; margin-top:160px; }
.i-company .introduce h1{color:#fff; font-size:36px;}
.i-company .introduce h2{color:#89c525; font-size:18px; line-height:50px;}
.i-company .introduce p{color:#fff; font-size:15px; line-height:30px; margin-bottom:10px; }
.i-process{padding:5% 0;background:#1A1A1D;color:white;position:relative;overflow:hidden}
.i-process .process-header{text-align:center;margin-bottom:50px}
.i-process .process-header h2{font-size:40px;margin-bottom:15px}
.i-process .process-header span{color:#89c525}
.i-process .process-header p{color:#ccc; margin:0 auto; font-size:18px; }
.i-process .process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px; margin:0 auto;position:relative;z-index:2}
.i-process .process-card{background:rgba(255,255,255,0.05);border:1px solid #444;padding:25px 15px;border-radius:8px;text-align:center;transition:0.3s}
.i-process .process-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}
.i-process .process-icon{font-size:28px;color:#89c525;margin-bottom:15px}
.i-process .process-card h3{font-size:16px;margin-bottom:8px; color: #fff;}
.i-process .process-card p{font-size:14px;color:#aaa; line-height:24px; margin-top:10px;}


@media only screen and (max-width:1200px) {
    .pcshow{display:none;}
    .mobileshow{display:block}
    body{max-width:100%; min-width:100%;}
    .container{width:100%;margin:auto; }
    .banner .container{padding: 15% 5%;}
    .banner h1{ font-size:6vw; letter-spacing:2px; }
    .banner h2{font-size:20px; }

    .pcshow{display:none;}
    .mobileshow{display:block}
    .header{ padding:5px 3%;width:100%;border-bottom:1px solid #eee; }
    .header .container{width:100%}
    .header .logo{float:none; }
    .header .logo img{height:45px;}
    .header .logo .text{padding-left:5px; width:auto}
    .header .logo h1{line-height:45px; font-size:20px;}
    .header .logo h2{line-height:45px;font-size:14px; letter-spacing:0}
    .header .lan{float:none; position: absolute;  right: 15%; top: 0; margin-top: 10px;}
    .header .mmenu{position:absolute; right:3%; z-index:99999; top:8px; width:10%;}
    .header .mmenu span{display:block; width:80%; height:4px; margin-top:5px; border-radius:5px; background-color:#0A3D99}
    .header .mmenu span:nth-child(2){width:60%;}
    .header .mmenu.on{}
    .header .mmenu.on span{background-color:#fff; }
    .header .nav{float:none; width:40%; padding:10% 5% 5%;  position: fixed; right: -50%; z-index: 99999; background-color:#0A3D99;  top: 0; bottom: 0;  height: 100%;-webkit-transition: all linear 0.4s;transition: all linear 0.4s;}
    .header .nav.expend{right:0; margin-right:0;}
    .header .nav a{color:#fff; text-align:left}
    .header .nav .a1.current,.header .nav .a1:hover{color:#fff}
    .header .nav a.icon{display:none}
    .header .subheader{width:0;}
    .footer { padding:5% 4%; position:relative;}
    .footer .footer_left{width:100%; float:none;}
    .footer .footer_left .cslogan{font-size:15px;margin-top:0; }
    .footer .footer_right{width:20%; float:none; position:absolute; top:5%; right:4%}
    .footer .title.cname{font-size:18px; }
    .footer .footer_item { display:none}
    .footer .footer_item.weixin{float:none; display:block; min-width:60px; padding-right:0;}
    .footer .footer_item.weixin .title{display:none}
    .footer .footer_item.weixin img{width:100%; margin-top:60px;}
    .footer .footer_item.weixin p{text-align:center; color:#ddd;; line-height:26px;}
    .footer .ftx_ul li { font-size:12px;}
    .footer .footer_bot {display:none}
    .pglist{width:60%; margin:auto; }
    .pglist span{ border: 1px solid #edebeb;}
    .pglist a,.pglist .current{display:none}
    .pglist .pre,.pglist .next{width:46%; float:left;  margin:0 2%;}
    .pglist .pre a,.pglist .next a{display:block; border:none}

    .banner-buttons{flex-direction:column;}

    .professor .person{width:40%;}
    .professor .person img{width:45%; }
    .professor .txt h1{font-size:18px; }
    .professor .txt p{display:none}
    .professor .txt a{ margin-top:10px; }
    .professor .person .name{font-size:15px; }
    .professor .person .position{font-size:12px; }

    .en.header .logo{overflow:hidden; display:block; position:relative; width:75%;}
    .en.header .logo .text{position:absolute; top:5px; left:50px; width:80%; }
    .en.header .logo h2{font-size:14px; line-height:20px;}
    .en.pages .leftbox ul li{width:50%;}
    .en.footer .footer_left{width:100%}
    .en.footer .title.cname{font-size:16px;}
    .en.footer .footer_right{display:none}

}

@keyframes scaleIn{from{opacity:0;transform:scale(0.8);}
to{opacity:1;transform:scale(1);}
}
@keyframes pulse{0%,100%{opacity:0.8;}
50%{opacity:1;}
}
@keyframes rippleSpread{0%{transform:scale(1);opacity:0.8;}
100%{transform:scale(1.8);opacity:0;}
}
@keyframes arrowGlow{
    from{filter:drop-shadow(0 0 2px #fff);}
    to{filter:drop-shadow(0 0 8px #fff);}
}
@keyframes tagAppear{from{opacity:0;transform:scale(0.5);}
to{opacity:1;transform:scale(1);}
}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes fly {
    0% {
        margin-left: 0;
        border-left-width: 130px;
        boeder-right-width: 130px
    }

    50% {
        margin-left: -50%;
        border-left-width: 130px;
        boeder-right-width: 130px
    }

    100% {
        margin-left: -100%;
        border-left-width: 130px;
        boeder-right-width: 130px
    }
}
@-o-keyframes fly {
    0% {
        margin-left: 0;
        border-left-width: 130px;
        boeder-right-width: 130px
    }

    50% {
        margin-left: -50%;
        border-left-width: 130px;
        boeder-right-width: 130px
    }

    100% {
        margin-left: -100%;
        border-left-width: 130px;
        boeder-right-width: 130px
    }
}
@keyframes upDown {
    0% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(0,-10px);
    }

    100% {
        transform: translate(0,0);
    }
}

@-o-keyframes upDown {
    0% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(0,-10px);
    }

    100% {
        transform: translate(0,0);
    }
}