@charset "utf-8";
@media only screen and (max-width: 1460px){
.wrap {margin:0 3%}
.bxslider li a { background-size:cover; height:550px}
.indpro .mright {width:77.2%;}
.promenu dd {padding:5px 0}
.promenu dd p {margin:5px 0}
.promenu .tel {padding:10px 0 8px 0}
.promenu .tel .t {margin:6px 0 1px 0}
.promenu .subject { height:80px; line-height:80px; }
.promenu .tel .c {font-size:30px; line-height:35px;}
.indhotpro .mright {width:77.2%;padding:0 30px}
.indhotpro .mright li h1 {left:0;width:120px}
.indhotpro .mright li div {margin:0 0 0 120px;padding:0 0 0 30px;}
.indpartner .list li { height:130px}
.indpartner .list li img {max-width:90%;max-height:100px;}
.indmid { height:200px; background-size:cover;}
.foot .mleft {margin:0 9% 0 0}
.foot .mmid {width:32%}
.about .cons {padding:0 60px}
.about .cons i.left { left:0}
.about .cons i.right { right:0}
.vision li .cons .t {margin:20px 0 10px 0}
.philosophy li {max-width:290px;}
.philosophy li.f1 {left:-30px}
.philosophy li.f2 {right:-30px;}
.philosophy li.f3 {left:-30px;}
.philosophy li.f4 {right:-30px}
}

@media only screen and (max-width: 1200px){
.fixtop .toper { display:none;}
.phonemenu { display:block}
.fixtop.active {top:0}
.tblank.active,.fixtop,.fixtop .header,.tblank { height:50px;}
.fixtop .header .logo { background-size:cover;width:188px; height:40px;top:5px;}
.fixtop .header .tel { display:none;}
.bx-wrapper .bx-pager {bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:5px;height:5px;margin: 0 5px;}
.bxslider li a { height:400px}

.indsearch {padding:40px 0;}
.indsearch .in .tel {width:280px; padding:28px 0 0 95px; letter-spacing:1px}
.indsearch .in .tel .t {font-size:16px; line-height:16px;margin:0 0 8px 0;}
.indsearch .in .tel .t:before {left:-70px;top:0px; background-size:cover;width:50px; height:50px;}
.indsearch .in .tel .c {font-size:25px; line-height:30px;}
.indsearch .in .cons {margin:0 0 0 280px;height:135px;padding:0 4%}
.indsearch .in .cons .content { font-size:14px;}
.indsearch .in .cons .content a {font-size:12px;}
.indsearch .in .cons .search {height:50px; line-height:50px;}
.indsearch .in .cons .search p {margin:0 30px 0 0;}
.indsearch .in .cons .search p #k {font-size:14px; height:40px; line-height:40px;}
.indsearch .in .cons .search #button {width:20px; height:20px; background-size:cover;top:10px}

.indsubject {margin:45px 0 35px 0;}
.indsubject p {font-size:50px; line-height:50px}
.indsubject h1 {font-size:25px; line-height:25px;letter-spacing:1px;bottom:5px;}
.indpro .cons {margin:-30px 0 30px 0}
.indpro .mleft {width:0; display:none;}
.indpro .mright {width:100%;}
#slider2 .bx-wrapper .bx-pager {bottom:15px;}
#slider2 .bx-wrapper .bx-pager.bx-default-pager a {width:10px;height:10px;margin: 0 5px; background-size:cover;}
/* #slider2 .bx-wrapper .bx-pager.bx-default-pager a:focus 
#slider2 .bx-wrapper .bx-pager.bx-default-pager a:hover,*/
#slider2 .bx-wrapper .bx-pager.bx-default-pager a.active{ background-size:cover;}

.bx-wrapper .bx-prev {background-size:40%;}
.bx-wrapper .bx-next {background-size:40%;}
.bx-wrapper .bx-controls-direction a {margin-top:-12px;width:20px;height:25px; background-size:40%;}
.indhotpro {margin:30px 0 0 0}
.indhotpro .mleft {height:303px;}
.indhotpro .mleft img {width:100px}
.indhotpro .mright {padding:0 20px}
.indhotpro .mright:before { background-size:cover;width:39px; height:40px}
.indhotpro .mright li {padding:20px 0}
.indhotpro .mright li h1 {width:105px;top:20px;}
.indhotpro .mright li h1 a {font-size:16px; line-height:26px}
.indhotpro .mright li div {margin:0 0 0 105px;padding:0 0 0 20px;}
.indhotpro .mright li div p.p1 {width:30%}
.indhotpro .mright li div p.p2 {width:30%}
.indhotpro .mright li div p.p3 {width:30%}
.indhotpro .mright li div p.p4 {width:30%}
.indhotpro .mright li div p.p5 {width:30%}
.indhotpro .mright li div p a {font-size:14px; line-height:24px}
.indhotpro .mright li div p i {margin:0 5px 0 0}
.indsolution {margin:40px 0}
.indsolution .cons .t {font-size:20px; line-height:35px;margin:0 0 20px 0;}
.indsolution .cons .t span {margin:0; display:block}
.indsolution .cons i.up {left:-30px;top:5px;width:8px; height:15px; background-size:cover;}
.indsolution .cons i.down {bottom:-21px; background-size:cover;width:8px; height:16px}
.indpartner .cons {margin:-30px 0 30px 0}
.indpartner .list {padding:30px 0;}
.indpartner .list li {border-radius:5px;}
#slider3 .bx-wrapper {padding:0 40px}
.indts4  {padding:40px 0 60px 0;margin:40px 0 0 0}
.indts4 .subject {font-size:22px; line-height:37px;margin:0 0 60px 0}
.indts4 ul {margin-top:-40px}
.indts4 li {margin:40px 0 0 0}
.indts4 li .pic { border-width:2px}
.indts4 li .cons { padding:20px}
.indts4 li .cons .t {font-size:20px; line-height:30px;}
.indts4 li .cons .t2 {font-size:20px; line-height:30px;}
.indts4 li .cons .l {width:30px; height:2px;margin:15px 0}
.indts4 li:Hover .cons .l {width:30px}
.indts4 li .cons .c { line-height:25px;min-height:75px;}
.indts4 li .cons .n {font-size:50px; line-height:50px;margin:15px 0 0 0}
.indts4 li i { width:55px; height:60px; background-size:cover;}
.indts4 li.f1 i {left:-10px;top:-10px;}
.indts4 li.f2 i {right:-10px;top:-10px;}
.indts4 li.f3 i {background-size:cover;left:-10px;bottom:-10px;}
.indts4 li.f4 i {background-size:cover;right:-10px;bottom:-10px;}
.indmid { height:150px;margin:40px 0}
.indtech {padding:40px 0}
.indtech .subt {font-size:20px; line-height:30px;}
.indtech .subc { margin:20px auto 40px auto;font-size:16px; line-height:26px;}
.indtech ul {margin-top:-30px}
.indtech li {margin-top:30px;}
.indtech li .cons .up {padding:30px 25px 20px 25px}
.indtech li .cons .up .t { font-size:25px; line-height:35px;}
.indtech li .cons .up .t a {font-size:25px;}
.indtech li .cons .up .t i {width:57px;line-height:50px;padding:0 0 0 15px; height:40px;font-size:25px; margin:-8px -33px 0 20px;background-size:cover;}
.indtech li .cons .up .c {margin:15px 0 5px 0}
.indtech li .cons .up .m a { background-size:cover;width:34px; height:15px;}
.indtech li .cons .up .m a:Hover {right:0}
.indtech li .cons .down {padding:20px 25px;}
.indtech li .cons .down .subject { font-size:16px; line-height:16px;}
.indtech li .cons .down .subject:before {top:25px;}
.indtech li .cons .down p {padding:25px 0 0 0}
.indtech li .cons .down p a { padding:0 5px 0 10px;}
.indtech li.li1 .cons .up .t {padding:0 0 0 58px}
.indtech li.li1 .cons .up .t i { padding:0 15px 0 0;margin:-8px 0 0 -33px;width:57px; background-size:cover;}
.indabout {background-attachment:scroll;padding:40px 0}
.indabout .cons {padding:1px 5% 30px 5%;}
.indabout .more {margin:30px 0 0 0}
.indabout .more a {width:150px; height:40px; line-height:40px; font-size:16px;}


.foot {margin:40px 0 0 0;padding:40px 0 35px 0;}
.foot .mleft {width:100%;margin:0 0 15px 0;border-bottom:1px solid #727988;}
.foot .mleft li {width:33.3333%;margin:0 0}
.foot .mleft a {font-size:14px;}
.foot .mmid {width:70%;font-size:14px}
.foot .mmid li i { font-size:18px;}
.foot .mmid li.tel i { font-size:22px}
.foot .mmid li .cons2 {margin:0 0 0 30px}
.foot .mmid li .title {left:30px;}
.foot .mmid li.tel {margin:15px 0 0 0}
.foot .mmid li.tel .cons2 {margin:0 0 0 110px;font-size:20px;line-height:30px;}
.foot .mright {width:130px;padding:15px 0}
.foot .mright i { width:25px; height:30px; background-size:cover;}
.foot .mright img {width:105px}
.foot .mleft .in {padding:20px 0}
.foot .mmid .in {padding:5px 0 20px 0;border:0}
.foot .mmid .cons a {margin:0 10px 0 0}
.foot .mleft2,.foot .mmid2 {padding:20px 0 0 0}
.foot .mleft2 {width:55%;margin:0;border-bottom:0}
.foot .mmid2 {width:35%;float:right;}
.fixright {width:30px;}
.fixright li {width:30px; height:30px; background-size:60%}
.fixright li.ms a {font-size:12px; line-height:12px; letter-spacing:0px;padding:3px 0 0 0;font-weight:300}
.fixright li.tel .cons,.fixright li.wx .cons {width:120px; height:62px;right:32px;}
.fixright li.tel .cons .t,.fixright li.wx .cons .t {font-size:14px; line-height:14px;padding:12px 0 10px 0;}
.fixright li.tel .cons .c {font-size:16px; line-height:16px}
.fixright li.wx { background-size:65%}
.fixright li.wx .cons { height:126px;top:auto;bottom:-32px}
.fixright li.wx .cons .c {width:75px;margin:0 auto}
.fixright li.totop {background-size:50%}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;}
.page_wrap {padding:40px 0 0 0;}
.product .mleft { display:none;}
.product .mright {width:100%;}
.bannerin { height:350px; background-size:cover;}
.maincurrent {margin:30px 0 35px 0;font-size:14px; line-height:29px;padding:0 0 10px 15px;}
.maincurrent:before {width:5px; height:14px;top:7px}
.maincurrent a {font-size:14px;}
.maincurrent i {margin:0 5px}
.show .subject h1 {font-size:25px; line-height:25px;margin:40px 0 10px 0}
.show .subject p {font-size:13px;line-height:13px;}
.show ul { margin:40px 0}
.show li {margin:5px}
.show li a {font-size:16px;padding:0 20px; height:40px; line-height:40px; overflow:hidden}
.show .gs_content .cons .t {font-size:20px;font-weight:30px;padding:0 0 10px 0;margin-top:-10px}
.show .gs_content .cons .c {font-size:14px;margin:0 0 30px 0;min-height:0}
.show .gs_content .cons .a a { width:120px; height:35px; line-height:33px;font-size:16px;}
.show .gs_content .cons .a a:last-child {margin:0 0 0 15px}
.show .subject2 {font-size:20px;padding:0 0 5px 0;margin:40px 0 30px 0}
.show .subject2 i {width:5px; height:5px; margin:20px 10px 0 0; vertical-align:top;}
.show .subject2:before {width:98px;}
.show .content {font-size:14px;}
.show .back {margin:40px 0 0 0 }
.show .back a {font-size:16px;}
.indnews {margin:0 0 40px 0;}
.indnews .summry {margin:-30px 0 110px 0}
.tabs{top:-80px;}
.tabs a{font-size:16px; height:40px; line-height:40px;padding:0 30px;}

.newscons .subject { height:42px; line-height:42px; }
.newscons .subject h1 {font-size:18px;width:180px}
.newscons .subject h1 img {margin:0 10px 0 20px; height:20px;}
.newscons .subject a { background-size:cover;width:20px; height:20px;right:20px;top:10px}
.newscons .cons {padding:20px 20px 10px 20px;min-height:0}
.newscons .cons .firstcons .pic2 {width:200px; height:125px;}
.newscons .cons .firstcons .cons2 {margin:0 0 0 220px;padding:0 0 0 0}
.newscons .cons .firstcons .cons2 .t { height:18px; line-height:18px; }
.newscons .cons .firstcons .cons2 .t a {font-size:16px;}
.newscons .cons .firstcons .cons2 .c {font-size:14px; line-height:25px; height:50px;margin:10px 0 15px 0}
.newscons .cons .firstcons .cons2 .m a { width:80px; height:30px; line-height:29px; font-size:14px;}
.newscons .cons dl {margin:20px 0 0 0;}
.newscons .cons dd { height:37px; line-height:37px;}
.newscons .cons dd a {font-size:14px;padding:0 30px 0 0;}

.indnews .list .mright {padding:0 20px 15px 20px}
.indnews .list .mright .subject {height:40px; line-height:40px; }
.indnews .list .mright .subject h1 {font-size:16px;padding:0 30px 0 30px; height:40px; line-height:40px ;}
.indnews .list .mright .subject i { width:19px; height:20px; top:11px; background-size:cover;}
.indnews .list .mright .subject span { width:23px; height:3px;bottom:-2px;}
.indnews .list .mright .subject:before {top:10px;width:20px; height:20px; background-size:cover;}
.indnews .list .mright .pic {margin:20px 0}
.indnews .list .mright .pic a {height:125px;}

.indnews .list .mright li {margin:15px 0 0 0;padding:0 0 15px 0}
.indnews .list .mright li .t {padding:0 0 0 30px; height:20px; line-height:20px; margin:0 0 5px 0}
.indnews .list .mright li .t i { width:20px; height:20px; line-height:20px; }
.indnews .list .mright li .t a {font-size:14px;}
.indnews .list .mright li .c {font-size:14px; line-height:25px; height:50px; padding:0 0 0 30px;}
.indnews .list .mright li .c i {top:8px;width:20px; height:20px; line-height:20px;}
.news .subject {margin:40px 0 30px 0}
.news .subject h1 {font-size:25px; line-height:25px;margin-bottom:5px}
.news .subject p {font-size:14px;}
.news dl {margin:0 0 40px 0}
.news dd a { height:40px; line-height:40px;padding:0 30px;}

.nshow .title {margin:0px 0 5px 0}
.nshow .addtime span { display:none}
.nshow .cons {margin:30px 0}
.nshow .prevnext {padding:20px 0 0 0}
.casecate {margin:40px 0}
.casecate dd a {height:35px; line-height:35px; font-size:16px;}
.case li .pic {padding:5px;}
.case li .title { height:40px; line-height:40px; }
.case li .title a {font-size:14px;}
.sitemap dd {width:25%}
.aboutcate {margin:0 0 40px 0}
.aboutcate dd a {height:45px; line-height:45px; font-size:16px;}
.aboutcate dd:before {width:11px; height:6px;margin-left:-6px; background-size:cover;}


.about {padding:40px 0}
.about .wrap {max-width:100%}
.about .subject {font-size:25px; line-height:25px;}
.about .subject:before {width:30px; height:2px;bottom:-15px;margin-left:-15px}
.about .title {margin:30px 0 30px 0}
.about .cons i.left {  background-size:cover;width:20px; height:18px;left:3%}
.about .cons i.right { background-size:cover;width:20px; height:18px;right:3%}
.about .cons {padding:0 40px}
.vision {margin:40px 0}
.vision .subject {height:auto;padding:30px 20px 30px 20px;width:100%}
.vision .subject .t {font-size:22px; letter-spacing:0;}
.vision .subject .l {width:30px; margin:5px auto 20px auto;}
.vision .subject .c {font-size:14px; line-height:24px}
.vision ul {width:100%}
.vision li {width:25%}
.vision li .cons .t {font-size:16px; line-height:26px;margin:20px 0 10px 0}
.vision li .cons .c {font-size:12px; line-height:22px;}
.vision li .pic:before {font-size:20px; line-height:15px;left:20px;}

.philosophy li .t { display:block;color:#005bac;font-weight:700;font-size:16px;margin:0 0 10px 0}
.philosophy {padding-bottom:40px}
.philosophy .pic {margin:60px 0 0 0}
.philosophy .pic img {max-width:60%;margin:0 auto}
.philosophy ul {width:100%;margin-top:10px}
.philosophy li { position:relative;max-width:100%; display:inline-block; vertical-align:top;width:44%;margin:30px 3% 0 3%; text-align:center}
.philosophy li.f1 {top:0;left:0}
.philosophy li.f2 {top:0;right:0;}
.philosophy li.f3 {top:0;left:0;}
.philosophy li.f4 {top:0;right:0}
.contact {margin:40px 0}
.contact li .pic img { height:50px}
.contact li {height:190px;padding:20px 0 0 0; }
.contact li.f1 .cons {font-size:18px; line-height:28px;padding:40px 20px 0 20px;}
.contact li.f2 .cons .t {font-size:16px; line-height:26px;}
.contact li.f2 .cons .c {font-size:25px; line-height:30px;}
.contact li.f3 .cons {font-size:16px; line-height:28px;margin:30px 0 0 0}
.contact li.f4 .cons img {max-width:110px;margin:10px auto 0 auto}
.bigmap { background-size:cover;padding:40px 0; height:auto}
.bigmap .bg {padding:30px 20px}
.bigmap .mleft .list {margin:20px 0 0 0}
.bigmap .mleft .list input[type="text"] {height:50px; line-height:50px;padding:0 15px;font-size:16px;}
.bigmap .mleft .list #cbeizu {padding:10px 15px;font-size:16px; height:380px}
.bigmap .mleft .list #cbtn { height:50px; line-height:50px;width:130px;font-size:16px;}
.bigmap .mright .t {font-size:20px;padding:5px 0 0 0}
.bigmap .mright .c {margin:10px 0 30px 0; line-height:2.2}
.bigmap .mright .c,.bigmap .mright .c a {font-size:17px;}
.bigmap .subject {font-size:20px; line-height:20px;margin:0 0 16px 0}
.namemj {top:-50px}

}

@media only screen and (max-width: 1024px){
.bxslider li a { height:370px}
.contact ul {margin-top:-2%}
.contact li {width:48%;margin-top:2%}
}

@media only screen and (max-width: 768px){
.bxslider li a { height:300px}
.indpartner .list li { height:80px}
.indpartner .list li img {max-width:90%;max-height:60px;}
.indts4 li {width:100%}
.indts4 li .cons .c {min-height:0;}
.indts4 li .cons { width:55%;margin-right:0}
.indts4 li.li2 .cons {margin-left:0}
.indtech li .cons .down p a {width:48%}
.product li {width:48%}
.case ul {width:102%;margin:-3% 0 0 -1%}
.case li {width:48%;margin:3% 1% 0 1%;}
.bannerin { height:250px}
.vision li {height:400px;width:50%}
.bigmap .mleft {width:100%;}
.bigmap .mright {width:100%;margin:40px 0 0 0}
.bigmap .mleft .list #cbeizu {height:200px}
}

@media only screen and (max-width: 640px){
.bxslider li a { height:260px}
.indsearch .in .tel { position:relative;width:100%; height:135px}
.indsearch .in .cons {margin:0;padding:20px 4%; height:auto;}
.indsearch .in .cons .content {width:55%; vertical-align:top;}
.indsearch .in .cons .search {width:45%; vertical-align:top;top:5px; height:43px; line-height:43px}
.indsearch .in .cons .search p #k { line-height:14px; height:14px;padding:0 0 20px 0;}
.indsearch .in .cons .search #button {top:2px;width:15px; height:15px}
.indhotpro .mleft {height:auto;padding:20px 0;width:100%}
.indhotpro .mright {width:100%}
.indhotpro .mright li h1 { position:relative;top:0;width:100%;margin:0 0 5px 0}
.indhotpro .mright li div {margin:0;padding:0;border:0}
.indhotpro .mright li div p.p1 {}
.indhotpro .mright li div p.p2 {width:45%}
.indhotpro .mright li div p.p3 {width:55%}
.indhotpro .mright li div p.p4 {width:45%}
.indhotpro .mright li div p.p5 {width:55%}
.indsolution .pic {width:100%;}
.indsolution .cons {width:100%;margin:30px 0 0 0;}
.indpartner .list li {width:47.4%}
.indpartner .list li { height:130px}
.indpartner .list li img {max-height:100px;}
.indmid { height:100px;}
.indtech .subt span { display:block}
.indtech .subc strong { display:block}
.indtech li .pic { position:relative;width:100%; height:300px;}
.indtech li .cons {width:100%;min-height:0}
.indtech li .cons .up .t { padding:0 0 0 58px;text-align:left;}
.indtech li .cons .up .t i { position:absolute;left:0; padding:0 15px 0 0;margin:-8px 0 0 -33px;width:57px; text-align:right;background:url(../images/17.png) no-repeat center; background-size:cover;}

.foot .mright {float:left;margin:0 0 30px 31px}
.foot .mmid {width:100%}
.foot .mleft2 {width:100%;}
.foot .mmid2 {width:100%;border:0}
.product ul {margin-top:-30px}
.product li {width:98%;margin-top:30px}
.show ul {width:104%;margin:-4% 0 0 -2%;padding:40px 0}
.show li {margin:4% 2% 0 2%;width:80%}
.show .gs_content .pic {width:100%;}
.show .gs_content .cons {width:100%;margin:30px 0 0 0}
.tabs a{font-size:14px; height:40px; line-height:40px;padding:0 15px;}
.indnews .list .mleft {width:100%;}
.indnews .list .mright {width:100%;margin:30px 0 0 0}
.newscons .cons .firstcons .pic2 {width:150px;}
.newscons .cons .firstcons .cons2 {margin:0 0 0 170px;}
.newscons .cons dd {width:100%;}
.newscons .cons dd a {padding:0;}
.news dd a {padding:0 15px;}
.news li {width:96%}
.case ul {margin-top:-30px}
.case li {width:98%;margin-top:30px}
.casecate dd {width:32.3333%}
.bannerin { height:210px}
.sitemap dd {width:50%}
.aboutcate dd {width:50%}
.vision li {height:450px}
.contact li {width:98%; height:auto;padding:30px 0}
.contact li.f1 .cons {padding:20px 0 0 0}
.contact li.f3 .cons {font-size:16px; line-height:28px;margin:30px 0 0 0}
}

@media only screen and (max-width: 480px){
.bxslider li a { height:210px}
.indpartner .list li { height:110px}
.indpartner .list li img {max-height:80px;}
.indmid { height:85px;}
.bannerin { height:170px}
.vision li {height:500px}
}

@media only screen and (max-width: 420px){
.bxslider li a { height:160px}
.indpartner .list li { height:80px}
.indpartner .list li img {max-height:60px;}
.indts4 li.f1 i {top:10px;}
.indts4 li.f2 i {top:10px;}
.indts4 li.f3 i {bottom:10px;}
.indts4 li.f4 i {bottom:10px;}
.indmid { height:70px;}
.newscons .cons .firstcons .pic2 {width:100px;}
.newscons .cons .firstcons .cons2 {margin:0 0 0 120px;}
.bannerin { height:130px}
.vision li {height:650px}
}