@charset "utf-8";
@media only screen and (max-width: 1800px){
.foot .mmid .cons .cts a {margin:0 10px 0 0;}
.foot .mmid .cons .cts a.wb {background-size:80%}
.foot .mmid .cons .cts a.wx { background-size:80%}
.foot .mmid .cons .cts a.email { background-size:80%}
.foot .mmid .cons .cts a.address {background-size:80%}
.foot .mmid .cons .bshare-custom a.bshare-more { background-size:100%}


}



@media only screen and (max-width: 1385px){
.wrap {margin:0 30px;}
.wrap2 {margin:0 3%;}
.fixtop .toper .logo {top:70px}
.fixtop .toper ul.navpc {top:60px}
.indad .mright li {margin:0 0 0 27%;}
.indad .mleft .t {font-size:55px; line-height:70px}
.indad .mleft .c {font-size:20px; line-height:30px;}
.controls {padding-top:100px}
.maincons {padding-top:100px}
.nshow {margin-top:10px}
.maincons2 {margin-top:-100px}
}

@media only screen and (max-width: 1200px){
.wrap3 {margin:0 3%}
body {margin:0}
.wrap {margin:0 3%;}
.wrap2 {margin:0 3%;}
.phonemenu { display:block;}
.fixtop .toper ul.navpc { display:none;}
.fixtop {top:0;padding:0}
.fixtop .toper {height:50px;box-shadow:0px 0px 5px rgba(0,0,0,0.15)}
.fixtop .toper .logo,.fixtop.active .toper .logo {top:9px; width:163px; height:30px;}
.tblank { height:50px;}
.fixtop.active {margin-top:0;}
.fixtop.active .toper .logo {top:9px}
#mbody.active {margin-top:0}
.indad {padding:60px 0 40px 0;margin:0}
.indad .mleft .t {font-size:30px; line-height:40px;}
.indad .mleft .c {font-size:14px; line-height:24px;}
.indad .mright {margin:0px 0 0 0}
.indad .mright ul {width:100%;}
.indad .mright li {margin:0 0 0 13%;}
.indad .mright li:hover .c .more {width:15px;right:0}
.bx-wrapper .bx-pager { bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:7px;height:7px;}
.bx-wrapper .bx-prev { left:3%; background-size:cover;margin-left:-8px}
.bx-wrapper .bx-prev:Hover {left:3%}
.bx-wrapper .bx-prev:before { display:none}
.bx-wrapper .bx-next {right:3%; background-size:cover;margin-right:-8px}
.bx-wrapper .bx-next:hover {right:3%}
.bx-wrapper .bx-next:before { display:none;}
.bx-wrapper .bx-controls-direction a {margin-top:-12px;width:24px;height:24px;background-size:cover;}
.indabout {margin:20px 0;padding:30px 0 15px 0}
.indabout .indsubject .mleft .t {font-size:30px; line-height:40px;margin:15px 0 0 0}
.indabout .indsubject .mleft .et {font-size:14px; line-height:24px;}
.indabout .indsubject .mright .m:Hover a i {width:15px}
.indabout ul {margin:30px 0 20px 0}
.indabout li .t {font-size:20px; line-height:30px;margin:0 0 15px 0}
.indabout li .c,.indabout li .c a {font-size:14px;}
.fixtop .toper:before { display:none;}
.indabout2 {padding-bottom:1px}
.aboutpic {margin:30px 3% 3% 3%;}
.indpro li .bg .up,.mix .bg .up {font-size:16px; line-height:26px}
.indpro li .bg .down h1,.mix .bg .down h1 {font-size:16px; line-height:26px;}
.indpro li .bg .down h2,.mix .bg .down h2 {font-size:12px;line-height:22px;margin:2px 0 0 0}
.indpro li .bg .down h1:before,.mix .bg .down h1:before {top:-10px;}
.indpro .more {padding:35px 0 30px 0}
.indpro .more .c {font-size:18px; line-height:28px;}
.indpro .more .m {margin:20px 0 0 0}
.backtop {width:25px; height:25px; right:3%; bottom:3%; display:none;}

.indnews {padding-bottom:30px}
.indnews .indsubject {margin-bottom:30px}
.newsleft .pic { height:299px;}
.indnews dd {padding:25px 0}
.foot {padding:40px 0}
.foot .msubject {font-size:30px;line-height:30px;}
.foot .mleft .cons h1,.foot .mleft .cons h2,.foot .mleft .cons h3 {font-size:16px; line-height:1.8;}
.foot .mleft .cons input[type="text"] { height:40px; line-height:40px;}
.foot .mleft .cons #mbtn {height:35px; line-height:35px;}
.foot .subject {font-size:18px;line-height:18px;margin:35px 0 15px 0;}
.foot .no { display:none}
.indpro li,.mix {width:50%}
.controls {padding:40px 0 10px 0; text-align:left;}
.control {margin:2px 15px 0 0;font-size:12px}
.control:last-child {margin-right:0}
.container {padding:0}
.indpro li .bg .up,.mix .bg .up {left:6%;width:88%;}
.indpro li .bg .down,.mix .bg .down {left:6%;width:88%;}
.maincons {padding:30px 0 30px 0}
.maincons2 {padding:40px 0 30px 0;margin-top:0}
.showbg {padding:40px 0}
.showbg .mleft {font-size:20px;line-height:35px;}
.showbg .mright .title2 {margin:30px 0 0 0}
.showcons {margin:0}
.showprevnext {margin:40px 0 50px 0; height:30px}
.showprevnext .prev { width:101px; height:24px;background-size:100%;}
.showprevnext .back { width:30px; height:30px; margin:0 0 0 -15px; background-size:cover;top:5px}
.showprevnext .next {width:101px; height:24px;background-size:100%;}
.relaxsubject {margin:20px 0}
.relaxsubject h1 {font-size:20px; line-height:30px;}
.relaxsubject h2 {font-size:14px; line-height:14px;margin:10px 0 5px 0}
.showmore {padding:30px 0 0 0}

.mainleft {font-size:20px; line-height:30px;font-weight:700;margin:10px 0 0 0; letter-spacing:0}
.contactcons {font-size:16px;}
.contacta {margin:40px 0}
.contact2 {padding:0 0 20px 0}
.contact2 img.pic {margin:0 0 0 -5px}
.about1 {margin:30px 0 40px 0}
.about1 td strong {font-size:16px;}
.about1 td { display:block;width:100%}
.about1 td:first-child {width:100%;padding:0;}
.about1 td:last-child  {padding:30px 0 0 0}

.about .mainright {padding:35px 0;}
.about.about243 img {margin:0}
.about.about243 td {padding:0 0 20px 0;}
.about245 td a { font-size:16px;margin:0; }

.casecate {margin:10px 0 15px 0}
.casecate h1 {font-size:25px;top:-10px}
.casecate ul {margin:0 0 0 70px}
.casecate li {margin:0 0 0 20px; }
.casecate li:before {height:12px;top:9px;left:-10px}
.casecate li a {font-size:14px;}
.news dd {height:138px;padding:20px 0}
.news .pic { width:138px; height:138px;top:20px;}
.news .cons {margin:0 0 0 158px;}
.news .cons .addtime {font-size:14px; line-height:14px}
.news .cons .title { height:25px; line-height:25px;margin:5px 0 10px 0}
.news .cons .title a {font-size:18px;}
.news .cons .content { line-height:25px; height:50px;margin:0 0 5px 0;font-size:12px}
.news .cons .more a {line-height:17px;font-size:12px}
.pagepn {padding:40px 0 0px 0}

.nshow .mainleft h1 {font-size:18px; line-height:18px;}
.nshow .mainleft h2 {font-size:12px; line-height:12px;margin:10px 0 0 0}
.nshow .mainright .nstitle {font-size:18px; line-height:28px;padding:0 0 20px 0;margin:5px 0 30px 0}
.nshow .mainright .nsprevnext {margin:30px 0 0px 0;padding:15px 0 0 0;}
.nshow .mainright .nsprevnext .share .bshare-custom .bshare-more { width:20px; height:20px; background-size:40%;}
.nshow .mainright .nsprevnext .prevnext {top:11px}
.nshow .mainright .nsprevnext .prevnext a { display:inline-block; vertical-align:middle;margin:0 0 0 20px}
.nshow .mainright .nsprevnext .prevnext a.prev {width:10px; height:15px}
.nshow .mainright .nsprevnext .prevnext a.back { width:15px; height:15px}
.nshow .mainright .nsprevnext .prevnext a.next {width:10px; height:15px}
.indnews .newsright dd .addtime { height:26px; line-height:26px;}
.about2 {height: 575px; background-attachment:scroll;}

.foot .mright .cons2 p {width:85px;font-size:12px; line-height:20px; letter-spacing:0}
.foot .mright .cons2 p img {margin:0 0 7px 0}
.foot .mright .cons2 p:last-child {margin-left:12px}
.mobright { display:block; position:fixed; z-index:9999;right:0;bottom:40px;width:40px;}
.mobright a { display:block; text-align:center;padding:11px 0 9px 0; background:#b0b0b0;color:#fff;font-size:14px; line-height:19px;font-weight:300}
.mobright a:first-child { background:#525252}
}

@media only screen and (max-width: 1024px){
.indad .mleft {margin-bottom:20px}
.indad .mright { display:none;}
.bxslider li img.p { display:none;}
.bxslider li img.m { display:block;}
}

@media only screen and (max-width: 768px){
.indad .mright {margin-top:-30px}
.indad .mright li { display:block;margin:30px 0 0 0}
.indad .mleft {width:65%}
.indad .mright {width:25%}
.indad .mright li {float:none}
.indad .mright ul li:first-child {float:none;}
.about2 {height:430px;}
.foot .mright .cons2 p { display:block;width:100px}
.foot .mright .cons2 p:last-child {margin-left:0;margin-top:15px}
}

@media only screen and (max-width: 640px){
.indad .mleft {width:100%}
.indad .mright {width:100%}
.indad .mright {margin-top:10px}
.indabout .indsubject .mleft {width:100%;margin:0}
.indabout .indsubject .mright {width:100%;top:0;margin:30px 0 0 0}
.indnews .indsubject .mright .c { display:none;}
.indabout ul {margin-top:20px}

.aboutpic {margin-top:50px}
.newsleft {width:100%}
.newsright {width:100%;}
.indnews .newsleft dd:last-child {border-bottom:1px solid #e6e6e6;padding-bottom:25px}
.indnews .newsright dd:first-child {padding-top:25px}
.foot .no { display:block}
.foot .mleft {width:100%;}
.foot .mmid {width:100%;margin:0;}
.foot .mright {width:100%}
.foot .mleft .message {max-width:100%}
.indpro li,.mix {width:100%}
.indpro li .bg .up,.mix .bg .up {left:3%;width:94%;}
.indpro li .bg .down,.mix .bg .down {left:3%;width:94%;}
.showbg .mleft {width:100%;}
.showbg .mright {width:100%;margin:30px 0 0 0}
.mainleft {width:100%;}
.mainright {width:100%;margin-top:30px}
.about .mainright {padding:0 0 35px 0;}
.about245 table {margin-top:-30px}
.about245 td {width:90%;display:block;padding-top:30px}
.casecate h1 {position:relative;}
.casecate ul {margin:-10px 0 0 0}
.casecate li:first-child {margin:0}
.nshow .mainleft {width:100%;}
.nshow .mainright {width:100%;margin-top:20px}
.about2 {height:360px;}

.indnews .newsright dd .content { height:auto}
.indnews .newsright dd .content p { width:50%;}
.indnews .newsright dd .content p.p3:before,.indnews .newsright dd .content p.p7:before { display:none;}
.foot .mright .cons2 p { display:inline-block}
.foot .mright .cons2 p:last-child {margin-left:12px;margin-top:0}
.indabout ul {margin:30px 0 0 0}
.indabout li .t {font-size:12px;font-weight:700;margin-bottom:10px}
.indabout li .c {font-size:12px}
.indabout .indsubject .mright .c {font-size:12px}
.indabout .indsubject .mright .m a {font-size:12px;top:-12px; }
.indabout .indsubject .mright .m a i { width:12px; height:9px; background-size:cover;}
.foot .mmid .cons {margin-bottom:60px}
.aboutpic .videos {width:100%}
.aboutpic .pic {width:100%;margin:3% 0 0 0}
.jwdisplayIcon div{ background-size:10%}
}

@media only screen and (max-width: 480px){
.newsleft .pic { height:250px;}
.news .pic { width:98px; }
.news .cons {margin:0 0 0 113px;}
.about2 {height:270px;}
.jwdisplayIcon div{ background-size:15%}
}

@media only screen and (max-width: 420px){
.newsleft .pic { height:200px;}
.about2 {height:220px;}
}