@charset "utf-8";
@media only screen and (max-width: 1040px){
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px}
.wrap {margin:0 3%}
.phonemenu { display:block}
.fixtop .toper ul.navpc { display:none;}
.fixtop {height:50px;}
.fixtop .toper .logo,.fixtop.active .toper .logo { top:5px;width:47px; height:40px;}
.fixtop .tel { display:none;}
.tblank,.tblank.active { height:50px;}
.fixtop.active {top:0}
.bxslider li a {height:500px; background-size:cover;}
.bx-wrapper .bx-pager { bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:8px; height:8px; margin: 0 5px;}
.indsubject {padding:40px 0 30px 0}
.indsubject .t {font-size:20px; line-height:30px;letter-spacing:1px}
.indsubject .e { line-height:23px;font-size:13px;margin:0}
.indpro ul.cate {margin:0 0 30px 0}
.indpro ul.cate li .p img {width:100px}
.indmore { padding:30px 0 40px 0}
.indmore a {letter-spacing:1px;font-size:15px; height:28px; line-height:26px;}

.indabout { height:auto; background-size:cover;padding:40px 0}
.indabout .in {padding:30px 5% 0 5%;max-width:60%;}
.indabout .in .cons {font-size:16px;margin:0 0 -10px 0; line-height:2}
.foot {margin:40px 0 0 0;padding:30px 0 20px 0;}
.foot li:nth-child(1) {width:100%;margin:0 0 30px 0}
.foot li:nth-child(1) dl {margin:0;width:25%}
.foot li:nth-child(1) dl.dl4 {float:left}
.foot li:nth-child(2) {width:75%;margin:0}
.foot li:nth-child(2) .c {margin:20px 0 0 0}
.foot li:nth-child(3) {width:150px;float:right}
.foot .cons {margin:20px 0 0 0}
.bannerin { height:400px; background-size:cover;}
.maincurrent {margin:40px 0 30px 0}
.maincurrent .t {font-size:20px; line-height:20px;letter-spacing:1px;}
.maincurrent .e {font-size:12px;line-height:12px;margin:8px 0 0 0;}
.maincurrent .current {top:20px;font-size:13px}
.maincurrent .current a {font-size:13px;}
.maincurrent .current i {margin:0 5px}
.mainleft {width:100%}
.mainleft ul li { display:inline-block; vertical-align:top;margin-left:-1px;margin-top:0;width:50%}
.mainleft ul li a {line-height:26px;padding:9px 10px 10px 10px;}
.mainright {width:100%;margin:20px 0 0 0;float:none}
.bx-wrapper .bx-controls-direction a {margin-top:-13px;width:16px;height:26px;}
.culture .subject {font-size:20px;margin:40px 0 20px 0;}
.page_wrap {padding:40px 0 0 0}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;} 

.news ul{margin:-5px 0 0 0}
.news li {padding:20px 0}
.news li .pic {top:20px;width:140px; height:70px;}
.news li .cons {margin:0 0 0 155px; height:70px}
.news li .cons .t { height:20px; line-height:20px; margin:0 0 5px 0; top:-2px}
.news li .cons .t a {font-size:16px;}
.news li .cons .c { line-height:24px; font-size:13px; height:48px;}
.nshow .title {font-size:18px; line-height:33px;margin:10px 0 0 0}
.nshow .cons {margin:25px 0 30px 0;font-size:15px}
.nshow .prevnext div {font-size:14px}
.nshow .prevnext div span {line-height:14px;}
.nshow .prevnext div p {margin:0 0 0 75px}
.nshow .prevnext div p a {font-size:14px;}
.contact_title,.message .subject {font-size:18px;}
.map {margin:30px 0}
.message input[type="text"] {height:30px; line-height:30px;padding:0 5px;font-size:14px}
.message textarea {height:100px;padding:3px 5px;font-size:14px}
.message p {font-size:14px;margin:10px 0 1px 0}
.message p i {margin:4px 0 0 3px}
.message #mbtn {margin:10px 0 0 0;padding:4px 0 6px 0;width:100px; font-size:16px; }

.mainleft2 {width:100%;margin:0 0 30px 0;float:none}

.accordionservice li .link a { font-size:16px; line-height:26px; padding:5px 5px 7px 15px}
.accordionservice li .link:before {right:15px;top:16px;width:10px; height:8px;}
.accordionservice .submenu p a {font-size:14px; line-height:24px;padding:3px 5px 4px 15px;}
.namemj {top:-70px;}
.show .title {font-size:20px;line-height:20px;padding:0 0 10px 0;margin:0 0 20px 0}
.show .showcontent {margin:30px 0 0 0;font-size:14px;}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:400px;}
.foot li:nth-child(2) {width:70%;}
.bannerin { height:300px;}
}

@media only screen and (max-width: 640px){
.bxslider li a {height:350px;}
.indpro ul.cate {margin-top:-25px}
.indpro ul.cate li {width:50%;margin-top:25px}
.indpro ul.pro li {width:48%}
.indabout {padding:6% 0}
.indabout .in {max-width:84%;}
.indnews ul {margin-top:-30px}
.indnews li {width:96%;margin-top:30px}
.foot .clear2 { clear:both}
.foot li:nth-child(1) dl {width:50%;}
.foot li:nth-child(2) {width:100%;}
.foot li:nth-child(3) {width:100%;float:left;margin:30px 0 0 0}
.foot li:nth-child(3) img {width:150px}
.foot li:nth-child(1) dl.dl3,.foot li:nth-child(1) dl.dl4{margin:30px 0 0 0}
.foot .cons { text-align:left;}
.bannerin { height:250px;}
.message .list1 {width:100%}
.message .list2 {width:100%;margin:0}
.maincurrent span { display:none;}
.show .mleftpic {width:100%;}
.show .mrightcons {width:100%;margin:30px 0 0 0}
}

@media only screen and (max-width: 480px){
.bxslider li a {height:300px;}
.bannerin { height:200px;}
.news li .pic {width:120px;}
.news li .cons {margin:0 0 0 135px;}
}

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