@charset "utf-8";
@media (max-width:1600px) {
#slider2 .bx-wrapper .bx-prev {left:-60px; background-size:100%}
#slider2 .bx-wrapper .bx-next {right:-60px;background-size:100%}
#slider2 .bx-wrapper .bx-controls-direction a {top:39%;width:40px; height:40px;}
}

@media (max-width:1440px) {
.indtech li.f2 .wrap {}
.indtech li.f2 .list {margin:0 0 0 auto;}
#slider2 {padding:0 60px}
#slider2 .bx-wrapper .bx-prev {left:-60px;}
#slider2 .bx-wrapper .bx-next {right:-60px;}
}

@media (max-width:1200px) {
body {font-size:12px;line-height:20px;}
.wrap {padding:0 3%}
.bx-wrapper .bx-pager {bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 10px; height:10px; margin: 0 5px;}


.mobmenu {display:block;background:none;width:auto; height:auto; margin-top:auto}
.mobmenu { position:absolute; z-index:9999;top:24px;right:3%;width:26px; height:19px;margin-right:90px}
.mobmenu .openmenu { background:url(../images/open2.png) no-repeat;width:26px; height:19px; cursor:pointer;}
.mobmenu .closemenu { background:url(../images/open2.png) no-repeat;width:26px; height:19px; cursor:pointer; display:none}
.toper { height:67px;}
.toper .logo {margin:5px 0 0 0;}
.toper .logo img { height:57px}
.toper ul {position:fixed; z-index:9999;left:0;width:100%;margin:0;top:67px;padding:40px 0;background:rgba(0,0,0,0.9); display:none; height:1500px}
.toper ul li {display:block; text-align:center;height:50px; line-height:50px; width:150px;clear:both;margin:10px auto}
.toper li a {padding:0;font-size:18px;}
.topblank {  height:67px;}
.toper.active,.topblank.active { height:67px}
.toper.active .logo {margin-top:5px}
.toper.active .logo img {height:57px;}
.toper.active ul {margin:0}
.toper.active li a {font-size:18px}

.toper .encn,.toper.active .encn {right:3%;top:24px}
.toper .encn i,.toper.active .encn i {margin:0 5px}
.toper .encn a {font-size:12px}

.foot {margin-top:25px;padding:20px 0}
.foot li { margin:0 20px 0 0}
.foot li a {font-size:14px}

.foot .share .bdsharebuttonbox a{width:30px; height:30px; vertical-align:middle;margin:0 -5px}
.foot .share .bdsharebuttonbox a.bds_weixin {background-size:43%;}
.foot .share .bdsharebuttonbox a.bds_qzone {background-size:45%;}
.foot .share .bdsharebuttonbox a.bds_tsina {background-size:45%;}
.foot .share .bdsharebuttonbox a.bds_sqq {background-size:38%;}
.foot .search {  height:35px; line-height:35px;margin:10px 0 15px 0}
.foot .search #k {font-size:12px;width:70%; height:35px; line-height:35px;margin:0 0 0 15px}
.foot .search  #button {height:25px; line-height:25px; width:65px;font-size:14px;margin:5px 5px 0 0}
.foot .list .logo img,.foot .list .wx img {height:80px}
.foot .list .wx {height:80px;padding:0 10px;margin-left:10px}
.foot .list .content {margin-left:5px; line-height:31px;font-size:12px;margin-top:-5px}
.foot .list .content a {font-size:12px;}

.indtechplatsubject {margin:40px 0 30px 0}
.indtechplatsubject p {padding:0 10px;font-size:18px;top:-9px;letter-spacing:1px}
.indtech li .wrap {padding:0}
.indtech li .list {width:600px;padding:0}
.indtech li .list .pic {width:47%;min-height:205px;}
.indtech li .list .cons {width:47%;margin-left:2.5%}
.indtech li .list .cons .title {font-size:16px; margin:10px 0 1px 0}
.indtech li .list .cons .entitle {padding:0 0 5px 0;}
.indtech li .list .cons .content {margin:5px 0 5px 0;min-height:0;font-size:12px; line-height:20px}
.indtech li .list .cons .more {width:90px}
.indtech li .list .cons .more a {padding:0 20px 0 0; background-size:22%}
.indtech li.f2 .list {margin:0 0 0 auto; }

.indtechplatsubject div {width:100px; height:69px;top:-35px; background-size:80%}
.indtechplatsubject div span {font-size:18px; letter-spacing:2px; line-height:69px; height:69px; }
.indtech {margin:0 0 60px 0}
.indnews {margin-top:60px}
.indnews li { margin-top:30px}
.indnews li .addtime {width:70px;font-size:25px;margin-top:-3px}
.indnews li .pic { left:70px;width:200px;margin-top:-3px}
.indnews li .cons {margin-left:290px;}
.indnews li .cons .title { height:20px; line-height:20px;}
.indnews li .cons .title a {font-size:14px;}
.indnews li .cons .content {font-size:12px; margin:5px 0; line-height:20px; height:80px;}
.indnews li .cons .more a { padding:0 8px 0 0;}

.indmap { padding:5% 0 5% 5%;margin-top:40px;box-shadow:0 0 10px #eee}
.indmap .pic { width:50%;}
.indmap .cons { width:35%;margin-left:10%;}
.indmap .cons .subject {font-size:18px;letter-spacing:1px;padding:0 0 15px 0;margin:0 0 10px 0}
.indmap .cons .list {margin:10px 0 0 0;}
.indmap .cons .content { left:25px}
.page_wrap {padding:20px 0 0 0px;}
.pager a,.pager span.current,.pager span.disabled{width:20px; height:20px; line-height:20px}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px; } 

.maincurrent {margin-top:20px}
.maincurrent i {margin:0 5px}
.maincurrent img {margin:0 5px 0 0}
.mainsubject .en {font-size:20px;margin:20px 0 5px 0; letter-spacing:1px}
.mainsubject .cn {font-size:18px;letter-spacing:2px}
.namemj {top:-68px;left:0}
.news {margin-top:-20px}
.news li {padding:0 0 15px 0;margin-top:20px;}
.news li .pic { width:130px;top:0px;}
.news li .cons {margin-left:142px;}
.news li .cons .title { height:20px; line-height:20px;max-width:90%;}
.news li .cons .title a.a {font-size:14px; letter-spacing:0}
.news li .cons .title a.b {width:20px; height:20px; line-height:20px;top:-3px; font-size:16px}
.news li .cons .addtime {font-size:12px;margin:5px 0}
.news li .cons .addtime img {margin:0 5px 0 0;max-height:12px}
.news li .cons .addtime img.m2 { height:10px;margin-left:10px}
.news li .cons .content {font-size:12px; line-height:20px; height:40px; max-width:100%}

.nshow .title { padding:15px;font-size:18px; line-height:25px;letter-spacing:1px;margin-top:20px}
.nshow .addtime {margin:10px 0; }
.development1 {margin-top:20px;}
.development1 .cons {width:62%;padding:3%;font-size:13px; line-height:25px;}
.development1 .pic {width:32%}
.development2 {margin:20px 0 30px 0; line-height:25px;font-size:13px}

.development3 {margin-top:20px}
.development3 li .pic {width:67%;}
.development3 li .cons {margin-left:67%;width:29%;padding:0 2% 10px 2%;font-size:13px;}
.development3 li .cons .title {font-size:20px; line-height:25px;margin:0 0 15px 0}
.development3 li .cons .title span { font-size:25px; height:40px; line-height:35px;margin:0 10px 0 0}
.development3 li .cons .subject {margin:5px 0;font-size:14px;}
.development3 li .cons .content {margin:5px 0 10px 30px; line-height:25px;font-size:14px;}
.development3 li .cons .content img {margin:0 5px 0 0; height:8px}
.namemj2 {top:-115px;}

.structure {margin-top:30px}
.structure li {width:23.5%;margin:0 2% 0 0;}
.structure li .pic p {width:150px; height:150px; background-size:100%}
.structure li .title {font-size:18px;margin:20px 0 10px 0}
.structure li .cons {font-size:14px; line-height:25px;}

.development5 {margin-top:10px;}
.development5 .cons .title {font-size:16px; letter-spacing:1px;padding:0 20px; height:35px; line-height:35px;}
.development5 .cons .content {font-size:14px; line-height:25px;margin-top:20px}
.development5 .cons .content img {width:10px;margin:0 5px 0 0}
.contact1 {font-size:13px; line-height:22px;margin:20px 0}
.contact2 .map {width:66%;}
.contact2 .cons {width:28%;padding:0 3%;}
.contact2 .cons .subject {font-size:16px;margin:0 0 15px 0}
.contact2 .cons .tel {margin:5px 0 0 0}
.contact2 .cons .tel .content {padding:0 0 0 25px;font-size:13px;}
.contact2 .cons .tel .content .content2 {font-size:12px}
.contact2 .cons .wx img {width:80px;margin-top:10px}
.contact2 {margin:0 0 30px 0}
.development1 .cons .title {font-size:16px;margin:0 0 5px 0}
.join {margin-top:30px;}
.join h1,.join h2,.join h3,.join h4,.join h5 {font-size:16px}
.join td {padding:0 1px}

.jobmore {margin:30px 0 0 0}
.job {margin-top:-10px}
.job li {padding:20px 0}
.job li .title { width:120px; height:110px;line-height:18px;margin-top:0px}
.job li .title img {margin:0 0 5px 0;}
.job li .cons {padding:0 0 0 135px;min-height:110px;}
.job li .cons .list {margin:0 0 5px 0;width:49%}
.job li .cons .list.no {margin-right:0;margin-left:1%}
.job li .cons .content { line-height:20px}
.leadingtech .pic {padding:6% 0;font-size:20px;line-height:30px; letter-spacing:1px}
.history { display:none;}
.history2 { display:block;margin-top:30px}
.product { text-align:center}
.product .title {font-size:18px;line-height:35px; height:35px;padding:0 15px; letter-spacing:1px;margin:30px auto 20px auto}
.product .cons {font-size:14px; line-height:25px;}
#slider2 {padding:0 40px;margin-top:30px}
#slider2 .bx-wrapper .bx-prev {left:-40px;}
#slider2 .bx-wrapper .bx-next {right:-40px;}
#slider2 .bx-wrapper .bx-controls-direction a {top:42%;width:30px; height:30px;}
#slider2 .slide .pic .list { font-size:13px; line-height:25px;}
#slider2 .slide .title {font-size:13px; line-height:25px;margin-top:10px}
.iframediv p {width:30px; height:32px;right:2%;top:2%; background-size:cover;}
.bxslider2 {width:400px}
.productshow {width:96%; height:400px;padding:20px 2%;left:0;margin:-220px 0 0 0}
.productshow .mright {width:500px}
.productshow .mright .subject {font-size:14px;margin:0 0 10px 0;}
.productshow .mright .cons { height:340px;}
.productshow .mright .cons li .title {width:70px;}
.productshow .mright .cons li .content {padding:0 0 0 70px;}

.development6 .mainsubject {margin:25px 0 10px 0}
.development6 li .title { margin:0 10px 0 10px;font-size:20px; line-height:20px;}
.development6 li .title i {font-size:20px;  height:40px; line-height:40px;padding:0 5px;margin:0 10px 0 0}
.development6 li .cons {margin:10px 10px 10px 10px; line-height:20px;  height:auto;font-size:13px;}
.development4 {margin:25px 0 0 0}
.development4 .cons {margin-top:20px}
.procons { line-height:25px;font-size:14px; margin-top:20px}
.tabPanel {margin-top:20px}
.tabPanel ul{padding:5px}
.tabPanel ul li{font-size:18px; line-height:25px;padding:15px 10px; }
.panes {min-height:250px}
.panes .pane {padding:20px 20px 20px 20px;font-size:13px; line-height:25px}
.mainsubject3 {margin:25px 0 0 0}
}

@media (max-width:1044px) {
.development3 li .cons .content {margin:5px 0 10px 0;}
.structure {margin-top:20px}
.structure .clear2 { clear:both}
.structure li {width:46%;margin:2% ;}
.structure li.f4 {margin-right:2%}

.bxslider2 {width:300px}
.productshow { height:300px;margin:-170px 0 0 0}
.productshow .mright {width:500px}
.productshow .mright .cons { height:260px;}
}

@media (max-width:900px) {
.productshow .mright {width:450px}
}

@media (max-width:788px) {
.indtech {margin-top:-5px}
.indtech li {padding:10px 0}
.indtech li .list {width:100%}
.indtech li .list .pic {min-height:200px;}
.indmap .cons { width:40%;margin-left:5%;}
.news li .cons .title { max-width:85%;}
.productshow .mright {width:380px}
}

@media (max-width:740px) {
.bxslider2 {width:40%}
.productshow .mright {width:55%}
}

@media (max-width:640px) {
.foot ul { display:none;}
.foot .share {float:none; text-align:center;}
.foot .share .bdsharebuttonbox {width:155px;margin:0 auto}
.foot .list .logo { display:none;}
.foot .list .wx {padding:0;margin:0;width:20%; height:auto;border:0}
.foot .list .wx img { height:auto;width:auto}
.foot .list .content { line-height:20px;width:77%;margin:0;float:right}

.indtech li {padding:0}
.indtech li .list {padding:10px 0}
.indtech li .list .pic {width:100%;min-height:300px;}
.indtech li .list .cons {width:94%;margin:0 3%}
.indtech {margin:0 0 30px 0}
.indtech li.f2 .list .cons .content {min-height:0px}
.indnews li { margin-top:20px}
.indnews li .addtime { display:none;}
.indnews li .pic { left:0px;width:130px;margin-top:0px}
.indnews li .cons {margin-left:145px;}
.indnews li .cons .content {margin:5px 0; height:40px;}

.indmap .pic {width:100%;}
.indmap .cons {width:100%;margin-left:0%;margin-top:20px}
.news li .cons .title { max-width:80%;}

.development1 .cons {width:88%;padding:6%;}
.development1 .pic {width:100%}
.development2 td { display:block; text-align:center;margin:0 0 20px 0}
.development2 {margin:20px 0 10px 0}
.development3 li .pic {width:100%; position:relative; height:200px}
.development3 li .cons {margin-left:0;width:96%;padding:0 2% 10px 2%;}
.structure {margin-top:10px}
.structure li {width:100%;margin:20px 0 ;}
.structure li.f4 {margin-right:0}
.development5 .cons {width:100%;}
.development5 .pic {width:100%; text-align:left;margin-top:30px}
.contact2 .map {width:100%;}
.contact2 .cons {width:90%;padding:20px 5%;}
.job li .cons .list {width:100%}
.job li .cons .list.no {margin-right:0;margin-left:0}

.productshow { height:520px;margin:60px 0 0 0;top:0}
.bxslider2 {width:auto;max-width:360px;float:none;margin:0 auto}
.productshow .mright {width:100%;float:none;margin-top:20px}
.productshow .mright .cons { height:120px;}
.development6 li {float:none;margin:20px 0 0 0;width:100%}
.tabPanel {background:#f8f6de;margin-top:30px}
.tabPanel ul{float:none;width:100%;padding:0;margin:0}
.tabPanel ul li { display:inline-block;width:50%;padding:0;margin:-10px 0 0 0;height:50px; line-height:50px; overflow:hidden; background:#208f3b;color:#fff;font-size:16px;}
.tabPanel ul li.hit { background:#f8f6de; color:#333}
.panes {float:none;width:100%; min-height:0px}
.panes .pane {padding:10px 15px 15px 15px}
}

@media (max-width:480px) {
.indtech li .list .pic {min-height:180px;}
.news li .cons .addtime img { display:none;}
.news li .cons .addtime span {margin-left:10px}
.news li .cons .addtime font { display:none;}
.development3 li .pic {height:220px}
}

@media (max-width:420px) {
.foot .list .wx {width:23%;}
.foot .list .content {width:73%;}
}