@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,600,700,900&display=swap');
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.fixtop,.fixtop .toper .logo,.fixtop .toper ul.navpc li a.a,.indvideo .in .btn,.indnews li .pic p,.indnews li,.navbar-nav li,.mainabout .aboutblank,.navbar,.navbar-nav li:before,.culture li .down,.team li .pic p,.news li .pic p,.nshow .mright dd p,.nshowdz span,.project li .pic p,.pgwSlideshow .ps-current .ps-next,.pgwSlideshow .ps-current .ps-prev,.pgwSlideshow .ps-list li .ps-item,.pgwSlideshow .ps-list .ps-prev,.pgwSlideshow .ps-list .ps-next,.contact1 li,.contact2 li .pic p,.message .listbtn input,.join li .pcover,.accordionservice li .link:before,.totop,.indcase li .p a,.projectmenu li a:before,.project2 li .pic a:before
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indnews li:Hover .pic p,.team li:hover .pic p,.news li:hover .pic p,.nshow .mright dd:hover p,.project li:Hover .pic p,.contact2 li:hover .pic p,.join li:Hover .pcover,.indcase li:hover .p a
{transform:scale(1.15);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.indvideo .in .btn:hover
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.nshow .mleft,.nshow .mright,.pgwSlideshow .ps-current > ul  > li,.pgwSlideshow .ps-list,.contact1 li,.message .list input[type="text"],.message .list #mbeizu,.join li .cons,.joblist dd,.accordionservice li .link div,.camp2 .cons input[type="text"],.camp2 .cons select,.phonemenu .nav
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.culture li:Hover .up .pic img,.contact1 li:hover .p img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;overflow-x:hidden;background:#fff;line-height:2.5;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;color:#666;font-weight:300; letter-spacing:1px}strong,b {font-weight:500;}a {color:#666}
a:hover {color:#000}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0; background:#92989d;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 0 0px 0;text-align:center}
.pager {width:100%;} 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:0 15px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0} 
.pager a:hover,.pager span.current {color:#999;} 
.pager a,.pager span.disabled {color:#333;} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color: #cccccc;}
:-moz-placeholder {color: #cccccc; } 
::-moz-placeholder { color: #cccccc; } 
:-ms-input-placeholder {color: #cccccc; }

::selection {background:#000000;color:#ffffff;}
::-moz-selection {background:#000000;color:#ffffff;}
::-webkit-selection {background:#000000;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1280px;position:relative;}
.wrap2 {margin:0 auto;max-width:1280px;position:relative;}

.fixtop { position:fixed; z-index:9999;left:1.2%;top:0;}
.fixtop .toper .logo { background:url(../images/logo.png) no-repeat center top;width:132px; height:50px; background-size:100%; display:block; position:absolute;left:0;top:16px}
.fixtop .toper ul.navpc { text-align:right; display: inline-block; vertical-align: top;}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top;margin:0 0 0 50px; position:relative}
.fixtop .toper ul.navpc li a.a { position:relative; height:80px; line-height:80px;color:#fff; display:block;font-size:20px;}

.fixtop2 .toper .logo,.fixtop.active .toper .logo { background-position:bottom;}

.fixtop3.active .toper .logo{background-position:top;}

.indpics .item {background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-position: center; background-size: cover; background-repeat: no-repeat;}
.indpics .item .cons {color:#fff;font-size:60px; line-height: 1.6; text-align: center; letter-spacing:5px;width:100%;font-weight:400}

.indsubject {padding:120px 0 60px 0; text-align: center;}
.indsubject .t {font-size:35px; line-height:45px;margin:0 0 5px 0;color:#333}

.indcase {margin-bottom:-60px}
.indcase ul {float:left;width:48.8%}
.indcase ul.u2 {float:right;}
.indcase ul li .p { position: relative;padding:59.4% 0; overflow: hidden}
.indcase ul.u1 li:nth-child(2) .p,.indcase ul.u1 li:nth-child(4) .p,.indcase ul.u2 li:nth-child(1) .p,.indcase ul.u2 li:nth-child(3) .p {padding:33.4% 0; }
.indcase li .t {line-height: 25px; height: 25px; overflow: hidden;margin:18px 0 0 0}
.indcase li .t a {color:#333;font-size:20px;}
.indcase li .t2 { line-height: 20px; height: 20px; overflow: hidden;margin:8px 0 60px 0}
.indcase li:hover .t a {color:#000}

.indvideo { background-attachment: fixed;background-position:center; background-repeat: no-repeat; background-size:cover;margin:120px 0; position: relative;color:#fff; text-align: center}
.indvideo:before {content:''; position: absolute;left:0;top:0;width:100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.6)}
.indvideo .wrap {z-index:10;}
.indvideo .indsubject {padding:0}
.indvideo .indsubject .t {color:#fff}
.indvideo .indsubject .c {color:#fff}
.indvideo .in {padding:10% 0}
.indvideo .in .btn {background:url("../images/play.png");width:30px; height: 30px;margin:30px auto 0 auto; background-size:100%;}
.indvideo .in .btn a {display:block;width:100%; height: 100%}

.floatvideo { position:fixed;top:0;left:0;width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999999; display:none;}
.floatvideo iframe {width:100%; height:100%}
.video_cons {width:100%; height:100%;background:none; text-align:center;color:#fff}
.video_cons i { position:absolute;right:0;top:0; background:url(../images/close.png) no-repeat center;width:40px; height:40px; background-size:cover;margin:-20px -20px 0 0; z-index:99999; cursor:pointer}

.indabout .mleft {float:left;width:50%;}
.indabout .mleft .title {font-size:35px; line-height: 45px;color:#333}
.indabout .mleft .content {margin:20px 0 60px 0;min-height:215px}
.indabout .mright {float:right;width:43%;margin:5px 0 0 0}
.indabout .mright .item img {width:100%}

.indnum {float:left;}
.indnum li { display:inline-block; vertical-align:top;margin:0 0 0 60px;}
.indnum li:nth-child(1) {margin:0}
.indnum li .num h2 { display:inline-block; vertical-align:top;font-size:28px;line-height:28px;font-weight:400;color:#333}
.indnum li .num p { display:inline-block; vertical-align:top;font-size:28px; line-height:28px;margin:3px 5px 0 5px;}
.indnum li .num h3 { display:inline-block; vertical-align:top;font-size:14px; line-height:14px;margin:13px 0 0 0;color:#999;}
.indnum li .c {margin:5px 0 0 0}
.indabout .mleft .indmore {float:right;margin:3px 10px 0 0}
.indmore a {color:#999;}
.indmore a i {display:inline-block; vertical-align: top;margin:1px 0 0 5px;font-size:14px;}
.indmore a:Hover {color:#000}

.indnews {background:#eef3f7;margin:120px 0 0 0;padding:0 0 120px 0}
.indnews ul {width:102%;margin:-2% 0 0 -1%}
.indnews li {float:left;width:31.3333%;margin:2% 1% 0 1%;}
.indnews li:hover {box-shadow:0 0 10px rgba(0,0,0,0.1)}
.indnews li .pic {position:relative; overflow: hidden;padding:42% 0}
.indnews li .pic a { display: block;}
.indnews li .cons {background:#fff;padding:30px}
.indnews li .cons .t { height: 30px; line-height: 30px; overflow: hidden}
.indnews li .cons .t a {font-size:20px;color:#333;}
.indnews li .cons .c { line-height: 30px; height: 60px;margin:15px 0 40px 0;overflow: hidden}
.indnews li .cons .a {color:#999;position: relative}
.indnews li .cons .a span {position:absolute;right:0;top:0;padding:0 0 0 33px}
.indnews li .cons .a span:before {content:''; position: absolute;left:0;top:5px; background: url("../images/3.png") no-repeat center; background-size:100%;width:25px; height: 25px}
.indnews .indmore {text-align:right;margin:60px 0 0 0}
.bannerin {background-position:center; background-repeat: no-repeat; background-size:cover; height: 740px;font-size:50px; text-align: center;color:#fff; position: relative}
.bannerin:before {content:''; position:absolute;left:0;top:0;width:100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1}
.bannerin .wrap { z-index: 100;top:40px}

.firstend { position:absolute; height:0;top:-80px; overflow:hidden}
.namemjmenu { position:absolute;top:0; height:0; overflow:hidden}
.namemj2 { height:0; position:relative;top:-80px}
.namemj { height:0; position:relative;top:-80px}

.navbar { position:relative; z-index:999;top:0;left:0;width:100%; background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.15)}
.navbar-nav li { display:inline-block; vertical-align:top;text-align:center; height:80px; line-height:80px;position:relative;margin:0 0 0 100px;border-bottom:2px solid transparent;}
.navbar-nav li:before {content:''; position: absolute;left:-50px;top:26px;width:1px; height: 30px; background: #e3ebf2}
.navbar-nav li:nth-child(1):before { display:none;}
.navbar-nav li:nth-child(1) {margin:0}
.navbar-nav li a { display:block;font-size:16px;color:#999; position:relative;}
.navbar-nav li.active,.navbar-nav li:hover,.navbar-nav li:hover a,.navbar-nav li.active a,.mainabout.active2 .navbar-nav li:first-child,.mainabout.active2 .navbar-nav li:first-child a { color:#000;border-color:#000}
.mainabout.active .navbar { position:fixed;}
.mainabout.active .navbar li {height:80px; line-height: 80px;}
.mainabout.active .navbar-nav li:before { height:30px;top:26px}
.mainabout.active .aboutblank { height:80px;}
.mainabout.active .fixtop {opacity:0; z-index:1}

.aboutsubject {font-size:35px; line-height:45px;padding:0 0 40px 0;color:#333}
.company {padding:120px 0}
.company .mright .t {font-size:35px; line-height: 45px;margin:0 0 40px 0;color:#333}
.company .pics {margin:40px 0 0 0}
.company .itme img {width:100%}

.culture {background:#eef3f7;padding:120px 0}
.culture ul {width:101%;margin:-1% 0 0 -0.5%;padding:20px 0 0 0}
.culture li {float:left;width:24%;margin:1% 0.5% 0 0.5%; text-align: center}
.culture li .up { background:#fff;padding:50px 0}
.culture li .up .pic img { height:60px}
.culture li .up .title {font-size:20px; line-height: 30px;margin:10px 0 0 0;color:#333}
.culture li .down {background: #cad0d4;height: 180px; line-height: 1.8;padding:0 10%;color:#fff;}
.culture li:hover .down {background:#000}

.market {padding:120px 0}

.team ul {width:102%;margin:-2% 0 0 -1%;padding:20px 0 0 0}
.team li {float:left;width:18%;margin:2% 1% 0 1%}
.team li .pic { position:relative; overflow: hidden;padding:50% 0;}
.team li .pic a { display:block}
.team li .cons {background:#eef3f7;padding:20px;}
.team li .cons .title {height:25px; line-height:25px; overflow: hidden}
.team li .cons .title a {font-size:20px;color:#333}
.team li .cons .title2 {height:20px; line-height: 20px; overflow: hidden;margin:10px 0 0 0}

.tshow {padding:210px 0 120px 0}
.tshow .mleft {float:left;width:40%;}
.tshow .mleft img {width:100%}
.tshow .mright {float:right;width:50%}
.tshow .mright .t {font-size:35px; line-height: 45px;color:#333}
.tshow .mright .t2 {color:#999;font-size:20px;margin:5px 0 30px 0;}

.partner {padding:120px 0 170px 0}
.partner .pics {padding:10px 0 0 0}
.partner .owl-carousel .owl-dots { bottom:-60px;}
.partner .owl-carousel .owl-dots .owl-dot span{background:none;border:2px solid #ccc;border-radius:50%;width:10px; height: 10px;margin:0 10px}
.partner .owl-carousel .owl-dots .owl-dot.active span,.partner .owl-carousel .owl-dots .owl-dot:hover span{ background:#ccc}

.honor {padding:0 0 120px 0}
.honor .mleft {float:left;width:50%;margin:10px 0 0 0}
.honor .mright {float:right;width:40%;margin:10px 0 0 0}
.honor .mright img {width:100%}

.news { background: #eef3f7;margin:-80px 0 0 0;padding:60px 0 120px 0}
.news li {margin:60px 0 0 0; position: relative; height: 420px; background: #fff}
.news li .pic {position:absolute;width:500px; height: 420px; overflow: hidden}
.news li .cons {margin:0 0 0 600px;padding:60px 100px 0 0}
.news li .cons .title { height:30px; line-height: 30px; overflow: hidden;}
.news li .cons .title,.news li .cons .title a {font-size:25px;color:#333}
.news li .cons .content {line-height: 35px; height: 70px; overflow: hidden;margin:30px 0 140px 0}
.news li .cons .addtime { position:relative;}
.news li .cons .addtime .a {color:#b9b9b9; position: relative;padding:0 0 0 32px}
.news li .cons .addtime .a:before {content:''; background: url("../images/5.png") no-repeat center;width:20px; height: 20px; position: absolute;left:0;top:6px; background-size:100%}
.news li .cons .addtime .dc {position:absolute;top:0;right:0; text-align: right}
.news li .cons .addtime .dc .newsview { display:inline-block; vertical-align: top;color:#b9b9b9;padding:0 0 0 38px; position: relative}
.news li .cons .addtime .dc .newsview:before {content:''; background: url("../images/3.png") no-repeat center;width:28px; height: 28px; position: absolute;left:0;top:3px; background-size:100%}
.news li .cons .addtime .dc .newszang { display:inline-block; vertical-align: top;color:#b9b9b9;padding:0 0 0 31px; position: relative;margin:0 0 0 40px; cursor: pointer}
.news li .cons .addtime .dc .newszang:before {content:''; background: url("../images/6.png") no-repeat center;width:20px; height: 20px; position: absolute;left:0;top:6px; background-size:100%}

.nshow { background: #eef3f7;padding:60px 0 120px 0}
.nshow .mleft {float:left;width:68%; background: #fff;padding:50px 3%}
.nshow .mleft .news {margin:0;padding:0}
.nshow .mleft .news li {margin:0;height: auto;}
.nshow .mleft .news li .cons {margin:0;padding:0}
.nshow .mleft .news li .cons .title {margin:10px 0 30px 0; height: auto;}
.nshow .mleft .news li .cons .addtime .dc {right:auto;left:176px}
.nshow .mleft .content2 {margin:60px 0 0 0;}
.nshow .mleft .content2 img {margin:5px 0}
.nshowdz { text-align:center;margin:120px 0}
.nshowdz span {background:url("../images/7.png") no-repeat;width:70px; height: 70px;margin:0 auto; display: block; cursor: pointer}
.nshowdz.active span { background-position:bottom;}
.newsshare {border:1px solid #eaedee;border-left:0;border-right:0;padding:10px 0}
.prevnext {padding:50px 0;border-top:1px solid #eaedee;margin:100px 0 0 0}

.prevnext i {color:#999;font-size:18px; line-height: 18px;margin:0 0 10px 0; display: block}
.prevnext span { display:block;}
.prevnext .prev {float:left;width:45%}
.prevnext .prev p { position:relative;padding:0 0 0 35px}
.prevnext .prev p:before {content:''; background:url("../images/8.png") no-repeat top;left:0;top:36px; position: absolute;width:20px; height: 20px; background-size:100%}
.prevnext .next {float:right;width:45%; text-align: right}
.prevnext .next a { display:inline-block;margin:0 0 0 auto; text-align: left;}
.prevnext .next p { position:relative;padding:0 35px 0 0}
.prevnext .next p:before {content:''; background:url("../images/8.png") no-repeat top;right:0;top:36px; position: absolute;width:20px; height: 20px;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);  background-size:100%}
.nshow .mright {float:right;width:30%; background: #fff;padding:50px 3%}
.nshow .mright dt {color:#a1a9b0;font-size:25px; line-height:35px;margin:13px 0 40px 0;color:#333}
.nshow .mright dd {position:relative; overflow: hidden;padding:38.2% 0;margin:25px 0 0 0}
.nshow .mright dd span { position:absolute;left:0;bottom:0;width:90%; text-align: center;color:#fff;padding:0 5%; height: 40px ;line-height:40px; overflow: hidden; z-index: 100; background: rgba(0,0,0,0.5)}

.newsshare * {transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;}
.newsshare { position: relative;padding:40px 0 40px 90px}
.newsshare:before {content:'Share+'; background: url("../images/9.png") no-repeat center left;width:90px; left:0;height: 20px; background-size:20px; position: absolute;padding:0 0 0 30px;font-size:12px;color:#999; line-height: 20px;}
.bshare-custom { position:relative; z-index: 100}
.bshare-custom a.bshare-linkedin {background:url("../images/10.png");width:20px; height: 20px; background-size:100%;margin:0;padding:0}
.bshare-custom a.bshare-facebook {background:url("../images/11.png");width:20px; height: 20px; background-size:100%;margin:0 20px;padding:0}
.bshare-custom a.bshare-twitter {background:url("../images/12.png");width:20px; height: 20px; background-size:100%;margin:0;padding:0}
.bshare-custom a.bshare-qqmb {background:url("../images/13.png");width:20px; height: 20px; background-size:100%;margin:0 20px;padding:0}
.bshare-custom a.bshare-weixin{background:url("../images/14.png");width:20px; height: 20px; background-size:100%;margin:0;padding:0}

.projectmenu {margin:150px 0 -40px 0}
.projectmenu .subject { display:inline-block; vertical-align: top;font-size:30px; line-height:30px;color:#333;margin:0 0 40px 0}
.projectmenu .subject span {font-weight:600;margin:0 15px 0 0}
.projectmenu ul { display:inline-block; vertical-align: top;}
.projectmenu li { display:inline-block; vertical-align: top;margin: 0 0 0 55px}
.projectmenu li a {color:#333; position: relative}
.projectmenu li a:before {content:''; position: absolute;left:0;width:0;bottom:-5px; background: #ccc; height:2px}
.projectmenu li:Hover a:before,.projectmenu li.check a:before{width:100%}

.project {padding:0 0 120px 0}
.project ul {width:102.4%;margin:-2.4% 0 0 -1.2%}
.project li {float:left;width:30.9333%;margin:2.4% 1.2% 0 1.2%;padding-top:60px}
.project li .pic { position:relative; overflow: hidden;padding:35.7% 0}
.project li .cons {padding:20px 0 0 0}
.project li .cons .t,.project li .cons .t2 { height:30px; line-height: 30px; overflow: hidden;}
.project li .cons .t a {font-size:20px;color:#333}
.project li .cons .t2 {margin:5px 0 0 0}


.project2 li .pic a:before {content:''; position: absolute;left:0;top:0;width:100%; height: 100%; background: rgba(0,0,0,0.6) url("../images/play.png") no-repeat center; z-index: 200;opacity:0}
.project2 li:hover .pic a:before {opacity:1}

.show {padding:150px 0 120px 0}
.show .pics {float:left;width:57.7%; position: relative}
.show .gs{float:right;width:36%}
.show .gs .t {font-size:35px; line-height: 45px;color:#333}
.show .gs .t2 {color:#999;font-size:18px; line-height:28px;margin:10px 0 0 0}
.show .gs .c {margin:40px 0 45px 0;min-height:330px}
.show .ds .zang {float:left;}
.showzang { display:inline-block; vertical-align: top;color:#b9b9b9;padding:0 0 0 30px; position: relative;cursor: pointer;font-size:16px}
.showzang:before {content:''; background: url("../images/6.png") no-repeat center;width:20px; height: 20px; position: absolute;left:0;top:9px; background-size:100%}
.show .ds .newsshare {float:right;border:0;padding-top:0;padding-bottom:0;margin-top:12px}
.show .cons .subject {font-size:25px; line-height: 35px; border-bottom:1px solid #dcdcdc;padding:0 0 20px 0;margin:110px 0 40px 0;color:#333}
.show .cons .subject img {margin:-5px 15px 0 0; height: 25px}
.show .cons .content img {margin:10px 0;}
.show .cons1 {float:left;width:55%}
.show .cons2 {float:right;width:35.8%}
.show .consno {width:100%}

.nshow2 {padding:0 0 120px 0; background:#fff;margin:30px 0 0 0}
.nshow2 .mright {float:none;width:101%; margin:-1% 0 0 -0.5%;padding:0}
.nshow2 .mright dt {color:#a1a9b0;font-size:30px; line-height: 30px;margin:0 0.5% 20px 0.5%;border-top:1px solid #dcdcdc;padding:40px 0 0 0;}
.nshow2 .mright dd {padding:6.8% 0;margin:1% 0.5% 0 0.5%;float:left;width:19%}
.nshow2 .mright dd span { position:absolute;left:0;bottom:0;width:90%; text-align: center;color:#fff;padding:0 5%; height: 40px ;line-height:40px; overflow: hidden; z-index: 100; background: rgba(0,0,0,0.5);}

.contact1 {background:#eef3f7;padding:120px 0}
.contact1 ul {width:101%;margin:-2.5% 0 0 -0.5%}
.contact1 li {float:left;width:24%;margin:2.5% 0.5% 0 0.5%; text-align:center; height: 410px; background: #fff;box-shadow:2px 2px 10px rgba(0,0,0,0.1);padding:0 3%}
.contact1 li:nth-child(1),.contact1 li:nth-child(2) {width:49%}
.contact1 li .p { height: 50px;padding:100px 0 10px 0}
.contact1 li .p img { height:50px}
.contact1 li .t {font-size:25px; line-height:35px;margin:10px 0 70px 0;color:#333;}
.contact1 li .c {font-size:18px;}
.contact1 li:hover {box-shadow:2px 2px 20px rgba(0,0,0,0.3)}
.namemj3 { height:0; position:relative;top:-80px}

.contact2 {padding:120px 0}
.contact2 ul {width:104%;margin:-5% 0 0 -2%}
.contact2 li {float:left;width:46%;margin:5% 2% 0 2%; position: relative}
.contact2 li .pic {float:left;width:50%; position: relative;padding:19.5% 0; overflow: hidden}
.contact2 li .cons {float:right;width:45%}
.contact2 li .cons .t {font-size:25px; line-height: 35px;color:#333}
.contact2 li .cons .c { position:absolute;left:55%;bottom:0;}

.message .subject {font-size:35px; line-height: 45px;color:#333}
.message .list {margin:80px 0 0 0}
.message .list1 {float:left;width:45%}
.message .list2 {float:right;width:45%}
.message .list p {font-size:20px; line-height: 20px}
.message .list p i { display:inline-block; vertical-align: top;margin:5px 5px 0 0}
.message .list input[type="text"] { height:40px; line-height: 40px;border-bottom:1px solid #dcdcdc;width:100%}
.message .listbeizu p {margin:0 0 35px 0}
.message .list #mbeizu { height:200px; line-height: 25px;padding:15px 20px;border:1px solid #dcdcdc;width:100%}
.message .listbtn { text-align:center;margin:60px 0 120px 0}
.message .listbtn input {width:150px; background: #666; height: 40px; line-height: 39px; coloR:#fff;margin:0 auto;border-radius:40px; cursor: pointer;  letter-spacing: 2px;font-weight:300}
.message .listbtn input:hover { background:#000;}

.map {padding:0 0 120px 0}
.map .title {font-size:35px; line-height: 45px;color:#333}
.map .cons {margin:5px 0 40px 0}
.map iframe,#container {width:100%; height: 500px}

.join { background: #eef3f7;padding:100px 0 200px 0}
.join ul {width:101%;margin:-1% 0 0 -0.5%}
.join li {float:left;width:32.3333%;margin:1% 0.5% 0 0.5%;  position: relative; overflow: hidden;padding:16.2% 0; text-align: center;box-shadow:2px 2px 5px rgba(0,0,0,0.2)}
.join li .cons { position:absolute; z-index: 100;left:0;bottom:0;width:100%; background: rgba(0,0,0,0.4);border-top:1px solid rgba(255,255,255,0.8);color:#fff;padding:30px 20px}
.join li .cons .t {font-size:25px; line-height: 40px; height: 40px; overflow: hidden;}
.join li .cons .t2 {line-height: 30px; height: 30px; overflow: hidden;}

body.job { background-position:center; background-repeat: no-repeat; background-size:cover;  height: 100%;color:#fff; text-align: center}
body.job:before {content:''; position: absolute;left:0;top:0;width:100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1}
body.job .wrap { z-index:100}
.jobtitle {font-size:75px; line-height: 95px; letter-spacing: 2px;margin:80px 0 100px 0;}
.jobmore a { display:inline-block; vertical-align: top;width:250px; height: 60px; line-height: 58px;border-radius:10px; text-align: center;font-size:25px;border:1px solid #fff;margin:0 20px;color:#fff;}
.jobmore a:hover { background:#fff;color:#000}

.recuitbg {
background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
background-position: center; background-repeat:no-repeat; background-size:cover;
text-align: center;
color:#fff;
}
.recuitbg:before {content:''; position: absolute;left:0;top:0;width:100%; height: 100%; background: rgba(0,0,0,0.3)}
.recuitbg .up .t {font-size:75px; line-height: 85px; letter-spacing: 2px;margin:70px 0 10px 0;}
.recuitbg .up .c {font-size:30px; line-height:1.8;margin:0 0 60px 0}
.recuitbg .search form { background:rgba(255,255,255,0.9); height: 70px;width:550px;border-radius:5px;margin:0 auto}
.recuitbg .search form #k {display:inline-block;vertical-align: top; height: 70px; line-height: 70px;width:440px;padding:0 20px;border-radius:5px;font-size:20px; background: none;font-weight:300}
.recuitbg .search form #sbtn {display:inline-block;vertical-align: top;width:70px; height: 70px; background:url("../images/21.png") no-repeat center; cursor: pointer}

.joblist {padding:150px 0; background: #eef3f7}
.joblist dd { display:inline-block; vertical-align: top;width:33.3333%;font-size:25px;color:#999; line-height: 30px;padding:0 0 0 70px;}
.accordionservice li {}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;padding:55px 0 25px 0;border-bottom:1px solid #ababab}
.accordionservice li .link:before {content: ""; background: url("../images/25.png") no-repeat center;width:34px; height: 13px; position: absolute;left:70px;bottom:-1px;opacity:0}
.accordionservice li .link div { display:inline-block; vertical-align: top;width:33.3333%;padding:0 0 0 70px;font-size:20px; line-height: 30px;}
.accordionservice li.open .link {border-color:transparent}
.accordionservice li.open .link:before {opacity:1}
.accordionservice .submenu {display:none; background: #fff;padding:70px;color:#666; position: relative}
.accordionservice .submenu .t {font-size:25px; line-height: 25px;margin:0 0 30px 0;color:#333}
.accordionservice .submenu .t img {margin:0 15px 0 0}
.accordionservice .submenu .mleft {float:left;width:43%;}
.accordionservice .submenu .mright {float:right;width:47%;}
.accordionservice .submenu .more {margin:60px 0 0 0}
.accordionservice .submenu .more a { background:url("../images/24.png") repeat-x;width:170px; height: 55px; line-height: 55px;color:#fff;font-size:20px; text-align: center;border-radius:5px; display: block}
.jobsearch {padding-top:150px}

.campusrecruitment {background:#eef3f7;padding:120px 0 150px 0}
.camp1 { text-align:center;margin:0 0 120px 0}
.camp1 .t {font-size:35px; line-height:45px;margin:0 0 80px 0;}
.camp1 img {width:100%}

.camp2 {float:left;width:49%; text-align: center;}
.camp3 {float:right;width:49%; text-align: center;}
.camp2 .subject,.camp3 .subject {font-size:35px; line-height:45px;margin:0 0 60px 0;}
.camp2 .cons,.camp3 .cons { background: #fff;padding:100px 80px;box-shadow:2px 2px 10px rgba(0,0,0,0.1)}
.camp3 .cons li .t {color:#666;font-size:25px; line-height: 35px; margin:30px 0 0 0;}
.camp3 .cons li .p img { height:50px}
.camp3 .cons li {margin-top:89px}
.camp3 .cons li:nth-child(1) {margin-top:0}

.camp2 .cons .list {margin:0 0 40px 0; position: relative}
.camp2 .cons p {font-size:16px; line-height:16px;color:#666;margin:0 0 10px 0}
.camp2 .cons p i {color:#ff8a0d;padding:5px 10px 0 0; display: inline-block; vertical-align: top;}
.camp2 .cons input[type="text"] {width:480px; height: 35px; line-height: 34px;border:1px solid #d9e0e2;padding:0 15px;color:#666; text-align: center}
.camp2 .cons select {width:240px; height:35px; line-height:34px;cursor:pointer;border:1px solid #d9e0e2;color:#666; text-align: center}
.camp2 .cons .listupload {width:480px;margin:0 auto;font-weight:300}
.file-box2{ position:relative;}
.file-box2 .in {margin:0 100px 0 0}
.camp2 .cons .listupload input[type="text"]{width:380px; text-align: left;font-weight:300}
.file-box2 input.upbtn{ background:#d9e0e2;height:35px;width:100px;cursor:pointer; position:absolute;right:0;top:0;font-size:16px;color:#666;font-weight:300}
.file-box2 input.file {position:absolute; top:0px; right:0; height:50px;filter:alpha(opacity=0);opacity:0;width:100px;cursor:pointer;}
.camp2 .cons .listbtn {margin:78px 0 0 0}
.camp2 .cons .listbtn input { background: url("../images/24.png") repeat-x; height: 40px; line-height: 39px;border-radius:5px; display: inline-block;padding:0 25px;color:#fff; cursor: pointer;font-size:16px;font-weight:300}





.foot {padding:100px 0 120px 0;}
.footbg {background:#f8f8f8;}
.foot dl {float:left;margin:0 6.5% 0 0}
.foot dl.dl4 {margin:0;}
.foot dl.dl5 {float:right;width:400px;margin:0 0 0 auto}
.foot dl dt,.foot dl dt a {font-size:20px; line-height: 20px;color:#333}
.foot dt {margin:0 0 30px 0;}
.foot dd {position:relative;color:#666}
.foot dd a {color:#666}
.foot dd a:hover {color:#000}
.foot dl.dl5 dt {margin:0 0 40px 0}
.foot dl.dl5 dd {font-size:16px;padding:0 0 0 45px; line-height: 1.6}
.foot dl.dl5 dd.add:before {content:''; position: absolute;left:0;top:50%;margin-top:-15px; background: url("../images/add.png");width:30px; height: 30px; background-size:100%}
.foot dl.dl5 dd.tel {margin:25px 0}
.foot dl.dl5 dd.tel:before {content:''; position: absolute;left:0;top:50%;margin-top:-15px; background: url("../images/tel.png");width:30px; height: 30px; background-size:100%}
.foot dl.dl5 dd.email:before {content:''; position: absolute;left:0;top:50%;margin-top:-15px; background: url("../images/email.png");width:30px; height: 30px; background-size:100%}

.foot dl.dl5 dd.sj {padding:50px 0 0 3px}
.foot dl.dl5 .sj .list { display: inline-block; vertical-align: top;margin:0 22px 0 0}
.foot dl.dl5 .sj .list:last-child() {margin:0}
.foot dl.dl5 .sj .list i {width:26px; height: 26px; background-position: center; background-repeat: no-repeat; background-size:100%;display:block}
.foot dl.dl5 .sj .list:nth-child(1) i {background:url("../images/s1.png"); background-size:100%;}
.foot dl.dl5 .sj .list:nth-child(2) i {background:url("../images/s2.png"); background-size:100%;}
.foot dl.dl5 .sj .list:nth-child(3) i {background:url("../images/s3.png"); background-size:100%;}
.foot dl.dl5 .sj .list:nth-child(4) i {background:url("../images/s4.png"); background-size:100%;}
.foot dl.dl5 .sj .list:nth-child(5) i {background:url("../images/s5.png"); background-size:100%;}

.footer { background: #eef3f7;padding:10px 0;font-size:12px; line-height: 1.8; color:#666;}
.footer a {color:#666;font-size:12px}
.footer a:Hover {color:#000}
.footer .mleft {float:left;width:40%;}
.footer .mright {float:right;width:55%; text-align: right;}
.footer .mright li {display:inline-block; vertical-align: top;margin:0 10px 0 0}
.footer .mright li:last-child {margin:0}

.totop {position:fixed;right:1.2%;bottom:2.3%;width:30px; height:30px; line-height:30px;border:1px solid #ccc;border-radius:50%; text-align:center; cursor: pointer;opacity:0; z-index: 9990}
.totop i {font-size:20px}
.totop:hover { background:#ccc;color:#fff}
.totop.active {;opacity:1}