@charset "utf-8";
*{margin:0;padding:0}
html{overflow-x:hidden;font-size:13.3333333333vw}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family: 'Noto Sans', noto-sans-fallback, 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: 'Noto Sans', noto-sans-fallback, 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}
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:PingFang SC,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:1440px;position:relative;max-width:100%;margin:0 auto}
/*自定义*/
/*header*/
.header { position:fixed; background-color:#005cb9; width:100%; height:65px; z-index:22; }
.header .logo{float:left; height:65px;  }
.header .logo a{display:block; 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 .nav{float:left; position:relative; padding-left:10px; }
.header .nav ul li { float:left; width:auto; margin-left:6px; } 
.header .nav ul li .top { color:#ffffff; font-size:14px; line-height:65px; padding:0 15px; position:relative; font-weight:bold; cursor:pointer; }
.header .nav ul li.active .top::after{content:""; position:absolute; right:0; top:50%; margin-top:-4.5px; width:9px; height:9px; background:url(../images/nav-top.png) no-repeat center center; background-size:100% 100%; }
.header .nav ul li .sub { position: absolute;width:260px; min-height:300px; left:0; text-align:center; top:65px;z-index:30000; background-color:#ebedf0; padding:20px 20px; display:none; }
.header .nav ul li .sub2  { position: absolute;width:260px; min-height:300px; left:260px; text-align:center; top:0;z-index:30000; background-color:#f3f6f8; padding:20px 20px; display:none; }
.header .nav ul li .sub3  { position: absolute;width:260px; min-height:300px; left:260px; text-align:center; top:0;z-index:30000; background-color:#ffffff; padding:20px 20px; display:none; }
.header .nav ul li div[class^='sub'] ul li { float:none; width:100%; line-height:45px; text-align:left;  margin:0; padding:0; color:#1b1b1b; font-size:14px; font-weight:normal; border-bottom:#dcddde solid 1px; }
.header .nav ul li div[class^='sub'] ul li:last-child { border-bottom:none; }
.header .nav ul li div[class^='sub'] ul li a { display:block;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .nav ul li .top2 {  background: url(../images/nav-sub.png) no-repeat calc(100% - 5px) center; color:#005cb9; }
.header .nav ul li .top2 a { color:#005cb9; }
.header .nav ul li .top2.has {  background: url(../images/nav-sub2.png) no-repeat calc(100% - 5px) center; color:#1b1b1b;  }
.header .nav ul li .top2.has a  { color:#1b1b1b; }
.header .nav ul li .top3 {  background: url(../images/nav-sub.png) no-repeat calc(100% - 5px) center; color:#005cb9; }
.header .nav ul li .top3 a { color:#005cb9; }
.header .nav ul li .top3.has {  background: url(../images/nav-sub2.png) no-repeat calc(100% - 5px) center; color:#1b1b1b;  }
.header .nav ul li .top3.has a  { color:#1b1b1b; }
.header .nav ul li .top4 {  background: url(../images/nav-sub.png) no-repeat calc(100% - 5px) center; color:#005cb9; }
.header .nav ul li .top4 a { color:#005cb9; }
.header .nav ul li .top4.has {  background: url(../images/nav-sub2.png) no-repeat calc(100% - 5px) center; color:#1b1b1b;  }
.header .nav ul li .top4.has a  { color:#1b1b1b; }
.header .nav .top:hover > a,.nav .top2:hover > a,.nav .top3:hover > a,.nav .top4:hover > a { font-weight: bold; }
/*其他*/
.header .logo-right {float:right; height:65px; width:90px; display: flex;  align-items: center; justify-content: center;  }
.header .logo-right a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo-right img{ max-width:100%; max-height:100%; vertical-align:middle; }
.header .h-search {float:right; height:65px; width:88px; display: flex;  align-items: center; justify-content: center; cursor:pointer;  }
.header .h-search a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .h-search img{ max-width:100%; max-height:100%; vertical-align:middle; }
/*搜索框*/
.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000}
.modalBox{width:630px;height:172px;background-color:#fff;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative;padding:20px;box-sizing:border-box;margin: 50px auto;}
.closeModalBtn{position:absolute;top:10px;right:10px;font-size:20px;font-weight:700;color:#999;cursor:pointer;background:0 0;border:none}
.closeModalBtn:hover{color:#333}
.modalBoxSearch { width:100%; height:auto; border:#dadcde solid 1px; border-radius:5px; padding:3px; margin-top:20px; }
.modalBoxSearch input[type=text] { width:calc(100% - 63px); height:40px;color:#000000; font-size:14px; border:none; vertical-align:middle; padding-left:10px; background:url(../images/search-icon-black.png) no-repeat 10px center; background-size:16px 16px; padding-left:35px;  }
.modalBoxSearch input[type=submit] { float:right; width:53px; text-align:center; height:40px; background-color:#005cb9; text-align:center; color:#FFF; font-size:14px; cursor:pointer; border:none;vertical-align:middle; border-radius:5px;  }
.modalBoxSearchMo { padding:0 3%; display:none; }
.modalBoxSearchMo input[type=text] { background:url(../images/search-icon.png) no-repeat 10px center; background-size:16px 16px; color:#FFF; }
.modalBoxSearchMo input[type=text]::-webkit-input-placeholder{color:#ffffff!important}
/*header2*/
.header2{height:60px;position:fixed;background:#005cb9;z-index:22;top:0;width:100%; display:none; }
.header2 .main-wrap{height:60px;padding:0 3% 0 0;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:auto; height:100%; 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;}
.header2 .logo-right{ width:auto; height:100%; overflow:hidden;  float: right; display: inline; display: flex;  align-items: center; justify-content: left; margin-right:20px; }
.header2 .logo-right a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: left;}
.header2 .logo-right img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}
.header2 .nav-btn .zi { width:20px; color:#ffffff; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; display:none; }
.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:#ffffff;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:#ffffff}
.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 .nav{ position:relative; height:calc(100vh - 72px); overflow-y:auto; margin-top:10px; display:none;  }
.header2 .nav ul li { width:100%; } 
.header2 .nav ul li .top { color:#ffffff; font-size:14px; line-height:45px; position:relative; font-weight:bold; cursor:pointer; }
.header2 .nav ul li.active .top::after{content:""; position:absolute; right:0; top:50%; margin-top:-4.5px; width:9px; height:9px; background:url(../images/nav-top.png) no-repeat center center; background-size:100% 100%; }
.header2 .nav ul li .sub { text-align:center; z-index:30000; background-color:#ebedf0;  display:none; }
.header2 .nav ul li .sub2  { text-align:center; z-index:30000; background-color:#f3f6f8; display:none; }
.header2 .nav ul li .sub3  { text-align:center; z-index:30000; background-color:#ffffff; display:none; }
.header2 .nav ul li div[class^='sub'] ul li { float:none; width:100%; line-height:45px; text-align:left;  margin:0; padding:0; color:#1b1b1b; font-size:14px; font-weight:normal; border-bottom:#dcddde solid 1px;  }
.header2 .nav ul li div[class^='sub'] ul li:last-child { border-bottom:none; }
.header2 .nav ul li div[class^='sub'] ul li a { display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.header2 .nav ul li .top {  background: url(../images/nav-sub-white.png) no-repeat calc(100% - 25px) center; color:#ffffff; padding:0 20px; }
.header2 .nav ul li .top a { color:#ffffff; }
.header2 .nav ul li .top.has {  background: url(../images/nav-sub2-white.png) no-repeat calc(100% - 25px) center; color:#ffffff;  }
.header2 .nav ul li .top.has a  { color:#ffffff; }
.header2 .nav ul li .top2 {  background: url(../images/nav-sub.png) no-repeat calc(100% - 25px) center; color:#005cb9; padding:0 20px 0 30px; }
.header2 .nav ul li .top2 a { color:#005cb9; }
.header2 .nav ul li .top2.has {  background: url(../images/nav-sub2.png) no-repeat calc(100% - 25px) center; color:#1b1b1b;  }
.header2 .nav ul li .top2.has a  { color:#1b1b1b; }
.header2 .nav ul li .top3 {  background: url(../images/nav-sub.png) no-repeat calc(100% - 25px) center; color:#005cb9; padding:0 20px 0 40px; }
.header2 .nav ul li .top3 a { color:#005cb9; }
.header2 .nav ul li .top3.has {  background: url(../images/nav-sub2.png) no-repeat calc(100% - 25px) center; color:#1b1b1b;  }
.header2 .nav ul li .top3.has a  { color:#1b1b1b; }
.header2 .nav ul li .top4 {  background: url(../images/nav-sub.png) no-repeat calc(100% - 25px) center; color:#005cb9; padding:0 20px 0 50px; }
.header2 .nav ul li .top4 a { color:#005cb9; }
.header2 .nav ul li .top4.has {  background: url(../images/nav-sub2.png) no-repeat calc(100% - 25px) center; color:#1b1b1b;  }
.header2 .nav ul li .top4.has a  { color:#1b1b1b; }
.header2 .nav .top:hover > a,.nav .top2:hover > a,.nav .top3:hover > a,.nav .top4:hover > a { font-weight: bold; }
.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:#005cb9; display:none; } 
.header-wrap {  height:65px;}
/* 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:#005cb9;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:#005cb9;border-color:#005cb9}
.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}
/*hero-wrapper*/
.hero { width:100%; height:auto; background-position:10% center; background-color:#000; padding:90px 0; }
.hero .tit { color:#ffffff; font-size:52px; line-height:1; font-weight:lighter; }
.hero .tit sup { font-size:32px; }
.hero .des { color:#ffffff; font-size:14px; line-height:1.7; margin-top:60px; max-width: 450px; }
.hero .des h3 { font-size:20px; font-weight:normal; margin-bottom:14px; }
.hero .list { margin-top:40px; width:100%; }
.hero .list ul li { float:left; width:15%; margin-top:20px; height: 96px; border:#ffffff solid 1px;  border-radius:5px;  color:#ffffff; font-size:16px; line-height:2; margin-left:1.66%; padding:10px 20px; }
.hero .list ul li:first-child { margin-left:0; }
/*highlights*/
.highlights { height:auto; padding-top:15px; padding-bottom:30px; min-height:400px; }
.highlights-tab { border-bottom:#dcddde solid 1px; }
.highlights-tab ul li { float:left; color:#545556; font-size:14px; line-height:60px; padding:0 10px; cursor:pointer;border-bottom:#ffffff solid 1px; }
.highlights-tab ul li.active { color:#005cb9; font-weight:bold;border-bottom:#005cb9 solid 1px; }
.highlights-con-li { display:none; }
.highlights-con { height:auto; margin-top:24px; }
.highlights-con ul li { float:left;  width:calc((100% - 48px) / 3); margin-left:24px; }
.highlights-con ul li:first-child { margin-left:0; }
.highlights-con .pic { height:270px; overflow:hidden; }
.highlights-con .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.highlights-con .des {  color:#191919; font-size:16px; line-height:1.7; }
.highlights-con .des h3 {  color:#005cb9; font-size:20px; font-weight:normal; margin-bottom:16px; }
.highlights-con .more { width:124px; height:40px; background-color:#005cb9; text-align:center; color:#ffffff; font-size:14px; line-height:40px; border-radius:5px; margin-top:20px; }
.highlights-con .more a { display:block; color:#ffffff;  }
.highlights-con .more:hover { opacity:0.8; }
/*bar*/
.bar { height:150px; background-color:#005cb9; }
.bar.black { background-color:#000;  }
.bar .wrap { height:100%; display:flex; align-items: center;  justify-content: space-between;}
.bar .tit { color:#ffffff; font-size:26px; line-height:1.5; }
.bar .more { width:auto;  height:56px; text-align:center; background-color:#FFF; color:#005cb9; font-size:16px; line-height:56px; font-weight:bold; border-radius:5px;  flex-shrink: 0;}
.bar .more a { display:block; color:#005cb9; padding:0 25px;}
.bar .more:hover { opacity:0.9; } 
/*cards*/
.cards { padding-top:40px; padding-bottom:60px; }
.cards-tit { color:#191919; font-size:24px; line-height:1.5; }
.cards-list { height:auto; }
.cards-list ul li { float:left; width:32%; height:540px; border-radius:5px; padding:20px; border:#dadcde solid 1px; background-color:#ebedf0; position:relative; margin-top:20px; }
.cards-list ul li:nth-child(3n+2) { margin-left:2%;}
.cards-list ul li:nth-child(3n+3) { margin-left:2%;}
.cards-list ul li .pic { height:230px; overflow:hidden; border-radius:5px;}
.cards-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.cards-list ul li .tit { color:#005cb9; font-size:18px; line-height:1.7; font-weight:bold; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top:18px; }
.cards-list ul li .des { color:#2d302d; font-size:14px; line-height:1.6; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; margin-top:16px; }
.cards-list ul li .more { width:96px; height:40px; text-align:center; background-color:#005cb9; color:#ffffff; font-size:14px; line-height:40px; font-weight:bold; border-radius:5px; position:absolute; bottom:20px; left:20px; }
.cards-list ul li .more:hover { opacity:0.8; } 
/*news-list*/
.news-list { height:auto; }
.news-list ul li { float:left; width:32%; height:540px; border-radius:5px; padding:20px; border:#dadcde solid 1px; background-color:#ebedf0; position:relative; margin-top:20px; }
.news-list ul li:nth-child(3n+2) { margin-left:2%;}
.news-list ul li:nth-child(3n+3) { margin-left:2%;}
.news-list ul li .pic { height:230px; overflow:hidden; border-radius:5px;}
.news-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.news-list ul li .date { display:inline-block;  color:#27322f; font-size:12px; line-height:22px; background-color:#FFF; border:#dcddde solid 1px; border-radius:5px; padding:0 5px; margin-top:18px; }
.news-list ul li .tit { color:#191919; font-size:18px; line-height:1.7; font-weight:bold; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top:8px; }
.news-list ul li .des { color:#2d302d; font-size:14px; line-height:1.6; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-top:16px; }
.news-list ul li .more { width:96px; height:40px; text-align:center; background-color:#005cb9; color:#ffffff; font-size:14px; line-height:40px; font-weight:bold; border-radius:5px; position:absolute; bottom:20px; left:20px; }
.news-list ul li .more:hover { opacity:0.8; } 
/*knowledge-list*/
.knowledge-list { height:auto; }
.knowledge-list ul li { float:left; width:32%; height:490px; border-radius:5px; padding:20px; border:#dadcde solid 1px; background-color:#ebedf0; position:relative; margin-top:20px; }
.knowledge-list ul li:nth-child(3n+2) { margin-left:2%;}
.knowledge-list ul li:nth-child(3n+3) { margin-left:2%;}
.knowledge-list ul li .pic { height:230px; overflow:hidden; border-radius:5px;}
.knowledge-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.knowledge-list ul li .tit { color:#191919; font-size:18px; line-height:1.7; font-weight:bold; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top:18px; }
.knowledge-list ul li .des { color:#2d302d; font-size:14px; line-height:1.6; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-top:16px; }
.knowledge-list ul li .more { width:96px; height:40px; text-align:center; background-color:#005cb9; color:#ffffff; font-size:14px; line-height:40px; font-weight:bold; border-radius:5px; position:absolute; bottom:20px; left:20px; }
.knowledge-list ul li .more:hover { opacity:0.8; } 
/*featured*/
.featured { margin-top:70px; margin-bottom:30px; position:relative;  overflow:hidden; border-radius:20px; background-color:#000; padding-top:90px; padding-bottom:100px;  }
.featured .box { width:100%; height:100%; padding:0 5%; }
.featured .box .flex { height:100%; display:flex; align-items: center;  justify-content: space-between; flex-direction: row-reverse; }
.featured .pic { width:410px; height:auto; overflow:hidden; border-radius:20px; flex-shrink: 0;}
.featured .pic img {width: 100%;height: 100%; object-fit: contain; }
.featured .con { max-width:50%; }
.featured .con .info { color:#ffffff; font-size:12px; line-height:40px;  }
.featured .con .info span { display:inline-block; width:auto; border:#ffffff solid 1px; border-radius:20px; padding:0 8px; margin-right:10px; }
.featured .con .des { color:#ffffff; font-size:14px; line-height:26px; }
.featured .con .des h3 { font-size:26px; line-height:1.7; font-weight:normal; margin-top:20px; margin-bottom:20px; }
.featured .con .more { width:108px; height:45px; background-color:#005cb9; border-radius:10px; text-align:center; color:#ffffff; font-size:16px; line-height:45px; margin-top:20px; }
.featured .con .more a { display:block; color:#ffffff; }
.featured .con .more:hover { background-color:#4c8dce; } 
/*case*/
.case { height:80vh; display:flex; align-items: center;  justify-content: space-between; flex-direction: row-reverse; }
.case-left { width:50%; height:100%; background-image: linear-gradient(75deg, #000, #003185 70%, #005cb8); }
.case-left .box { margin-left:23%; width:60%; height:100%; display: flex; flex-direction: column;  justify-content: center; align-items: flex-start; }
.case-left .info { color:#ffffff; font-size:12px; line-height:40px;  }
.case-left .info span { display:inline-block; width:auto; border:#ffffff solid 1px; border-radius:20px; padding:0 8px; margin-right:10px; }
.case-left .des { color:#ffffff; font-size:14px; line-height:26px; }
.case-left .des h3 { font-size:26px; line-height:1.7; font-weight:normal; margin-top:20px; margin-bottom:20px; }
.case-left .more { width:108px; height:45px; background-color:#005cb9; border-radius:10px; text-align:center; color:#ffffff; font-size:16px; line-height:45px; margin-top:20px; }
.case-left .more a { display:block; color:#ffffff; }
.case-left .more:hover { background-color:#4c8dce; } 
.case-right { width:50%; height:100%; }
.case-right img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
/*footer*/
.footer { background-color:#262626; color:#ffffff; font-size:14px; line-height:40px; padding-top:40px; padding-bottom:40px; }
.f-logo { width:160px; margin-bottom:20px; }
.f-logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-left { display: flex; justify-content: space-between; align-items: flex-start; }
.f-left dl dd { overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-link a { width:20px; height:20px; margin-right:10px; }
.f-link a img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-ewm img { max-width:120px; }
/*f-copy*/
.f-copy { background-color:#000000;  color:#ffffff; font-size:12px; line-height:2; padding:30px 0; }
/*n-main*/
.n-main { min-height:60vh; padding-top:30px; padding-bottom:50px; }
.n-position { color:#666666; font-size:12px; line-height:2;  }
.n-position i { display:inline-block; width:16px; height:16px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; transform: translateY(-2px); }
.n-position a { color:#005cb9; }
.n-public { margin-top:10px; border-bottom:#ebedf0 solid 1px; padding:20px 0; }
.n-public .tit { float:left; color:#191919; font-size:28px; line-height:48px; }
.n-public .n-search { float:right; width:32%; }
.n-public .n-search .modalBoxSearch { margin-top:0; }
.n-page { color:#191919; font-size:16px; line-height:2; margin-top:30px; }
.n-page h1 { font-weight:normal; font-size:30px; }
/*section-title*/
.section-title { color:#191919; font-size:16px; line-height:1.7; background-color:#f3f6f8; margin-top:10px; padding:20px 0; }
.section-title h3 { font-size:28px; font-weight:normal; }
/*n-detail*/
.n-detail { height:auto; padding:0 10%; }
.n-detail .pic { float:left; width:45%; height:340px; }
.n-detail .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-detail .con { float:right; width:45%; margin-top:30px; }
.n-detail .con .tit { color:#0a0a0a; font-size:30px; line-height:1.7; }
.n-detail .con .info { color:#000000; font-size:14px; line-height:1.7; margin-top:5px; }
.n-detail .con .des { color:#1e1e1e; font-size:16px; line-height:1.7; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-top:12px; }
.n-detail .con .more { color:#ffffff; font-size:16px; line-height:54px; background-color:#005cb9; border-radius:5px; text-align:center; margin-top:34px; }
.n-detail .con .more a { display:block; color:#ffffff; }
.n-detail .con .more:hover { opacity:0.8; } 
/*n-sticky*/
.n-sticky { height:auto; margin-top:20px; }
.n-sticky-ban { border-bottom:#dcddde solid 1px;  position: sticky; top: 65px; background-color:#FFF;  }
.n-sticky-ban ul li { float:left; color:#1e1e1e; font-size:16px; line-height:56px; }
.n-sticky-ban ul li a { display:block; color:#1e1e1e; padding:0 10px; border-bottom:#ffffff solid 1px;  transition: color 0.3s, border-bottom 0.3s;}
.n-sticky-ban ul li a.active { border-bottom:#005cb9 solid 1px; }
.n-sticky-con { margin-top:20px; }
.n-sticky-con-li { min-height:20vh; color:#191919; font-size:16px; line-height:2; scroll-margin-top: 121px; padding-bottom:20px; }
.n-sticky-con-li .tit { font-size:24px; font-weight:normal; }
/*n-video*/
.n-video { padding:50px 0; }
.n-video .des { float:left;  width:calc(100% - 630px);  color:#191919; font-size:16px; line-height:2; }
.n-video .con { float:right; width:600px; }
 /* 遮罩层样式 */
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;z-index:999}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);width:90%;max-width:500px;z-index:1000;display:none}
.close-btn{ float:right; background-color:#FFF; color:#000000;border:none; cursor:pointer;font-size:16px;transition:background-color .3s}
.modal .ban { padding:10px 20px; border-bottom:#005cb9 solid 1px; color:#000000; font-size:20px; line-height:1.5;}
.modal .con { padding:20px 0; }
.modal .con table {border-collapse: collapse; background:#FFF; }
.modal .con table tr td { line-height:20px; border:none; padding:10px;}
.modal .con input[type=text] { width:100%;  height:35px;color:#000000; font-size:16px; background-color:#f2f2f2; border:none; padding-left:10px; }
.modal .con select { width:100%;  height:35px;color:#000000; font-size:14px; background-color:#f2f2f2; border:none; padding-left:5px; }
.modal .con .submit { width:52px; height:35px; background-color:#005cb9; text-align:center; border:none; color:#ffffff; font-size:16px; cursor:pointer; }
.modal .con label { margin-right:10px; }



@media (max-width:1440px){
/*header1440*/
.wrap{width:88%}

}

@media (max-width:1024px){
/*header992*/
.wrap{width:92%}
.header{ display:none;}
.header .nav{ display:none;}
.header2{ display: block; } 
.header-wrap { height:60px;}
/*hero-wrapper1024*/
.hero .des { max-width: 100%; }
.hero .list ul li { width:32%; margin-left:2%;  }
.hero .list ul li:nth-child(3n+1) { margin-left:0; }
/*n-detail1024*/
.n-detail { padding:0; max-width:580px; margin:0 auto; }
.n-detail .pic { float:none; width:100%; text-align:center; height:auto; }
.n-detail .con { float:none; width:100%; margin-top:20px;  }
.n-detail .con .tit { font-size:26px; }
.n-detail .con .des { margin-top:7px; }
.n-detail .con .more {margin-top:24px; }
/*n-sticky1024*/
.n-sticky-ban { top: 60px; max-width:580px;  margin:0 auto; }
.n-sticky-con-li { max-width:580px; margin:0 auto; }
/*n-video1024*/
.n-video { padding:30px 0; }
.n-video .des { float:none;  width:100%; }
.n-video .con { float:none; width:100%; }

}

@media (max-width:767px){
/*cards767*/
.cards-list ul li { width:48.5%; }
.cards-list ul li:nth-child(3n+2) { margin-left:0;}
.cards-list ul li:nth-child(3n+3) { margin-left:0;}
.cards-list ul li:nth-child(even) { margin-left:3%; }
/*news767*/
.news-list ul li { width:48.5%; }
.news-list ul li:nth-child(3n+2) { margin-left:0;}
.news-list ul li:nth-child(3n+3) { margin-left:0;}
.news-list ul li:nth-child(even) { margin-left:3%; }
/*knowledge767*/
.knowledge-list ul li { width:48.5%; }
.knowledge-list ul li:nth-child(3n+2) { margin-left:0;}
.knowledge-list ul li:nth-child(3n+3) { margin-left:0;}
.knowledge-list ul li:nth-child(even) { margin-left:3%; }
/*featured767*/
.featured { margin-top:60px; margin-bottom:20px; padding-top:50px; padding-bottom:50px; }
.featured .box .flex { display:block; }
.featured .pic { width:50%; height:auto; margin:0 auto; }
.featured .con { width:100%;  max-width:100%; }
.featured .con .des h3 { font-size:20px; margin-top:15px; margin-bottom:15px; }
.featured .con .more { width:100%;  font-size:14px; margin-top:15px; }
/*case767*/
.case { height:auto; display:block; }
.case-left { width:100%; height:auto; padding:40px 0; }
.case-left .box { margin-left:6%; width:88%; height:100%; }
.case-left .des h3 { font-size:20px; margin-top:15px; margin-bottom:15px; }
.case-left .more { width:100%; font-size:14px; margin-top:15px; }
.case-right { width:100%; height:40vh; }
/*footer767*/
.f-logo { display:none; }
.f-left { display:block; }
.f-left dl { display:none; }
.f-left dl:last-child { display:block; }
/*f-copy767*/
.f-copy { text-align:center; }

}

@media (max-width:640px){
.wrap{width:88%}
/*hero-wrapper640*/
.hero { padding:60px 0; }
.hero .tit { font-size:40px; }
.hero-wrapper .hero .tit sup { font-size:20px; }
.hero-wrapper .hero .des h3 { font-size:16px; }
.hero .list ul li { float:none; width:100%; margin-left:0; }
/*highlights640*/
.highlights { padding-bottom:50px; }
.highlights-tab ul li { float:left; width:48%; line-height:45px; padding:0 5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.highlights-con { margin-top:0; }
.highlights-con ul li { float:none;  width:100%; margin-left:0; margin-top:30px; }
.highlights-con ul li:first-child { margin-left:0; }
.highlights-con .pic { height:220px; }
.highlights-con .des { font-size:14px; }
.highlights-con .des h3 { font-size:18px; margin-bottom:11px; }
.highlights-con .more { width:100%;  font-size:14px;}
/*bar640*/
.bar { height:auto; padding:30px 0; }
.bar .wrap { display:block; }
.bar .tit { font-size:20px; }
.bar .more { width:100%; height:46px; font-size:14px; line-height:46px; margin-top:20px; }
/*cards640*/
.cards { padding-top:30px; padding-bottom:50px; }
.cards-tit { font-size:20px; }
.cards-list ul li { float:none; width:100%; height:480px; }
.cards-list ul li:nth-child(even) { margin-left:0; }
.cards-list ul li .pic { height:210px; }
.cards-list ul li .tit { font-size:16px; margin-top:13px; }
.cards-list ul li .des { margin-top:11px; }
.cards-list ul li .more {  width:calc(100% - 40px);   }
/*news640*/
.news-list ul li { float:none; width:100%; height:480px; }
.news-list ul li:nth-child(even) { margin-left:0; }
.news-list ul li .pic { height:210px; }
.news-list ul li .date { margin-top:13px; }
.news-list ul li .tit { font-size:16px; margin-top:3px; }
.news-list ul li .des { margin-top:11px; }
.news-list ul li .more {  width:calc(100% - 40px);   }
/*knowledge640*/
.knowledge-list ul li { float:none; width:100%; height:450px; }
.knowledge-list ul li:nth-child(even) { margin-left:0; }
.knowledge-list ul li .pic { height:210px; }
.knowledge-list ul li .tit { font-size:16px; margin-top:13px; }
.knowledge-list ul li .des { margin-top:11px; }
.knowledge-list ul li .more {  width:calc(100% - 40px);   }
/*n-main640*/
.n-main { padding-top:20px; padding-bottom:40px; }
.n-public { margin-top:5px; padding:15px 0; }
.n-public .tit { float:none; font-size:22px; line-height:40px; }
.n-public .n-search { float:none; width:100%; margin-top:10px; }
.n-page { margin-top:20px; }
.n-page h1 { font-size:22px; }
/*section-title640*/
.section-title { font-size:15px;  margin-top:10px; padding:15px 0; }
.section-title h3 { font-size:24px; }
/*n-sticky640*/
.n-sticky-con-li .tit { font-size:19px; font-weight:normal; }
 /* 遮罩层样式640 */
.modal .ban { padding:5px 15px; font-size:18px; }
.modal .con { padding:15px 0; }
.modal .con table tr td { display:block; width:100%; }

}