@charset "utf-8";
@media only screen and (max-width: 1750px){
.bx-wrapper .bx-pager {bottom:5%;left:8%;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 15px;height:15px;margin: 0 15px 0 0;}
.wrap2 {margin:0 3%;}
}

@media only screen and (max-width: 1550px){
.fixtop .toper ul.navpc li {margin:0 0 0 35px;}
}

@media only screen and (max-width: 1380px){
.fixtop .toper .logo { top:59px;width:192px; height:60px; background-size:cover;}
.fixtop.active .toper .logo  {top:97px;}
.fixtop .toper ul.navpc li {margin:0 0 0 25px;}
.fixtop .toper ul.navpc li a {letter-spacing:0px}	
}

@media only screen and (max-width: 1200px){
.wrap {margin:0 3%}
.fixtop { height:50px; background:#fff}
.tblank { height:50px}
.fixtop .toper ul.navpc,.fixtop .toper .telhome { display:none;}
.fixtop .toper:before { display:none;}
.fixtop .toper .logo { top:5px;width:128px; height:40px; background-size:cover;}
.fixtop.active { background:#fff;top:0}
.fixtop.active .toper .logo  {top:5px;}
.phonemenu { display:block;}
.bx-wrapper .bx-pager {bottom:5%;left:8%;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 10px;height:10px;margin: 0 10px 0 0;}

.mainsubject { height:60px; line-height:60px; }
.mainsubject h1 {height:60px; line-height:60px;font-size:25px; letter-spacing:1px}
.mainsubject a { font-size:16px;}
.center { text-align:left;}
.indnews .mright { display:none;}
.indnews {padding:40px 0}
.indnews .subject { font-size:25px; line-height:25px;margin:0 0 40px 0}
.indnews .mleft {width:100%}
.tabs a{border-bottom-width:1px;padding:20px 0 0 0}
.tabs a h1 {font-size:16px; line-height:28px; height:56px; }
.tabs li.f5 a h1 { height:56px;}
.tabs a p {margin:15px 0 5px 0;}
.currenttab a p {margin-left:15px}
.tabs li.f5 {left:42%;width:58%}
.tabs_item { height:350px;}
.tabs_item img { display:none;}
.indabout {padding:50px 0 40px 0; background-size:cover;}
.indabout .title { letter-spacing:4px;font-size:20px; line-height:20px; }
.indabout .title:before {width:60px; height:4px; top:50px;margin-left:-30px;}
.indabout .cons {margin:60px auto 0 auto;font-size:16px; line-height:31px; }
.indabout .more {margin:30px 0}
.indabout .more a {font-size:16px;left:-15px}
.indabout .more a:before {right:-35px;top:7px;width:30px; height:11px; background-size:cover;}
.indabout .more a:hover {left:-15px}

.indabout ul {margin-left:20px}
.indabout li {margin:0 0 0 5%}
.indabout li .t { font-size:25px; line-height:25px; }
.indabout li .t:before {left:-20px;top:10px;width:8px; height:8px;}
.indabout li .c{ max-width:130px;font-size:14px;line-height:24px;margin:0 0 0 10px}
.indpro li h1 {height:50px; line-height:50px;font-size:18px;}

.foot { padding:30px 0 20px 0;}
.foot .mleft {width:60%;}
.foot .mleft .up {margin:0 0 20px 0}
.foot .mleft .up .logo { }
.foot .mleft .up .menu { display:none}
.foot .mleft .links a {margin:0 0 0 15px}
.foot .mleft .links a:first-child {margin-left:3px}
.foot .mright {width:300px}
.foot .mright li {margin:0 0 10px 0}
.foot .mright li .c {margin:0 0 0 40px;font-size:18px; line-height:33px;}
.foot .mright li:last-child .c a { margin:15px 20px 0 0;}
.footer { padding:15px 0;font-size:16px; line-height:31px;}
.about .t {font-size:25px; line-height:35px;margin:20px 0 20px 0}
.about .t:before { height:4px;width:50px;top:50px;margin-left:-25px;}
.about .c { font-size:16px; line-height:26px;margin:50px 0 0 0}

.video {padding:30px 0 20px 0}
.video .about .t {padding:0 0 25px 0;margin-top:0}
.jwdisplayIcon div{background-size:7%}

.factory .title {height:90px;}
.factory .t {font-size:25px; line-height:35px;padding:20px 0 20px 0}
.factory .t:before { height:4px;width:60px;top:60px;margin-left:-25px;}
.namemj {top:-50px;}
.topsubject {margin:40px 0 30px 0; text-align:left}
.topsubject h1 {font-size:22px; line-height:22px;}
.topsubject ul {bottom:-5px}
.topsubject ul li {margin:0 0 0 20px}
.topsubject ul li a {font-size:16px;}
.page_wrap {padding:40px 0}

.news ul {width:102%;margin:-2% 0 0 -1%}
.news li {width:48%;margin:2% 1% 0 1%; }
.news li .cons {margin:10px 0 0 165px;}
.news li .cons .more { display:none;}

.news li:first-child {width:98%; padding:10px}
.news li:first-child .pic { left:10px;top:10px;width:400px; height:200px;}
.news li:first-child .cons {margin:20px 20px 0 420px; height:178px;}
.news li:first-child .cons .title { height:20px; line-height:20px;}
.news li:first-child .cons .title a {font-size:18px;}
.news li:first-child .cons .content {line-height:25px; height:75px;font-size:14px;margin:20px 0}
.news li:first-child .cons .addtime {font-size:14px;}
.news li:first-child .cons .addtime i {margin:5px 10px 0 0}

.nshow {padding:40px 0}
.nshow .title {font-size:18px; line-height:33px;}
.nshow .addtime { padding:5px 0 15px 0}
.nshow .cons {margin:25px 0 0 0}
.tab2 {margin:50px 0 0 0}
.tab2s a{height:50px; line-height:50px;font-size:18px;padding:0 10px 0 20px;}
.tab2s_item{padding:10px 20px 20px 20px}
.tab2s_item .cons {font-size:16px; line-height:31px;min-height:0}
.contact {margin:40px 0}
.contact .map {width:100%;}
.contact .cons {width:100%;padding:20px 20px;}
.case {width:104%;margin:-35px 0 0 -2%;padding:20px 0 0 0}
.single_item {width:29.3333%;margin:20px 2% 0 2%}
.bblank { height:40px;}
.get_more{margin:40px 0 0 0;}
.Investor .t1 {font-size:20px; line-height:20px; letter-spacing:1px;padding:40px 0 10px 0}
.Investor .t2 {font-size:16px; line-height:16px;}
.Investor .t3 {font-size:18px; line-height:18px;margin:30px 0 10px 0}
.Investor .t4 {font-size:18px; line-height:18px;margin:0 0 30px 0}
.Investor .t5 {overflow:auto}
.Investor .t5 iframe {width:621px;}
.Investor .t6 {margin:30px 0 40px 0}

.Investor .t6 table {border-width:2px;}
.Investor .t6 table td {font-size:14px; line-height:24px;}
.Investor .t6 table tr td{width:65%;padding:10px 20px}
.Investor .t6 table tr td:first-child{width:35%;padding:10px 0 10px 20px}

.accordionservice {margin:40px 0 0 0}
.accordionservice li .link {border-width:2px;padding:0 20px; height:50px; line-height:50px; }
.accordionservice li .link h1 {font-size:16px; height:50px; line-height:50px}
.accordionservice li .link p {right:20px;}
.accordionservice li .link p i { margin:18px 10px 0 0}
.accordionservice .submenu {padding:20px 0;border-bottom-width:2px;font-size:14px}
.culture {padding:40px 0 0 0}
.culture .mleft .c1 {font-size:18px; line-height:38px;margin-top:-10px}
.culture .mleft .c2 {font-size:16px; line-height:31px; padding:20px;margin:30px 0 0 0}
.culture2 { height:200px; background-size:cover; margin:40px 0}
.building .subject {font-size:22px; line-height:22px;}
.building .subject span {font-size:16px;}
#slider2 {margin:30px 0 40px 0;padding:0}
#slider2:before {border-width:1px;top:10%;height:80%;border-radius:25px}
#slider2 .slide .pic {max-width:100%;width:30%;left:15%;float:left;}
#slider2 .slide .pic p {font-size:30px; line-height:40px;margin:5px 0 0 0}
#slider2 .slide .cons{float:right;width:48%; max-width:100%;font-size:16px; line-height:31px;padding:20px 20px 20px 130px;margin-right:7%;left:-100px;margin-left:0;margin-top:70px;}
.factory .title{border-top-width:10px}
}

@media only screen and (max-width: 1024px){
#slider2 .slide .pic {width:30%;left:5%;}
#slider2 .slide .cons{width:65%;padding:20px 20px 20px 70px;margin-right:0%;left:-50px;margin-top:70px;}
}

@media only screen and (max-width: 900px){
.tabs_item { height:auto}
.tabs_item img { display:block;}
.indabout {margin:0;}
.indabout li {width:50%;margin:10px 0;}
.foot .mleft {width:55%;}
.news ul {margin-top:-20px}
.news li {width:98%;margin-top:20px}

.news li:first-child {background:#f9f9f9;border-bottom:3px solid #d7ad59;color:#000}
.news li:first-child .pic {width:185px; height:130px;}
.news li:first-child .cons {margin:10px 0 0 215px; height:120px;}
.news li:first-child .cons .title { height:60px; line-height:30px;}
.news li:first-child .cons .title a {font-size:16px;color:#000}
.news li:first-child .cons .content { display:none;}
.news li:first-child .cons .addtime {font-size:14px;color:#999;}
.news li:first-child .cons .addtime i {display:inline-block; vertical-align:top; background:url(../images/3.png) no-repeat right;width:13px; height:13px; background-size:cover;margin:7px 5px 0 0}
}

@media only screen and (max-width: 768px){
.indpro ul {margin-top:-2%}
.indpro li {width:48%;margin-top:2%}
.foot .mleft {width:100%; text-align:center}
.foot .mleft .up .logo {float:none; text-align:center;margin:0 auto}
.foot .mright {width:100%;margin:30px 0 0 0}
.foot .mright ul {width:280px;margin:0 auto}
.jwdisplayIcon div{background-size:10%}
.tab2s_item .cons {width:100%;}
.tab2s_item .pic {width:100%;margin:20px 0 0 0}
.tab2s{width:30%;}
.tab2_content {width:70%}
.single_item {width:46%;}
.culture .mleft {width:100%;}
.culture .mright {width:100%; text-align:left;margin:30px 0 0 0}
.culture2 { height:150px}
}

@media only screen and (max-width: 640px){
.tabs{width:100%;}
.tab_content {width:100%;}
.currenttab a p {margin-left:15px}
.tabs a h1 { height:auto}
.tabs li.f5 { position:relative;bottom:auto;left:0;width:100%}
.tabs li.f5 a{padding:20px 0 0 0}
.tabs li.f5 a h1 { height:auto}
.tabs_item {margin:30px 0 0 0}
.indabout { text-align:left;}
.indabout li {width:100%; text-align:left;}
.indabout .title:before {left:0;margin-left:0;}
.indabout .more {margin-left:3%}
.factory li {width:50%}

.news li .pic {width:114px; height:80px;}
.news li .cons {margin:3px 0 0 129px; height:77px;}
.news li .cons .title { height:40px; line-height:20px;}
.news li .cons .title a {font-size:14px}
.news li .cons .addtime {margin:10px 0 0 0}

.news li:first-child .pic {width:114px; height:80px;}
.news li:first-child .cons {margin:3px 0 0 129px; height:77px;}
.news li:first-child .cons .title { height:40px; line-height:20px;}
.news li:first-child .cons .title a {font-size:14px;}
.tab2s{width:100%;}
.tab2_content {width:100%}

.tab2s{width:102%;margin:-2% 0 0 -1%}
.tab2s li{width:48%;margin:2% 1% 0 1%; display:inline-block; vertical-align:top;}
.tab2s a{font-size:16px; height:40px; line-height:40px;}
.contact .map iframe,#container {height:300px;}
#slider2 {margin-left:10px;margin-right:10px}
#slider2 .slide { text-align:center;}
#slider2 .slide .pic {float:none;position:relative;left:10%;padding:0;width:80%;margin:0 0 0 0; text-align:center;}
#slider2 .slide .pic img {width:100%}
#slider2 .slide .cons{float:none;padding:90px 20px 20px 20px;margin:-80px 0 0 0;left:10%;width:80%; text-align:left;font-size:14px; line-height:24px}
}

@media only screen and (max-width: 480px){
.indpro ul {margin-top:-20px}
.indpro li {width:98%;margin-top:20px}
.single_item {width:96%;}
.accordionservice li .link p { display:none;}
.culture2 { height:100px}
#slider2 {margin-left:20px;margin-right:20px}
}

@media only screen and (max-width: 420px){
.bx-wrapper .bx-pager {bottom:4%;}
}