@charset "utf-8";
*{margin:0;padding:0}
html{font-size:13.3333333333vw;scroll-behavior: smooth;}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:Source Han Sans CN,sans-serif; background:#fff;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:Source Han Sans CN,sans-serif; font-size:16px;outline:0;margin:0;padding:0}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:Source Han Sans CN,sans-serif; outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
*{box-sizing:border-box}
.clear { clear:both;}
i{ font-style:normal;}
.wrap{width:1600px;position:relative;max-width:100%;margin:0 auto}
/*自定义*/
/*header*/
.header {height:100px; position: fixed; top:0; left:0; width:100%; border-bottom:rgba(255, 255, 255, 0.1) solid 2px; z-index:22;background: transparent; transition: all 0.3s ease; }
.header .logo{float:left; height:100px;  }
.header .logo a{ width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo img{ max-width:100%; max-height:100%; vertical-align:middle; }
.header .logo a:nth-child(2) { display:none; }
.header .nav{float:right;  }
.header .nav ul li{float:left; width:auto; color:#ffffff; font-size:18px; line-height:100px; margin-left:40px; position:relative; } 
.header .nav ul li a { display:block; color:#ffffff;  }
.header .nav ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#ffffff; left: 50%; transform: translateX(-50%); transition: all .5s ease; }
.header .nav ul li:hover:after{ width:100%;transform:translateX(-50%) scale(1.1); }
.header .nav ul li.active:after{ width:100%; }
.header .nav ul li .sub { position: absolute;width:200px;left:50%; transform: translateX(-50%); text-align:center; top:100px;z-index:30000; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); display:none; }
.header .nav ul li .sub ul li { float:left; min-width:auto; width:100%; line-height:45px; text-align:left;  margin:0; padding:0; font-size:15px; font-weight:normal;  background-color:#FFF; border-bottom:#e5e5e5 solid 1px; padding:0 20px; }
.header .nav ul li .sub ul li img { width:35px; vertical-align:middle; transform: translateY(-2px); margin-right:5px; }
.header .nav ul li .sub ul li a { color:#000000; }
.header .nav ul li .sub ul li:hover:after{ display:none;}
.header .nav ul li .sub ul li:hover { background-color:#f8f8f8;  color:#000000;}
.header .nav ul li .sub ul li:hover a { color:#000000;}
.nav .sub-sub{display:none;position:absolute;top:0;left:100%;width:200px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1); text-align:center;}
.header .nav ul li .sub ul li .sub-sub ul li { line-height:25px; padding-top:10px; padding-bottom:10px; }
.h-right { float:right; color:#ffffff; font-size:18px; line-height:100px; position:relative; margin-left:40px; }
.h-right::after{content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:18px; background-color:#ffffff; }
.h-right a { margin-left:30px; }
.header.scroll {background: #fff;  box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.header.scroll .logo a:nth-child(1) { display:none; }
.header.scroll .logo a:nth-child(2) { display:flex; }
.header.scroll .nav ul li{ color:#000000; } 
.header.scroll .nav ul li a { color:#000000;  }
.header.scroll .nav ul li:hover a { color:#1857a4;  }
.header.scroll .nav ul li.active a { color:#1857a4;  }
.header.scroll .nav ul li:after{ background-color:#1857a4; }
.header.scroll .h-right { color:#000000; }
.header.scroll .h-right::after{ background-color:#000000; }
.header.scrollpro {background: #fff;  box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.header.scrollpro .logo a:nth-child(1) { display:none; }
.header.scrollpro .logo a:nth-child(2) { display:flex; }
.header.scrollpro .nav ul li{ color:#000000; } 
.header.scrollpro .nav ul li a { color:#000000;  }
.header.scrollpro .nav ul li:hover a { color:#1857a4;  }
.header.scrollpro .nav ul li.active a { color:#1857a4;  }
.header.scrollpro .nav ul li:after{ background-color:#1857a4; }
.header.scrollpro .h-right { color:#000000; }
.header.scrollpro .h-right::after{ background-color:#000000; }
.header:hover {background: #fff;  box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.header:hover .logo a:nth-child(1) { display:none; }
.header:hover .logo a:nth-child(2) { display:flex; }
.header:hover .nav ul li{ color:#000000; } 
.header:hover .nav ul li a { color:#000000;  }
.header:hover .nav ul li:hover a { color:#1857a4;  }
.header:hover .nav ul li.active a { color:#1857a4;  }
.header:hover .nav ul li:after{ background-color:#1857a4; }
.header:hover .h-right { color:#000000; }
.header:hover .h-right::after{ background-color:#000000; }
/*search-box*/
.search-box { height:160px; position:fixed; top:100px; left:0; width:100%; background-color:#FFF; display: flex;  align-items: center; justify-content: center; opacity: 0;  visibility: hidden;  transition: opacity 0.5s ease, visibility 0.5s ease; z-index:11; border-top:#eeeeee solid 1px; }
.search-box.show { opacity: 1; visibility: visible;}
.search-con { width:50%; height:47px; border:#eeeeee solid 1px; border-radius:5px; background-color:#FFF; padding:0 10px; }
.search-con input[type=text] { margin-left:10px; width:calc(100% - 10px - 45px); height:45px;color:#000000; font-size:16px; border:none; vertical-align:middle; }
.search-con .submit { float:right; width:45px; text-align:center; height:45px;  cursor:pointer; border:none;vertical-align:middle;color:#a4a4a4; font-size:20px; line-height:45px; background-color:#FFF;  }
.search-close { position:absolute; right:10px; top:10px; width:20px; height:20px; cursor:pointer;color:#a4a4a4; font-size:20px; line-height:20px;  }
.search-open { cursor:pointer; }
/*header2*/
.header2{height:60px;position:fixed;background:#ffffff;z-index:22;top:0;width:100%; display:none; }
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:200px; height:40px;margin-top:10px;overflow:hidden;  float: left; display: inline;}
.header2 .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: left;}
.header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.h-search { float:right; color:#1857a4; font-size:20px; line-height:60px; margin-right:20px; }
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}
.header2 .nav-btn .zi { display:none; width:20px; color:#1857a4; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; }
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}
.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#1857a4;position:absolute;left:50%;margin-left:-15px}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn.active .line1{top:0}
.header2 .nav-btn.hover .line{background:#1857a4}
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:70px;z-index:2;overflow-y:auto}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block}
.header2 .sub-menu .sec-list a:active{color:#37a3dc}
.header2 .icon-close:before{content:"\e6d3"}
.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; } 
.header-wrap { display:none;}
/* nav_zzc */
.nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;}
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu .nav_menu_top{width: 100%; height:50px;}
.nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;}
.nav_menu .nav_menu_btn img{display: block;width:25px; }
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;}
/*分页*/
.pagination{padding-left:0;margin:40px 0;border-radius:4px;text-align:center;width:100%}
ul.pagination{display:inline-block;width:auto}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#1857a4;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#1857a4;border-color:#1857a4}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/*banner-n*/
.banner-n { height:590px; position:relative; overflow:hidden; }
.banner-n .pic { width:100%; height:100%; }
.banner-n .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.banner-n .con { position:absolute; top:0; left:0; width:100%; height:100%; padding-top:100px; display:flex; align-items: center; justify-content: flex-start; }
.banner-n .con .wrap {opacity: 0; transform: translateY(20px); animation: textMove 0.8s ease 0.2s forwards;}
.banner-n .con .tit { color:#ffffff; font-size:50px; line-height:1.5; }
.banner-n .con .des { color:#ffffff; font-size:24px; line-height:1.5; margin-top:10px; text-transform:uppercase;}
.banner-n .con .info { color:#ffffff; font-size:18px; line-height:2; margin-top:20px;opacity:0.8; }
@keyframes textMove{0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
/*n-news-pic*/
.n-news-pic { padding-top:10px; padding-bottom:20px; }
.n-news-pic ul li { float:left; width:calc((100% - 60px) / 3); height:470px; background-color:#ffffff; margin-top:30px; margin-left:30px; transition: all 0.3s ease; border-radius:5px; border-bottom:#eeeeee solid 1px; overflow:hidden; }
.n-news-pic ul li:nth-child(3n+1) { margin-left:0; }
.n-news-pic ul li .pic { height:280px; overflow:hidden; }
.n-news-pic ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.n-news-pic ul li .con { padding:15px; }
.n-news-pic ul li .date { color:#666666; font-size:16px; line-height:1.5; }
.n-news-pic ul li .tit { color:#333333; font-size:18px; line-height:32px; height:64px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-weight:bold; margin-top:10px; }
.n-news-pic ul li .more { color:#666666; font-size:16px; line-height:1.5; margin-top:10px; }
.n-news-pic ul li:hover { box-shadow:0 6px 15px rgba(24,87,164,.15);}
.n-news-pic ul li:hover .pic img { transform: scale(1.05);transition: 0.5s;}
.n-news-pic ul li:hover .tit { color:#1857a4;  }
.n-news-pic ul li:hover .more { color:#1857a4;  }
/*n-news-list*/
.n-news-list { padding-top:10px; padding-bottom:20px; }
.n-news-list ul li { float:left; width:calc((100% - 30px) / 2); height:160px; background-color:#f8f9f9; margin-top:30px; margin-left:30px; padding:15px 20px 0 20px; transition: all 0.3s ease; border-radius:5px; }
.n-news-list ul li:nth-child(2n+1) { margin-left:0; }
.n-news-list ul li .date { color:#666666; font-size:16px; line-height:1.5; }
.n-news-list ul li .tit { color:#333333; font-size:18px; line-height:32px; height:64px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-weight:bold; margin-top:10px; }
.n-news-list ul li .more { color:#666666; font-size:16px; line-height:1.5; margin-top:10px; }
.n-news-list ul li:hover{box-shadow:0 6px 15px rgba(24,87,164,.15);background-color:#fff}
.n-news-list ul li:hover .tit{color:#1857a4}
.n-news-list ul li:hover .more{color:#1857a4}
/*f-contact-box*/
.f-contact-box {background: linear-gradient(to bottom, #ffffff 50%, #707070 50%); padding-top:50px;}
.f-contact { background: #2c4e78 url(../images/contact-bg.jpg) no-repeat center center; background-size:cover; border-radius:10px; padding:40px; }
.f-contact .tit { color:#ffffff; font-size:26px; line-height:1.5; }
.f-contact .des { color:#c0cad6; font-size:16px; line-height:1.5; margin-top:20px; }
.f-contact .form {display:flex; align-items: center; justify-content: space-between; margin-top:20px; }
.f-contact .form form { width:100%; display:flex; align-items: center; gap:12px; flex-wrap:nowrap;}
.f-contact .form input[type=text] { flex:1; min-width:0; height:50px;color:#000000; font-size:16px; border:none; background-color:#FFF; border-radius:10px; vertical-align:middle; padding-left:20px; }
.f-contact .form input[name=require] { flex:1.5; }
.f-contact .form .captcha-row { display:flex; align-items:center; flex:0 0 auto; min-width:0; gap:8px; }
.f-contact .form .captcha-row input[type=text] { flex:1; min-width:100px; }
.f-contact .form .captcha-row img { height:50px; width:auto; max-width:140px; border-radius:10px; cursor:pointer; flex-shrink:0; }
.f-contact .form button { flex:0 0 auto; min-width:120px; height:50px; padding:0 24px; text-align:center; background-color:#1857a4; color:#ffffff; font-size:16px; border-radius:10px; vertical-align:middle; cursor:pointer; border:none; flex-shrink:0; white-space:nowrap;}
/*footer*/
.footer {  background-color:#707070; padding-top:60px; padding-bottom:50px; }
.footer a:hover { color:#ffffff; }
.f-left { float:left; width:24%; }
.f-mid { float:left; width:18%; margin-left:2%; }
.f-right { float:left; width:30%; margin-left:3%; }
.f-ewm { float:right; width:20%; margin-top:30px; }
.f-ewm ul { display:flex; align-items: center; justify-content: space-between; }
.f-ewm ul li { width:46%; color:#ececec; font-size:16px; line-height:2; text-align:center;}
.f-ewm ul li img { width:100%; }
.f-ban {color:#ececec; font-size:22px; line-height:2.8; border-bottom:#898989 solid 1px; position:relative; }
.f-ban:after{content:""; position:absolute; left:0; bottom:-1px; width:100px; height:2px; background-color:#fe8000; }
.f-text {color:#ffffff; font-size:16px; line-height:2; margin-top:25px; }
.f-nav { margin-top:25px; }
.f-nav ul li { float:left; width:50%; color:#ffffff; font-size:16px; line-height:2;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
/*f-copy*/
.f-copy { background-color:#707070; border-top:#7d7d7d solid 1px; color:#ffffff; font-size:16px; line-height:2; padding-top:25px; padding-bottom:25px; }
.f-copy-left { float:left; }
.f-copy-right { float:right; }
/*n-solution*/
.n-solution { padding-top:15px; }
.n-solution ul li { margin-top:30px; border:#eeeeee solid 1px; border-radius:5px; padding:20px; transition: all 0.3s ease;}
.n-solution ul li .pic { float:left; width:330px; height:200px; overflow:hidden;  border-radius:5px; }
.n-solution ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.n-solution ul li .con { float:right; width:calc(100% - 330px - 30px); }
.n-solution ul li .con .tit { color:#000000; font-size:20px; line-height:1.5;  font-weight:bold; margin-top:10px; }
.n-solution ul li .con .en { color:#9c9b9b; font-size:16px; line-height:1.5; margin-top:10px; }
.n-solution ul li .con .des { color:#4d4c4c; font-size:16px; line-height:32px; height:64px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-weight:normal; margin-top:10px; }
.n-solution ul li .con .more { float:right; color:#1c1c1c; font-size:16px; line-height:1.5; margin-top:10px; position:relative; }
.n-solution ul li .con .more::after{content:""; position:absolute; left:0; bottom:0; width:80%; height:1px; background-color:#747474; }
.n-solution ul li .con .more i { margin-left:10px; }
.n-solution ul li:hover { background-color:#f8f8f8; }
.n-solution ul li:hover .pic img { transform: scale(1.05);transition: 0.5s;}
.n-solution ul li:hover .tit { color:#1857a4;  }
.n-solution ul li:hover .more { color:#1857a4;  }
/*n-contact*/
.n-contact { padding-top:50px; padding-bottom:50px;}
.n-contact-left { float:left; width:31%;}
.n-contact-ban {color:#1857a4; font-size:30px; line-height:2; font-weight:bold; }
.n-contact-ban.n-contact-ban2 { margin-top:50px; }
.n-contact-con {color:#111111; font-size:16px; line-height:2; margin-top:8px; }
.n-contact-right { float:right; width:62%;}
.n-contact-right img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-liuyan { height:auto; margin-top:10px; }
.n-liuyan input[type=text] { width:100%; margin-top:16px; height:50px;color:#111111; font-size:16px; border:#eeeeee solid 1px; padding-left:10px; }
.n-liuyan textarea { margin-top:16px; width:100%; height:130px;color:#111111; font-size:16px; border:#eeeeee solid 1px; outline: none; line-height:50px; resize:none; padding-left:10px; }
.n-liuyan input[type=submit] { margin-top:16px; width:200px; text-align:center; height:45px; background-color:#1857a4; color:#fff; font-size:20px; cursor:pointer; border:none; float:right;}
/*n-newshow*/
.n-newshow { padding-top:30px; padding-bottom:60px; }
.n-show {padding:20px 0; color:#000000; font-size:16px; line-height:2; min-height:300px;}
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-show table {border-collapse: collapse;}
.n-show table tr th {color: #000000; font-size: 16px; line-height: 2; font-weight: normal; background-color: #f9f8f8;padding: 10px;border:#eeeeee solid 1px;}
.n-show table tr td { line-height:2; border:1px solid #eeeeee; padding:10px;}
.n-tit { font-size:24px; text-align:center; line-height:1.5; color:#333333; }
.n-time { font-size:14px; text-align:center; line-height:18px; margin-top:13px; color:#999999; }
.n-xian {border-bottom:#cccccc solid 1px; height:1px; margin-top:20px;}
.n-other { line-height:24px; padding:20px 0; color:#666666; }
.n-other a:hover{ color:#1857a4; } 
/*n-pro-sub*/
.n-pro-sub { background-color:#FFF; border-bottom:#eeeeee solid 1px; border-top:#eeeeee solid 1px; position: sticky;  top: 100px; z-index:11; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.n-pro-sub ul { width:100%;overflow-x:auto;white-space:nowrap; }
.n-pro-sub ul li {display:inline-block;color:#333333; font-size:18px; line-height:70px; margin-right:40px; position:relative; }
.n-pro-sub ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#1a58a5; left: 50%; transform: translateX(-50%); transition: all .5s ease; }
.n-pro-sub ul li:hover:after{ width:100%;transform:translateX(-50%) scale(1.1); }
.n-pro-sub ul li.active:after{ width:100%; }
.n-pro-sub ul li:hover { color:#1857a4; }
.n-pro-sub ul li.active { color:#1857a4; }
/*gray-bg*/
.gray-bg { background-color:#f8f8f8; padding-top:30px; padding-bottom:30px; }
.n-pro-list { background-color:#FFF; min-height:300px; padding-bottom:30px; }
.n-pro-list ul li { float:left; width:calc((100% - 150px) / 4); margin-left:30px; margin-top:30px; text-align:center; position:relative; }
.n-pro-list ul li::after{content:""; position:absolute; left: 50%; bottom:0; width:0; height:2px; background-color:#1857a4; transform: translateX(-50%); transition: all .5s ease; }
.n-pro-list ul li .pic { height:280px; overflow:hidden; border:#eeeeee solid 1px; }
.n-pro-list ul li .pic img { width: 100%;height: 100%; object-fit: contain;transition: 0.5s;  }
.n-pro-list.da ul li .pic { height:400px;}
.n-pro-list.da ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.n-pro-list ul li .tit { color:#1857a4; font-size:18px; line-height:70px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-pro-list ul li .tit i { margin-left:10px; }
.n-pro-list ul li:hover { box-shadow:0 6px 15px rgba(24,87,164,.15); }
.n-pro-list ul li:hover::after { width:100%;transform:translateX(-50%) scale(1);}
.n-pro-list ul li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.n-pro-list ul li:hover .tit { font-weight:bold; }
/*n-solution-detail*/
.n-solution-detail { padding-top:60px; padding-bottom:60px; scroll-margin-top: 160px; }
.n-solution-detail.gray { background-color:#fafafa; }
.eye-left-layout { flex-direction: row !important; }
.eye-left-layout .con { padding-left: 0 !important; padding-right: 20px !important; }
.eye-reverse-layout { flex-direction: row-reverse !important; }
.eye-reverse-layout .con { padding-left: 10% !important; padding-right: 0 !important; }
.eye-solution { padding-top:0; padding-bottom:0; }
.eye-solution .n-solution-li { padding-top:60px; padding-bottom:0; }
.eye-solution .n-solution-li:last-child { padding-bottom:60px; }
.n-solution-li { display:flex; align-items: center; justify-content: space-between; }
.n-solution-li:nth-child(even) { flex-direction: row-reverse; }
.n-solution-li .con { width:50%; padding-right:20px; }
.n-solution-li:nth-child(even) .con { padding-left:10%; }
.n-solution-li .con .s-public { padding-bottom:20px; }
.n-solution-li .con .s-public .nob { color:#eaeaea; font-size:100px; line-height:1; font-weight:bold; }
.n-solution-li .con .s-public .ban { color:#333333; font-size:40px; line-height:1; margin-top:-65px; }
.n-solution-li .con .tit { color:#000000; font-size:20px; line-height:1.5; margin-top:10px; font-weight:bold; }
.n-solution-li .con .des { color:#878686; font-size:16px; line-height:1.5;margin-top:10px;  }
.n-solution-li .con .more { width:160px; height:40px; border:#1857a4 solid 1px;  border-radius:20px;  color:#101010; font-size:16px; line-height:38px; text-align:center;  transition: all 0.3s ease; margin-top:30px; margin-bottom:10px; }
.n-solution-li .con .more a { display:block; color:#101010;  }
.n-solution-li .con .more:hover { background-color:#1857a4; color:#ffffff; }
.n-solution-li .con .more:hover a { color:#ffffff; }
.n-solution-li .pic { width:50%; height:360px; }
.n-solution-li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
/*a-public*/
.a-public { color:#3a3a3a; font-size:36px; line-height:1.5; font-weight:bold; }
/*n-honor*/
.n-honor { padding-top:50px; padding-bottom:50px;  scroll-margin-top: 160px;}
.n-honor-list { margin-top:40px; height:auto; position:relative; padding-bottom:100px; }
.n-honor-list .swiper{width:100%; height:100%;   }
.n-honor-list .swiper-slide{ height:auto; text-align:center;font-size:18px;display:flex; }
.n-honor-li { display:block; width:100%; height:100%; background-color:#f6f6f6;  border-bottom:#ffffff solid 1px; padding:20px 20px 0 20px;}
.n-honor-li .pic { width:100%; height:380px; overflow:hidden; border-bottom:#eeeeee solid 2px; }
.n-honor-li .pic img { width: 100%;height: 100%; object-fit: contain;transition: 0.5s; }
.n-honor-li .tit { color:#666666; font-size:20px; line-height:70px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-honor-li:hover { background-color:#FFF; border-bottom:#1857a4 solid 2px; box-shadow:0 6px 15px rgba(24,87,164,.15);  }
.n-honor-li:hover .pic img  {transform: scale(1.05);transition: 0.5s;}
.n-honor-list .swiper-button-next{ width:50px; height:50px; border:#dcdcdc solid 1px; border-radius:50%; opacity:0.8;outline:none; top:auto; bottom:0; left:calc(50% + 25px); }
.n-honor-list .swiper-button-prev{width:50px; height:50px; border:#dcdcdc solid 1px; border-radius:50%;  opacity:0.8;outline:none; top:auto; bottom:0; left:calc(50% - 75px);  }
.n-honor-list .swiper-button-next:hover{opacity:1; background-color:#1857a4; color:#ffffff; } 
.n-honor-list .swiper-button-next:hover:after { color:#ffffff; }
.n-honor-list .swiper-button-prev:hover{opacity:1; background-color:#1857a4; color:#ffffff; }
.n-honor-list .swiper-button-prev:hover:after { color:#ffffff; }
.n-honor-list .swiper-button-next:after{font-size:22px; color:#58535b;} 
.n-honor-list .swiper-button-prev:after{font-size:22px; color:#58535b;} 
/*n-about*/
.n-about { position:relative; background:url(../images/about-bg.jpg) no-repeat center bottom; background-size:100% auto; padding-top:60px; padding-bottom:80px; height:800px; scroll-margin-top: 160px;}
.n-about-left { width:50%; margin-top:90px; text-align:left; }
.n-about-en { color:#e7eef6; font-size:46px; line-height:1; font-weight:bold;  }
.n-about-cn { color:#3a3a3a; font-size:36px; line-height:1; font-weight:bold; margin-top:-15px; }
.n-about-con { color:#666666; font-size:16px; line-height:2; margin-top:15px; text-align:left; }
.n-about-con h3 {  color:#1857a4; font-size:22px; font-weight:normal; margin-bottom:10px;  }
.n-about-list { margin-top:40px; }
.n-about-list ul li { float:left; width:160px; text-align:center; margin-right:60px; }
.n-about-list ul li:last-child { margin-right:0; }
.n-about-list ul li .pic { width:70px; height:70px; margin:0 auto; }
.n-about-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-about-list ul li .tit {  color:#616060; font-size:16px; line-height:1.5; margin-top:10px; }
/*n-history*/
.n-history { background: #f5f8fc url(../images/history-bg.jpg) no-repeat center bottom; background-size:100% auto; padding-top:60px; padding-bottom:350px;  scroll-margin-top: 160px; }
.n-history-pic { width:35%; margin-top:30px;  }
.n-history-pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-history-list { height:auto; margin-top:200px; display:flex; justify-content:center; }
.n-history-list ul { display:flex; flex-wrap:wrap; justify-content:center; width:100%; }
.n-history-list ul li { width:15%; margin:0 2.5%; background:url(../images/history-line.png) no-repeat left top; padding-left:25px; }
.n-history-list ul li .tit { color:#1857a4; font-size:30px; line-height:1.5; font-weight:bold; }
.n-history-list ul li .des { color:#050505; font-size:16px; line-height:2; }
.n-history-list ul li:nth-child(2) { transform: translateY(-100px); }
.n-history-list ul li:nth-child(3) { transform: translateY(-200px); }
.n-history-list ul li:nth-child(4) { transform: translateY(-300px); }
.n-history-list ul li:nth-child(5) { transform: translateY(-400px); }
/*n-pro-gray*/
.n-pro-gray { padding-top:100px; background-color:#f7f7f7; }
.n-position { border-bottom:#eeeeee solid 1px; color:#333333; font-size:16px; line-height:80px;  }
.n-pro-top { padding-top:40px; padding-bottom:40px; position:relative;  }
.n-pro-left { float:left; width:50%;  }
.n-pro-right { float:right; width:46%; position:relative;}
.n-pro-right .tit { color:#3a3a3a; font-size:24px; line-height:1.5; margin-top:30px; }
.n-pro-right .info { color:#333333; font-size:16px; line-height:1.5; margin-top:10px; }
.n-pro-right .des { color:#787878; font-size:16px; line-height:32px; height:96px; overflow:auto; margin-top:5px; }
.n-pro-right .more { width:140px; height:40px; border:#4879b6 solid 1px; text-align:center; border-radius:20px;  color:#2661a9; font-size:16px; line-height:38px; margin-top:30px; }
.n-pro-right .more a { display:block; color:#2661a9;  }
.n-pro-right .more:hover { background-color:#2661a9; color:#ffffff;  }
.n-pro-right .more:hover a { color:#ffffff; }
.n-pro-top .swiper{width:100%;height:auto;margin-left:auto;margin-right:auto; }
.n-pro-top .mySwiper2 {height:450px;width:100%;border:#eeeeee solid 1px; background-color:#FFF; }
.n-pro-top .mySwiper2 .swiper-slide {display: flex;  align-items: center; justify-content: center; }
.n-pro-top .mySwiper2 .swiper-slide img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-pro-top .mySwiper{ width:100%;  height:90px; margin-top:50px; padding:0 30px; }
.n-pro-top .mySwiper .swiper-slide{width:25%;height:90px;opacity:1}
.n-pro-top .mySwiper .swiper-slide {display: flex;  align-items: center; justify-content: center; border:#eeeeee solid 1px; background-color:#FFF; overflow:hidden;  }
.n-pro-top .mySwiper .swiper-slide-thumb-active{opacity:1;border:#1857a4 solid 1px; }
.n-pro-top .mySwiper .swiper-slide img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-pro-top .swiper-button-next { top:auto; bottom:0; right:0; border:#eeeeee solid 1px;outline:none; width:30px; height:90px; background-color:#ebeced;}
.n-pro-top .swiper-button-next:after { color:#000000; font-size:18px; }
.n-pro-top .swiper-button-next:hover::after { color:#1857a4; }
.n-pro-top .swiper-button-prev { top:auto; bottom:0; left:0; border:#eeeeee solid 1px;outline:none; width:30px; height:90px; background-color:#ebeced; }
.n-pro-top .swiper-button-prev::after { color:#000000; font-size:18px;   }
.n-pro-top .swiper-button-prev:hover::after { color:#1857a4; }
/*n-pro-detail-sub*/
.n-pro-detail-sub { background-color:#FFF; text-align:center; padding-top:10px; position: sticky;  top: 100px; z-index:11;  box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.n-pro-detail-sub ul { display:inline-block; }
.n-pro-detail-sub ul li { float:left; width:170px; height:60px; border-radius:5px; text-align:center;  color:#000000; font-size:18px; line-height:58px; margin:0 15px; }
.n-pro-detail-sub ul li.active { background-color:#1857a4; color:#ffffff;  }
.n-pro-detail-sub ul li:hover { background-color:#1857a4; color:#ffffff;  }
.n-pro-detail-sub ul li a { display:block;  color:#000000;  }
.n-pro-detail-sub ul li:hover a { color:#ffffff;  }
/*n-pro-ban*/
.n-pro-ban { border-bottom:#eeeeee solid 1px; color:#000000; font-size:20px; line-height:60px;  scroll-margin-top: 160px;  }
.n-pro-ban span { display:inline-block; position:relative; padding:0 30px; }
.n-pro-ban span::after{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#1857a4; }
.n-pro-detail { color:#666666; font-size:18px; line-height:2; padding:20px 0;  }
.n-pro-down { padding:20px 0;  }
.n-pro-down ul li { color:#666666; font-size:18px; line-height:70px; border-bottom:#eeeeee solid 1px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;   }
.n-pro-down ul li span { float:right; }
.n-pro-down ul li span i { color:#1857a4; margin-right:3px; }
.n-pro-down ul li:hover { color:#1857a4; }
/*banner*/
.banner { position:relative; }
.banner .swiper{width:100%;height:100%}
.banner .swiper-slide{display:flex;justify-content:center;align-items:center}
.banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.banner .swiper-pagination-bullet { background: #ffffff; opacity:0.5; }
.banner .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;  }
.banner-li { width:100%; height:100%; position:relative; overflow:hidden; }
.banner-li .pic { width:100%; height:100%;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
.banner-li .pic img { width: 100%;height: 100%; object-fit: cover;object-position: center 30%; }
.banner-li .con { position:absolute; top:0; left:0; width:100%; height:100%; }
.banner-li .con .wrap { height:100%; display: flex; flex-direction: column;  justify-content: center; align-items: flex-start; padding-right:48%;  }
.banner-li .con .tit { color:#ffffff; font-size:54px; line-height:1.5; text-transform:uppercase; transform:translateY(80px);opacity:0;text-align:left; font-weight:bold; }
.banner-li .con .en { color:#ffffff; font-size:20px; line-height:2; text-transform:uppercase; transform:translateY(80px);opacity:0;text-align:left; margin-top:10px; }
.banner-li .con .more { width:200px; height:50px; border:#1857a4 solid 1px; border-radius:25px; text-align:center; color:#1857a4; font-size:18px; line-height:48px; margin-top:40px; background-color:#FFF; transform:translateY(80px);opacity:0;}
.banner-li .con .more a { display:block; color:#1857a4; }
.banner-li .con .more:hover { background-color:#1857a4; color:#ffffff; }
.banner-li .con .more:hover a { color:#ffffff; }
.banner .swiper-slide-active .banner-li .pic {transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0)}
.banner .swiper-slide-active .banner-li .con .tit{transition:all 2s ease .1s;transform:translateY(0);opacity:1}
.banner .swiper-slide-active .banner-li .con .en{transition:all 2s ease .1s;transform:translateY(0);opacity:1}
.banner .swiper-slide-active .banner-li .con .more{transition:all 2s ease .1s;transform:translateY(0);opacity:1}
/*i-public*/
.i-public { text-align:center; }
.i-public .tit { color:#000000; font-size:40px; line-height:1.5; }
.i-public .des { display:inline-block; width:260px; height:25px; background-color:#1857a4; color:#ffffff; font-size:14px; line-height:25px; margin-top:20px; position:relative; }
.i-public .des::before{content:""; position:absolute; left:-170px; top:50%; transform: translateY(-50%); width:170px; height:1px; background-color:#aaaaaa; }
.i-public .des::after{content:""; position:absolute; right:-170px; top:50%; transform: translateY(-50%); width:170px; height:1px; background-color:#aaaaaa; }
/*i-search-box*/
.i-search-box { width:1200px; height:160px; margin:0 auto; border-radius:5px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding:40px 10% 0 10%;   z-index:2; position:relative; background:#FFF url(../images/search-bg.jpg) repeat; position:absolute; top:-80px; left:50%; transform: translateX(-50%); }
.i-search { width:100%; height:47px; border:#eeeeee solid 1px; border-radius:5px; background-color:#FFF; padding:0 10px; }
.i-search input[type=text] { margin-left:10px; width:calc(100% - 10px - 45px); height:45px;color:#000000; font-size:16px; border:none; vertical-align:middle; }
.i-search .submit { float:right; width:45px; text-align:center; height:45px;  cursor:pointer; border:none;vertical-align:middle;color:#a4a4a4; font-size:20px; line-height:45px; background-color:#FFF;  }
.i-keyword { color:#000000; font-size:16px; line-height:2; margin-top:10px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.i-keyword a { color:#6c6b6b; }
.i-keyword a:hover { color:#1857a4; }
/*i-about-data*/
.i-about { position:relative; background: #f8f8f8 url(../images/i-about-bg.jpg) no-repeat center bottom; background-size:100% auto;padding-top:150px; padding-bottom:80px; }
.i-about-show { padding-top:40px; }
.i-about-left { float:left; width:50%; margin-top:50px; }
.i-about-tit { color:#3a3a3a; font-size:30px; line-height:2; font-weight:bold; }
.i-about-des { color:#1857a4; font-size:26px; line-height:2; }
.i-about-con { color:#666666; font-size:16px; line-height:2; }
.i-about-data {margin-top:30px; }
.i-about-data ul li { float:left; width:24%; position:relative; padding-right:40px; }
.i-about-data ul li::after{content:""; position:absolute; left:-40px; top:0; width:1px; height:100%; background-color:#dcdcdc; }
.i-about-data ul li:first-child::after { display:none; }
.i-about-data ul li .nob { color:#1857a4; font-size:18px; line-height:1.5; }
.i-about-data ul li .nob span { font-size:46px; line-height:1.5; font-weight:bold; }
.i-about-data ul li .tit { color:#111111; font-size:20px; line-height:1.5; }
.i-about-more { width:200px; height:50px; border:#1857a4 solid 1px; border-radius:25px; text-align:center; color:#111111; font-size:18px; line-height:48px; margin-top:40px;  }
.i-about-more a { display:block; color:#111111; }
.i-about-more:hover { background-color:#1857a4; color:#ffffff; }
.i-about-more:hover a { color:#ffffff; }
/*i-news*/
.i-news { padding-top:50px; padding-bottom:60px; }
.i-news-more { width:200px; height:50px; margin:0 auto; border:#1857a4 solid 1px; border-radius:25px; text-align:center; color:#111111; font-size:18px; line-height:48px; margin-top:40px;  }
.i-news-more a { display:block; color:#111111; }
.i-news-more:hover { background-color:#1857a4; color:#ffffff; }
.i-news-more:hover a { color:#ffffff; }
/*i-pro*/
.i-pro { padding-top:50px; padding-bottom:50px; }
.i-pro-list { height:auto; position:relative; padding-bottom:50px; }
.i-pro-list .swiper{width:100%; height:100%;   }
.i-pro-list .swiper-slide{ height:auto; text-align:center;font-size:18px;display:flex; padding:50px 0; }
.i-pro-li { display:block; width:100%; height:500px;position:relative;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:10px; background-color:#FFF; overflow:hidden; }
.i-pro-li .pic { width:100%; height:400px; overflow:hidden; }
.i-pro-li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%; transition: 0.5s; }
.i-pro-li .mask { position:absolute; top:0; left:0; width:100%; height:400px; background-color:rgba(10, 101, 167, 0.6); align-items: center; justify-content: center; display:none; }
.i-pro-li .mask .icon { width:140px; height:140px; }
.i-pro-li .mask .icon img { width: 100%;height: 100%; object-fit: contain; }
.i-pro-li .con { padding-top:15px; }
.i-pro-li .tit { color:#313131; font-size:20px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-pro-li .des { color:#474747; font-size:16px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:5px; }
.i-pro-li:hover {box-shadow:0 6px 15px rgba(24,87,164,.15);  }
.i-pro-li:hover .pic img  {transform: scale(1.05);transition: 0.5s;}
.i-pro-li:hover .mask {  display:flex;  }
.i-pro-list .swiper-button-next{ width:50px; height:50px; border:#dcdcdc solid 1px; border-radius:50%; opacity:0.8;outline:none; top:auto; bottom:0; left:calc(50% + 25px); }
.i-pro-list .swiper-button-prev{width:50px; height:50px; border:#dcdcdc solid 1px; border-radius:50%;  opacity:0.8;outline:none; top:auto; bottom:0; left:calc(50% - 75px);  }
.i-pro-list .swiper-button-next:hover{opacity:1; background-color:#1857a4; color:#ffffff; } 
.i-pro-list .swiper-button-next:hover:after { color:#ffffff; }
.i-pro-list .swiper-button-prev:hover{opacity:1; background-color:#1857a4; color:#ffffff; }
.i-pro-list .swiper-button-prev:hover:after { color:#ffffff; }
.i-pro-list .swiper-button-next:after{font-size:22px; color:#58535b;} 
.i-pro-list .swiper-button-prev:after{font-size:22px; color:#58535b;} 
/*f_nav*/
.f_nav { display:none; margin:0 auto; text-align:center; width:100%; max-width:750px; min-width:320px; height: 3.5em; padding: 0.1em 0;background:#1857a4;position:fixed; bottom:0; z-index:999;}
.f_nav a{color: #fff; display: block; text-align: center; width: 33.33%; float: left; margin: 0 auto; font-size:14px;}
.f_nav a i{display: block;font-size: 1.5em;line-height: 1.4em;}
/*n-ppt*/
.n-ppt { width:1000px; margin:0 auto; height:748px; border:#c6c6c6 solid 1px; background: linear-gradient(0deg, #dbdbdb 0%, #ffffff 100%); margin-top:30px; position:relative;  }
.n-ppt .bg { width:100%; height:100%; }
.n-ppt .bg img { width: 100%;height: 100%; object-fit: contain; }
.n-ppt .bg2 { position:absolute; top:0; left:0; width:100%; height:100%; }
.n-ppt .bg2 img { width: 100%;height: 100%; object-fit: contain; }
.n-ppt .top { width:215px; height:159px; position:absolute; top:0; left:50%; transform: translateX(-50%); }
.n-ppt .top img { width: 100%;height: 100%; object-fit: contain; }
.lanqiu { position:absolute;  width:140px; height:140px; text-align:center;  animation: floatX 2s linear infinite; }
.lanqiu .pic { width:44px; height:41px; margin:0 auto; }
.lanqiu .pic img { width: 100%;height: 100%; object-fit: contain; }
.lanqiu .tit { color:#5da4e6; font-size:16px; line-height:1.5; background:url(../images/ppt/lanjiao.png) no-repeat center bottom; background-size:57px 25px; padding-bottom:24px; margin-top:3px; }
.lanqiu .des { color:#5da4e6; font-size:14px; line-height:1.5; background:url(../images/ppt/lantiao.png) no-repeat center center; background-size:140px 25px; margin-top:3px; }
.lanqiu:hover .tit { color:#1857a4; }
.lanqiu1 {top:155px; left:122px; animation-delay: 0s; }
.lanqiu2 {top:171px; left:279px; animation-delay: 0.2s; }
.lanqiu3 {top:175px; left:437px; animation-delay: 0.4s; }
.lanqiu4 {top:171px; left:602px; animation-delay: 0.6s; }
.lanqiu5 {top:160px; left:761px; animation-delay: 0.8s; }
.zhongjian { position:absolute; top:310px; left:50%; width:440px; height:30px; text-align:center; transform: translateX(-50%); color:#5da4e6; font-size:20px; line-height:1.5;  }
.shenlantiao { width:126px; height:26px; background:url(../images/ppt/shenlantiao.png) no-repeat center center; background-size:100% 100%; text-align:center; color:#ffffff; font-size:16px; line-height:26px; position:absolute; animation: floatY 2s linear infinite;}
.shenlantiao1 { top:385px; left:263px; animation-delay: 0s; }
.shenlantiao2 { top:400px; left:368px; animation-delay: 0.2s; }
.shenlantiao3 { top:402px; left:522px; animation-delay: 0.4s; }
.shenlantiao4 { top:389px; left:640px; animation-delay: 0.6s; }
.lanzhui { width:168px; height:177px; background:url(../images/ppt/lanzhui.png) no-repeat center center; background-size:100% 100%; position:absolute; top:462px; left:50%; transform: translateX(-50%); z-index:5; }
.lanzhui1 { position:absolute; top:8px; left:0; width:100%; height:auto; color:#ffffff; font-size:15px; line-height:1.5; text-align:center; font-weight:bold;  }
.lanzhui2 { position:absolute; top:50px; left:56px; width:20px; height:auto; color:#ffffff; font-size:15px; line-height:1.1; font-weight:bold; }
.lanzhui3 { position:absolute; top:50px; right:56px; width:20px; height:auto; color:#ffffff; font-size:15px; line-height:1.1;  font-weight:bold; }
.lanhuan { width:547px; height:190px; background:url(../images/ppt/lanhuan.png) no-repeat center center; background-size:100% 100%; position:absolute; top:550px; left:50%; transform: translateX(-50%); }
.lanhuan .tit {  color:#5da4e6; font-size:18px; line-height:1.1; position:absolute; top:95px; width:100px;  left:50%; transform: translateX(-50%); text-align:center; font-weight:bold; }
.lanhuan .des { color:#ffffff; font-size:16px; line-height:1.2; width:90px; height:42px; position:absolute; animation: floatY 2s linear infinite;}
.lanhuan .des1 { top:75px; left:25px; animation-delay: 0s; }
.lanhuan .des2 { top:120px; left:113px; animation-delay: 0.2s; }
.lanhuan .des3 { top:145px; left:232px; animation-delay: 0.4s; }
.lanhuan .des4 { top:120px; left:371px; animation-delay: 0.6s; }
.lanhuan .des5 { top:58px; left:458px; width:60px; animation-delay: 0.8s; }
.landou { width:121px; height:55px; background:url(../images/ppt/landou.png) no-repeat center center; background-size:100% 100%; text-align:center; color:#5da4e6; font-size:16px; line-height:55px; position:absolute;animation: floatY 2s linear infinite; }
.landou1 { top:192px; left:20px; animation-delay: 0s; }
.landou2 { top:345px; left:2px; animation-delay: 0.2s; }
.landou3 { top:88px; right:30px; animation-delay: 0.4s; }
.landou4 { top:360px; right:10px; animation-delay: 0.6s; }
.landou5 { top:500px; right:50px; animation-delay: 0.8s; }

.lanqiu:hover,
.shenlantiao:hover,
.lanhuan .des:hover,
.landou:hover {
    animation-play-state: paused;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes floatX {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-6px); }
}


@media (max-width:1750px){
.wrap{width:90%}
/*header1650*/
.header {height:90px; }
.header .logo{ height:90px; width:16%; }
.header .nav ul li{ font-size:16px; line-height:90px; margin-left:30px; } 
.header .nav ul li .sub { top:90px; }
.h-right { font-size:16px; line-height:90px; position:relative; margin-left:30px; }
.h-right a { margin-left:20px; }
/*search-box1650*/
.search-box { height:140px; top:90px; }
.search-con { height:42x; padding:0 5px; }
.search-con input[type=text] { margin-left:5px; width:calc(100% - 5px - 40px); height:40px;font-size:15px;}
.search-con .submit { width:40px; height:40px; font-size:18px; line-height:40px; }
/*banner-n1650*/
.banner-n { height:500px; }
.banner-n .con { padding-top:90px; }
.banner-n .con .tit { font-size:42px; }
.banner-n .con .des { font-size:20px; margin-top:9px; }
.banner-n .con .info { font-size:16px; margin-top:18px; }
/*n-news-pic1650*/
.n-news-pic { padding-top:5px; padding-bottom:15px; }
.n-news-pic ul li { width:calc((100% - 50px) / 3); height:370px; margin-top:25px; margin-left:25px;}
.n-news-pic ul li .pic { height:200px; }
.n-news-pic ul li .con { padding:10px; }
.n-news-pic ul li .date { font-size:15px; }
.n-news-pic ul li .tit { font-size:16px; line-height:30px; height:60px;margin-top:8px; }
.n-news-pic ul li .more { font-size:15px; margin-top:8px; }
/*n-news-list1650*/
.n-news-list { padding-top:5px; padding-bottom:15px; }
.n-news-list ul li { width:calc((100% - 25px) / 2); height:140px; margin-top:25px; margin-left:25px; padding:10px 15px 0 15px; }
.n-news-list ul li .date { font-size:15px; }
.n-news-list ul li .tit { font-size:16px; line-height:30px; height:60px; margin-top:8px; }
.n-news-list ul li .more { font-size:15px; margin-top:8px; }
/*f-contact-box1650*/
.f-contact-box { padding-top:40px;}
.f-contact {border-radius:5px; padding:35px; }
.f-contact .tit { font-size:23px; }
.f-contact .des { font-size:15px; margin-top:15px; }
.f-contact .form {margin-top:15px; }
.f-contact .form input[type=text] { height:40px; font-size:15px; border-radius:5px; padding-left:15px; }
.f-contact .form .captcha-row img { height:40px; max-width:120px; }
.f-contact .form button { height:40px; font-size:15px; border-radius:5px; padding:0 20px; min-width:110px; }
/*footer1650*/
.footer {  padding-top:50px; padding-bottom:40px; }
.f-left { width:27%; }
.f-mid { display:none; }
.f-right { width:40%; }
.f-ewm { width:23%; }
.f-ban { font-size:18px; }
.f-ban:after{ width:80px; }
/*f-copy1650*/
.f-copy { font-size:15px; padding-top:20px; padding-bottom:20px; }
/*n-solution1650*/
.n-solution { padding-top:10px; }
.n-solution ul li { margin-top:25px; padding:15px; }
.n-solution ul li .pic { width:300px; height:180px; }
.n-solution ul li .con { width:calc(100% - 300px - 25px); }
.n-solution ul li .con .tit { font-size:18px; margin-top:8px; }
.n-solution ul li .con .en { font-size:15px; margin-top:8px; }
.n-solution ul li .con .des { font-size:15px; line-height:30px; height:60px; margin-top:8px; }
.n-solution ul li .con .more { font-size:15px; margin-top:8px; }
.n-solution ul li .con .more i { margin-left:8px; }
/*n-contact1650*/
.n-contact { padding-top:45px; padding-bottom:45px;}
.n-contact-ban { font-size:26px; }
.n-contact-ban.n-contact-ban2 { margin-top:40px; }
.n-liuyan input[type=text] { height:48px;}
.n-liuyan textarea { height:120px; }
.n-liuyan input[type=submit] { height:43px; font-size:18px; }
/*n-pro-sub1650*/
.n-pro-sub { top:90px; }
.n-pro-sub ul li { font-size:16px; line-height:60px; margin-right:30px; }
/*gray-bg1650*/
.gray-bg { padding-top:25px; padding-bottom:25px; }
.n-pro-list { padding-bottom:25px; }
.n-pro-list ul li {width:calc((100% - 123px) / 4); margin-left:25px; margin-top:25px; }
.n-pro-list ul li .pic { height:250px; }
.n-pro-list ul li .tit { font-size:16px; line-height:60px; }
.n-pro-list.da ul li .pic { height:370px;}
/*n-solution-detail1650*/
.n-solution-detail { padding-top:50px; padding-bottom:50px; scroll-margin-top: 140px; }
.eye-solution .n-solution-li { padding-top:50px; }
.eye-solution .n-solution-li:last-child { padding-bottom:50px; }
.n-solution-li:nth-child(even) .con { padding-left:9%; }
.eye-reverse-layout .con { padding-left: 9% !important; padding-right: 0 !important; }
.n-solution-li .con .s-public { padding-bottom:15px; }
.n-solution-li .con .s-public .nob {font-size:78px; }
.n-solution-li .con .s-public .ban { font-size:31px; margin-top:-53px; }
.n-solution-li .con .tit { font-size:18px; margin-top:8px; }
.n-solution-li .con .des { font-size:15px; margin-top:8px;  }
.n-solution-li .con .more { width:140px; height:35px; border-radius:18px;  font-size:15px; line-height:33px;margin-top:28px; margin-bottom:8px; }
.n-solution-li .pic { height:250px; }
/*a-public1650*/
.a-public { font-size:23px; }
/*n-honor1650*/
.n-honor { padding-top:40px; padding-bottom:40px;  scroll-margin-top: 140px;}
.n-honor-list { margin-top:30px; padding-bottom:80px; }
.n-honor-li { padding:18px 18px 0 18px;}
.n-honor-li .pic { height:280px; }
.n-honor-li .tit { font-size:18px; line-height:60px; }
.n-honor-li .swiper-button-next{ width:40px; height:40px; left:calc(50% + 20px); }
.n-honor-li .swiper-button-prev{width:40px; height:40px;  left:calc(50% - 60px);  }
.n-honor-list .swiper-button-next:after{font-size:18px; } 
.n-honor-list .swiper-button-prev:after{font-size:18px; } 
/*n-about1650*/
.n-about { padding-top:50px; padding-bottom:70px; height:auto; scroll-margin-top: 140px; }
.n-about-left { margin-top:0; }
.n-about-en { font-size:40px;  }
.n-about-cn { font-size:23px; margin-top:-10px; }
.n-about-con {  font-size:15px; margin-top:10px; }
.n-about-con h3 {  font-size:19px;margin-bottom:8px;  }
.n-about-list { margin-top:30px; }
.n-about-list ul li { width:150px;  }
.n-about-list ul li .pic { width:60px; height:60px; }
.n-about-list ul li .tit { font-size:15px; margin-top:8px; }
/*n-history1650*/
.n-history { padding-top:50px; padding-bottom:270px;  scroll-margin-top: 140px; }
.n-history-pic { margin-top:25px; }
.n-history-list { margin-top:180px; }
.n-history-list ul li { background-size:13px auto; padding-left:20px; }
.n-history-list ul li .tit { font-size:26px;}
.n-history-list ul li .des { font-size:15px; }
.n-history-list ul li:nth-child(2) { transform: translateY(-80px); }
.n-history-list ul li:nth-child(3) { transform: translateY(-160px); }
.n-history-list ul li:nth-child(4) { transform: translateY(-240px); }
.n-history-list ul li:nth-child(5) { transform: translateY(-320px); }
/*n-pro-gray1650*/
.n-pro-gray { padding-top:90px; }
.n-position { font-size:15px; line-height:70px;  }
.n-pro-top { padding-top:35px; padding-bottom:35px; }
.n-pro-right .tit { font-size:22px; margin-top:20px; }
.n-pro-right .info { font-size:15px; margin-top:8px; }
.n-pro-right .des { font-size:15px; line-height:30px; height:90px; margin-top:3px; }
.n-pro-right .more { width:130px; height:35px; border-radius:18px; font-size:15px; line-height:33px; margin-top:25px; }
.n-pro-top .mySwiper2 {height:390px;}
.n-pro-top .mySwiper{ height:70px; margin-top:40px; padding:0 25px; }
.n-pro-top .mySwiper .swiper-slide{height:70px;}
.n-pro-top .swiper-button-next { width:25px; height:70px; }
.n-pro-top .swiper-button-next:after { font-size:16px; }
.n-pro-top .swiper-button-prev { width:25px; height:70px; }
.n-pro-top .swiper-button-prev::after { font-size:16px;   }
/*n-pro-detail-sub1650*/
.n-pro-detail-sub { padding-top:5px; top: 90px;}
.n-pro-detail-sub ul li { width:150px; height:50px;font-size:16px; line-height:48px; margin:0 13px; }
/*n-pro-ban1650*/
.n-pro-ban {  font-size:18px; line-height:50px;  scroll-margin-top: 140px;  }
.n-pro-ban span { padding:0 25px; }
.n-pro-detail { font-size:16px; padding:18px 0;  }
.n-pro-down { padding:18px 0;  }
.n-pro-down ul li { font-size:16px; line-height:60px;  }
/*banner1650*/
.banner-li .con .wrap { padding-right:53%;  }
.banner-li .con .tit { font-size:46px; }
.banner-li .con .en { font-size:18px; margin-top:8px; }
.banner-li .con .more { width:160px; height:40px; border-radius:20px; font-size:16px; line-height:38px; margin-top:30px;  }
/*i-public1650*/
.i-public .tit { font-size:34px; }
.i-public .des { width:200px; height:20px;  font-size:12px; line-height:20px; margin-top:15px; }
.i-public .des::before{ left:-130px; width:130px; }
.i-public .des::after{ right:-130px; width:130px; }
/*i-search-box1650*/
.i-search-box { width:75%; height:140px; padding:35px 8% 0 8%;  top:-70px; }
.i-search { height:42x; padding:0 5px; }
.i-search input[type=text] { margin-left:5px; width:calc(100% - 5px - 40px); height:40px;font-size:15px;}
.i-search .submit { width:40px; height:40px; font-size:18px; line-height:40px; }
.i-keyword { font-size:15px; margin-top:8px;  }
/*i-about-data1650*/
.i-about { padding-top:130px;  padding-bottom:70px; }
.i-about-show { padding-top:30px; }
.i-about-left {  margin-top:40px; }
.i-about-tit { font-size:16px; }
.i-about-des { font-size:23px; }
.i-about-con {  font-size:15px; }
.i-about-data {margin-top:25px; }
.i-about-data ul li { padding-right:30px; }
.i-about-data ul li::after{ left:-30px; }
.i-about-data ul li .nob {  font-size:16px; }
.i-about-data ul li .nob span { font-size:38px; }
.i-about-data ul li .tit { font-size:18px; }
.i-about-more { width:160px; height:40px; border-radius:20px; font-size:16px; line-height:38px; margin-top:30px; }
/*i-news1650*/
.i-news { padding-top:40px; padding-bottom:50px; }
.i-news-more { width:160px; height:40px; border-radius:20px; font-size:16px; line-height:38px; margin-top:30px;  }
/*i-pro1650*/
.i-pro { padding-top:40px; padding-bottom:40px; }
.i-pro-list { padding-bottom:40px; }
.i-pro-list .swiper-slide{ font-size:16px;padding:40px 0; }
.i-pro-li { height:430px; border-radius:5px; }
.i-pro-li .pic { height:340px; }
.i-pro-li .mask { height:340px; }
.i-pro-li .mask .icon { width:100px; height:100px; }
.i-pro-li .con { padding-top:10px; }
.i-pro-li .tit { font-size:18px; }
.i-pro-li .des { font-size:14px; }
.i-pro-list .swiper-button-next{ width:40px; height:40px; left:calc(50% + 20px); }
.i-pro-list .swiper-button-prev{width:40px; height:40px;  left:calc(50% - 60px);  }
.i-pro-list .swiper-button-next:after{font-size:18px; } 
.i-pro-list .swiper-button-prev:after{font-size:18px; } 


}

@media (max-width:1400px){
/*header1400*/
.header {height:70px; }
.header .logo{ height:70px;  }
.header .nav ul li{ line-height:70px; margin-left:25px; } 
.header .nav ul li .sub { top:70px; }
.h-right { line-height:70px; margin-left:25px; }
.h-right a { margin-left:15px; }
/*search-box1400*/
.search-box { top:70px; }
/*banner-n1400*/
.banner-n { height:390px; }
.banner-n .con { padding-top:70px; }
.banner-n .con .tit { font-size:32px; }
.banner-n .con .des { font-size:18px; margin-top:8px; }
.banner-n .con .info { font-size:15px; margin-top:16px; }
/*f-contact-box1400*/
.f-contact-box { padding-top:30px;}
.f-contact { padding:30px; }
.f-contact .tit { font-size:18px; }
.f-contact .des { margin-top:10px; }
.f-contact .form {margin-top:10px; }
/*n-contact1400*/
.n-contact { padding-top:40px; padding-bottom:40px;}
.n-contact-ban { font-size:24px; }
.n-contact-ban.n-contact-ban2 { margin-top:30px; }
.n-liuyan input[type=text] { height:46px;}
.n-liuyan textarea { height:110px; }
.n-liuyan input[type=submit] { height:41px; }
/*n-pro-sub1400*/
.n-pro-sub { top:70px; }
.n-pro-sub ul li { font-size:15px; line-height:50px; margin-right:25px; }
/*gray-bg1400*/
.n-pro-list ul li .pic { height:200px; }
.n-pro-list.da ul li .pic { height:290px;}
/*n-solution1400*/
.n-solution-detail {scroll-margin-top: 110px;}
.n-solution-li .con .s-public .nob {font-size:62px; }
.n-solution-li .con .s-public .ban { font-size:25px; margin-top:-40px; }
/*a-public1400*/
.a-public { font-size:18px; }
/*n-honor1400*/
.n-honor { padding-top:30px; padding-bottom:30px;  scroll-margin-top: 110px;}
.n-honor-list { margin-top:20px; padding-bottom:60px; }
.n-honor-li { padding:16px 16px 0 16px;}
.n-honor-li .pic { height:240px; }
.n-honor-li .tit { font-size:16px; line-height:50px; }
.n-honor-li .swiper-button-next{ width:30px; height:30px; left:calc(50% + 15px); }
.n-honor-li .swiper-button-prev{width:30px; height:30px;  left:calc(50% - 45px);  }
.n-honor-list .swiper-button-next:after{font-size:16px; } 
.n-honor-list .swiper-button-prev:after{font-size:16px; } 
/*n-about1400*/
.n-about { padding-top:40px; padding-bottom:60px; scroll-margin-top: 110px;}
.n-about-en { font-size:32px;  }
.n-about-cn { font-size:18px; margin-top:-5px; }
.n-about-con { margin-top:5px; }
.n-about-con h3 {  font-size:16px;margin-bottom:6px;  }
.n-about-list { margin-top:20px; }
.n-about-list ul li { width:120px;  }
.n-about-list ul li .pic { width:50px; height:50px; }
.n-about-list ul li .tit { margin-top:6px; }
/*n-history1400*/
.n-history { padding-top:40px; padding-bottom:160px;  scroll-margin-top: 110px; }
.n-history-pic { margin-top:20px; }
.n-history-list { margin-top:160px; }
.n-history-list ul li { background-size:11px auto; padding-left:18px; }
.n-history-list ul li .tit { font-size:22px;}
/*n-pro-gray1400*/
.n-pro-gray { padding-top:70px; }
.n-position { line-height:60px;  }
.n-pro-top { padding-top:30px; padding-bottom:30px; }
.n-pro-right .tit { font-size:20px; margin-top:10px; }
.n-pro-top .mySwiper2 {height:350px;}
/*n-pro-detail-sub1400*/
.n-pro-detail-sub { top: 70px;}
.n-pro-detail-sub ul li { width:130px; height:40px;font-size:15px; line-height:38px; margin:0 11px; }
/*n-pro-ban1400*/
.n-pro-ban {  font-size:16px; line-height:40px;  scroll-margin-top: 110px;  }
.n-pro-ban span { padding:0 20px; }
.n-pro-ban span::after { height:2px; }
.n-pro-detail { padding:16px 0;  }
.n-pro-down { padding:16px 0;  }
.n-pro-down ul li { line-height:50px;  }
/*banner1400*/
.banner-li .con .wrap { padding-right:48%;  }
.banner-li .con .tit { font-size:36px; }
.banner-li .con .en { font-size:16px; margin-top:6px; }
.banner-li .con .more { font-size:15px; }
/*i-public1400*/
.i-public .tit { font-size:28px; }
.i-public .des { margin-top: 10px; }
.i-public .des::before{ left:-100px; width:100px; }
.i-public .des::after{ right:-100px; width:100px; }
/*i-about-data1400*/
.i-about { padding-top:100px;  padding-bottom:60px; }
.i-about-show { padding-top:25px; }
.i-about-left {  margin-top:30px; }
.i-about-tit { font-size:15px; }
.i-about-des { font-size:18px; }
.i-about-data {margin-top:20px; }
.i-about-data ul li { padding-right:20px; }
.i-about-data ul li::after{ left:-20px; }
.i-about-data ul li .nob {  font-size:15px; }
.i-about-data ul li .nob span { font-size:30px; }
.i-about-data ul li .tit { font-size:16px; }
.i-about-more { font-size:15px; }
/*i-news1400*/
.i-news-more { font-size:15px; }
/*i-pro1400*/
.i-pro { padding-top:30px; padding-bottom:30px; }
.i-pro-list { padding-bottom:30px; }
.i-pro-list .swiper-slide{ font-size:15px;padding:30px 0; }
.i-pro-li { height:350px; }
.i-pro-li .pic { height:270px; }
.i-pro-li .mask { height:270px; }
.i-pro-li .mask .icon { width:80px; height:80px; }
.i-pro-li .tit { font-size:17px; }
.i-pro-li .des { font-size:12px; }
.i-pro-list .swiper-button-next{ width:30px; height:30px; left:calc(50% + 15px); }
.i-pro-list .swiper-button-prev{width:30px; height:30px;  left:calc(50% - 45px);  }
.i-pro-list .swiper-button-next:after{font-size:16px; } 
.i-pro-list .swiper-button-prev:after{font-size:16px; } 

}

@media (max-width:1200px){
.wrap{width:94%}
/*n-contact1200*/
.n-contact { padding-top:35px; padding-bottom:35px;}
.n-contact-ban { font-size:22px; }
.n-contact-ban.n-contact-ban2 { margin-top:20px; }
.n-liuyan input[type=text] { height:44px;}
.n-liuyan textarea { height:100px; }
.n-liuyan input[type=submit] { height:38px; }
/*gray-bg1200*/
.n-pro-list ul li .pic { height:180px; }
.n-pro-list.da ul li .pic { height:250px;}
/*banner1200*/
.banner-li .con .tit { font-size:28px; }

}


@media (max-width:992px){
/*header992*/
.welcome { display:none;}
.header{ display:none;}
.nav{ display:none;}
.header2{ display: block; } 
.header-wrap { display:block; height:60px;}
/*search-box992*/
.search-box { top:60px; }
.search-con { width:80%; }
.search-close {  right: 5px; top: 5px;}
/*banner-n992*/
.banner-n { height:270px; }
.banner-n .con { padding-top:0; }
.banner-n .con .tit { font-size:26px; }
.banner-n .con .des { font-size:16px; margin-top:6px; }
.banner-n .con .info { display:none; }
/*footer992*/
.f-left { display:none; }
.f-right { width:55%; margin-left:0; }
.f-ewm { width:38%; }
.f-copy-left { float:none; }
.f-copy-right { float:none; }
/*n-contact992*/
.n-contact { padding-top:30px; padding-bottom:30px;}
.n-contact-left { float:none; width:100%; }
.n-contact-right { float:none; width:100%; margin-top:30px; }
.n-contact-ban { font-size:20px; }
.n-contact-ban.n-contact-ban2 { margin-top:15px; }
.n-liuyan input[type=text] { height:42px;}
.n-liuyan textarea { height:90px; }
.n-liuyan input[type=submit] { height:36px; }
/*n-pro-sub992*/
.n-pro-sub { top:60px; }
.n-pro-sub ul li { font-size: 15px; line-height: 40px; margin-right: 20px; }
/*n-pro-list992*/
.n-pro-list ul li {width:calc((100% - 100px) / 3); }
/*n-history992*/
.n-history { padding-bottom:50px;  }
.n-history-list ul li .tit { font-size: 20px;}
.n-history-list ul li:nth-child(2) { transform: translateY(-70px); }
.n-history-list ul li:nth-child(3) { transform: translateY(-140px); }
.n-history-list ul li:nth-child(4) { transform: translateY(-210px); }
.n-history-list ul li:nth-child(5) { transform: translateY(-280px); }
/*n-pro-gray992*/
.n-pro-gray { padding-top:0; }
.n-position { line-height:50px;  }
.n-pro-right .tit { font-size:18px; }
/*n-pro-detail-sub992*/
.n-pro-detail-sub { top: 60px;}
.n-pro-detail-sub ul li { width:120px; height:30px;line-height:28px; margin:0 9px; }
/*banner992*/
.banner-li .con .wrap { padding-right: 20%; }
.banner-li .con .tit { font-size:24px; }
.banner-li .con .en { font-size:14px; }
/*i-search992*/
.i-search-box { width:94%; }
/*i-public992*/
.i-public .tit { font-size:24px; }
/*i-about992*/
.i-about-data ul li .nob span { font-size: 18px; }
.i-about-data ul li .nob { font-size: 12px; }
.i-about-data ul li .tit {font-size: 15px; }
/*n-ppt992*/
.n-ppt { width:370px; height:520px; margin-top:15px; }
.n-ppt .top { width:80px; height:59px; }
.lanqiu { width:52px; height:52px; }
.lanqiu .pic { width:16px; height:15px; }
.lanqiu .tit { font-size:6px; padding-bottom:9px; background-size:21px 9px; margin-top:1px; }
.lanqiu .des { font-size:5px; background-size:52px 9px; margin-top:1px; }
.lanqiu1 {top:57px; left:45px; }
.lanqiu2 {top:63px; left:103px; }
.lanqiu3 {top:65px; left:162px; }
.lanqiu4 {top:63px; left:223px; }
.lanqiu5 {top:59px; left:281px; }
.zhongjian { top:220px; width:230px; height:11px; font-size:7px; }
.shenlantiao { width:80px; height:20px; font-size:6px; line-height:20px; }
.shenlantiao1 { top:250px; left:47px; }
.shenlantiao2 { top:270px; left:106px; }
.shenlantiao3 { top:270px; left:193px; }
.shenlantiao4 { top:250px; left:237px; }
.lanzhui { width:100px; height:100px; top:310px; }
.lanzhui1 { top:3px; font-size:6px; }
.lanzhui2 { top:25px; left:28px; width:7px; font-size:6px; }
.lanzhui3 { top:25px; right:28px; width:7px; font-size:6px; }
.lanhuan { width:303px; height:70px; top:410px; }
.lanhuan .tit { font-size:7px; top:15px; width:57px; }
.lanhuan .des { font-size:6px; line-height:1.2; width:50px; height:16px; }
.lanhuan .des1 { top:28px; left:9px; }
.lanhuan .des2 { top:44px; left:62px; }
.lanhuan .des3 { top:54px; left:126px; }
.lanhuan .des4 { top:44px; left:197px; }
.lanhuan .des5 { top:21px; left:259px; width:50px; }
.landou { width:45px; height:20px; font-size:6px; line-height:20px; }
.landou1 { top:21px; left:7px; }
.landou2 { top:195px; left:1px; }
.landou3 { top:23px; right:11px; }
.landou4 { top:195px; right:4px; }
.landou5 { top:290px; right:19px; }

}

@media (max-width:767px){
.wrap{width:80%}
.f_nav { display:block;}
/*banner-n767*/
.banner-n { height:120px; }
.banner-n .con .tit { font-size:17px; }
.banner-n .con .des { font-size:14px; margin-top:4px; }
/*n-news-pic767*/
.n-news-pic ul li { float:none; width:100%; margin-left:0; height:auto; padding:15px 0; margin-top:0; }
.n-news-pic ul li .pic { float:left; width:100px; height:70px; border-radius:5px; margin-top:5px; }
.n-news-pic ul li .con { float:right; padding:0; width: calc(100% - 100px - 10px); }
.n-news-pic ul li .date { font-size:13px; }
.n-news-pic ul li .tit { font-size:16px; line-height:26px; height:52px;margin-top:3px; }
.n-news-pic ul li .more { display:none; }
/*n-news-list767*/
.n-news-list ul li { float:none; width:100%; margin-left:0; }
/*f-contact767*/
.f-contact { padding: 20px;}
.f-contact .form { display:block; margin-top:0;}
.f-contact .form form { display:block; }
.f-contact .form input[type=text] { width:100%; margin-top:10px; }
.f-contact .form .captcha-row { flex-direction:row; margin-top:10px; }
.f-contact .form .captcha-row input[type=text] { flex:1; }
.f-contact .form .captcha-row img { height:44px; }
.f-contact .form button { width:100%; margin-top:10px; }
/*footer767*/
.footer { padding-top:20px; padding-bottom:20px; }
.f-right { float:none; width:100%; }
.f-ewm { float:none; width:100%; }
.f-ewm ul li img { width:120px;}
.f-text { margin-top:15px; }
.f-copy { font-size:14px; }
/*n-solution767*/
.n-solution { padding-top: 0; }
.n-solution ul li { margin-top: 20px; padding: 10px; }
.n-solution ul li .pic { float:left; width:100px; height:70px; border-radius:5px;}
.n-solution ul li .con { float:right; padding:0; width: calc(100% - 100px - 10px); }
.n-solution ul li .con .en { display:none;  }
.n-solution ul li .con .tit { font-size:16px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:3px; }
.n-solution ul li .con .des {  display:none;  }
/*n-contact767*/
.n-contact { padding-top:20px; padding-bottom:20px;}
.n-contact-right { margin-top:20px; }
.n-contact-ban { font-size:18px; }
.n-liuyan input[type=text] { height:40px; margin-top:10px; }
.n-liuyan textarea { height:80px; margin-top:10px;  }
.n-liuyan input[type=submit] { width:150px; height:34px; margin-top:10px; font-size:16px; }
/*n-newshow767*/
.n-newshow {  padding-top:20px; padding-bottom:40px;  }
.n-tit { font-size:20px; }
.n-show { min-height:200px;}
/*n-pro-list767*/
.gray-bg { padding-top: 20px;padding-bottom: 20px; }
.n-pro-list ul li {width:calc((100% - 30px) / 2); margin-left:10px; margin-top:15px; }
.n-pro-list ul li .pic { height: 150px; }
.n-pro-list ul li .tit i { margin-left:5px; }
.n-pro-list.da ul li .pic { height:220px;}
/*n-solution767*/
.n-solution-detail { padding-top: 30px; padding-bottom: 30px; scroll-margin-top: 100px;}
.eye-solution .n-solution-li { padding-top:30px; }
.eye-solution .n-solution-li:last-child { padding-bottom:30px; }
.eye-left-layout .con { padding-left: 0 !important; padding-right: 20px !important; }
.eye-reverse-layout .con { padding-left: 20px !important; padding-right: 20px !important; }
.n-solution-li { display:block; }
.n-solution-li .con { width:100%; padding-right:20px; }
.n-solution-li:nth-child(even) .con { padding-left:20px; }
.n-solution-li .pic { width:100%; height:auto; margin-top:30px;  }
.n-solution-li .con .s-public .nob {font-size:42px; }
.n-solution-li .con .s-public .ban { font-size:20px; margin-top:-30px; }
/*n-honor767*/
.n-honor{ scroll-margin-top: 100px;}
/*.n-honor-li .pic { height:200px; }*/
.n-honor-li .tit { font-size:15px; line-height:40px; }
/*n-about767*/
.n-about { background-image:none;scroll-margin-top: 100px; }
.n-about-en { font-size:22px;  }
.n-about-left { float:none; width:100%; }
.n-about-list ul li { width: 30%;}
/*n-history767*/
.n-history { padding-bottom:150px; scroll-margin-top: 100px;}
.n-history-pic { width: 80%; margin-top: 20px; }
.n-history-list {  margin-top: 10px; }
.n-history-list ul li { float:none; width:100%; margin-top:20px; }
.n-history-list ul li:nth-child(2) { transform: translateY(0px); }
.n-history-list ul li:nth-child(3) { transform: translateY(0px); }
.n-history-list ul li:nth-child(4) { transform: translateY(0px); }
.n-history-list ul li:nth-child(5) { transform: translateY(0px); }
.n-history-list ul li .tit { font-size: 18px;}
/*n-pro767*/
.n-position { padding-top:10px; padding-bottom:10px; line-height: 1.5;}
.n-pro-top { padding-top: 20px; padding-bottom: 20px; }
.n-pro-left { float:none; width:100%; }
.n-pro-right { float:none; width:100%; padding-top:10px; }
.n-pro-top .mySwiper2 { height: 280px; }
.n-pro-right .tit { font-weight:bold; }
/*n-pro-detail-sub767*/
.n-pro-detail-sub ul { display:block; }
.n-pro-detail-sub ul li { width:20%; margin:0 0; }
/*n-pro-ban767*/
.n-pro-ban { scroll-margin-top: 100px;  }
.n-pro-down ul li span { display:none; }
/*banner767*/
.banner-li { height:70vh;}
.banner-li .con .wrap { padding-right: 10%; }
.banner-li .con .tit { font-size:22px; }
.banner-li .con .en { font-size:12px; }
/*i-public767*/
.i-public .tit { font-size:22px; }
.i-public .des::before { left: -40px; width: 40px; }
.i-public .des::after { right: -40px; width: 40px; }
/*i-about767*/
.i-about { background-image:none; }
.i-about-left { margin-top:0; width:100%; }
/*i-pro767*/
/*.i-pro-li { height:300px; }
.i-pro-li .pic { height:220px; }
.i-pro-li .mask { height:220px; }*/
.i-pro-li .mask .icon { width:60px; height:60px; }
.i-pro-li .tit { font-size:16px; }

}

@media (max-width:500px){
.wrap{width:94%}


}

@media (max-width:350px){
.n-pro-detail-sub ul li { font-size:14px; }

}