@charset "utf-8";
@media only screen and (max-width: 1800px){
.bxslider li a { height:auto}
.bxslider li a p {  height:auto; background:none}
.bxslider li a img { display:block;width:100%}	
}

@media only screen and (max-width: 1580px){
.indbrand li .pic img {max-height:50%;max-height:50%}
}

@media only screen and (max-width: 1200px){
.wrap {margin:0 3%}
.bannerin { height:400px; background-size:cover;}
.plist {padding:0 0 0px 0}
}

@media only screen and (max-width: 1130px){
.wrap2 {margin:0 3%}
.bx-wrapper .bx-pager {bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 8px;height:8px;}
.phonemenu { display:block;}
.fixtop .toper ul.navpc { display:none;}
.fixtop {height:50px;}
.tblank { height:50px}
.fixtop.active {top:0}
.fixtop.active .toper .logo,.fixtop .toper .logo {width:82px; height:36px;top:6px; }
.tblank.active { height:50px}
.fixtop .toper .encn {right:0;top:10px;margin:0 40px 0 0}
.fixtop .toper .encn a { height:18px; line-height:18px;margin:0 0 0 -1px;font-size:12px;border-width:1px; padding:0 6px;font-weight:400}

.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:50px; line-height:50px;color:#fff;font-size:20px;}
.accordionmenu li .link a {color:#fff;font-size:20px;}
.accordionmenu li.open .link { background:#003399;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff; }
.accordionmenu .submenu p {background:#fff;border-top:1px solid #efefef;}
.accordionmenu .submenu p a { display:block;color:#333;font-size:18px; letter-spacing:0}
.accordionmenu .submenu p a:hover {color:#003399}
.indpro .content {font-size:14px;margin:30px 0;}
.indpro li .cons { padding:10px 5%;}
.indpro li .cons .t {font-size:20px;}
.indpro li .cons .c {font-size:14px;margin:-3px 0 0 0;line-height:22px}
.indpro li .cons i {width:20px; height:1px;margin:10px auto 0 auto;}
.indpro li .cons2 { padding:2px 5%;}
.indpro li .cons2 .t {font-size:20px;}
.indpro li .cons2 .c {font-size:14px;margin:-5px 0 6px 0; line-height:22px}
.inddiao .content { font-size:14px;margin:30px 0}
#slider2 .pic,#slider2 .cons {height:300px}
#slider2 .cons { padding:20px 40px 0 20px}
#slider2 .cons .t {font-size:18px; line-height:28px;}
#slider2 .cons .t2 {font-size:12px; line-height:17px;}
#slider2 .cons .c {font-size:12px; line-height:22px;margin:15px 0 0 0}
#slider2 .cons .l {width:30px;  height:1px; margin:15px 0;}
#slider2 .cons .m {bottom:15px}
#slider2 .cons .m a {padding:0 10px 0 20px; height:20px; line-height:19px;font-size:12px;}
#slider2 .cons .m a:before {left:10px;top:4px;}
#slider2 .bx-wrapper .bx-pager.bx-default-pager a { width: 20px;margin:0 2px}
.bx-wrapper .bx-prev { left:15px; background-size:cover;}
.bx-wrapper .bx-next { right:15px;background-size:cover;}
.bx-wrapper .bx-controls-direction a { margin-top:-11px;  width:15px;  height:22px;background-size:cover;}

.indnum {margin:30px 0}
.indnum ul {width:104%;margin:0 0 0 -2%}
.indnum li .num .count-outer { font-size:30px; line-height:40px; letter-spacing:-2px}
.indnum li .num h3 { font-size:20px; line-height:20px;margin:0px 0 0 2px}
.indnum li .content {font-size:14px; line-height:24px;margin:5px 0 0 0}

.indnews li .pic a {height:240px}
.indnews li .cons {padding:20px; height:240px}
.indnews li .cons .t { line-height:20px; line-height:20px; margin:0 0 8px 0}
.indnews li .cons .t a {font-size:18px;}
.indnews li .cons .c {font-size:14px; line-height:24px;max-width:100%}
.indnews li .cons .m {bottom:20px}
.indnews li .cons .m a { padding:0 10px 0 20px; height:20px; line-height:19px;font-size:12px;}
.indnews li .cons .m a:before {left:10px;top:5px;}
.indnews li.f2 .pic {top:240px; height:240px}

.indbrand .subject {margin:30px 0}
.indbrand .subject .t {font-size:20px;}
.indbrand .subject .t:before {width:20px; height:1px;top:45px;margin-left:-10px;}
.indbrand .subject .c {font-size:14px; line-height:24px;margin:15px 0 0 0;}

.about .cons {font-size:14px;margin:30px 0 0 0;line-height:2}
.about .cons hr {height:2px;margin:20px 0}
.about3 li .t {font-size:18px;margin:15px 0 5px 0}
.about3 li .c {font-size:14px; line-height:24px; letter-spacing:0.5px}
.aboutsubject img { height:50px;margin:40px 0 25px 0}
.btblank { height:40px;}
.namemj {top:-50px;}
.page_wrap {padding:30px 0 0 0;margin:0 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:22px;height:22px; line-height:22px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:13px; } 
.aboutcons {font-size:14px}
.newssubject {font-size:20px; line-height:20px;padding:0 0 10px 0;margin:0px 0 25px 0}
.newssubject2 {margin-top:-6px}
.news li {padding:0 0 30px 0;}
.news li .pic { top:0;width:200px;  height:103px; }
.news li .cons,.news li:hover .cons {margin:0 0 0 220px;}
.news li .cons .title { line-height:20px; height:20px}
.news li .cons .title a {font-size:16px;}
.news li .cons .title2 {font-size:12px;margin:4px 0 8px 0}
.news li .cons .content {font-size:13px; line-height:24px; height:48px;}
.news li .addtime { display:none;}

.news li:hover { background:#fff;}
.news li:hover .pic {left:0}
.news li:hover .cons .title a,.news li:hover .cons .title2,.news li:hover .cons .content {color:#000}
.nshowline {margin:30px 0 0 0}
.nshow .title {font-size:18px; line-height:28px;padding:0px 0 0 0}
.nshow .title2 {font-size:13px;margin:10px 0 30px 0}
.nshow .title2 .bshare-custom {margin:5px 0 0 15px}

.join .cons1 {margin:-10px 0 30px 0;font-size:14px;font-weight:400;color:#666}
.join ul {margin-bottom:30px;width:102%;margin-left:-1px}
.join li {width:31.3333%;margin:0 1%}
.join li .cons {padding:20px 15px}
.join li .cons .t {font-size:18px; line-height:28px;}
.join li .cons .t2 {margin:2px 0 20px 0}
.join li .cons .c {font-size:12px;}
.join li .cons .c {min-height:10px}

.procate { margin:30px 0 0px 0}
.procate li {margin:5px}
.procate li.check i,.procate2 li.check i { bottom:-17px;}
.procate li a { font-size:15px; height:30px; line-height:29px;padding:0 10px; letter-spacing:0;border-radius:3px}

.aboutcate { margin:30px 0 0px 0;padding:0 0 30px 0}
.aboutcate li {margin:5px}
.aboutcate li.check i { bottom:-17px;}
.aboutcate li a { font-size:15px; height:30px; line-height:30px;padding:0 10px; letter-spacing:0;border-radius:3px}

.procate2 li {margin:10px 5px 0 5px}
.procate2 li a {font-size:14px; height:25px; line-height:24px;padding:0 10px;border-radius:3px;}

.procate3 {margin:10px 0 0 0}
.procate3 li {margin:0px 0px 0 20px;}
.procate3 li:before {left:-10px;top:9px; height:10px; }
.procate3 li a {font-size:14px;}

.product ul {margin-top:-25px;margin-bottom:10px}
.product li {margin-top:25px}
.product li .title { height:20px; line-height:20px; margin:15px 0 0 0}
.product li .title a {font-size:16px;}
.show1 {padding:3% 0 0 0;margin-top:-30px}
.show1 .in {border-top-left-radius:5px;border-top-right-radius:5px;padding:20px 20px 0 20px}
.show1 .in .mright .t {font-size:22px;line-height:35px;margin:0px 0 15px 0}
.show1 .in .mright .c {padding:15px 0 0 0;}
.show1 .in .mleft {width:58%;}

.pgwSlideshow .ps-current .ps-prev {width:10px; height:14px;margin-top:-7px; background-size:cover;}
.pgwSlideshow .ps-current .ps-next {background-size:cover;width:10px; height:14px;margin-top:-7px;}
.pgwSlideshow .ps-list li img {width:40px; height: 40px;}

.show2 {margin:30px 0 0 0}
.show2 .subject h2 {font-size:13px;top:5px}
.show2 .cons {margin:25px 0 0 0}

.newscate {margin:30px 0 0px 0;padding:0}
.newscate li {margin:5px}
.newscate li a { font-size:15px;height:30px; line-height:29px;padding:0 10px;letter-spacing:0;border-radius:3px}

.foot {padding:20px 0}
.foot .ftleft { display:none;}
.foot .ftright .in {margin:0}
.ftright {background:none;}
.foot .ftright { position:relative;margin:0;font-size:14px;width:200px}
.ftright .in img {max-width:100px;margin:0 0 10px 0}
.footer,.footer .wrap { position:static}
.footer .ftleft { text-align:center;margin:0;padding:15px 0;}
.footer .ftright { text-align:right;width:30px;right:3%;top:70px; height:auto}
.footer .ftright .in {margin:0}
.footer .ftright a { display:block; text-align:center;width:30px;margin:0 auto}
.footer .ftright a.f1 { background-size:80%;}
.footer .ftright a.f2 { background-size:80%;margin:10px auto}
.footer .ftright a.f3 {background-size:80%;}
.contactsubject {font-size:20px; line-height:20px;padding:0 0 20px 0;margin:35px 0 30px 0}
.message li {margin-top:20px;}
.message li input[type="text"] {height:30px; line-height:30px;padding:0 10px;}
.message li #mbeizu {padding:5px 10px;height:120px}
.message li.btn input { height:30px; line-height:28px; width:100px; font-size:14px;}

.indpics .bx-wrapper .bx-controls-direction {opacity:1;}
.indpics .bx-wrapper .bx-controls-direction a {margin-top:-11px;top:50%}
.indpics .bx-wrapper .bx-prev {left:3%;}
.indpics .bx-wrapper .bx-next {right:3%;}
}

@media only screen and (max-width: 1024px){
.bannerin { height:300px; }

}

@media only screen and (max-width: 768px){
#slider2 .pic,#slider2 .bx-wrapper .bx-pager {width:60%;}
#slider2 .cons {width:40%;}
.bannerin { height:250px; }
.join li .cons .c {min-height:150px}
}

@media only screen and (max-width: 640px){
.indpro li {width:99%}
#slider2 .pic,#slider2 .bx-wrapper .bx-pager {width:100%; display:block}
#slider2 .cons {width:100%; display:block;padding-bottom:50px}
#slider2 .pic,#slider2 .cons {height:auto}
#slider2 .pic { height:280px;}
#slider2 .cons .c {font-size:14px; line-height:24px;}
#slider2 .cons .m { position:relative;bottom:auto;top:10px}

#slider2 .bx-wrapper .bx-pager.bx-default-pager a {background:#fff}
/* #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:#c92b2f}
.bx-wrapper .bx-controls-direction a {top: 0;margin-top:130px}
.indnum ul {margin-top:-30px}
.indnum li {width:46%;margin-top:30px}
.indnews ul {margin-top:-20px}
.indnews li {width:100%;margin-top:20px}
.indnews li.f2 .pic,.indnews li .pic a { position:relative;top:0; height:200px}
.indnews li .cons {height:auto}
.indnews li .cons .m {  position:relative;bottom:auto;margin-top:20px}
.indbrand li {width:33.3333%; }
.bannerin { height:200px; }
.about3 ul {margin-top:-30px}
.about3 li {width:97%;margin-top:30px}
.nshow .title2 .bshare-custom { display:block;margin:12px 0 0 0}
.contact {width:100%;}
.map {width:100%;margin:30px 0 0 0}
.join ul {margin-top:-20px}
.join li {width:98%;margin-top:20px;}
.join li .cons .c {min-height:10px}
.product li {width:48%;}
.show1 .in .mleft {width:100%;}
.show1 .in .mright {width:100%;margin:30px 0 0 0}
}

@media only screen and (max-width: 480px){
#slider2 .pic { height:210px;}
.bx-wrapper .bx-controls-direction a {margin-top:95px}
.bannerin { height:165px; }
.news li .pic {width:120px;}
.news li .cons,.news li:hover .cons {margin:0 0 0 135px;}
}

@media only screen and (max-width: 420px){
.bannerin { height:140px; }
}