@charset "utf-8";
@media only screen and (max-width: 1555px){
.wrap {margin:0 3%}
.fixtop { left:0;width:100%;margin-left:0;}
.nav__trigger {right:3%;margin-right:0;}
.indabout ul {width:102%;margin:-4% 0 0 -1%}
.indpro li .cons .up .t2 {font-size:33px; line-height:38px;}
.indpro li .cons .up h1 {font-size:23px; line-height:33px;}
.indpro li .cons .down .l {margin:0 0 15px 0}
.indnews1 li .cons {padding-left:9%;padding-right:9%}
.indbrand .t {left:0;font-size:43px; line-height:53px;}
.indbrand .c {right:0; font-size:32px; line-height:42px;}
.quicknav li a {padding-left:12%;padding-right:12%}
.footer .wrap {margin:0 3%}
.footer .list1 {width:20%;}
.footer .list2 {width:27%;}
.footer .list3 {width:28%;}
.footer .list4 {width:12%;margin-left:3%}
.show1 .wrap {margin:0 auto}
.nshow1 .wrap {margin:0 3%}
.service1 li {width:23.3333%;margin-left:15%}
}

@media only screen and (max-width: 1200px){
.fixtop,.tblank { height:65px;}

.fixtop .name,.fixtop .telmenu .tel { display:none;}
.phonemenu .nav--active .nav {right:-0%;}
.fixtop .logo { background-size:100%;width:255px; height:29px;top:18px}
.phonemenu .nav { padding:0 0 0 10%}
.nav__trigger {top:22px;}
.bx-wrapper .bx-pager { bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 10px;margin:0 2px; height:2px}

.indabout {padding:40px 0 30px 0}
.indabout .title {font-size:30px; line-height:40px;letter-spacing:0;}
.indabout .line {width:30px;margin:25px auto}
.indabout .title2 {font-size:20px; line-height:30px;letter-spacing:0;}
.indabout .content {font-size:16px; line-height:26px;letter-spacing:0;margin:10px 0 40px 0}
.indabout ul {margin-top:-30px}
.indabout li {margin-top:30px;}
.indabout li .pic img {width:50px}
.indabout li h1 {font-size:12px; line-height:17px;margin:10px 0 0 0}
.indpro li {width:49%;}
.indproshow li {width:32.3333%}
.indpro li.f1 {width:99%}
.indpro li .cons .up {left:20px;padding:0 20px 0 0;top:20px;}
.indpro li .cons .up .t2 {font-size:20px; line-height:25px;}
.indpro li .cons .up h1 {font-size:18px; line-height:28px;}
.indpro li .cons .down {left:20px;padding:0 20px 0 0;bottom:20px}
.indpro li .cons .down .l {width:30px; height:2px; margin:0 0 15px 0}
.indpro li .cons .down .c {font-size:14px; line-height:24px;}
.indpro .more {padding:30px 0;}
.indpro .more a {font-size:20px; line-height:20px;padding:0 30px 0 0}
.indpro .more a:before {width:15px; height:15px;}
.indpro .more a:Hover {padding-right:40px}
.clear3 { display:none;}
.clear2 { display:block; clear:both}
.indabout2 {padding:30px 0; background-size:cover; background-attachment:scroll;}
.indabout2 .wrap {margin:0 3%}
.indabout2 .t1 {font-size:25px; line-height:35px;margin:20px 0 10px 0}
.indabout2 .t2 {font-size:20px; line-height:30px;}
.indabout2 .t3 {font-size:16px; line-height:26px;margin:10px 0 30px 0}
.indabout2 .t4 {font-size:14px; line-height:24px;margin:20px 0 0 0}
.indabout2 .line {width:40px;}
.indsubject {margin:40px 0 65px 0}
.indsubject p {font-size:22px; line-height:22px;}
.indsubject h1 {font-size:20px; line-height:20px;margin:12px 0 0 0;}
.indsubject h1:before {width:50px;margin-left:-25px;bottom:-20px;}

.indnews1 ul {margin-top:-30px}
.indnews1 li {margin-top:30px;width:49%}
.indnews1 li .pic p { height:30px; line-height:30px;}
.indnews1 li .cons {padding:0px 6% 0 6%}
.indnews1 li .cons h1 { height:55px; line-height:55px}
.indnews1 li .cons h1 a {font-size:16px;}
.indnews1 li .cons .c {font-size:13px; line-height:23px; height:48px;}

.indnews2  {border-top-width:2px;margin:40px 0 0 0;padding:30px 0 0 0}
.indnews2 dt {margin:0 0 30px 0}
.indnews2 dl:before {top:5px; height:98%}
.indnews2 dt:before {top:48px; height:32px;}
.indnews2 dt h1 {font-size:18px; line-height:23px;}
.indnews2 dt a {width:30px; line-height:29px;font-size:25px; height:30px;top:10px}
.indnews2 dd { position:relative; height:25px; line-height:25px; overflow:hidden;margin:10px 0 0 0}

.indbrand {height:150px;margin:40px 0 0 0;}
.indbrand .t {height:150px;font-size:25px; line-height:35px;}
.indbrand .c { height:150px;font-size:20px; line-height:30px;}
.quicknav .subject { font-size:22px; line-height:27px;margin:40px 0}
.quicknav li {border-top-width:2px}
.quicknav li a {padding:20px 12% 40px 12%}
.quicknav li a .c { height:80px;font-size:18px; line-height:23px;}
.quicknav li a .t {font-size:16px; line-height:16px;}
.quicknav li a:Hover .t:before {width:30px}


.foot {padding:30px 0}
.foot .t {font-size:19px; line-height:29px;}
.foot .c {font-size:13px; line-height:23px;margin:15px 0 0 0}
.footer {padding:30px 0 50px 0}
.footer .bt {margin:0}
.footer .list2 .cons2 {padding:0}
.footer .list3 .cons2 .title {margin:0 0 7px 0}
.pagepn {margin:40px 0; line-height:25px}

.pagepn i.next a,.pagepn i.prev a,.pagepn i.prev,.pagepn i.next {font-size:16px; line-height:25px;}
.pagepn i.next font,.pagepn i.prev font {font-size:25px; line-height:25px;margin:0 0 0 10px}
.pagepn i.prev font {margin:0 10px 0 0;}
.pagepn span a {font-size:20px;line-height:25px;}
.indprosubject {margin:30px 0 40px 0}
.indprosubject .c {font-size:25px; line-height:35px;}
.indprosubject .t { font-size:16px; line-height:26px; }
.indprocate .big {height:45px; line-height:45px;}
.indprocate .big a {font-size:18px;}
.indprocate .big i {height:18px; margin:14px 20px 0 20px; }
.indprocate .small { padding:10px 0;}
.indprocate .small li a {font-size:16px}
.pagepnblank { height:40px}
.show1 {padding:40px 0}
.show1 .wrap {margin:0 3%;max-width:100%}
.show1 .mleft p {font-size:20px; line-height:25px;}
.show1 .mleft h1 {font-size:20px; line-height:30px;}
.show1 .mright hr {width:40px;margin:20px 0}
.show1 .mright .gs_content {margin:0 0 50px 0;font-size:16px}
.show1 .mright .title2 {font-size:14px}

.prevnext {padding:40px 0}
.prevnext a.prev {top:-6px; height:25px; line-height:25px;}
.prevnext a.prev i {top:-1px;font-size:25px; line-height:25px;}
.prevnext a.prev h1 {font-size:14px;padding:0 0 0 20px}
.prevnext a.back {width:15px; height:15px;}
.prevnext a.next {top:-6px;height:25px; line-height:25px;}
.prevnext a.next i {top:-1px;font-size:25px; line-height:25px;}
.prevnext a.next h1 {font-size:14px;padding:0 20px 0 0}
.newscate .subject {font-size:25px; line-height:25px;margin:40px 0 15px 0}
.newscate ul {padding:0 0 20px 0}
.newscate li {margin:0 0 0 40px}
.newscate li a {font-size:16px;}
.newscate li.check {margin-left:20px}
.newscate li.check a {padding:0 0 0 20px}
.newscate li.check a:before {top:10px;width:15px;}

.news li {padding:30px 0;}
.news li .cons .title {padding:0 0 0 0;margin:-5px 0 0 0}
.news li .cons .title a { font-size:16px;padding:0 60px 0 0;height:20px; line-height:20px;}
.news li .cons .title p {font-size:12px;top:6px}
.news li .cons .content {font-size:13px; line-height:25px; height:50px;margin:8px 0 0px 0}
.news li .cons .more { display:none;}
.pagepnnews {padding:0 0 40px 0}
.nshow1 {padding:40px 0}
.nshow1 .addtime {font-size:16px;}
.nshow1 .title { line-height:33px;margin:30px 0 20px 0}
.mainsubject {border-bottom-width:2px; padding:40px 0 15px 0;margin:0 0 40px 0}
.mainsubject .mleft p {font-size:25px; line-height:25px;}
.mainsubject .mleft h1 {font-size:25px; line-height:25px;margin:8px 0 0 0}
.mainsubject .mright { font-size:16px; line-height:16px}
.contact {margin:0 0 60px 0}
.contact .subject { font-size:25px; line-height:35px;margin:0 0 55px 0}
.contact .subject:before {width:70px;bottom:-20px;}
.contact .cons .content,.contact .cons .content a {font-size:20px;}
.contact .cons .content  {padding:0 200px 0 0}
.contact .cons .wx {width:150px;top:10px}
.contact .cons .wx p {font-size:14px; line-height:24px;margin:8px 0 0 4px}
.service1 ul {margin:-50px 0 0 0;}
.service1 li {width:40%;margin:50px 0 0 20%;}
.service1 li.f1,.service1 li.f4,.service1 li.f7 {margin-left:20%}
.service1 li.f1,.service1 li.f3,.service1 li.f5,.service1 li.f7,.service1 li.f9 {margin-left:0}
.service1 li .t1 {width:50px; }
.service1 li .t2 {font-size:30px; line-height:30px;margin:20px 0}
.service1 li .t3 {font-size:20px; line-height:30px;}
.service1 li .t4 {font-size:20px; line-height:20px;margin:5px 0 20px 0}
.service1 li .t5 {font-size:16px;margin:20px 0 0 0}
.service1 li .t5 a {font-size:26px;}
.service_line {height:2px;margin:40px 0}
.service2 li {margin:0 0 40px 0}
.service2 li .t {font-size:20px; line-height:30px; margin:0 0 20px 0}
.service2 li .c {font-size:16px;}
.teampic .clear2 { display:none;}
.namemj {top:-65px;}
.about {padding:40px 0}
.about .wrap {margin:0 3%}
.about .mleft p {font-size:25px; line-height:30px;}
.about .mleft h1 {font-size:20px; line-height:25px;margin:5px 0 0 0}
.about .mright .content {line-height:2; top:-5px}
.about .mright .line { width:40px; margin:50px 0 25px 0}
.team .mright .line {margin:30px 0}
.team .mright .summry {font-size:16px}

.teampic li .cons h1 {font-size:13px; line-height:23px;}
.teampic li .cons p {font-size:20px; line-height:25px;margin:5px 0 0 0;}

.job li {margin:0 0 50px 0}
.job li .t2 {font-size:25px; line-height:30px;}
.job li .t {font-size:20px; line-height:25px;padding:10px 0 20px 0;margin:0 0 30px 0}
.job li .c {font-size:16px;}

.mobcontact { display:block; position:fixed;bottom:0;left:0;width:100%; height:30px; line-height:30px}
.mobcontact a { display:inline-block; vertical-align:top;width:24.85%;margin-left:0.2%; height:30px; background:#aa6a3d; text-align:center;height:30px; line-height:30px; position:relative}
.mobcontact a img { height:30px; line-height:30px;width:auto;margin:0 auto; display:inline-block; vertical-align:top;}
.mobcontact a.tel {margin-left:0}
.mobcontact a.wx p { display:none; position:absolute;bottom:31px;width:100%; background:#fff;padding:5px; text-align:center;}
.mobcontact a.wx p img {width:auto; height:auto;max-width:au
}

}

@media only screen and (max-width: 1024px){
}

@media only screen and (max-width: 768px){
.indabout li {width:31.3333%}
.indnews2 dl {width:100%;border-top:1px solid #000;padding:30px 0}
.indnews2 dl.dl1 {border:0;padding-top:0}
.indnews2 dl.dl2 {margin:0}
.indnews2 dl.dl3 {padding-bottom:0}
.nshow2 iframe {width:100%; height:460px;}
}

@media only screen and (max-width: 640px){
.indpro li {width:99%;}
.indpro li.f1 {width:99%}
.indnews li {width:49%}
.indnews li .cons .down,.indnews li .cons .up .t2 { display:none;}
.indbrand {height:auto;padding:40px 0}
.indbrand .t {height:auto;}
.indbrand .c { height:auto;}
.indbrand .t { position:relative}
.indbrand .c { position:relative;right:auto;left:0; text-align:left;margin:5px 0 0 0}
.quicknav li {width:49%}

.footer .list {float:none; text-align:center}
.footer .list1 {width:100%;}
.footer .list2 {width:100%;margin:40px 0;}
.footer .list3 {width:100%;}
.footer .list4 {width:100%;margin:40px 0 20px 0 ; text-align:center}
.footer .list2 .cons {max-width:100%}
.footer .list3 .cons2 .four a {margin:0 5px}
.footer .list4 .cons {margin:0 auto; text-align:center}
.footer .bt .list2 {margin:20px 0}
.footer .bt .list4 {margin:20px 0}
.indprosubject .c {width:100%}
.indprosubject .t {width:100%; text-align:left;}
.indprocate .small li {width:33.3333%}
.show1 .mleft,.show1 .mright {width:100%}
.show1 .mleft {margin:0 0 40px 0}
.indproshow li {width:99%}
.newscate li {width:33.3333%;margin:0}
.newscate li.check {margin-left:0}
.news li .pic {width:32%;}
.news li .cons {width:64%;margin:0 0 0 4%}
.news li .cons .title p { display:none;}
.news li .cons .title a {padding:0}
.mainsubject .mleft {width:100%}
.mainsubject .mright {width:100%; text-align:left;}
.contact .cons .content  {padding:0}
.contact .cons .wx { position:relative;margin:20px 0 0 0}
.service1 li .t1 { text-align:center;margin:0 auto}
.service1 li .t1 img {margin:0 auto}
.service1 li {width:100%;margin-left:0; text-align:center}
.service1 li.f1,.service1 li.f4,.service1 li.f7 {margin-left:0}
.clear4 { display:none;}
.teampic .clear2 { display:block; clear:both}
.teampic li {width:49%}
.about .mleft {width:100%;}
.about .mright {width:100%;margin:40px 0 0 0}

.show2 .twoinrow img,.nshow2 .twoinrow img {width:99%;}
.show2 .threeinrow img,.nshow2 .threeinrow img {width:99%;}
.nshow2 iframe {height:390px;}

.shtablelist table td {line-height:1.6;width:46%;}
}

@media only screen and (max-width: 480px){
.indprocate .small li {width:50%}
.nshow2 iframe {height:290px;}
}

@media only screen and (max-width: 420px){
.nshow2 iframe {height:250px;}
}

.shtablelist table td {line-height:1.6;width:46%;} 
 }