@charset "utf-8";
@media only screen and (max-width: 1800px){
.prev1{left:0;}
.next1{right:0;}
.xc {margin:0 55px}
.indsale li .cons {min-height:120px;}
.bannerin {height:auto;background:none}
.bannerin img { display:block;width:100%}
.profeatures .cons ul.u1 {margin-top:-20px}
.profeatures .cons ul.u1 li {margin:20px 20px 0 0;}
.bx-wrapper .bx-prev {left:3%;}
.bx-wrapper .bx-next {  right:3%;}

#slider3 {padding:0 60px}
#slider3 .bx-wrapper .bx-prev {left:-60px;}
#slider3  .bx-wrapper .bx-next { right:-60px;}
#slider3 .slide .in {padding:30px 15px;}
#slider3 .slide .pic {width:90px; height:90px; background-size:cover;}
#slider3 .slide .title {font-size:14px; line-height:25px;min-height:50px;}
}

@media only screen and (max-width: 1600px){
.wrap {margin:0 3%}
.bxslider li a { height:auto; background:none;}
.bxslider li a img { display:block}
.fixtop .toper ul.navpc {text-align:right;right:0;padding:0 3% 0 0}
.fixtop .toper ul.navpc li {margin:0 0 0 35px}
.fixtop .toper ul.navpc li .list7 .cons {padding:0 223px 0 0}
.fixtop .toper ul.navpc li .list8 .cons {padding:0 111px 0 0}
.xc li{ width:446px;}
.solutonfaq .mright {margin:120px 0 0 0}
}

@media only screen and (max-width: 1440px){
.xc li{ width:396px;}
.foot .mid .right dl {margin:0 0 0 60px}
.carcontact .mright td { display:block}
.carcontact .mright td:first-child {padding:0}
#slider3 .slide .title {min-height:75px;}
#slider3 .slide .in {padding:20px 15px;}
}

@media only screen and (max-width: 1366px){
.fixtop .toper ul.navpc li {margin:0 0 0 30px}
.fixtop .toper ul.navpc li a {font-size:16px;}
.fixtop .toper ul.navpc li .list7 .cons {padding:0 196px 0 0}
.fixtop .toper ul.navpc li .list8 .cons {padding:0 97px 0 0}
.xc li{ width:373px;}	
.foot .mid .right dl {margin:0 0 0 40px}		
}

@media only screen and (max-width: 1200px){
.wrap2 {margin:0 3%}
.bx-wrapper { overflow:hidden}
.bx-wrapper .bx-pager {bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:20px;margin:0 3px}
/* .bx-wrapper .bx-pager.bx-default-pager a:focus 
.bx-wrapper .bx-pager.bx-default-pager a:hover,*/
.bx-wrapper .bx-pager.bx-default-pager a.active{width:40px;}
.fixtop .toper ul.navpc { display:none;}
.phonemenu { display:block}
.fixtop .toper .header { display:none}

.fixtop {height:50px;}
.fixtop:before {top:50px;}
.fixtop .toper .logo { width:173px; height:45px; top:0px;}
.tblank { height:50px;}
.help_cut .subject {font-size:20px; line-height:20px;letter-spacing:1px;margin:40px 0 10px 0}
.help_cut .more {margin:30px 0 40px 0;}
.help_cut .more a {font-size:14px;width:160px; height:35px; line-height:35px;letter-spacing:1px}
.help_nav{margin-bottom:20px;}
.help_nav li a{font-size:14px;line-height:14px;letter-spacing:1px}
.help_nav li i {height:14px;margin:0 15px;}
.jt{width:20px; height:40px;margin-top:-40px}
.prev1{background-size:cover;}
.next1{background-size:cover;}
.prev1:hover,.next1:hover { background-size:cover;}
.xc {margin:0 35px}
.xc li{ width:266px;}
.xc li .title { margin:10px 0 0 0}
.xc li .title a {font-size:16px;letter-spacing:1px;}
.mapPath .cons {font-size:16px; line-height:26px;}
.indservice {padding:40px 0}
.indsubject .t {font-size:20px; line-height:30px; letter-spacing:1px;margin:0 0 5px 0}
.indsubject .c {font-size:14px; line-height:24px; letter-spacing:0.5px;}
.indservice ul {margin:30px 0 0 0}

.indservice li .bg h1 {font-size:16px;line-height:26px; top:20px;left:25px}
.indservice li .bg h1:before {bottom:-8px; height:1px;width:20px; }
.indsale {padding:40px 0}
.indsale ul {padding:30px 0 0 0}
.indsale li {padding:30px 20px 30px 20px;}
.indsale li .pic { background-size:cover;width:60px; height:60px;}
.indsale li .title {font-size:18px; line-height:28px;margin:20px 0 15px 0}
.indsale li .cons {min-height:100px; line-height:25px;font-size:14px}

.indnews {margin:0 0 30px 0;padding:30px 0 20px 0}
.news {margin:0;padding:0}
.indnews ul {padding:20px 0}
.indnews li .cons {padding:15px 15px 20px 15px;}
.indnews li .cons .title { height:20px; line-height:20px;}
.indnews li .cons .title a {font-size:15px;letter-spacing:0.5px}
.indnews li .cons .addtime {font-size:13px;margin:5px 0 10px 0}
.indnews li .cons .content {font-size:14px;line-height:25px; height:50px; letter-spacing:0.5px;margin:0 0 15px 0}
.indnews li .cons .more a,.indnews li:hover .cons .more a { width:22px; height:6px; background-size:cover;}

.indparter .indsubject {margin:20px 0}
.indparter li .cons img {max-width:85%;}
.maincons {padding:20px 0 0 0;font-size:14px}
.maincurrent {margin:0 0 40px 0}
.maincurrent .current { display:none}
.maincurrent ul {top:0px; position:relative}
.maincurrent ul li { margin:0 20px 0 0}
.maincurrent ul li:last-child {margin:0}
.maincurrent ul li a {line-height:45px; font-size:14px;font-weight:700;border-width:1px}
.maincurrent hr {margin:-1px 0 0 0}

.mainsubject {margin:0 0 30px 0}
.mainsubject h1 {font-size:22px; line-height:27px;font-weight:400;letter-spacing:2px;}
.mainsubject h2 {font-size:15px; line-height:20px;margin:5px 0 0 0;}
.aboutpic {margin:25px 0 0 0 }
#slider2 .bx-wrapper .bx-pager {bottom:15px;right:10px}

.development ul {padding:0 0 0 25px;margin:0 0 0 100px}
.development li {padding:15px 0}
.development li .title {left:-125px;top:19px;font-size:22px; line-height:22px;}
.development li .content:before {left:-30px;top:9px; width:10px; height:10px; background-size:cover;}
.ideo ul {margin-top:-20px}
.ideo li { height:120px;padding:0 30px;margin-top:20px}
.ideo li .pic { width:80px; height:80px; left:30px;top:20px; background-size:cover;}
.ideo li .cons {margin:0 0 0 110px}
.ideo li .cons .title {font-size:20px; line-height:20px; letter-spacing:1px;}
.ideo li .cons .content {font-size:14px; line-height:24px;margin:10px 0 0 0}

.research h3 {font-size:22px; line-height:32px;letter-spacing:1px;margin:0 0 20px 0}
.research h3:before {bottom:-15px;width:20px; height:1px; }

.Quality {margin-top:-30px}
.Quality .subject {font-size:22px; line-height:32px;letter-spacing:1px; margin:30px 0 40px 0;}
.Quality .subject:before {bottom:-15px;width:20px; height:1px;}

#slider3 {padding:0; text-align:center}
#slider3 .bx-wrapper {padding:0 30px}
#slider3 .bx-wrapper .bx-prev {left:0;}
#slider3  .bx-wrapper .bx-next { right:0;}

#slider3  .bx-wrapper .bx-controls-direction a {margin-top:-20px;width:20px; height:40px; background-size:cover;}
#slider3 .bx-wrapper .bx-prev {background-size:cover;}
#slider3  .bx-wrapper .bx-prev:Hover {background-size:cover;}
#slider3  .bx-wrapper .bx-next {background-size:cover;}
#slider3  .bx-wrapper .bx-next:hover {background-size:cover;}

.honor {padding:0 0 160px 0}
#imageFlow {height:1750px;margin-top:30px}
#imageFlow .text {font-size:16px}
#imageFlow {left:0;width:100%;margin-left:0}
#imageFlow .scrollbar {top:0px;}
#imageFlow .arrow-left {left:0; background-size:cover;width:20px; height:39px}
#imageFlow .arrow-right {right:0; background-size:cover;width:20px; height:39px;}
#imageFlow .arrow-left:Hover {background-size:cover;}
#imageFlow .arrow-right:hover {background-size:cover;}
.namemj {top:-50px}
.product {padding:10px 0 0 0}
.product ul.procate {margin:-20px 0 20px 0}
.product ul.procate li a{ font-size:16px;line-height:16px;}
.product ul.procate li i {height:16px; margin:0 15px;top:-2px; position:relative}

.product ul.list li {margin-top:-20px}
.product ul.list li {margin-top:20px;}
.product ul.list li .title { height:25px; line-height:25px; margin:10px 0 0 0}
.product ul.list li .title a {font-size:16px;}

.page_wrap {margin:40px 0 0 0}
.page_wrap .pgprev {height:40px; line-height:40px;width:30%}
.page_wrap .pgprev i {width:38px; height:7px;margin:13px 0 0 0; background-size:cover;}
.page_wrap .pgmid {height:40px; line-height:40px;font-size:16px;width:40%}
.page_wrap .pgmid i { background-size:cover;width:12px; height:12px; margin:14px 10px 0 0;}
.page_wrap .pgnext {height:40px; line-height:40px;width:30%}
.page_wrap .pgnext i {width:38px; height:7px; background-size:cover;margin:13px 0 0 0}
.plist {margin-top:-20px}
.plist .mainsubject {margin-bottom:30px}
.prosubject {font-size:20px; line-height:30px;letter-spacing:1px; margin:0 0 30px 0;}
.prosubject:before {bottom:-15px;width:20px; height:1px;}
.prosubject.center:before {margin-left:-10px}
.show .subject {font-size:22px; line-height:32px;letter-spacing:1px;}
.profeatures { margin:40px 0 40px 0;padding:40px 0}
.profeatures .cons ul.u1 {padding:20px 0 10px 0}
.profeatures .cons ul.u1 li { width:80px; height:80px;padding:0 10px;font-size:14px; line-height:22px; background-size:cover;}
.profeatures .cons ul.u1 li:hover {top:0}
.profeatures .cons ul.u2 li {margin:20px 0 0 0; padding:0 0 0 20px}
.profeatures .cons ul.u2 li:before {top:9px; background-size:cover;width:10px; height:10px;}
.profeatures .cons ul.u2 li .t {font-size:18px; line-height:28px;}
.profeatures .cons ul.u2 li .c {font-size:14px; line-height:24px;margin:5px 0 0 0}
.profeatures .pic {margin:30px auto 0 auto}
.proparameter {font-size:14px;}
.proparameter h3,.proparameter strong {font-size:16px;}
.proparameter .prosubject:before,.prorelax .prosubject:before {margin-left:-10px}
.proparameter td{line-height:24px;word-break:break-all;word-wrap:break-word;}
.proparameter td:first-child {padding-left:2%;padding-right:5%;width:43%;}
.proparameter td:last-child {width:57%}
.proparameter .cons {padding:10px 0 40px 0}
.prorelax .prosubject {margin-bottom:50px}
.showpics dl {margin:15px 0 20px 0}
.showpics dd a {font-size:16px; line-height:16px;letter-spacing:1px}
.showpics dd i {margin:8px 15px 0 15px; height:14px;}

.pgwSlideshow .ps-current .ps-prev {background-size:cover;width:20px; height:39px;margin-top:-21px;}
.pgwSlideshow .ps-current .ps-next {background-size:cover;width:20px; height:39px;margin-top:-21px;}
.pgwSlideshow .ps-current .ps-prev:Hover {background-size:cover;}
.pgwSlideshow .ps-current .ps-next:hover {background-size:cover;}
.pgwSlideshow .ps-current > ul  > li img {max-width:100%;padding:0 30px}
.pgwSlideshow .ps-list {margin:10px 0 0 0;}
.pgwSlideshow .ps-list li img {width:49px; height: 30px;}
.mainsubjectcarhotline {margin:10px 0 25px 0}
.solutonfaq .mright {margin:80px 0 0 0}
.solutonfaq .mleft .cons {margin-top:40px}

.cartype {margin:40px 0;padding:40px 0}
.cartype ul {padding:20px 0 0 0}
.cartype li .title {font-size:16px; line-height:20px; height:20px; margin:15px 0 0 0;}
.procar .mainsubject {margin-bottom:0}
.procar li {padding:40px 0}
.procar li .pics .slide .t {margin:5px 0 0 0}
.procar li .pics .bx-wrapper .bx-pager { bottom:45px;right:10px}
.carcontact {padding:40px 0 0 0}
.carcontact .mleft {float:left;width:51%;}
.carcontact .mright {float:right;width:45%; }
.carcontact .mright a {font-size:14px}

.physical ul {width:104%;margin:-4% 0 0 -2%; padding:30px 0 0 0}
.physical li {margin:4% 2% 0 2%}
.physical li .title {font-size:14px; line-height:24px;margin:12px 0 0 0;}
.commit {margin:40px 0 0 0}
.commit li {padding:40px 0}
.commit li .pic p {margin:10px 0 0 0}
.commitcontact {margin:40px 0 0 0}
.service {margin-top:-40px}
.service .maincontent {padding:40px 0}
.cooperation .mainsubject h2 {font-size:16px;margin:10px 0 0 0}
.cooperation li {margin:40px 0 0 0}
.ourclient .cons {margin:0 0 40px 0}
.ourclient ul {padding:10px 0 0 0}
.news .mainsubject {margin-bottom:-10px}
.news ul {margin:1px 0 -20px 0}
.nshow .title { font-size:20px; line-height:35px;}
.nshow .addtime {padding:10px 0 25px 0;font-size:13px}
.nshow .prevnext {margin:30px 0 0 0}
.research .mgtp {margin:0}

.job .mainsubject h1 span {font-size:12px;margin:0 0 0 5px}
.job .subject {height:40px; line-height:40px;font-size:14px;margin:30px 0 0 0}
.job .f1 {padding:0 0 0 20px;width:46%}
.job .f2 {width:27%;}
.job .f6 {width:27%;}
.job .f5,.job .f3,.job .f4{ display:none}

.accordionservice {margin:0 0 30px 0}
.accordionservice li .link {padding:15px 0}
.accordionservice li .link a {font-size:14px;}
.accordionservice li .link a .f1 {font-size:14px}
.accordionservice li .link a .f6 i {width:16px; line-height:16px; height:16px;top:4px;font-size:12px}
.accordionservice li .link a .f7 {padding:0 0 0 20px;font-size:12px;margin:0}
.accordionservice li.open .link a .f6 i {top:4px}
.accordionservice .submenu {padding:25px 20px;top:-38px;margin:0 0 -40px 0;background:#f5f5f5 url(../images/2.gif) no-repeat;}
.accordionservice .submenu strong {font-size:14px}

.job .research h3 {margin:30px 0 50px 0}
.job .cons2 {padding:0 0 0 20px}
.contact h3 {margin:0 0 40px 0}
.map {margin:30px 0 0 0}
.message {margin-top:-20px}
.message .list {margin:20px 0 0 0}
.message .list input[type="text"] { height:35px; line-height:35px;padding:0 10px}
.message .list #mbeizu {padding:6px 10px; }
.message .list #mbtn { width:120px; height:35px; line-height:35px;font-size:16px; letter-spacing:2px;}
.mapBox .mapbg {margin:0 auto 40px auto;}
.ourclient ul {width:912px}
.bx-wrapper .bx-prev {background-size:cover}
.bx-wrapper .bx-next {background-size:cover}
.bx-wrapper .bx-controls-direction a {margin-top:-15px;width:16px; height:30px;background-size:cover}


.ProductXq .content .gailan {width:auto;margin:0}
.ProductXq .content .gailan .switch {margin:25px 0 20px 0}
.ProductXq .content .gailan .switch:before {top:10px;height:18px;}
.ProductXq .content .gailan .switch a {font-size:18px;margin:0 20px}
.ProductXq .content .gailan .bigSlide {margin:0 auto 10px auto}
.ProductXq .content .gailan .smallSlide .swiper-slide .img {margin:0 1px;}

.ProductXq .content .gailan .btnPrev, .ProductXq .content .gailan .btnNext {width: 26px;height:50px;top: 49%; background-size:cover;}
.ProductXq .content .gailan .btnPrev { background-size:cover;left:6%}
.ProductXq .content .gailan .btnPrev:hover { background-size:cover;}
.ProductXq .content .gailan .btnNext {background-size:cover;right:6%}
.ProductXq .content .gailan .btnNext:hover {background-size:cover;}
.proparameter2 {margin:-40px 0 0 0}
.proparameter2 ul {margin:0 0 50px 0}
.proparameter2 li .conss { font-size:15px;}
.proparameter2 li .conss .t {font-size:22px; line-height:32px;margin:0 0 20px 0}
.proparameter2 li .conss .c { line-height:2}



.foot {margin:40px 0 0 0;padding:25px 0 15px 0}
.foot .logoshare {padding:0 0 15px 0;}
.foot .logoshare .logo a { width:150px; height:45px;}
.foot .logoshare .bshare-custom { top:5px;font-size:13px}
.foot .logoshare .bshare-custom a {width:19px; height:15px; background-size:cover;}
.foot .logoshare .bshare-custom a.bshare-weixin { background-size:cover;;margin:0 0 0 10px}
.foot .logoshare .bshare-custom a.bshare-sinaminiblog {background-size:cover;margin:0 8px 0 10px}
.foot .logoshare .bshare-custom a.bshare-qqim {background-size:cover;}
.foot .mid { text-align:center;padding:20px 0;}
.foot .mid .cons {float:none;font-size:15px;}
.foot .mid .cons .tel b a {font-size:15px}
.foot .mid .cons .wx {margin:15px auto 0 auto}
.foot .mid .cons .wx p {margin:10px 0 0 0;font-size:14px; line-height:19px;}
.foot .mid .right { display:none;}
.foot .linkcopy {padding:12px 0 0 0}
}

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

@media only screen and (max-width: 768px){
.indsale li {width:48%}
.indsale li .cons {min-height:75px;}
.indnews li {width:48.6%}
.indparter li {width:32.1333%}
.product ul.list li {width:48.8%}
.plist .mainsubject {margin-bottom:20px}
.profeatures .cons {width:100%}
.profeatures .pic {width:100%; text-align:center;}
.profeatures .pic img {margin:0 auto}
.prorelax .product ul.list li {width:98.8%}
.prorelax .prosubject {margin-bottom:30px}

.commit li .cons {width:100%}
.commit li .pic{width:100%;margin:30px 0 0 0}
.commit li.li2 .pic {margin:0 0 30px 0}

.cooperation li {border-bottom:1px solid #f5f5f5;padding:0 0 40px 0}
.cooperation li:last-child {padding:0;border:0}
.cooperation li .cons {width:100%;margin:0 0 30px 0;}
.cooperation li .pic{width:100%;}
.cooperation li.li2 .cons {margin:30px 0 0 0}

.profeatures {margin-top:0}
.ProductXq .content .gailan .btnPrev, .ProductXq .content .gailan .btnNext {top: 47%;}
.ProductXq .content .gailan .gailan-box { height:540px;}
}

@media only screen and (max-width: 640px){
.indservice li .bg h1 {top:10px;left:15px}
.indsale ul {margin-top:-20px}
.indsale li {width:98%;margin-top:20px}
.indsale li .cons {min-height:0;}
.foot .linkcopy .link { text-align:center;width:100%}
.foot .linkcopy .copy { text-align:center;width:100%;margin:10px 0 0 0}
.maincontent .mleft {width:100%;margin:-5px 0}
.maincontent .mright {width:100%;}
.ideo li { height:120px;padding:0 20px;}
.ideo li .pic { width:50px; height:50px; left:20px;top:35px; }
.ideo li .cons {margin:0 0 0 70px}
.product ul.procate {margin-bottom:15px}
.solutonfaq .mleft {width:100%}
.solutonfaq .mright {width:100%;margin:25px 0 0 0}
.cartype ul {margin-top:-30px}
.cartype li {width:97%;margin-top:30px}
.procar .mainsubject {margin-bottom:-10px}
.procar li .cons {width:100%}
.procar li .pics,.procar li.li2 .pics {margin:0;width:100%}
.procar li .pics {margin-top:30px}
.procar li.li2 .pics {margin:0 0 20px 0}
.carcontact .mleft {width:100%;}
.carcontact .mright {width:100%;margin-top:35px}

.physical ul {margin:-20px 0 0 -2%;}
.physical li {margin:20px 2% 0 2%;width:29.3333%}
.physical li .pic {padding:5px}

.proparameter2 li .conss { display:block; width:100%; text-align:center;padding:40px 0}
.proparameter2 li .pics { display:block; text-align:center;width:100%;margin:0;}
.proparameter2 li .pics img {margin:0 auto;}
.proparameter2 li.li2 {padding:40px 0}
.proparameter2 li.li2 .conss {padding:40px 0 0 0}
.proparameter2 li.li2 .pics { text-align:center;margin:0 auto}
.proparameter2 li.li2 .pics img {margin:0 auto}

.ProductXq .content .gailan .gailan-box { height:430px;}
}

@media only screen and (max-width: 480px){
.indnews ul {margin-top:-20px}
.indnews li {width:98.6%;margin-top:20px;}
.honor {padding:0 0 120px 0; height:300px}
#imageFlow {height:1300px;margin-top:30px}
#slider3 .slide .title {min-height:0}

.ProductXq .content .gailan .gailan-box { height:340px;}
}

@media only screen and (max-width: 420px){
.honor {padding:0 0 80px 0;}
#imageFlow {height:1150px;margin-top:30px}

.ProductXq .content .gailan .gailan-box { height:290px;}
}