@charset "utf-8";
@media only screen and (max-width: 2200px){
.indresearch li .cons .c {width:750px;}	
}

@media only screen and (max-width: 2048px){
.bxslider li a {  height:750px}
.indresearch li { height:695px;}
.bannerin {height:585px;}
.indresearch li .cons .c {width:700px;}	
}

@media only screen and (max-width: 1920px){
.bxslider li a {  height:700px}
.indresearch li { height:650px;}
.bannerin {height:550px;}
.indresearch li .cons .c {width:650px;}
}

@media only screen and (max-width: 1600px){
.bxslider li a {  height:580px}
.bx-wrapper .bx-pager {bottom:30px;}
.indresearch li { height:505px;}
.bannerin {height:450px;}
.indresearch li .cons .c {width:550px;}
}

@media only screen and (max-width: 1480px){
.indresearch li .cons .c {width:500px;}	
}

@media only screen and (max-width: 1400px){
.indresearch li { height:480px;}
.indresearch li.active .cons{padding:0 8.5%;}
.bannerin {height:400px;}
.bannerin .t .in {font-size:30px; line-height:30px;}
}

@media only screen and (max-width: 1380px){
.indresearch li .cons .c {width:450px;}	
}

@media only screen and (max-width: 1140px){
.wrap {margin:0 4%}
.bx-wrapper .bx-pager {bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:8px;height:8px; margin: 0 5px;border-width:1px }
.bx-wrapper .bx-prev { right:20px;}
.bx-wrapper .bx-controls-direction a {width:20px;height:20px;background-size:cover;}
.bxslider li a {  height:auto; background:none;}
.bxslider li a img { display:block;width:100%}
.phonemenu { display:block;}

.fixtop,.fixtop.active {height:50px;border-width:1px}
.fixtop .toper .logo,.fixtop.active .toper .logo { top:10px;width:101px; height:30px;}
.fixtop .toper ul.navpc { display:none}
.fixtop .en,.fixtop.active .en {top:15px;right:0}
.fixtop .en a {width:52px; height:20px; background-size:100%;margin:0 40px 0 0}
.tblank,.tblank.active{height:51px;}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:15px;}
.indabout {padding:50px 0}
.indabout .mleft {margin:0;}
.indabout .mright {width:80%;padding:0}

.indnews { padding:50px 0}
.indnews ul {margin:10px 0 -10px 0}
.indnews li .a {top:17px;font-size:12px}
.indnews li .t {margin:0 0 0 110px; line-height:24px;padding:15px 0}
.indnews li .t a {font-size:14px}
.indvision {padding:50px 0 80px 0; background-attachment:scroll;}
.indvision .in {min-width:300px}

.foot { padding:40px 0}
.foot .mleft .logo {padding:0 0 15px 0;margin:0 0 15px 0}
.foot .mleft .logo img {width:170px}
.foot .mright {margin:0 0 0 250px}
.foot .mright ul:before {left:-1%;}
.bannerin {height:290px;}
.bannerin .t .in{font-size:25px; line-height:25px;}
.aboutvision .mleft .in {width:auto;margin:0 auto 0 8%; text-align:left;padding:40px 0 0 0}
.aboutvision .mleft .in .c {font-size:25px;margin:20px 0 0 0}
.namemj {top:-51px; }
.partner {padding:50px 0}
.partner ul{width:104%;margin:-4% 0 0 -2%;padding:30px 0 0 0}
.partner li { width:29.3333%;margin:4% 2% 0 2%}
.page_wrap {padding:40px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:24px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;} 
.news {padding:50px 0}
.news ul {margin:5px 0 0 0}
.news li {padding:35px 0 20px 0;}
.news li .pic {width:28%;}
.news li .cons {width:68%;}
.contact {padding:50px 0}
.contact .cons {margin:30px 0 0 0}
.contact .list { padding:10px 25px 30px 20px;margin:20px 0 0 0}
.contact .list .in .row {margin:20px 0 0 0}
.contact .list .in .row span {top:10px;font-size:16px; line-height:16px;width:175px;margin:0 15px 0 0}
.contact .list .in .row p {margin:0 0 0 190px;}
.contact .list .in .row p input {height:35px; line-height:34px;font-size:16px;padding:0 10px;}
.contact .list .in .row1 {margin:30px 0 -10px 0}
.contact .list .in .row2 input { width:200px; height:35px; line-height:35px; font-size:16px;}

::-webkit-scrollbar {width: 2px;}

.indresearch li {width:50%; height:895px;}
.indresearch li.active{width:50%}
.indresearch li .cons,.indresearch li.active .cons {opacity:0;padding:0 8%;top:10%;color:#fff;}
.indresearch li .cons .td { vertical-align:top;}
.indresearch li .cons .t {margin:13px 0 35px 0;font-size:20px; line-height:20px}
.indresearch li .cons .c {width:auto; line-height:1.8;font-size:14px}
.indresearch li .title {opacity:1;font-size:18px; line-height:18px;top:10%;left:9%}
.indresearch li.active .bg {opacity:1}
.indresearch li.active .title,.indresearch li.active .pcover {opacity:1}
.indresearch li:hover .cons {opacity:1;}
.indresearch li:hover .title {opacity:0}

.research {padding:50px 0 0 0}
.research .cons {padding:30px 0 50px 0}
.research .cons .mright {width:70%}
.research .cons .mright .gs {padding:25px 0 25px 0}
.research .cons .mright .more {padding:0 0 25px 0}
.research .cons .mright .more .in .up {width:23px; height:12px; background-size:100%;margin:20px 0 -15px auto}
.contact .list .in .row0 span { line-height:25px}

}

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

}

@media only screen and (max-width: 768px){
.foot .mright li:before {left:-13%;}
.bannerin {height:220px;}
.bannerin .t .in {font-size:20px; line-height:20px;}
.indresearch li { height:765px}
.indresearch li .cons,.indresearch li.active .cons,.indresearch li .title {top:8%;}
.research .cons .mright {width:67%}

.indresearch li .cons .t { line-height:30px;}
.indresearch li .cons .t:before {bottom:7px;}
.indresearch li:nth-child(4) .cons .t:before {width:35%}
}

@media only screen and (max-width: 640px){
.indabout .mleft {float:none;writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb; }
.indabout .mleft .t {margin:25px 0 0px 0; display:inline-block; letter-spacing:1px}
.indabout .mleft .e {margin:-55px 0 0 0}
.indabout .mleft .t:before {width:86%; height:3px;left:0;top:auto;bottom:3px}
.indabout .mright {float:none;width:100%;margin:80px 0 0 0}

.indmore {margin:30px 0 0 0}
.indmore a{ height:28px; line-height:26px;font-size:14px;}
.indmore a i { width:20px; height:8px;margin:10px 0 0 5px; background-size:cover;}
.indmore a:hover i {margin-left:10px}

.indvision .in {min-width:200px}
.indsubject2 .c {margin:0 0 0 45px}

.foot .mleft { position:relative}
.foot .mright {margin:40px 0 0 0}
.foot .mright li {width:44%}
.foot .mright li:before {left:-10%;}
.foot .mright .clear2 { display:block; clear:both}
.foot .mright .clear3 { display:none;}
.foot .mright ul:before {left:-2%;}
.bannerin {height:180px;}
.bannerin .t .in {font-size:18px; line-height:18px;}

.aboutvision .mleft {display:block; width:100%;}
.aboutvision .mright { display:block;width:100%;margin:40px 0 0 0}
.partner li { width:46%;}
.research .cons .mleft {float:none;}
.research .cons .mright {width:100%}

.indsubject3 {writing-mode: horizontal-tb ;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;margin:20px 0 25px 0;position:relative;}
.indsubject3 .t {margin:0 0 2px 0;font-size:20px; line-height:25px;}
.indsubject3 .t:before {width:86%; height:3px;left:0;top:auto;bottom:4px}
.indsubject3 .e {writing-mode: horizontal-tb ;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;margin:-55px 0 0 0}
.indsubject3 .p {margin:0;width:60px; position:absolute;right:0;top:-28px; background-size:100%}

.research li.li45 .indsubject3 {margin-top:23px;margin-bottom:48px}
.research li.li45 .indsubject3 .e {margin-top:-82px}
.research li.li45 .indsubject3 .t:before {width:80%; height:3px}
.research li.li45 .indsubject3 .p {top:-18px}

.research li.li53 .indsubject3 {margin-top:23px;margin-bottom:48px}
.research li.li53 .indsubject3 .e {margin-top:-82px}
.research li.li53 .indsubject3 .t:before {width:60%; height:3px}
.research li.li53 .indsubject3 .p {top:-18px}

.research li.li52 .indsubject3 {margin-top:23px;margin-bottom:78px}
.research li.li52 .indsubject3 .e {margin-top:-107px}
.research li.li52 .indsubject3 .t:before {width:70%; height:3px}
.research li.li52 .indsubject3 .p {top:-20px}

.research .cons .mright .more .in .up {width:29px; height:15px; background-size:cover;}
.news li .pic {width:100%}
.news li .cons {width:100%;margin:30px 0 0 0}
.contact .list .in .row span { position:relative;top:0; text-align:left;width:100%;padding:0 0 10px 0}
.contact .list .in .row p {margin:0;}
.indresearch li {height:560px;}
.contact .list .in .row p textarea {height:120px; line-height:25px;padding:5px 10px;overflow:auto;font-size:16px}

.indresearch li .cons .t {font-size:16px; line-height:21px;margin:8px 0 20px 0;}
.indresearch li .cons .e { line-height:17px}
.indresearch li .cons .t:before {bottom:4px;}
}

@media only screen and (max-width: 480px){
.bannerin {height:130px;}
.indresearch li .cons,.indresearch li.active .cons,.indresearch li .title {top:5%;}
.indresearch li .cons .t {margin-bottom:20px}
.indresearch li .cons .c {line-height:1.4;font-size:12px;margin:0 0 -15px 0}
.indresearch li {height:450px;}
.foot .mright li {width:94%}
.indresearch li:nth-child(3) .cons .t:before {width:40%}
}


@media only screen and (max-width: 420px){
.indresearch li {height:350px;}
.indresearch li .cons .c {line-height:18px; height:162px; overflow:hidden;}

.indresearch li:nth-child(1) .cons .t:before {width:50%}
.indresearch li:nth-child(3) .cons .t:before {width:55%}
.indresearch li:nth-child(4) .cons .t:before {width:85%}
.contact .list .in .row1 {width:110%; position:relative;left:-5%}
}