@charset "utf-8";


.in_page_banner_tit6{position: absolute;top:25%;left:11.1%;}
.in_page_banner_tit6 strong{color: #fff;font-size:18px;font-weight: normal;display: block;line-height: 54px;}
.in_page_banner_tit6 p{color: #fff; font-weight: normal; font-size:2.4vw; letter-spacing:3px; font-family: DIN;}
@media screen and (max-width:1680px){
	.in_page_banner_tit6{left:6%;}
}
@media screen and (max-width:1600px){.in_page_banner_tit6{left:6%;}}
@media screen and (max-width:1500px){.in_page_banner_tit6{left:6%;}}
@media screen and (max-width:1400px){.in_page_banner_tit6{left:6%;}}
@media screen and (max-width:1366px){.in_page_banner_tit6{left:6%;}}


.join{width: 100%; background:#021151;}
.join .join-menu{width:1500px; margin:auto; border-bottom:2px solid #03176d;}
.join .join-menu ul{display: flex; justify-content: center; margin-bottom: -1px; padding-top:70px;}
.join .join-menu ul li{margin: 0 54px; border-bottom: 3px solid transparent;}
@media (max-width: 500px){.join .join-menu ul li{margin: 0 0.2rem;}}
.join .join-menu ul li a{font-size:20px; line-height:70px; color: #fff;}
@media (max-width: 1600px){.join .join-menu ul li a{font-size: 16px;}}
@media (max-width: 1440px){.join .join-menu ul li a{font-size: 14px;}}
.join .join-menu ul li:hover a{color: #156bff;}
.join .join-menu ul li.cur{border-bottom:2px solid #156bff;}
.join .join-menu ul li.cur a{color: #156bff;}
.join .box{width:1500px; margin: auto; display: flex; flex-wrap: wrap; padding:70px 0 6px 0;}
@media (max-width: 1600px){.join .box{width: 84%;}}
@media (max-width: 1280px){.join .box{width: 90%;}}
.join .box .menu{width: 100%; display: flex; flex-wrap: wrap;}
.join .box .menu .select{width: 31.4%;}
@media (max-width: 768px){.join .box .menu .select{width: 49%;}}
.join .box .menu .select select{width: 100%; font-size:18px; height:78px; background: #132459 url(../images/arrow4.png) 92% center no-repeat; background-size: 16px; border-radius:8px; padding-left:35px; color:#fff;}
.join .box .menu .search{width: 31.4%; display: flex; background:#132459; border-radius:8px; margin-left: 2.9%;}
@media (max-width: 768px){.join .box .menu .search{width: 49%; margin-left: 2%;}}
.join .box .menu .search .txt{ padding-left:35px; height:78px; font-size: 18px; color: #fff; width:370px;}
@media (max-width: 1600px){.join .box .menu .search .txt{font-size: 16px;}}
@media (max-width: 1440px){.join .box .menu .search .txt{font-size: 14px;}}
.join .box .menu .search .txt::placeholder{color: #ccc;}
.join .box .menu .search .btn{height:21px; width:22px; margin-top:28.5px; margin-right:30px; background: url(../images/search.png) left center no-repeat; background-size:21px; flex-shrink: 0;}
.join .box .list{width: 100%; margin-top:40px;}
.join .box .list ul{width: 100%; display: flex; flex-wrap: wrap;}
.join .box .list ul li{width: 31.4%; margin-right: 2.9%; margin-bottom: 40px;}
.join .box .list ul li:nth-child(3n){margin-right: 0;}
@media (max-width: 768px){.join .box .list ul li{width: 49%; margin-right: 2%;} .join .box .list ul li:nth-child(3n){margin-right: 2%;} .join .box .list ul li:nth-child(2n){margin-right: 0;}}
@media (max-width: 500px){.join .box .list ul li{width: 100%; margin-right: 0;} .join .box .list ul li:nth-child(3n){margin-right: 0%;}}
.join .box .list ul li a{display: block; background:#132459; border-radius:8px; padding:36px 36px 30px 36px;}
.join .box .list ul li a .t1{font-size:20px; color: #fff; line-height: 24px;}
@media (max-width: 1600px){.join .box .list ul li a .t1{font-size: 16px;}}
@media (max-width: 1440px){.join .box .list ul li a .t1{font-size: 14px;}}
.join .box .list ul li a .t2{width: 100%; display: flex; justify-content: space-between; margin-top:15px; line-height:24px; font-size:15px; color: #CCCCCC;}
.join .box .list ul li:hover a{background: #156bff; box-shadow: 0px 0px 0.5rem 0px rgba(21, 107, 255, 0.35);}
.join .box .list ul li:hover a .t1{color: #fff;}
.join .box .list ul li:hover a .t2{color: #fff; opacity: 0.6;}
.job{width: 100%; background: #021151; padding:70px 0 100px;}
.job .box{width:1500px; margin: auto; display: flex; align-items: flex-start;}
@media (max-width: 1600px){.job .box{width: 84%;}}
@media (max-width: 1280px){.job .box{width: 90%;}}
@media (max-width: 768px){.job .box{flex-wrap: wrap;}}
.job .box .menu{position: sticky; top: 2rem; width: 360px; flex-shrink: 0;  }
@media (max-width: 1024px){.job .box .menu{width: 240px;}}
@media (max-width: 768px){.job .box .menu{display: none;}}
.job .box .menu .search{width: 100%; border-bottom: 1px solid #021151; display: flex; background: #132459; border-radius:8px 8px 0 0;}
.job .box .menu .search .txt{width:274px; height: 78px; padding-left:38px; font-size: 18px; color:#fff;}
@media (max-width: 1600px){.job .box .menu .search .txt{font-size: 16px;}}
@media (max-width: 1440px){.job .box .menu .search .txt{font-size: 14px;}}
.job .box .menu .search .txt::placeholder{color: #ccc;}
.job .box .menu .search .btn{height:21px; width:22px; margin-top:28.5px; margin-right:30px; background: url(../images/search.png) left center no-repeat; background-size:21px; flex-shrink: 0; float:right;}}
.job .box .menu ul li{ border-bottom: 1px solid #f5f5f5;}
.job .box .menu ul li:last-child{border-bottom: none; border-radius:0 0 8px 8px;}
.job .box .menu ul li a{width:322px; height:68px; display: flex; align-items: center; padding: 0 0 0 38px; font-size: 18px; color: #fff; }
@media (max-width: 1600px){.job .box .menu ul li a{font-size: 16px;}}
@media (max-width: 1440px){.job .box .menu ul li a{font-size: 14px;}}
.job .box .menu ul li a span{width: 6px; height: 6px; display: flex; position: relative; flex-shrink: 0; margin-right: 26px;}
.job .box .menu ul li a span img{width: 100%;}
.job .box .menu ul li a span img:nth-child(2){position: absolute; left: 0; top: 0; z-index: 2; opacity: 0;}
.job .box .menu ul li:hover a{color: #fff;}
.job .box .menu ul li.on a{color: #fff;}
.job .box .menu ul li.on a span img:nth-child(2){opacity: 1;}
.job .box .menu::after{content: ''; position: absolute; width: 1px; height: 100%; background:#132459; top: 0; left:395px;}
.job .box .list{width: 100%; margin-left:72px;}
@media (max-width: 768px){.job .box .list{margin-left: 0;}}
.job .box .list .tbox{ background: #132459; padding:47px; border-radius:8px;}
.job .box .list .tbox .ytop{width: 100%; padding-bottom:24px; border-bottom: 1px solid #9ea8c5; }
.job .box .list .tbox .ytop .t1{font-size:22px; font-weight: bold; color: #fff; line-height: 24px;}
@media (max-width: 1600px){.job .box .list .tbox .top .t1{font-size: 16px;}}
.job .box .list .tbox .ytop .t2{font-size: 14px; color: #fff; opacity: 0.8; line-height: 24px; margin-top: 5px; letter-spacing:1px;}
.job .box .list .tbox .ytop .t2 span{margin-left: 0.5rem;}
.job .box .list .tbox .txt{color: #666; line-height: 28px; padding:38px 0 35px; font-size:15px;}
.job .box .list .tbox .getjob{width:54%; height: 46px; font-size:15px; background: #156bff; border-radius: 5px; margin-left:10px; display: flex; justify-content: center; align-items: center; cursor: pointer; color: #fff;}
.job .box .list .tbox .getjob a{ color:#fff; font-size:15px;}
.job .box .list .ckbox{width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top:36px;}
@media (max-width: 500px){.job .box .list .ckbox .change{margin-bottom: 0.2rem;}}
.job .box .list .ckbox .change{color: #fff; font-size:15px; padding-left:4px;}
.job .box .list .tbox .txt p{ font-size:15px; line-height:38px; font-weight:lighter; color:#fff; padding-top:4px; padding-left:8px; opacity: 0.8;}
.job .box .list .ckbox .change a{color: #fff; line-height:34px; font-size:15px; }
.job .box .list .ckbox .change a:hover{color: #fff;}
.job .box .list .ckbox .back{width: 140px; height: 46px; background: #156bff; border-radius: 5px; color: #fff; display: flex; justify-content: center; align-items: center;}
input,button{-webkit-appearance: none; border-radius: 0;}
button{cursor: pointer;}
input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
textarea{resize: none; overflow: auto;}
input,button,textarea,select{border: 0; font-family: inherit; font-size: inherit; color: inherit; background: transparent;}
select{-webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand{display: none;}
table{border-collapse: collapse;}

option{ line-height:36px;}



.pagination { padding:3rem 0 7% 0; text-align: center; overflow: hidden; position: relative;z-index: 333; letter-spacing:1.6px;}



.pagination a { vertical-align: middle;  font-size:14px; line-height:36px; display: inline-block; height:36px; padding: 0 14px; text-align: center; color: #000; border: 1px solid #eceef3; background: #eceef3; margin-left: 5px; border-radius:5px; }



.pagination a.a1{ line-height:36px; height:36px; margin-top:0; padding:0 12px; }



.pagination a:hover{ text-decoration:none; color:#156bff; background:#f6f6f6; border: 1px solid #f6f6f6; }



.pagination span { vertical-align: middle; line-height:40px; display: inline-block; height:40px; font-size:14px; text-align: center; color: #fff; margin-left: 5px;  background:#156bff; border-radius:5px; width:42px; }


.product2-menu{width: 360px; position: sticky; top: 2rem; flex-shrink: 0;}
@media (max-width: 1024px){.product2-menu{width: 240px;}}
@media (max-width: 768px){.product2-menu{width: 100%; position: relative; top: initial;}}

@media (max-width: 768px){.product2-menu::after{display: none;}}
.product2-menu ul{width: 100%; max-height: 70vh;}
.product2-menu ul::-webkit-scrollbar{width: 0;}
.product2-menu ul::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.08); border-radius: 0;}
.product2-menu ul::-webkit-scrollbar-thumb{background: #0068ff; border-radius: 25px;}
.product2-menu ul::-webkit-scrollbar-corner{background: #0068ff;}
@media (max-width: 768px){.product2-menu ul{display: flex; overflow-x: auto; white-space: nowrap;} .product2-menu ul::-webkit-scrollbar{height: 3px;}}
.product2-menu ul li{background: #fff; border-bottom: 1px solid #f5f5f5;}
@media (max-width: 768px){.product2-menu ul li{display: inline-block;}}
.product2-menu ul li:first-child{border-radius: 0.1rem 0.1rem 0 0;}
.product2-menu ul li:last-child{border-bottom: none; border-radius: 0 0 0.1rem 0.1rem;}
.product2-menu ul li .menu-link{width: 100%; height: 0.7rem; display: flex; align-items: center; padding-left: 0.4rem; font-size: 18px; color: #666;}
@media (max-width: 1600px){.product2-menu ul li .menu-link{font-size: 16px;}}
@media (max-width: 1440px){.product2-menu ul li .menu-link{font-size: 14px;}}
@media (max-width: 768px){.product2-menu ul li .menu-link{padding: 0 0.2rem;}}
.product2-menu ul li .menu-link span{width: 6px; height: 6px; display: flex; position: relative; margin-right: 0.2rem;}
.product2-menu ul li .menu-link span img{width: 100%;}
.product2-menu ul li .menu-link span img:nth-child(2){position: absolute; left: 0; top: 0; z-index: 2; opacity: 0;}
.product2-menu ul li .s-menu{ padding-left: 0.67rem; padding-bottom: 0.3rem; display: none;}
@media (max-width: 768px){.product2-menu ul li .s-menu{display: none;}}
.product2-menu ul li .s-menu a{display: block; font-size: 14px; color:#555; line-height:30px; transition: all ease-in 0.3s; text-transform: capitalize;}
.product2-menu ul li .s-menu a:hover{color: #0068ff;}
.product2-menu ul li:hover .menu-link,
.product2-menu ul li.cur .menu-link{color: #111;}
.product2-menu ul li:hover .menu-link span img:nth-child(2),
.product2-menu ul li.cur .menu-link span img:nth-child(2){opacity: 1;}
.product2-menu ul li.cur .menu-link{color: #111;}
.product2-menu ul li.cur .menu-link span img:nth-child(2){opacity: 1;}
.product2-menu ul li.cur .s-menu{display: block;}
@media (max-width: 768px){.product2-menu ul li.on .s-menu{display: none;}}

.menu9>ul>li:last-child{border-bottom: none;  }
.menu9>ul>li{ border-bottom: 1px solid #021151; background: #132459;}





/*人在湛蓝*/
.t100{ padding-top:100px;}
.join-intro-bg { width: 100%; height: 412px; background: url(/skin/home/images/join-intro.png) no-repeat center center !important; }
.join-intro { position: relative; width:587px; float: right; margin-top: 225px; margin-right: 50px; }
.join-intro p { margin-bottom: 15px; font-size:21px; color: #fff; padding-top:21px;}
.join-intro h7 { position: absolute; top: -166px; left: 0px; }
.join-intro h7 i { font-size: 40px; color: #fff; font-style: normal; font-weight:bold;  font-family: "novecento-widenormal"; text-transform: uppercase; display:block;}
.join-intro h7 b { color: #fff; font-size:28px; letter-spacing:2px; font-weight: normal; }

.dev-div { width: 100%; height: 468px; background: #021151; }
.dev-photo { width: 829px; height: 468px; position: relative; float: left; margin-right:34px;}
.dev-box { width: 829px; margin: 0 auto; height: 468px; overflow: hidden; position: relative; }
.dev-box ul { }
.dev-box ul li { width: 829px; height: 468px; position: absolute; top: 0; left: 0; }
.dev-box li p { position: absolute; width: 100%; height: 100px; bottom: 0; left: 0; background: rgba(0,0,0,0.6) none repeat scroll !important; background: #000; filter: Alpha(opacity=60); color: #fff; text-align: center; }
.dev-box a b { display: block; padding-top: 25px; font-size: 24px; font-weight: normal; font-family: "novecento-widenormal"; margin-bottom: 5px; }
.dev-box a span { color: #fff; font-size: 13px; }

a.dev-left { display: block; width: 79px; height: 79px; background: url(/skin/home/images/pleft-btn1.png) no-repeat; position: absolute; top: 50%; margin-top: -40px; left: 20px; -webkit-border-radius: 80px; border-radius: 80px; -webkit-transition: background-color .3s; transition: background-color .3s; z-index: 10; }
a.dev-left:hover { background: url(/skin/home/images/pleft-btn1-hover.png) no-repeat; }
a.dev-right { display: block; width: 79px; height: 79px; background: url(/skin/home/images/pright-btn1.png) no-repeat; position: absolute; top: 50%; margin-top: -40px; right: 20px; -webkit-border-radius: 80px; border-radius: 80px; -webkit-transition: background-color .3s; transition: background-color .3s; z-index: 10; }
a.dev-right:hover { background: url(/skin/home/images/pright-btn1-hover.png) no-repeat; }

i.icon-photo { display: block; width: 92px; height: 92px; background: url(/skin/home/images/photo-bg.jpg) no-repeat; margin-top: 80px; }
h3.emp-title { color: #fff; margin-top:110px; }
h3.emp-title i { font-family: "dincond-medium-webfont"; font-size:40px; text-transform: uppercase; font-style: normal; display: block; line-height: 50px; padding-top:61px; }
h3.emp-title b { font-size:28px; font-size: 28px; letter-spacing: 2px; font-weight: normal;}
.dev-info-title h3{ font-size:21px; font-weight:normal; margin-top:22px; letter-spacing:1px;}

.small-pic { width: 475px; height: 59px; position: absolute; top: 20px; left: 50%; margin-left: -232.5px; }
.small-pic-box { width: 415px; height: 59px; overflow: hidden; margin-left: 30px; position: relative; }
.small-pic-box ul { position: absolute; left: 0; top: 0; width:415px; }
.small-pic-box li { float: left; margin-right: 5px; }
.small-pic-box .on a, .small-pic-box li:hover a { border: 3px solid #156bff; }
.small-pic-box li a { display: block; border: 3px solid #fff; overflow: hidden; }
.small-pic-box li a img { display: block; }
a.small-left { display: block; width: 17px; height: 28px; background: url(/skin/home/images/spic-left.png) no-repeat; position: absolute; top: 17px; left: 2px; }
a.small-right { display: block; width: 17px; height: 28px; background: url(/skin/home/images/spic-right.png) no-repeat; position: absolute; top: 17px; right: 2px; }
.dev-other h4 { position: absolute; width: 230px; height: 68px; left: 20px; top: 24px; text-align: left; }
.dev-other h4 a { color: #fff; display: none; }
.dev-other h4 i { display: block; font-size: 24px; font-weight: normal; font-family: "novecento-widenormal"; margin-bottom: 5px; font-style: normal; }

.emp-div { width: 100%; height: 468px; position: relative; }
.emp-lbg { width: 40%; height: 100%; position: absolute; left: 0; top: 0; background: #00b2b2; }
.emp-rbg { width: 60%; height: 100%; position: absolute; right: 0; top: 0; background: #00b2b2 url(/skin/home/images/emp-bg.jpg) no-repeat 90% bottom; }
.emp-div .w1200 { position: relative; z-index: 10; }
.emp-left { width: 375px; float: left; height: 468px; background: #00b2b2; }
.emp-right { width: 825px; float: right; height: 468px; overflow: hidden; position: relative; }

.dev-other { position: absolute; width: 829px; height: 100px; bottom: 0; left: 0; background: rgba(0,0,0,0.6) none repeat scroll !important; background: #000; filter: Alpha(opacity=60); color: #fff; text-align: center; }

.dev-other h4 { position: absolute; width: 230px; height: 68px; left: 20px; top: 24px; text-align: left; }
.dev-other h4 a { color: #fff; display: none; }
.dev-other h4 i { display: block; font-size: 24px; font-weight: normal; font-family: "novecento-widenormal"; margin-bottom: 5px; font-style: normal; }
.w1500{ width:1500px; margin:auto;}

.problem_t{margin-top:70px;}
.problem_t p{font-size: 38px;}
.problem li{float:left; width:16.6%; position: relative;}
.problem li:nth-child(1){margin-top:250px;}
.problem li:nth-child(2){margin-top:200px;}
.problem li:nth-child(3){margin-top:150px;}
.problem li:nth-child(4){margin-top:100px;}
.problem li:nth-child(5){margin-top:50px;}
.problem li:nth-child(6){height:430px;border:0;}

.problem li dd h3{ font-size:19.6px; font-family: microsoft yahei; height:50px;}
.problem li p{width:61.6%; height:50px; line-height:50px; color: #fff; font-family: microsoft yahei; font-size:20px; background:#284270;transform:skew(-30deg); padding-left:29%; font-weight:bold;}
.problem li dd{font-size: 16px; line-height:29px; padding:14% 20% 0 0; text-align:center;}
.problem li img{filter: contrast(0) brightness(2); width:180px; display:block; padding:4px 0 22px 0;}

.t_lm{position: relative;}
.t_lm_box{left: 0;width:1500px; margin:auto; height:137px;z-index: 100;display: flex;justify-content: space-between; overflow:hidden;}
.t_lm_con{width:29%;height:107px; border-radius: 5px; padding: 0 2.3%;display: flex;flex-direction: column;justify-content: center;position: relative;top: 0; background: rgba(44,65,101,0.4); box-shadow: 0 2px 10px 0 rgba(4,16,76,.5);}
.t_lm_con:last-child{margin-right: 0;}
.t_lm_title{display: flex;justify-content: space-between;align-items: center;}
.t_lm_title>img{width: 8px;height: auto;}
.t_lm_tl{display: flex;align-items: center; height:39px; color:#fff;}
.t_lm_tl img{width:30px; height: auto;margin-right: 10px;}
.t_lm_con>p{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #fff; opacity: 0.8; padding-left:39px; font-size:17px;}
.t_lm_con:hover{top: -0.1rem;}

.font20{ font-size:20px;}

.sol_t{padding-bottom: 0.9rem;background: #f5f7fb;}
.sol_t_con{display: flex;flex-wrap: wrap;justify-content: space-between;}
.sol_t_nr{width:48.5%; position: relative;height: auto;transition: all 0.6s; border-radius: 5px; background: rgba(44,65,101,0.4); box-shadow: 0 2px 10px 0 rgba(4,16,76,.5);}
.sol_t_nr *{transition: all 0.6s;}
.sol_t_nr>img{position: absolute;right: 0;top: 0;width:140px;height: 100%;object-fit:initial}
.sol_t_hz{padding:5.3%;}
.sol_t_icon img{width:46px; height:46px;}
.sol_t_icon{margin-bottom: 0.18rem; float:left; margin-top:6px; margin-right:24px;}
.sol_t_hz h3{margin-bottom:10px; font-size:22px; color:#fff;}
.sol_t_p p{color: #fff;font-size:20px; padding-left:71px;}
.sol_t_icon .img2{display: none;}
.sol_t_nr .img4{display: none;}
.sol_t_nr:hover .sol_t_icon .img1{display: none;}
.sol_t_nr:hover .sol_t_icon .img2{display: block;}
.sol_t_nr:hover .img3{display: none;}
.sol_t_nr:hover .img4{display: block;opacity: 0.3;}
.sol_t_nr:hover{background: #156bff;border-radius: 8px;}
.sol_t_nr:hover *{color: #fff;}
.sol_img img{object-fit: contain;}
.sol{padding-bottom: 0.9rem;}
.sol_ys{padding-bottom: 0.9rem;background: #f5f7fb;overflow: hidden;}
.solrp{ margin:0 2%;}

.talf{ text-align:left !important;}


.bakgrd h3.emp-title i{ padding-top:34px; text-align:center;}
.bakgrd h3.emp-title{text-align:center; margin-bottom:26px;}
.bavalue{ text-align:center; padding-top:80px;}
.dev-info p{ font-size:20px;}
/*员工*/
.h100{height:96px;}
.type-box{ padding-bottom:120px;}
.type-box .row{width:1500px; margin:auto;}
.type-box .row-1 .item-1{width: 66.66666666%;background: url(../images/txt-1-bg.jpg) no-repeat center;background-size: cover;height: 271px;float: left;padding: 40px;}
.type-box .row-1 .item-2{width: 33.33333333%;background: url(../images/txt-2-bg.jpg) no-repeat center;background-size: cover;height: 271px;float: left;padding: 40px;}
.type-box .row-2 .item-3{width: 33.33333333%;background: url(../images/txt-3-bg.jpg) no-repeat center;background-size: cover;height: 271px;float: left;padding: 40px;}
.type-box .row .item{box-sizing: border-box;float: left;padding: 40px;height: 271px;position: relative;overflow: hidden;}
.type-box .row .item .title{font-size: 30px; color: #FFFFFF; letter-spacing: 0; margin-bottom: 25px; position: relative; font-family: 'TencentSansW7CN';}
.type-box .row .item .mask-bg{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;box-sizing: border-box;top: 0; left: 0; transform: translate(0, 271px); transform-origin: bottom; transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1); -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1); -moz-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1); -ms-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1); -o-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);}
.type-box .row-1 .item-1 .mask-bg{background: rgba(0,82,217,1)}
.type-box .row-1 .item-2 .mask-bg{background: #9B26B6}
.type-box .row-2 .item-1 .mask-bg{background: rgba(255,103,31,1)}
.type-box .row-2 .item-2 .mask-bg{background: rgba(121,192,0,1)}
.type-box .row-2 .item-3 .mask-bg{background: #00A9CE}
.type-box .row-4 .item-4 .mask-bg{background: rgba(255,103,31,1)}
.type-box .row-2 .item-5 .mask-bg{background: rgba(121,192,0,1)}
.type-box .row-3 .item-6 .mask-bg{background: rgba(150,140,131,1)}
.type-box .row-3 .item-7 .mask-bg{background: rgba(255,103,31,1)}
.type-box .row-4 .item-8 .mask-bg{background: rgba(121,192,0,1)}
.type-box .row .item .label{font-size:17px;color: #FFFFFF;letter-spacing: 0;line-height: 26px;margin-top: 25px;margin-right: 40px;position: relative;opacity: 0;transform: translate(0, 80px); transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1); -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1); -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1); -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1); -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);}
.type-box .row .item:hover .mask-bg{transform: translate(0, 0px);-webkit-transform: translate(0, 0px);-moz-transform: translate(0, 0px);-ms-transform: translate(0, 0px);-o-transform: translate(0, 0px);}
.type-box .row .item:hover .label{opacity: 1; transform: translate(0, 0px);-webkit-transform: translate(0, 0px);-moz-transform: translate(0, 0px);-ms-transform: translate(0, 0px);-o-transform: translate(0, 0px);}
.type-box .row-4 .item-4{width: 33.33333333%;background: url(../images/txt-4-bg.jpg) no-repeat center;background-size: cover;}
.type-box .row-2 .item-5{width: 66.66666666%;background: url(../images/txt-5-bg.jpg) no-repeat center;background-size: cover;}
.type-box .row-3 .item-6{width: 66.66666666%;background: url(../images/txt-6-bg.jpg) no-repeat center;background-size: cover;}
.type-box .row-3 .item-7{width: 33.33333333%;background: url(../images/txt-7-bg.jpg) no-repeat center;background-size: cover;}
.type-box .row-4 .item-8{width: 66.66666666%; background: url(../images/txt-8-bg.jpg) no-repeat center; background-size: cover;}
@media all and (max-width:1440px){.en-us .type-box .row .item .title{font-size:24px;}.en-us .type-box .row .item .label{line-height: 24px;}}
@media all and (max-width:1024px){.student .mod-section-ad h2{margin-top:70px;}.en-us .type-box .row .item .label{display:none;}.en-us .type-box .row .item:hover .mask-bg{display:none;}}


.bakgrd{background: #021151;}
.introculture{padding-top:54px; padding-bottom:110px; display:flex;flex-direction:column; width:1500px; margin:auto;}
@media (max-width: 1440px){.introculture{padding-top:80px;padding-bottom:80px}}@media (max-width: 668px){.introculture{padding-top:10px;padding-bottom:10px;flex-direction:column}}.introculture_hd ul{margin:0;padding:0;display:flex}
@media (max-width: 668px){.introculture_hd ul{flex-wrap:wrap;border-top:1px solid #ddd;border-left:1px solid #ddd}}
.introculture_hd ul li:nth-child(6n){ margin-right:0px;}
.introculture_hd ul li{display:block;width:31.6%; margin-right:1.5%; margin-bottom:2.6%; padding:50px 12px 0 28px;position:relative;cursor:pointer;border-right:1px solid #021151; background: #132459;}
@media (max-width: 1440px){.introculture_hd ul li{padding:40px 0 0 40px}}@media (max-width: 968px){.introculture_hd ul li{padding:20px 0 0 20px}}@media (max-width: 668px){.introculture_hd ul li{width:33.33%;padding:0 0 0 36px;line-height:40px;border-bottom:1px solid #ddd}}@media (min-width: 668px){.introculture_hd ul li:nth-last-of-type(1){border-right:none}}.introculture_hd ul li:after{content:'';display:block;width:0%;height:3px;line-height:3px;background-color:#156bff;position:absolute;left:0%;top:0;transition:all .5s}
.introculture_hd ul li b.t{display:block;font-weight:lighter;font-size:26px; margin-bottom:28px; letter-spacing:2px; color:#fff; line-height:36px}
@media (max-width: 1440px){.introculture_hd ul li b.t{font-size:18px}}@media (max-width: 668px){.introculture_hd ul li b.t{font-size:14px;font-weight:normal}}.introculture_hd ul li b.t span{display:block;font-size:18px;color:#9ea4bd;font-family:'wavehaus95'; letter-spacing:0.1px;}
@media (max-width: 968px){.introculture_hd ul li b.t span{font-size:14px}}@media (max-width: 668px){.introculture_hd ul li b.t span{display:none}}
.introculture_hd ul li .icon{width:40px;height:40px;margin:60px 0 60px 0; font-size:40px;}
@media (max-width: 1440px){.introculture_hd ul li .icon{margin:40px 0}}@media (max-width: 668px){.introculture_hd ul li .icon{width:16px;height:16px;margin:0;position:absolute;left:10px;top:50%;transform:translateY(-50%)}}.introculture_hd ul li .icon svg{vertical-align:top;width:100%;height:100%;color:#ccc;transition:all .5s}
.introculture_hd ul li.on:after{width:100%;left:0}
.introculture_hd ul li.on .icon{color:#156bff}
.introculture_item{order:-1}
@media (max-width: 668px){.introculture_item{order:1}}.introculture_bd{display:flex;justify-content:space-between}
@media (max-width: 1180px){.introculture_bd{align-items:flex-end}}@media (max-width: 668px){.introculture_bd{flex-direction:column}}
.introculture_hd ul li .txt{ color:#7d90ad; font-weight:lighter; font-size:14px; line-height:25px;  font-family: "Arial" !important; height:185px; overflow-y: auto; display: -webkit-box;-webkit-box-orient: vertical;}
.introculture_hd ul li .txt h3 span{font-size: 18px; margin-bottom: 5px; display: block;  letter-spacing:2px; font-weight:bold; color:#fff;}
@media (max-width: 668px){.introculture_bd .txt{width:100%;font-weight:normal;padding-right:0;margin:20px 0}}
.introculture_hd ul li .txt h3 b{font-size:18px; margin-bottom:5px; display:block; color:#fff; letter-spacing:2px;}
.introculture_hd ul li .txt h3{ padding:0;line-height:23px; margin-bottom:10px; padding-right:10px; font-family: "Arial" !important; color:#b1bfd5; font-weight:lighter; font-size:15px; }
@media (max-width: 668px){.introculture_bd .txt h3{font-weight:normal;font-size:18px}}.introculture_bd .txt a.more{display:block;width:185px;height:50px;line-height:50px;text-align:center;background-color:#f6ab00;color:#fff;font-family:'wavehaus128';transition:all .5s}
@media (max-width: 668px){.introculture_bd .txt a.more{width:130px;height:40px;line-height:40px}}.introculture_bd .txt a.more svg{vertical-align:top;width:16px;height:16px;margin-top:17px;margin-left:10px;transition:all .5s}
@media (max-width: 668px){.introculture_bd .txt a.more svg{margin-top:12px}}
.introculture_hd ul li .txt a.more:hover{background-color:#156bff}
.introculture_hd ul li .txt a.more:hover svg{margin-left:20px}
.introculture_hd ul li .img{width:60%}
@media (max-width: 668px){.introculture_bd .img{width:100%}}.introculture_bd .img img{width:100%}


.about_img{position: relative; overflow: hidden; max-width: 1920px; background: url(../images/img3.jpg) center fixed; background-size: cover; height:47vh; text-align:center;  padding-top:30vh;/* opacity: 0.2;*/}
.about_t01{font-size: 1.8rem; font-weight:lighter; line-height:34px; font-family: 'wavehaus128'; text-transform: uppercase;}
.about_t02{font-size: 2.4vw; padding-top:20px; padding-bottom:10px;}
.about_t04{font-size: 1.6rem; color: #fff; line-height:40px;}
.about_img1{position: relative; overflow: hidden; max-width: 1920px; background: url(../images/bee4c89f.jpg) center fixed; background-size: cover; height:47vh; text-align:center;  padding-top:30vh;}

.bottom_fun{padding-bottom: 87px !important;}

/* 滚动条*/.scro::-webkit-scrollbar{width:3px;}
.scro::-webkit-scrollbar-track{background: #314465;border-radius:2px;}
.scro::-webkit-scrollbar-thumb{background: #156bff;border-radius:25px;}
.scro::-webkit-scrollbar-corner{background: #156bff;}
.scro2::-webkit-scrollbar{width:3px;}
.scro2::-webkit-scrollbar-track{background: #e5e9ee;border-radius:2px;}
.scro2::-webkit-scrollbar-thumb{background: #156bff;border-radius:25px;}
.scro2::-webkit-scrollbar-corner{background: #156bff;}
.scro3::-webkit-scrollbar{width:3px;}
.scro3::-webkit-scrollbar-track{background: #e5e9ee;border-radius:2px;}
.scro3::-webkit-scrollbar-thumb{background: #156bff;border-radius:25px;}
.scro3::-webkit-scrollbar-corner{background: #156bff;}






.subbox{ background:#021151;}
.suc_nav{padding:0 0;display: flex;justify-content: center;align-items: center;position: sticky; top:60px; z-index: 100; transition: all 0.6s ;  border-bottom:2px solid #03176d; background:#021151;}
.suc_nav a{display: inline-flex;line-height:70px; transition: all 0.3s; font-size:18px; color:#fff; font-weight: 500;}
.suc_nav .on,.suc_nav a:hover{color:#0070ECFF; position: relative; z-index:222;}

.suc_nav a{padding:0 90px;}

.copy_box{ margin-top:0px !important}

.suc_nav a::before{content: '';position: absolute; text-align:center; display: block; bottom:-2px; left:40%; width:34px;height: 1px; margin:auto; background-color:#0070ec;transform: translate(-50%, -50%) scale(0);-webkit-transform: translate(-50%, -50%) scale(0);-moz-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);-o-transform: translate(-50%, -50%) scale(0);z-index: -1;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; border-radius:2px;}
.suc_nav a:hover :before, .suc_nav .on::before{transform: translate(50%, -50%) scale(1);-webkit-transform: translate(50%, -50%) scale(1.6);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1); border-radius:2px;}
.nylinkbox .nylinkbox_item:hover span, .nylinkbox .nylinkbox_item.on span{color: #0070ec;font-weight: 600;}


.Nav_btn{width: 143px; line-height: 49px;}
.Nav_btn a{color: #0070ec; border-radius: 5px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 88, 233, 0.74); font-size: 22px; text-align: center; display: block;}
.sbtn{width:100%; animation-duration: 500ms; background: rgba(0, 0, 0, 0.6); text-align:center; position: fixed; top: 0; bottom: 0;}
.btn1{width:100%;}

.btn9{ width:14px; height:14px; position:absolute; right:22px; top:19px; cursor:pointer; z-index:9999;}



.h66{ height:50px !important;}