@charset "utf-8";
@media only screen and (max-width: 1200px){
.wrap {padding:0 3%}
.phonemenu { display:block;}
.fixtop .toper ul.navpc { display:none;}
.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:16px}
.accordionmenu li .link a {color:#fff;font-size:18px;}
.accordionmenu li.open .link { background:#23b8bc;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff;}
.accordionmenu .submenu p {background:#fff;border-top:1px solid #23b8bc;height:40px; line-height:40px;}
.accordionmenu .submenu p a { display:block;color:#23b8bc;font-size:14px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#23b8bc}
.fixtop .toper .btn .info,.fixtop .toper .btn .zoom { display:none;}
.fixtop .toper .btn a { margin:0 0 0 15px}

.bxslider li a { height:650px; background-size:cover;}
.bx-wrapper .bx-pager { bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 30px;}

.index {padding:60px 0}
.indpro li .cons { padding:15px 5% 8px 5%;}
.indpro li .cons .title { height:20px; line-height:20px; font-size:18px;}
.indpro li .cons .more {font-weight:400;margin-top:5px}
.indpro li .cons .more i {width:5px; height:10px;margin:10px 4px 0 0; background-size:cover;}

.indmid {margin-top:35px}
.jwdisplayIcon div{background-size:30px 30px}
.indnews .cons { padding:15px 5% 10px 5%; }
.indnews .cons .title {font-size:18px;height:20px;  line-height:20px; }
.indnews .cons .title font {margin:0 60px 0 0;}
.indnews .cons .content {font-size:14px; line-height:25px; height:50px;margin:10px 0 0 0}

.indmap {margin-top:30px}
.indmap .cons { left:5%;width:90%;}
.indmap .cons h1 {font-size:16px}
.indmap .cons h2 {margin:-5px 0 0 0}
.indmap .cons h2 a {font-weight:400}
.indmap .cons h2 a i { width:5px; height:10px; background-size:cover;margin:11px 3px 0 0}
.indmap .cons h2:hover a i {margin-right:3px}
.foot { padding:30px 0}
.foot dl { display:none;}
.foot dl.last {float:none; display:block;width:100%}
.foot dl.last img {margin:0 auto 20px auto;width:100px; display:block}
.footer { text-align:center;padding:15px 0 30px 0}
.bannerin { height:300px; background-size:cover;}
.about {padding:40px 0;}
.aboutline {margin-top:30px}
.aboutmenu dd {margin:0;width:16.6666%}
.aboutmenu dd a {font-size:16px}
.aboutmenu dd i {width:82px; height:81px;margin:0 auto 10px auto; background-size:cover; background-repeat:no-repeat}
.profile .title { font-size:25px;margin:40px 0 20px 0;}
.profile .cons {font-size:16px; line-height:36px}
.manufacturing .cons {font-size:14px; line-height:29px;}
.page_wrap {padding:40px 0 0 0;}
.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:14px; } 

.news {margin-top:-50px}
.news li .pic { width:300px; height:180px}
.news li .list {margin:0 0 0 300px; height:138px;padding:20px 20px;}
.news li .list .t a {font-size:18px;}
.news li .list .c {line-height:25px; height:75px; margin:10px 0 5px 0}

.nshow {padding:30px 0 0 0}
.nshow .subject {margin:0 0 20px 0}
.nshow .cons {padding:25px 20px;}
.nshow .cons .title { font-size:18px;line-height:28px}
.nshow .cons .addtime {margin:5px 0 20px 0}
.tab {margin-top:40px;font-size:12px; line-height:22px}
.tab a {font-size:12px}
.tabs h1 {font-size:12px; line-height:20px; height:20px;margin-top:-5px}
.tabs p {margin:10px 0 0 0}
.tabs_item{padding:25px 20px;font-size:12px; line-height:22px}
.tabs_item .title {margin:0 0 20px 0;font-size:14px}
.product .bxslider li a { height:400px;}

.products {padding:30px 0}
.products .subject{font-size:22px;padding:0 0 10px 0}
.products li .cons .td {padding:0 30px}
.products li .cons h1 {font-size:14px; line-height:24px;margin:0 0 -5px 0}
.products li .cons h2 {margin:0 0 0 0; }
.products li:hover .cons h2 {margin-top:0}
.products li .cons h2 {font-size:12px;font-weight:400}
.products li .cons h2 i { width:5px; height:10px;margin:12px 3px 0 0; background-size:cover;}
.products li:hover .cons h2 i {margin-right:3px}
.plistout {padding:0px 0 40px 0}
.plist ul {width:104%;margin-top:-40px;margin-left:-2%}
.plist li {width:21%;margin:30px 2% 0 2%;}
.plist li .title { margin-top:10px;}
.show {min-height:100px;padding:0 0 30px 0;font-size:16px; line-height:36px}
.service {padding:30px 0 40px 0}
.service dd {margin:0;}
.service dd a {font-size:16px;padding:0 20px;height:40px;border-width:1px}
.service .cons {margin:30px 0 0 0}
.service .cons span.a1 {font-size:20px; line-height:30px; margin:0 0 5px 0;}
.service .cons span.a2 {font-size:22px; line-height:32px; margin:0 0 5px 0;}

.network {width:103%;margin-left:-3%;margin-top:0px}
.network li {padding:0 3% 0 3%}
.network li .t {margin:-10px 0 5px 0;font-size:16px;}
.faq {padding:20px 0 40px 0;margin-top:-40px}
.faq .mleft {margin:0}
.faq .mright {top:10px;width:100%;left:0; position:relative;padding:0 10px}
.faq .mright #k { padding:0 15px 0 0;width:90%;}
.faq .mright #button { width:10%; background-position:center right;}
.accordionservice {margin-top:-20px}
.accordionservice li .link {padding:20px 0 10px 0}
.accordionservice li .link .title {font-size:16px; line-height:31px;padding:0 20px 0 0}
.accordionservice li i {top:30px}
.message {margin-top:10px}
.message li {margin:15px 0}
.message li span {width:75px;top:3px;font-size:14px}
.message li p {margin-left:75px}
.message li p label {margin:5px 15px 0 0;font-size:14px; display:inline-block; vertical-align:top;}
.message li p label i{margin:-2px 0 0 5px; }
.message li p input[type="text"] {height:28px; line-height:28px;padding:0 5px;width:100%}
.message li p #cbeizu,.message li p #mbeizu {padding:5px 10px;height:200px}
.message li.btn p input {height:30px; line-height:28px;padding:0 20px;margin-left:15px;font-size:14px}
.hnews {margin-top:0px}
.conslist .pic { width:320px; height:200px;}
.conslist .cons {margin:0 0 0 320px; height:200px;padding:0 15px}
.conslist .cons .title { height:20px; line-height:20px;}
.conslist .cons .title a {font-size:18px;}
.conslist .cons .content {font-size:12px; line-height:22px; height:88px;margin:15px 0 5px 0}
.conslist .cons .addtime {font-size:12px;}
.conslist .cons .addtime img {margin:10px 5px 0 0; height:10px}
.conslist .cons .addtime img.m2 {margin:11px 5px 0 10px; height:8px}

.hshow .p a {margin:0 10px 0 0;font-size:14px}
.hshow .t {font-size:20px;line-height:35px;margin:20px 0}
.hshow .c {line-height:30px;font-size:14px}

.video ul {margin-top:-30px}
.video li {margin:20px 1% 0 1%}
.video li .pic i,.video li:hover .pic i { background-image:url(../images/6.png)}
.video li .title {font-size:14px;margin-top:10px}
.infoplat,.distributor {height:400px;}
.infoplat dt {font-size:30px; line-height:30px;margin:0 0 -5% 0;padding:0 0 50px 0}
.infoplat dd {margin:5% 5% 0 5%; }
.infoplat dd:hover {top:0}
.infoplat dd img { margin:0 0 10px 0;width:80px}
.infoplat dd a {font-size:16px;}
.tblank1 { display:block}
.fixtop1.active,.fixtop1:hover,.fixtop1 { background:#fff}
.fixtop1.active .toper .logo a,.fixtop1:hover .toper .logo a,.fixtop1 .toper .logo a,.fixtop .toper .logo a { background:url(../images/logo.png) no-repeat center; background-size:cover;width:123px; height:25px;margin-top:21px;}
.fixtop1.active .toper .btn .en,.fixtop1:hover .toper .btn .en,.fixtop1 .toper .btn .en {color:#3e3a39}
.fixtop1.active .toper .btn .en:hover,.fixtop1:hover .toper .btn .en:hover {color:#23b8bc}

.distributor dt {font-size:25px; line-height:25px}
.distributor dd input[type="text"] {width:170px;}
.distributor dd input[type="password"] {width:170px;}

.foot .footlinks {margin:20px 0 -20px 0; text-align:center}

}

@media only screen and (max-width: 1024px){
.bxslider li a { height:550px;}
.product .bxslider li a { height:350px;}
}

@media only screen and (max-width: 768px){
.bxslider li a { height:450px;}
.product .bxslider li a { height:300px;}
.bannerin { height:200px; }
.bannerin2 { height:250px}
.aboutmenu {margin-top:-30px}
.aboutmenu dd {width:33.3333%;margin-top:30px;}
.aboutmenu dd i {width:61px; height:60px;}

.videoshow {width:100%}
.videoframe p {top:50%;left:auto;right:0;margin:-248px 0 0 0; }
}

@media only screen and (max-width: 640px){
.bxslider li a { height:350px;}
.product .bxslider li a { height:250px;}
.indpro li {width:100%}
.indpro li.f1 {margin-right:0}
.indpro li.f2 {margin-top:30px}
.indpro li.f3 {margin-top:30px}
.indvideo {width:100%;}
.indnews {width:100%;margin-top:20px}
.news li .pic { width:150px; height:90px}
.news li .list {margin:0 0 0 150px; height:54px;padding:18px 20px;}
.news li .list .a {margin-top:5px}
.news li .list .c { display:none;}
.tabs{width:25%;}
.tab_content {width:75%}
.products ul {margin-top:-2%;}
.products li {margin-top:5%}
.products li.f3,.products li.f4,.products li.f6,.products li.f7 {width:47.5%;}
.products li.f4,.products li.f7 {margin-left:5%}
.plist li {width:29.3333%;}

.network {width:100%;margin-left:0;margin-top:30px}
.network li {padding:30px 0;float:none;width:100%;border:0;border-top:1px solid #999;margin:0}
.network li.f1 {border-top:0}

.conslist .pic { width:180px; height:100px;}
.conslist .cons {margin:0 0 0 180px; height:100px;}
.conslist .cons .title { height:auto;margin:0 0 2px 0;max-height:52px}
.conslist .cons .title a {font-size:16px; line-height:26px}
.conslist .cons .content { display:none;}
.video li {width:48%;}

.videoframe p {margin:-198px 0 0 0; }
.videoshow iframe { height:350px}
.infoplat {height:500px;}
.infoplat dd {margin:30px 0 0 0;width:50%; text-align:center}
.infoplat dd img {margin:0 auto 10px auto}
}

@media only screen and (max-width: 480px){
.bxslider li a { height:300px;}
.product .bxslider li a { height:200px;}
.bannerin { height:100px; }
.bannerin { height:160px; }
.news li .list {height:72px;padding:9px 15px;}
.news li .list .t { height:48px; line-height:24px;}
.news li .list .t a {font-size:14px}
.news li .list .a {font-size:12px;margin-top:0px}
.news li .list .a img { height:10px;margin:10px 5px 0 0}
.news li .list .a img.m2 { height:8px;margin:10px 5px 0 10px}
.tabs{width:30%;}
.tab_content {width:70%}
.products li .cons .td {padding:0 15px}
.plist li {width:46%;}
.service dd a {padding:0 8px;font-size:15px}

.videoframe p {margin:-148px 0 0 0; }
.videoshow iframe { height:250px}
}

@media only screen and (max-width: 420px){
.bxslider li a { height:250px;}
.product .bxslider li a { height:150px;}
.conslist .pic { width:150px;}
.conslist .cons {margin:0 0 0 150px;}
}