@charset "utf-8";
@media only screen and (max-width: 2200px){
    .bannerin {height: 560px;font-size:40px; }
    .bannerin .wrap {top:40px}  
}

@media only screen and (max-width: 1300px){
.wrap {margin:0 4%}
.wrap2 {margin:0 4%}
}

@media only screen and (max-width: 1200px){
    .nav__trigger {right:4%;top:18px;}
    .nav__trigger:before {height:29px;}
    .nav__icon {top:-4px;}    
    
    .phonemenu .nav { right:-280px;width:280px;padding:0 0 0 30px}
    .phonemenu .nav ul {margin:40px 0 0 0;}
    .phonemenu .nav li a {font-size:20px;padding:18px 0 19px;}
    .phonemenu .nav li:last-child {padding-top:20px}
    .phonemenu .nav li:last-child a {font-size:12px;width:25px; height: 25px; line-height:23px;letter-spacing: 0.2px}    
    .accordionmenu li .link {font-size:20px;padding:18px 0 19px 0}
    .accordionmenu li .link i:before {right:10%;top:26px; background: url("../images/27.png");width:13px; height: 13px; background-size:100%}
    .accordionmenu li.open .link i:before { background-position: bottom;background-size:100%}
    .accordionmenu .submenu {padding:0px 0 15px 0}
    .accordionmenu .submenu p a,.accordionmenu li.check .submenu p a { display:block;font-size:14px;height:auto; line-height:24px;padding:0}
    
    body {line-height:2;}
    html,body,input,button,select,textarea,h1,h2,h3,h4,h5 { letter-spacing: 0.3px}
    .phonemenu { display:block;}
    .fixtop {left:4%}
    .fixtop .toper .logo { width:92px; height:35px; left:0;}
    .indpics .item .cons {font-size:35px; line-height: 1.8; letter-spacing:0px;}
    .indsubject {padding:50px 0 30px 0;}
    .indsubject .t {font-size:20px; line-height:25px;margin:0 0 5px 0}  
    .owl-carousel .owl-dots { bottom:20px;}
    .owl-carousel .owl-dots .owl-dot span{width:15px; height: 15px;margin:0 8px;background-size:100%}
    .owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{ background-size:100%}

    .indvideo { background-attachment:scroll;margin:40px 0;}
    .indvideo .in .btn {width:20px; height: 20px;margin:20px auto 0 auto;}
    .video_cons i { width:20px; height:20px;margin:-10px -10px 0 0;}
    
    .indabout .mleft .title {font-size:25px; line-height:35px;}
    .indabout .mleft .content {margin:20px 0 40px 0;}
    .indabout .mright {width:45%;}
    .indnum li {margin:40px 0 0 0; display: block}
    .indnum li .num h2 { font-size:22px;line-height:22px;}
    .indnum li .num p { font-size:20px; line-height:20px;margin:5px 5px 0 5px}
    .indnum li .num h3 {font-size:14px; line-height:14px;margin:7px 0 0 0;}
    .indnum li .c {font-size:14px;}
    .indabout .mleft .indmore {margin:0 10px 0 0} 
    .owl-carousel .owl-nav{margin-top:-15px;}
    .owl-carousel .owl-nav .owl-prev:before {font-size:30px;height:30px;line-height:30px;}
    .owl-carousel .owl-nav .owl-next:before {font-size:30px;height:30px; line-height:30px;}
    
    .indnews {margin:40px 0 0 0;padding:0 0 40px 0}
    .indnews li .cons {padding:20px}
    .indnews li .cons .t { height: 25px; line-height: 25px;}
    .indnews li .cons .t a {font-size:18px;}
    .indnews li .cons .c { line-height: 25px; height: 50px;margin:10px 0 20px 0;}
    .indnews li .cons .a span {padding:0 0 0 33px}
    .indnews li .cons .a span:before {ctop:5px;width:20px; height: 20px}
    .indnews .indmore {margin:30px 0 0 0}
    
    .foot {padding:40px 0 40px 0;}
    .foot dl,.foot dl.dl4 {width:20%;margin:0}
    .foot dl.dl5 {width:100%;margin:40px 0 0 0; clear: both}
    .foot dl.dl5 .in { display:inline-block;margin:0 auto; text-align: left;}
    .foot dl dt,.foot dl dt a {font-size:17px; line-height: 17px;}
    .foot dt {margin:0 0 20px 0}
    .foot dd {margin:5px 0;}
    .foot dd a {font-size:14px;}

    .foot dl.dl5 dt {margin:0 0 30px 0}
    .foot dl.dl5 dd {font-size:14px;padding:0 0 0 35px;}
    .foot dl.dl5 dd.add:before ,.foot dl.dl5 dd.tel:before,.foot dl.dl5 dd.email:before {margin-top:-12px; width:25px; height: 25px;}
    .foot dl.dl5 dd.tel {margin:18px 0}

    .foot dl.dl5 dd.sj {padding:30px 0 0 0}
    .foot dl.dl5 .sj .list {margin:0 15px 0 0}
    .foot dl.dl5 .sj .list i {width:25px; height: 25px;}
    .foot dl.dl5 .sj .list:nth-child(1) i,.foot dl.dl5 .sj .list:nth-child(2) i,.foot dl.dl5 .sj .list:nth-child(3) i,.foot dl.dl5 .sj .list:nth-child(4) i,.foot dl.dl5 .sj .list:nth-child(5) i {background-size:100%}
    .footer .mright li {margin:0 10px 0 0}    
    .bannerin {height: 400px;font-size:25px; }
    .bannerin .wrap {top:25px} 
    
    .firstend {top:-50px; }
    .namemj2 {top:-50px}
    .navbar-nav li {height:50px; line-height:50px;margin:0 0 0 50px;border-width:1px}    
    .navbar-nav li:before,.mainabout.active .navbar-nav li:before  {left:-25px;top:15px;height: 20px;width:1px}
    .navbar-nav li a {font-size:14px;}
    .mainabout.active .navbar li {height:50px; line-height: 50px;}
    .mainabout.active .aboutblank { height:50px;}

    .aboutsubject {font-size:25px; line-height:35px;padding:0 0 25px 0}
    .company {padding:40px 0}
    .company .mleft .t,.company .mright .t {font-size:25px; line-height: 35px;margin:0 0 20px 0}
    .company .mleft .c {font-size:20px;}
    .company .pics {margin:35px 0 0 0}
    .culture {padding:40px 0}
    .market {padding:40px 0}
    .namemj {top:-100px}
    
    .culture {padding:40px 0}
    .culture ul {padding:0px 0 0 0}
    .culture li .up {padding:30px 0}
    .culture li .up .pic img {height:50px}
    .culture li .up .title {font-size:18px; line-height: 26px;margin:10px 0 0 0}
    
    .team ul {padding:0}
    .team li .cons {padding:10px 10px 15px 15px;}
    .team li .cons .title {height:25px; line-height: 25px;}
    .team li .cons .title a {font-size:16px}
    .team li .cons .title2 {margin:3px 0 0 0;font-size:13px}
    
    .tshow {padding:100px 0 40px 0}
    .tshow .mleft {float:left;width:45%;}
    .tshow .mright .t {font-size:25px; line-height: 35px;}
    .tshow .mright .t2 {margin:5px 0 30px 0;font-size:16px}
    .partner {padding:40px 0 80px 0}
    .partner .pics {padding:0}
    .partner .owl-carousel .owl-dots { bottom:-40px;}
    .partner .owl-carousel .owl-dots .owl-dot span{width:5px; height: 5px;margin:0 5px}
    .honor {padding:0 0 40px 0}
    .honor .mleft {margin:0px 0 0 0}
    .honor .mright {margin:0px 0 0 0}
.news { margin:-50px 0 0 0;padding:30px 0 40px 0}
.news li {margin:30px 0 0 0; height: 167px; }
.news li .pic {width:200px; height: 167px;}
.news li .cons {margin:0 0 0 220px;padding:20px 20px 0 0}
.news li .cons .title { height:28px; line-height: 28px;}
.news li .cons .title,.news li .cons .title a {font-size:20px;}
.news li .cons .content {font-size:13px; line-height: 25px; height: 50px;margin:10px 0 22px 0}
.news li .cons .addtime {font-size:12px}
.news li .cons .addtime .a {padding:0 0 0 20px}
.news li .cons .addtime .a:before {width:12px; height: 12px; top:6px;}
.news li .cons .addtime .dc .newsview {padding:0 0 0 23px; }
.news li .cons .addtime .dc .newsview:before {width:17px; height:17px; top:2px; }
.news li .cons .addtime .dc .newszang { padding:0 0 0 20px; margin:0 0 0 20px;}
.news li .cons .addtime .dc .newszang:before {width:12px; height: 12px; top:4px; }    
.page_wrap {padding:40px 0 0px 0}
.pager a,.pager span,.pager font {margin:0 5px;}   
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;}
    
.nshow {padding:40px 0 50px 0}
.nshow .mleft {width:100%; padding:20px 4%}
.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:5px 0 10px 0; height: auto;}
.nshow .mleft .news li .cons .addtime .dc {right:auto;left:108px}
.nshow .mleft .content2 {margin:30px 0 0 0;}

.nshowdz { margin:40px 0}
.nshowdz span {width:40px; height: 40px;background-size:100%}
.nshowdz.active span {background-size:100%}

.prevnext {padding:30px 0 60px 0;margin:50px 0 0 0}
.prevnext i {font-size:16px; line-height: 16px;margin:0 0 10px 0; }
.prevnext .prev p {padding:0 0 0 32px}
.prevnext .prev p:before {top:30px; width:20px; height:20px; background-size:100%}
.prevnext .next p {padding:0 32px 0 0}
.prevnext .next p:before {top:30px;width:20px; height: 20px;background-size:100%}
.nshow .mright { display:None;}

.newsshare { padding:20px 0 20px 80px}
.newsshare:before {width:100px; height: 15px; background-size:15px;padding:0 0 0 25px;font-size:16px; line-height: 15px;}
.bshare-custom a.bshare-linkedin {width:15px; height: 15px; }
.bshare-custom a.bshare-facebook {width:15px; height: 15px; margin:0 15px;}
.bshare-custom a.bshare-twitter {width:15px; height: 15px; }
.bshare-custom a.bshare-qqmb {width:15px; height: 15px;margin:0 15px;}
.bshare-custom a.bshare-weixin{width:15px; height: 15px;}
    
.project {padding:0 0 50px 0}
.project li {padding-top:10px}
.project li .cons {padding:15px 0}
.project li .cons .t,.project li .cons .t2 { height:20px; line-height: 20px}
.project li .cons .t a {font-size:16px;}
.project li .cons .t2 {font-size:13px;margin:5px 0 0 0}
.pgwSlideshow .ps-list {  display:none;width:0;height:0}
.pgwSlideshow .ps-current .ps-prev {left: 4%;   width:16px; height:30px;margin-top:-15px;opacity:1;background-size:cover;}
.pgwSlideshow .ps-current .ps-next { right:4%;  width:16px; height:30px;margin-top:-15px;opacity:1;background-size:cover;}
.pgwSlideshow .ps-current:hover .ps-prev,.pgwSlideshow .ps-current:hover .ps-next{opacity:1}
    
.show {padding:95px 0 50px 0}
.show .pics {width:100%; }
.show .gs{width:100%;margin:40px 0 0 0}
.show .gs .t {font-size:25px; line-height: 35px;}
.show .gs .t2 {font-size:16px; line-height: 24px;margin:5px 0 0 0}
.show .gs .c {margin:30px 0 40px 0;min-height:0}

.showzang {padding:0 0 0 28px; font-size:16px}
.showzang:before {width:18px; height: 18px; top:7px; }    
.show .ds .newsshare {margin-top:2px}
.show .ds .newsshare {padding-left:75px;padding-top:5px}
.show .ds .newsshare:before {width:90px; height: 15px; background-size:15px;padding:0 0 0 25px;font-size:10px; line-height: 15px;}
.show .ds .newsshare .bshare-custom a.bshare-linkedin {width:15px; height: 15px; }
.show .ds .newsshare .bshare-custom a.bshare-facebook {width:15px; height: 15px; margin:0 10px;}
.show .ds .newsshare .bshare-custom a.bshare-twitter {width:15px; height: 15px; }
.show .ds .newsshare .bshare-custom a.bshare-qqmb {width:15px; height: 15px;margin:0 10px;}
.show .ds .newsshare .bshare-custom a.bshare-weixin{width:15px; height: 15px;}
    
.show .cons .subject {font-size:25px; line-height: 35px;padding:0 0 15px 0;margin:50px 0 20px 0}
.show .cons .subject img {margin:-5px 10px 0 0;height:20px}
.show .cons .content img {margin:5px 0}
.nshow2 { display:none;}
    
.contact1 {padding:40px 0}
.contact1 li { height: 240px; }
.contact1 li .p { height:40px;padding:40px 0 10px 0}
.contact1 li .p img { height:40px}
.contact1 li .t {font-size:20px; line-height:30px;margin:0 0 30px 0}
.contact1 li .c {font-size:14px; line-height: 24px;}  
.namemj3 {top:-50px}
.contact2 {padding:40px 0}
.contact2 li .cons .t {font-size:20px; line-height: 30px;}
.contact2 li .cons .c { line-height:1.5}
    
.message .subject {font-size:25px; line-height: 35px;margin:10px 0 0 0}
.message .list {margin:40px 0 0 0}
.message .list p {font-size:16px; line-height:16px}
.message .list p i {margin:2px 5px 0 0;font-size:12px}
.message .listbtn {margin:30px 0 40px 0}
.message .listbtn input {width:120px;height: 35px; line-height:34px;border-radius:35px; letter-spacing: 0px}
    
.map {padding:0 0 40px 0}
.map .title {font-size:25px; line-height: 35px;}
.map .cons {margin:5px 0 30px 0}
    
.join {padding:40px 0 40px 0}
.join li .cons {padding:20px 15px}
.join li .cons .t {font-size:20px; line-height:25px; height:25px;margin:0 0 5px 0}
.join li .cons .t2 {font-size:14px; line-height: 20px; height: 20px;}
.jobtitle {font-size:40px; line-height:60px; letter-spacing: 0px;margin:50px 0 60px 0}
.jobmore a {padding:0 20px ;height: 45px; line-height:44px;border-radius:5px; font-size:20px;margin:0 10px;border-width:1px}
    
.recuitbg .up .t {font-size:40px; line-height:50px; letter-spacing: 0px;margin:50px 0 10px 0}
.recuitbg .up .c {font-size:20px;margin:0 0 40px 0}
.recuitbg .search form {height: 40px;width:300px;}
.recuitbg .search form #k {height: 40px; line-height: 40px;width:230px;padding:0 15px;font-size:16px;}
.recuitbg .search form #sbtn {width:40px; height: 40px; background-size:50%}
    
.joblist {padding:40px 0 60px 0;}
.joblist dd {font-size:20px;line-height: 30px;padding:0 0 0 20px}
.accordionservice li .link {padding:20px 0 10px 0;}
.accordionservice li .link:before {width:20px; height:8px; left:20px;  background-size:cover;}
.accordionservice li .link div {padding:0 0 0 20px;font-size:16px; line-height: 26px}
.accordionservice .submenu {padding:30px 20px;font-size:14px;}
.accordionservice .submenu .t {font-size:16px; line-height: 16px;margin:0 0 20px 0}
.accordionservice .submenu .t img {margin:0 10px 0 0;width:20px;}
.accordionservice .submenu .mleft {width:45%;}
.accordionservice .submenu .mright {width:45%;}
.accordionservice .submenu .more {margin:30px 0 0 0}
.accordionservice .submenu .more a { width:120px; height:30px; line-height:30px;font-size:14px;}
.jobsearch {padding-top:90px}
.campusrecruitment {padding:40px 0 40px 0}
.camp1 { text-align:center;margin:0 0 40px 0}
.camp1 .t {font-size:25px; line-height:35px;margin:0 0 30px 0;}

.camp2 .subject,.camp3 .subject {font-size:22px; line-height: 32px;margin:0 0 30px 0}
.camp2 .cons,.camp3 .cons {padding:40px 30px;}
.camp3 .cons li .p img { height:40px}
.camp3 .cons li .t {font-size:16px; line-height:26px; margin:33px 0 0 0}
.camp3 .cons li {margin-top:73px}
    
.camp2 .cons .list {margin:0 0 30px 0;}
.camp2 .cons p {font-size:16px; line-height: 16px;margin:0 0 15px 0}
.camp2 .cons p i {padding:3px 5px 0 0;}
.camp2 .cons input[type="text"] {width:100%; height: 30px; line-height: 29px;padding:0 10px;font-size:12px}
.camp2 .cons select {width:100%; height:30px; line-height:29px;padding:0 10px; font-size:12px}
.camp2 .cons .listupload {width:100%;}
.file-box2 .in {margin:0 60px 0 0}
.camp2 .cons .listupload input[type="text"]{width:100%;font-size:12px}    
.file-box2 input.upbtn{height:30px;width:60px;font-size:12px;}
.file-box2 input.file { height:30px;width:60px;}
.camp2 .cons .listbtn {margin:30px 0 0 0}
.camp2 .cons .listbtn input { height: 35px; line-height: 34px;padding:0 15px;font-size:16px}
.culture li .down {height:300px}
    
.totop {right:10px;bottom:10px;width:20px; height:20px; line-height:19px;}
.totop i {font-size:14px}
    
.indcase {margin-bottom:-30px}
.indcase li .t {line-height: 22px; height: 22px;margin:12px 0 0 0}
.indcase li .t a {font-size:16px;}
.indcase li .t2 {font-size:13px;margin:4px 0 30px 0}
    
.projectmenu {margin:90px 0 0 0}
.projectmenu .subject {font-size:20px; line-height:20px;margin:4px 0 10px 0}
.projectmenu .subject span {margin:0 10px 0 0}
.projectmenu li { margin: 0 0 0 30px}
}

@media only screen and (max-width: 788px){
    .indabout .mleft .indmore {width:100%;margin:30px 0 0 10px; text-align:lfet}
    .bannerin {height: 300px;}
    .culture li .down {height: 250px;}
    .show .cons1 {width:100%}
    .show .cons2 {width:100%}
    .contact1 li {width:49%}
    .contact2 li {width:96%}
    .culture li .down {height:300px;font-size:13px; line-height: 1.6;padding:0 15px}
    .camp2 .cons .listupload input {font-size:12px}
    .indpics .item { height:500px}
    .projectmenu li { margin: 5px 25px 5px 0}
    .team li {width:31.3333%;}
}

@media only screen and (max-width: 640px){
    .indpics .item .cons {font-size:25px;}
    .indvideo .in {padding:15% 0}
    .indabout .mleft {width:100%}
    .indabout .mright {width:100%}
    .indabout .mleft .indmore {margin:40px 0 30px 0}
    .indnews li {width:98%}
    .foot {padding:10px 0 40px 0; text-align: left}
    .foot dl {display:none;}
    .foot dl.dl5 {display:block}
    .footer {padding:20px 0}
    .footer .mleft {width:100%}
    .footer .mright {width:100%; text-align: left;margin:10px 0 0 0}
    .bannerin {height: 250px;font-size:20px}
    .company .mleft {width:100%}
    .company .mright {width:100%;margin:0}
    .navbar-nav li {margin:0;width:33.3333%;border:0}
    .navbar-nav li:before { display:none;}
    .navbar-nav li a {border-bottom:1px solid transparent; display:inline-block}
    .navbar-nav li.active a,.navbar-nav li.active a,.mainabout.active2 .navbar-nav li:first-child a,.mainabout.active2 .navbar-nav li:first-child a { color:#000;border-color:#000}
    .mainabout.active .aboutblank { height:100px;}
    .namemj2 {top:-100px}
    .culture li {width:49%}
    .culture li .down {height: 200px;}
    .team li {width:31.3333%}
    .tshow .mleft {width:100%}
    .tshow .mright {width:100%;margin:40px 0 0 0}
    .honor .mleft {width:100%}
    .honor .mright {width:100%;margin:40px 0 0 0}    
    .news li {margin:30px 0 0 0; height: 84px; }
    .news li .pic {width:100px; height: 84px;}
    .news li .cons {margin:0 0 0 120px;padding:7px 20px 0 0}
    .news li .cons .title { height:40px; line-height: 20px;margin:0 0 7px 0}
    .news li .cons .title,.news li .cons .title a {font-size:14px;}
    .news li .cons .content { display:None;}
    .news li .cons .addtime .dc .newszang {margin:0 0 0 15px;}
    .nshow .mleft .news li .cons .title {font-size:18px; line-height: 28px; margin:10px 0 15px 0}
    .project li {width:47.6%}
    .contact1 li {width:99%;height:auto;padding:0 6% 40px 6%}
    .contact1 li:nth-child(1),.contact1 li:nth-child(2) {width:99%}
    .contact2 li .cons .t {font-size:16px; line-height:24px;}
    .contact2 li .cons .c {font-size:12px ;line-height: 1.6} 
    .join ul {margin-top:-20px}
    .join li {width:99%;padding:50% 0;margin:20px 0 0 0}
    .jobtitle {font-size:30px; line-height:50px;margin:50px 0}
    .jobmore a {padding:0 15px; height: 35px; line-height:34px; font-size:16px;}   
    
    .recuitbg .up .t {font-size:28px; line-height:48px; margin:50px 0 5px 0}
    .recuitbg .up .c {font-size:18px;margin:0 0 30px 0}
    .recuitbg .search form {width:250px;}
    .recuitbg .search form #k {width:180px;}
    
    .joblist dd {font-size:12px;line-height: 22px;}
    .accordionservice li .link div {font-size:12px; line-height: 20px}    
    .accordionservice .submenu .mleft {width:100%;}
    .accordionservice .submenu .mright {width:100%;margin:40px 0 0 0}
    .accordionservice .submenu .t {font-size:16px; line-height: 21px;}
    .accordionservice .submenu .c {font-size:14px}
    
    .camp2 {width:100%}
    .camp3 {width:100%;margin:40px 0 0 0}
    .camp3 .cons li .t {margin:15px 0 0 0}
    .camp3 .cons li {margin-top:40px}
    .foot dl.dl5 dt {font-size:18px; line-height: 23px}
    .foot dl.dl5 dd {padding:0 0 0 40px; }
    .culture li .down {height:250px}
    .team li {width:48%}
    .navbar-nav-news li {width:50%}
    .jobtitle {margin-bottom:30px}
    .jobmore a {width:200px;margin:10px}
    .indpics .item { height:400px}
    .culture li .up .pic img {height:40px}
}

@media only screen and (max-width: 480px){
    .bannerin {height: 200px;font-size:18px}
    .project li {width:97.6%}
    .culture li .down {height:300px}
    .contact2 ul {margin-top:-30px}
    .contact2 li {margin-top:30px}
    .contact2 li .cons .t {margin-top:-5px}
    .indpics .item { height:300px}
}

@media only screen and (max-width: 375px){

}