@charset "utf-8";
@media only screen and (max-width: 1680px){
#slider2 {padding:0 100px}
#slider2 .bx-wrapper .bx-prev {left:-100px; }
#slider2 .bx-wrapper .bx-next {right:-100px;}
.jwdisplayIcon div{background-size:4%}
}

@media only screen and (max-width: 1260px){
#slider2 {padding:0 56px}
#slider2 .bx-wrapper .bx-prev {left:-56px; }
#slider2 .bx-wrapper .bx-next {right:-56px;}

.videoshow {width:auto;top:50px}
.videoshow .table { height:auto; display:block}
.videoshow .table .td { height:auto; display:block}
.rg-gallery {width:auto;padding:0 3%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.es-nav span{left:10px; background-position:right}
.es-nav span.es-nav-next{right:10px; background-position:left;}
.videoframe p {top:10px;right:3%;}
.rg-image-nav a{ background-position:left;left:15px;width:15px; height:29px;margin-top:-15px}
.rg-image-nav a.rg-image-nav-next{right:15px; background-position:right;width:15px; height:29px;}
.es-carousel ul li a img{height:50px;}

}

@media only screen and (max-width: 1235px){
.wrap {padding:0 3%}
.phonemenu { display:block;}
body {font-size:16px;}
h1,h2,h3,h4,h5 {font-size:16px;}
a,input,button,select,textarea {font-size:16px;}
.fixtop {height:50px;}
.tblank { height:50px;}
.fixtop.active {top:0}
.fixtop .toper ul.navpc li { display:none;}
.fixtop .toper ul.navpc li.logo { display:block; line-height:50px; height:50px;margin:12px 0 0 0}
.fixtop .toper ul.navpc li.logo a {height:22px;width:113px; background-size:cover;}

.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;font-family: 'DINCondBold';}
.accordionmenu li .link a {color:#fff;font-size:20px;font-family: 'DINCondBold';}
.accordionmenu li.open .link { background:#003399;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff; }
.accordionmenu .submenu p {background:#fff;border-top:1px solid #003399;}
.accordionmenu .submenu p a { display:block;color:#333;font-size:18px; letter-spacing:0}
.accordionmenu .submenu p a:hover {color:#003399}

.bxslider li a { height:600px; background-size:cover;}
.bx-wrapper .bx-pager {bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:30px;height:4px;}
.bx-wrapper .bx-prev {left:3%; background-size:cover;}
.bx-wrapper .bx-next {right:3%;background-size:cover;}
.bx-wrapper:hover .bx-prev {left:3%;}
.bx-wrapper:hover .bx-next {right:3%;}
.bx-wrapper .bx-controls-direction a { margin-top:-35px;width:18px;height:35px;background-size:cover;}
.maincons {padding:25px 0 25px 0}
.maincons .t {font-size:25px; line-height:35px; margin:0 0 15px 0}
.maincons .l {width:40px;}
.maincons .c {margin:20px auto 0 auto;}
.maincons .m {margin:20px 0 0 0}
.maincons .m a {padding:0 20px;}
.indservice ul {padding:20px 0 0 0}
.indservice li .title {margin:10px 0 0 0;font-size:16px; letter-spacing:0px;}
.indservice li:Hover {top:0}

.indpro {padding:20px 0 50px 0}
#slider2 {padding:0 38px}
#slider2 .bx-wrapper .bx-prev {left:-38px; }
#slider2 .bx-wrapper .bx-next {right:-38px;}
#slider2 .bx-wrapper .bx-pager { bottom:-20px;}

#slider2 .slide .cons { width:35%;margin:0 5% 0 0}
#slider2 .slide .cons .title a {font-size:25px; line-height:35px;}
#slider2 .slide .cons .line {width:30px;margin:15px 0 25px 0}
#slider2 .slide .cons .content {margin:0 0 20px 0}
#slider2 .slide .cons .more a { padding:0 20px;}
#slider2 .slide .pic { width:60%;margin-left:0; }
.foot {padding:25px 0;}
.foot dl {display:none}
.foot dl.last {float:none; text-align:center; display:block}
.foot dt {margin:0 0 15px 0;}
.foot dt a {font-size:20px;padding:0 0 10px 0;}
.foot dt hr {margin:-2px auto 0 auto}
.foot dd { line-height:1.5;}
.bannerin { height:350px; background-size:cover;}

.about {margin:30px 0 0 0}
.about .title { font-size:25px;line-height:35px;width:230px;}
.about .content {margin:0 0 0 280px}
.aboutpic {height:400px;margin:30px 0 0 0; background-size:cover;}
.focuspic { background-attachment:scroll; background-size:cover;margin:0 0 5px 0}
.focuspic .cons {width:50%;padding:20px 25px;background:rgba(0,51,153,0.8);}
.focuspic .cons b,.focuspic .cons strong {font-size:22px; line-height:32px;}
.indnum {margin:0 0 30px 0}
.indnum li:Hover {top:0}
.indnum li .num .count-outer { font-size:35px; line-height:35px;}
.indnum li .num h3 {font-size:35px; line-height:35px; }
.indnum li .content {margin:15px 0 0 0}
.engineering1 {margin:0}
.engineering1 .title {width:400px;}
.engineering1 .content {margin:0 0 0 450px}
.engineering2 {margin:30px 0}

.engineering3 .title {font-size:25px; line-height:35px;margin:0 0 20px 0}
.engineering4 {margin-bottom:5px}
.moldlist {margin:25px 0 30px 0}
.moldlist li .title {margin:10px 0 0 0;}
.injection1 .c { margin-bottom:-30px}
.injection3 {margin:25px 0 5px 0}

.market .t2 {font-size:22px; line-height:32px; margin:30px 0 0 0}

.marketlist li {padding:30px 0;height:auto;}
.marketlist li .cons {width:40%;}
.marketlist li .cons .title a {font-size:25px; line-height:35px;}
.marketlist li .cons .line {width:30px; margin:15px 0 15px 0}
.marketlist li .cons .content {margin:0 0 20px 0}
.marketlist li .cons .more a {width:80px;}
.marketlist li .pic { width:55%;margin-left:5%; }
.marketlist li .pic:Hover {top:0}

.capacity {margin:0 0 30px 0}
.capacity li.f2,.capacity li.f4,.capacity li.f6 {padding:30px 0;margin:30px 0}
.capacity li .title a {font-size:25px;line-height:35px;}
.capacity li .content {margin:15px auto 20px auto}
.capacity li .more a {width:80px; }
.adv li {height:auto;padding:30px 0}
.adv li .cons b,.adv li .cons strong {font-size:20px; line-height:30px}

.adv2 {padding:30px 0}
.adv2 .subject {font-size:25px; line-height:35px;padding:0 0 30px 0;}
.adv2 li:Hover {top:0}
.adv2 li .title {font-size:16px; line-height:26px;margin:15px 0 0 0;}
.qulity .t2 {font-size:20px;line-height:30px;margin:25px 0 0 0}
.qulity2 li .cons .title {margin:0 0 20px 0}

.qulity3 {padding:30px 0}
.qulity3 .title {font-size:25px; line-height:35px;margin:0 0 20px 0}
.qulity3 .cons span.b strong,.qulity3 .cons span.b b {font-size:25px;}

#slider3 .bx-wrapper .bx-pager {bottom:10px;}
#slider3 .bx-wrapper .bx-pager.bx-default-pager a { width: 10px;  height:10px; background-size:100%}
/* #slider3 .bx-wrapper .bx-pager.bx-default-pager a:focus 
#slider3 .bx-wrapper .bx-pager.bx-default-pager a:hover,*/
#slider3 .bx-wrapper .bx-pager.bx-default-pager a.active{background-size:100%}
.accordionservice {margin:-20px 0 40px 0}
.accordionservice li .link {font-size:20px; line-height:30px;padding:20px 50px 5px 0;}
.accordionservice li .link i { width:10px; height:10px; bottom:13px; background-size:cover;}
.accordionservice li.open .link i {background-size:cover;}
.accordionservice .submenu {display:none;padding:10px 0 10px 0}
.message {padding:0 25px 0 0;margin:0 0 30px 0}
.message input[type="text"] {height:35px; line-height:35px;margin:10px 0 0 0;font-size:14px}
.message #memail {margin:15px 0 0 0}
.message #mbeizu {margin:10px 0 0 0;font-size:14px;}
.message #mbtn {height:30px; line-height:30px;width:60px; font-size:16px;margin:5px 0 0 0}
.contact {padding:0 0 0 25px;margin:0 0 30px -1px; }
.contactsubject {font-size:22px; line-height:32px; margin:0 0 15px 0}

}

@media only screen and (max-width: 1024px){
.bxslider li a { height:500px;}
.bannerin { height:300px;}
.aboutpic {height:350px;}
}

@media only screen and (max-width: 768px){
.bxslider li a { height:400px;}
.indservice { text-align:center;}
.indservice ul {padding:0}
.indservice li {width:31.3333%;float:none; display:inline-block; vertical-align:top;margin-top:30px}
.indservice li .title {font-size:18px;}
.indpro {padding:30px 0 50px 0}
.bannerin { height:250px;}
.jwdisplayIcon div{background-size:6%}
.aboutpic {height:250px;}
.engineering1 .title {width:100%; position:relative}
.engineering1 .content {margin:25px 0 0 0}
}

@media only screen and (max-width: 640px){
.bxslider li a { height:300px;}
.indservice li {width:98%}
.indpro {padding:30px 0 60px 0}
#slider2 .slide .cons { width:100%;margin:0; text-align:center}
#slider2 .slide .cons .line {margin:15px auto 20px auto}
#slider2 .slide .pic { width:100%; text-align:center;margin:20px 0 0 0}
#slider2 .bx-wrapper .bx-pager { bottom:-30px;}
.footer .mleft { text-align:center;width:100%;}
.footer .mright {width:100%; text-align:center;margin:5px 0 5px 0}
.bannerin { height:200px;}
.aboutpic {height:200px;}
.about .title { position:relative;width:100%; text-align:center}
.about .content {margin:20px 0 0 0; text-align:center}
.focuspic .cons {width:100%;}
.indnum ul {margin-top:-30px}
.indnum li {width:96%;margin:30px 0 0 0}
.moldlist ul {margin-top:-20px;}
.moldlist li {width:98%;margin-top:20px}

.marketlist li { text-align:center}
.marketlist li .cons {width:100%;}
.marketlist li .cons .line {margin:15px auto}
.marketlist li .cons .more { text-align:center}
.marketlist li .cons .more a {margin:0 auto}
.marketlist li .pic { width:100%;margin-left:0;margin-top:20px;}
.adv2 ul {margin-top:-30px}
.adv2 li {width:98%;margin-top:30px}
.message {width:100%;border:0;padding:0}
.contact {width:100%;border:0;padding:0}
}

@media only screen and (max-width: 480px){
.bxslider li a { height:250px;}
.bannerin { height:150px;}
.jwdisplayIcon div{background-size:8%}
.aboutpic {height:150px;}
}

@media only screen and (max-width: 420px){
.bxslider li a { height:200px;}
.bannerin { height:130px;}
.aboutpic {height:130px;}
}