@CHARSET "UTF-8";

/*common*/
.fl{float:left}
.headerTop{height:80px}
.txtCenter{text-align:center}
 /* .moveArea {  -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);  transition: all 2000ms;}
.pg-active .moveArea {  -webkit-transform: scale(1, 1);    transform: scale(1, 1);}   */

/*page*/
.pagination{clear:both; display:flex; margin:0 auto;  margin-top:70px; width:490px; justify-content:center}
.pagination > .pag{width:28px; height:28px; line-height:28px; border:1px solid #CCCCCC; color:#000000; text-align:center; margin-right:5px}
.pagination > .pag > div{cursor:pointer}
.pagination > .pagCur{width:28px; height:28px; line-height:28px; border:1px solid #CCCCCC; color:#000000; text-align:center; margin-right:5px; background-color:#3B5998; color:#fff; border-color:#0086FF; }
.pagination > .pag:hover{font-weight:bold}
      
/*footer*/
@media(max-height:1080px){
	.footer{display: flex; margin-top:-120px; align-items: center;width:100%; height:120px; background-color:#003863; color:#fff; font-size:16px; text-align:center; line-height:24px }
	.footer .footCont{width:465px; margin:0 auto}
}
@media(min-height:1081px){
	.footer{display: flex; margin-top:-140px; align-items: center;width:100%; height:140px; background-color:#003863; color:#fff; font-size:16px; text-align:center; line-height:26px }
	.footer .footCont{width:465px; margin:0 auto}
}


/*header*/
#header{position:fixed; z-index:1000;top: 0; left: 0; height:79px;  margin:0 auto;  width:100%; border-bottom:1px solid #737373; transition: 0.3s;  z-index:150000; background:#fff; color:#3B5998;}
.active{background:none !important; color:#fff !important; }
#header .menuDiv{min-width:1080px; max-width:1920px; height:79px; margin:0 auto; padding:0px 40px; }
#header .menuDiv .homeIc .logoImg{width:100px; margin-top:20px; cursor:pointer; vertical-align:middle; height:100%;}
#header .menuDiv .menus{width:calc(100% - 150px);}
#header .menuDiv .menus .menu_wrap{display:flex; text-align:center; margin:0 auto}
#header .menuDiv .menus .menu{cursor:default; width:150px; text-align:center; font-size:24px; line-height:79px; font-weight:500;}
#header .menuDiv .menus .menu:hover{font-weight:bold; color:#3B5998}
#header .menuDiv .menus .menu_wrap .menu .mb {display:none;height:10px; width:80%; margin:0 auto; margin-top:-10px; background-color:#3B5998}
#header .menuDivSub{display:none; height:80px;background: rgba(255,255,255,1) ;border-top:1px solid #737373}
#header .menuDivSub .submenuWrap{display:flex; height:79px; margin:0 auto; padding:0px 40px;}
#header .menuDivSub .submenuWrap .submenu{display:flex; width:100%;position:relative }
#header .menuDivSub .submenuWrap .submenu div{margin-right:50px; text-align:center; font-size:22px;line-height:80px; color:#000; cursor:pointer}
#header .menuDivSub .submenuWrap .submenu div:hover{font-weight:bold}

/*company*/
.companyPg #mainImg{width: 100%; overflow: hidden;margin: 0px auto; position: relative;}
.companyPg #mainbg{width: 100%;height: 100vh;object-fit: cover; z-index:5000}
.companyInfo{min-width:1080px;;max-width:1920px; margin:0 auto ; height:100vh; }
.companyInfo .cTitle{font-size:36px; font-weight:bold; color:#000; text-align:center}
.companyInfo .c1_wrap_tot{display:flex; margin-top:30px}
.companyInfo .c1_wrap_tot .c1_wrap_l{ width:50%}
.companyInfo .c1_wrap_tot .c1_wrap_l .c1_img{width:100%}
.companyInfo .c1_wrap_tot .c1_wrap_r{ width:50%; background-color:#F5F5F5; padding-left:100px; padding-top:50px; padding-bottom: 50px;}
.companyInfo .c1_wrap_tot .c1_wrap_r .c1_txt1{color:#3B5998; font-size:30px;  font-weight:bold; line-height:48px}
.companyInfo .c1_wrap_tot .c1_wrap_r .c1_txt2{font-size:1.5rem; color:#000000;  line-height:36px}
.companyInfo .c2_img_wrap{text-align:center; margin-top:2%}
.companyInfo .c3_wrap_tot{display:flex}
.companyInfo .c3_wrap_tot .c3_wrap{width:calc(100% - 815px); background-color:#F5F5F5; display: flex; align-items:center}
.companyInfo .c3_wrap_tot .c3_wrap .c3_wrap_l{width:555px; margin:0 auto}
.companyInfo .c3_wrap_tot .c3_wrap .c3_wrap_l .c_ba{display:flex}
.companyInfo .c3_wrap_tot .c3_wrap .c3_wrap_l .c_ba_txt{color:#3B5998; font-size:24px; margin-left:10px; font-weight:bold}
.companyInfo .c3_wrap_tot .c3_wrap .c3_wrap_l .b_ba_cont{font-size:18px; line-height:32px;}
.companyInfo .c4_wrap_tot{text-align:center}
/* .companyInfo .c4_wrap_tot .c4_img{margin-top:10px; } */
.companyInfo .c5_wrap_tot{display:flex; width:100%;max-width:1080px; margin:0 auto; margin-top:130px}
.companyInfo .c5_wrap_tot .tb #logoTitle{text-align:start; vertical-align:top}
.companyInfo .c5_wrap_tot .tb{margin-left:50px; width:calc( 50% - 50px);}
.companyInfo .c5_wrap_tot .th{font-size:24px; text-align:left}
.companyInfo .c5_wrap_tot .tb .t1 .th {width:80px}
.companyInfo .c5_wrap_tot .tb .t1 .pd {padding-top:40px; padding-bottom:20px; }
.companyInfo .c5_wrap_tot .tb .t1 {text-align:center}
.companyInfo .c5_wrap_tot .tb tr .c5_mean {font-size:18px; font-weight: 500;line-height: 28px; }
.companyInfo .c5_wrap_tot .tb tr .pd img{margin-right:20px}
.companyInfo .c5_wrap_tot .tb tr .pd { padding:8px 15px;}
.companyInfo .c5_wrap_tot .tb tr .tbDiv{height:1px; border-bottom:1px solid #878787; padding:5px 0px}
.companyInfo .c5_wrap_tot .tb .logoTxt{height:35px; line-height:35px; font-size:18px}
.companyInfo .c5_wrap_tot .tb .logoImg2{padding:15px 10px 10px 10px; }

.companyInfo #company6{min-height:calc(100vh - 140px)}
.companyInfo .c6_wrap_tot{width: 950px;margin: 0 auto;margin-top: 40px;}
.companyInfo .c6_wrap_tot .c6_wrap{display:flex; line-height:36px; font-size:20px}
.companyInfo .c6_wrap_tot .c6_wrap .c6_txt{font-size: 24px;font-weight: 700;line-height: 36px; color:#3B5998; margin-bottom:10px}
.companyInfo .c6_wrap_tot .c6_wrap .c6_txt1{font-size: 24px;font-weight: 700;line-height: 36px; color:#3B5998;margin-bottom:10px}
.companyInfo .c6_wrap_tot #map{width:945px; }
.companyInfo ul{margin-block-start:0.5rem; }
.companyInfo .pdl{padding-top:20px; padding-bottom:5px;  height:120px; width:205px; padding-bottom:0px}


.c1_wra_l{width:50%;background-image: url("../../images/nemo/web/img_together.png");background-position: center;background-size: cover;}

.c2_img{width:100%;max-width:1200px;}
.c4_img{width:98%; margin:0 auto; max-width:1393px;}
.c5_img{width:50%;}

.c3_wrap{width:50%!important;padding:50px;box-sizing: border-box;}
.c3_wrap_r{width:50%;background-image: url("../../images/nemo/web/img_coding.svg");background-position: center;background-size: cover;}

@media(max-width:1081px), (max-height:901px){
	.companyInfo{height: inherit;}
	.footerArea {height: 200px;}
	.companyInfo .c1_wrap_tot .c1_wrap_r .c1_txt1 {font-size:25px;line-height: 35px;}
	.companyInfo .c1_wrap_tot .c1_wrap_r .c1_txt2 {font-size:15px;line-height: 30px;}
}
@media(min-width:1081px) and (min-height:901px){
	.companyInfo{height: 100vh;}
	.footerArea {height: 0px;}
	.companyInfo .c1_wrap_tot .c1_wrap_r .c1_txt1 {font-size:30px;line-height: 48px;}
	.companyInfo .c1_wrap_tot .c1_wrap_r .c1_txt2 {font-size:20px;line-height: 36px;}
}
@media(max-height:1120px){
	#map {height: 200px}
	.cTitle {height: 100px;line-height: 100px;}
	.companyInfo .c3_wrap_tot .c3_wrap .c3_wrap_l .c_ba_txt {font-size: 20px;}
	.companyInfo .c3_wrap_tot .c3_wrap .c3_wrap_l .b_ba_cont {font-size: 15px;}
}
@media(min-height:1121px){
	#map {height: 345px;}
	.cTitle {height: 150px;line-height: 150px;}
	.companyInfo .c3_wrap_tot .c3_wrap .c3_wrap_l .c_ba_txt {font-size: 24px;}
	.companyInfo .c3_wrap_tot .c3_wrap .c3_wrap_l .b_ba_cont {font-size: 18px;}
}


/*solution*/
.solutionPg .mainImgWrap{width: 100%;object-fit: cover; z-index:5000}
.solutionPg .mainImgWrap .mainImg{width: 100%;height: 100vh; object-fit: cover;}
.solutionPg .sTitle{height:150px; line-height:150px; font-size:36px; font-weight:bold; color:#000; text-align:center; display:flex;justify-content:center;   align-items:center; padding-left:200px}
.solutionPg .sTitle .appIcon{width:80px; height:80px; margin-right:20px}
.solutionPg .sHPage{height:50px; width:150px; background-color:#3B5998; border-radius:30px; color:#fff; font-size:20px; line-height:50px;  cursor:pointer; font-weight:400;  text-align:center; margin-top:50px; }
.solutionPg .sHPage:hover{font-weight:bold !important}
.sImg1 {margin-top:40px; }
.solutionPg .sImg{text-align:center; margin-top:40px;margin-left:20px;box-sizing: border-box;}
.sSocial{float: right;padding: 20px; padding-right:65px}
.solutionPg .sImg img{width:98%;}

@media(max-width:1081px), (max-height:901px){
	.solutionPg .mainImgWrap{height: inherit;}
	.footerArea {height: 200px;}
	.solutionPg .sHPage {float:right; margin-top:25px }
	.sImg1 {float:right;width:120px;}
	.sImg1 img{width:100%;}
	.solutionPg .section1 .sImg{width: calc( 100% - 150px );}
	.solutionPg .section2 .sImg{width: calc( 100% - 150px );}
	.solutionPg .section5 .sImg{width: calc( 100% - 150px );}
}

@media(min-width:1081px) and (min-height:901px){
	.solutionPg .mainImgWrap{height: 100vh;}
	.footerArea {height: 0px;}
	.solutionPg .sHPage {float:right; margin-right:65px; margin-top:50px }
	.sImg1 {float:right;width:170px;}
	.sImg1 {float:right; margin-right:65px; z-index:100;}
	.solutionPg .sImg{width: calc( 100% - 300px );max-width:1200px;margin:30px auto;}
}

@media(max-width:1680px){
	.solutionPg .sImg1{margin-right:20px}
	.solutionPg .sImg{width: calc( 100% - 220px );max-width:1200px;margin:20px;}
}

@media(max-height:1120px){
	.solutionPg .sTitle {height: 100px;line-height: 100px; }
	.solutionPg .sHPage{margin-top:25px; margin-right:60px}
/* 	.section5 .sImg{max-width:900px;} */
}
@media(min-height:1121px){
	.solutionPg .sTitle {height: 150px;line-height: 150px;}
}

@media(min-width:1540px) and (max-width:1680px){
	.solutionPg .sImg {margin:20px auto}
}
	

/*comapny, solution common*/
.mainScroll{margin-top:-143px}
.mainScroll #scrollIcon{width:34px; height:22px; margin-bottom:20px; z-index:10000; cursor:pointer}
.cDiv{height:10px; background-color:#f5f5f5}
.solution{display:flex; }
.solution div{width:25%;  line-height:95px; color: rgba(255,255,255,0.6); height:95px; text-align:center; font-size:24px; border-top:1px solid rgba(255,255,255,0.6); border-right:1px solid  rgba(255,255,255,0.6); cursor:pointer; z-index:10000}
.solution div:hover{font-weight:bold}
.solution div:last-child{border-right:unset}

/*news*/
.newsInfo{height:calc(100vh - 80px); min-height:1080px}
.newsInfo .nTitle{height:150px; line-height:150px; font-size:36px; font-weight:bold; color:#000; text-align:center; border-top:1px solid #737373}
.newsInfo .newsTot{width:1620px; height:600px;margin:0 auto; margin-top:60px;}
.newsInfo .newsItem{width:50%; float:left; height:180px; margin-bottom:30px;}
.newsInfo .newsImg{width:300px; height:180px; margin-right:20px}
.newsInfo .newsContWrap{width:440px; height:180px}
.newsInfo .newsContWrap .newsTitle{color:#3B5998; font-size:20px; line-height:28px; font-weight:bold}
.newsInfo .newsContWrap .newsCont{width:100%; line-height:20px; font-size:16px; height:80px; text-overflow:ellipsis;word-wrap:break-word;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden; min-height:100px}
.newsInfo .newsDate{float:left; color:#737373}
.newsInfo .newsLink{float:right; color:#737373; cursor:pointer}
.newsInfo .newsLink:hover{font-weight:bold}

/*recruit*/
.recruitPg .rTitle{font-size:36px; font-weight:bold; color:#000; text-align:center;}
.recruitPg .rSubTitle{font-size:24px; color:#737373; text-align:center}
.recruitPg .rSubWrap{width:730px;margin:0 auto;}
.recruitPg .recruitInfo{ padding:40px 10px; border-top:2px solid #737373; border-bottom:2px solid #737373}
.recruitPg .rImg{text-align:center}
.recruitPg .section{ position:relative;}
.recruitPg .fWrap{height:auto; overflow:hidden;  width:100%; clear:both; margin-bottom:20px}
.recruitPg .fWrap .fCont .rMsg{color:#737373; font-size:16px; margin-top:10px}
.rMsg1{color:#737373; font-size:16px; margin-top:20px; margin-left:20px}
.recruitPg .fTxt{width:120px; font-weight:bold; text-align:right; font-size: 20px; color:#737373; float:left; line-height:40px;}
.recruitPg .fCont{width:calc(100% - 140px); margin-left:20px; float:left; }
.recruitPg .btn-upload{cursor:pointer; background-color:#D9D9D9; width:118px;  height:40px; color:#737373; line-height:40px; text-align:center; font-size:18px }
.recruitPg #uFile{ display: none;}
.recruitPg .uPhone{width:100px !important}
.recruitPg .pHypen{margin-left:10px; margin-right:10px; height:40px; line-height:40px}
.recruitPg .btn-submit{cursor:pointer; background-color:#3B5998; text-align:center; line-height:40px; font-size:18px; font-weight:bold; color:#fff; width:118px; height:40px; width:120px;margin:0 auto; margin-top:20px}
.recruitPg input[type=text]{height:40px; width:calc(100% - 10px); box-sizing:border-box; border:2px solid #D9D9D9; padding-left:10px}
.recruitPg input[id="privacyCk"] { width:20px; height:20px; position: relative; top: 1.5px; margin-right:7px}
.recruitPg label[for="privacyCk"] {position: relative;top: -1.5px; }
.recruitPg label[for="uField1"], label[for="uField2"], label[for="uField3"], label[for="uField4"], label[for="uField5"]{ font-size: 18px; color:#737373; line-height:40px; margin-right:20px}
.recruitPg input[type="radio"] { cursor:pointer; width:20px; height:20px; margin-right:5px;margin-top: -4px;	vertical-align: middle;}

.icon{margin-right:15px}

.recruitPg .section1 .rImg img{width:100%;max-width: 880px;}
.recruitPg .section2 .rImg{padding:0px 20px;}
.recruitPg .section2 .rImg img{width:100%;max-width: 1200px;}
.recruitPg .section3 .rImg img{width:100%;max-width: 1600px;}
.recruitPg .section4 .rImg img{width:100%;;}

@media(max-height:1120px){
	.rTitle {height: 100px;line-height: 100px;}
	.recruitPg .rSubTitle {margin:20px 0px 20px 0px;}
	.recruitPg .recruitInfo {padding:10px;}
	.rMsg1 {margin:10px;}
}
@media(min-height:1121px){
	.rTitle {height: 150px;line-height: 150px;}
	.recruitPg .rSubTitle {margin:40px 0px 60px 0px;}
	.recruitPg .recruitInfo {padding:40px 10px;}
	.rMsg1 {margin:20px;}
}