@charset "utf-8";
@media only screen and (max-width: 1480px){
.wrap {padding:0 3%}
.bx-wrapper:hover .bx-prev {left:3%}
.bx-wrapper:hover .bx-next {right:3%}
.indabout .mleft {width:400px}
.indabout .mleft .title {font-size:66px;line-height:81px;}
.indabout .mleft .title2 {font-size:25px; line-height:40px}
.indabout .mright {width:750px;font-size:18px; line-height:2.2;}
.ftbrand .cons .title {font-size:39px; line-height:59px;}
.ftbrand .cons .content {font-size:18px; line-height:33px;}
.contact .address li {margin:0 8% 0 0}
.contact .address li.f3 .c {font-size:50px; line-height:60px}
.moreprogram {right:3%}
.moreprogram a { height:35px; line-height:35px;font-size:16px;width:90px}
.foot ul li {margin:0 20px 0 0}
.bxslider li a { background-size:cover;height:550px;}
}

@media only screen and (max-width: 1300px){
.indabout .mright {width:700px;font-size:16px; line-height:2.43;}
.ftbrand .cons .title {margin-top:20px}
}

@media only screen and (max-width: 1200px){
body,h1,h2,h3,h4,h5a,input,button,select,textarea {font-weight:400;}
.phonemenu { display:block;}
.fixtop { height:50px;}
.tblank { height:50px;}
.fixtop.active {top:0}
.tblank.active { height:50px}
.fixtop .toper ul.navpc { display:none;}
.fixtop .toper .logo {height:40px;width:101px;margin-top:5px;}
.bx-wrapper .bx-prev {left:3%;background-size:cover;}
.bx-wrapper .bx-next {right:3%;background-size:cover;}
.bx-wrapper .bx-controls-direction a {background-size:cover; margin-top:-20px; width:20px; height:40px;}
.bx-wrapper .bx-pager { bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:5px; height:5px;  margin: 0 5px; }
.bxslider li a { background-size:cover;height:500px;}
.indabout .mright b,.indabout .mright strong {font-weight:700}

.indabout {padding:30px 0}
.indabout .mleft {width:33%;}
.indabout .mleft .title {font-size:30px;line-height:40px;}
.indabout .mleft .title2 {font-size:18px; line-height:33px;margin:0px 0 0 0;padding:10px 0 0 0}
.indabout .mright {width:64%;font-size:14px; line-height:2;}
.caselist li .title {margin:12px 0 7px 0;font-size:16px; height: 35px; line-height: 34px;}
.caselist li .title a {font-size:16px;}
.caselist li .cons {padding:0 5px}
.caselist li .tag h1 a {height:25px; line-height:25px; padding:0 10px;font-size:13px;}
.caselist li .tag h2 a {height:25px; line-height:25px;padding:0 10px;font-size:13px;}
.caselist li .tag {margin:10px 0 5px 0}
.caselist li {width:23.6%;}
.contact {margin:30px 0 0 0}
.contact .subject {font-size:16px; line-height:28px;margin:0 0 15px 0}
.contact .address {margin:25px 0 0 0;padding:20px 0 40px 0}
.contact .address li {margin:0 12% 0 0}
.contact .address li .t {font-size:16px;margin:0 0 15px 0; letter-spacing:0}
.contact .address li .c {font-size:14px; line-height:26px}
.contact .address li .c a {font-size:14px;}
.contact .address li.f3 .c {font-size:30px; line-height:40px;}
.contact .message {padding:15px 15px 20px 15px;font-size:14px;}
.contact .message .list h1 { font-size:14px;margin:10px 0 0 0;height:25px; line-height:25px}
.contact .message .list h1 span {margin:0 0 0 70px}
.contact .message .list h1 input[type="text"] { height:25px; line-height:25px;}
.contact .message .list h1 textarea {line-height:20px;padding:5px 10px; height:60px;}
.contact .message .list h1.btn {margin-top:3px}
.contact .message .list h1.btn input { width:80px; height:25px; line-height:24px;font-size:14px}
.contact .message .wx {line-height:25px;margin-top:5px;}
.contact .message .wx h1 {margin:0 0 0 95px;}
.page_wrap {padding:30px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:22px;height:22px; line-height:22px;}
.news {margin:-10px 0 0 0}
.closeshow {padding:0 3% 3% 3%}
.show {padding:0 0 30px 0;max-width:100%}
.show .wrap {max-width:100%;padding:0 3%}
.show .title {font-size:18px;line-height:28px;padding:20px 0 3px 0}
.show .title2 {font-size:16px;line-height:26px;}
.show .content {padding:20px 0 0 0;margin:15px 0 0 0;}
.show .content,.show .content a {font-size:14px;}
.show .content h1,.show .content h2,.show .content h3 { margin:5px auto;font-size:18px; line-height:28px;padding:2px 20px 4px 20px;}
.show .ad {margin:30px 0 0 0;padding:15px 0 0 0}
.show .ad a {font-size:16px;padding:8px 20px; line-height:26px}
.show .ad .t { margin:0 10px 0 0}
.show .ad .c {font-size:13px}
.show .btn { display:none; background-size:70%;left:auto;margin-left:0;width:30px; height:30px;right:0}

.ftpic {margin:30px 0}
.ftbrand {padding:0px 0 0 0}
.ftbrand .cons .title {font-size:23px; line-height:33px;margin:20px 0 5px 0}
.ftbrand .cons .title2 {font-size:17px; line-height:27px; letter-spacing:0;}
.ftbrand .cons .line {width:100px; margin:20px auto 15px auto}
.ftbrand .cons .content {font-size:14px; line-height:24px;letter-spacing:0}
.ftbrand .cons .more {margin:15px 0 25px 0}
.ftbrand .cons .more a {width:100px; height:30px; line-height:30px; letter-spacing:0}
.foot {padding:12px 0}
.foot ul {float:none;width:100%; text-align:center;margin-top:-3px}
.foot ul li {margin:3px 0 0 20px}
.foot ul li.f1 {margin-left:0}
.foot .cons {width:100%; text-align:center;}
.casenoblank {margin:0 0 -35px 0}
.indsubject {padding:12px 10px 13px 10px;letter-spacing:1px; font-size:25px; line-height:35px;margin:35px 0 15px 0}
.namemj { top:-30px}
}

@media only screen and (max-width: 1024px){
.bxslider li a {height:400px}
.indabout .mleft {width:35%;}
.indabout .mright {width:60%;}
.contact .address li {margin:0 10% 0 0}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:350px}
.caselist li {width:48.6%;}
.ftbrand .cons {width:100%}
.ftbrand .cons .title {margin-top:0}
.ftbrand .cons .in { display:block;margin:0 auto}
.ftbrand .pic {width:100%;}
.contact .address li {margin:0 8% 0 0}
.contact .message .list {width:37%;}
.contact .message .wx {width:19%}
.contact .message .wx p {position:relative}
.contact .message .wx h1 {margin:15px 0 0 0;}
}

@media only screen and (max-width: 750px){
.contact .address li {margin:0 3.5% 0 0}	
}

@media only screen and (max-width: 640px){
.bxslider li a {height:300px}
.indabout .mleft {width:100%;}
.indabout .mleft .title2 { display:block}
.indabout .mright {width:100%;margin:25px 0 0 0}
.contact .address li {margin:20px 0 0 0;float:none;}	
.contact .address li.f3 {margin-top:20px}
.contact .address li .t {margin:0 10px 0 0}
.contact .message .list {width:100%;margin:0}
.contact .message .wx {float:right;width:100%; text-align:left;padding:20px 0 5px 70px}
.contact .message .wx h1 img {width:150px}
}

@media only screen and (max-width: 480px){
.bxslider li a {height:230px}
.foot ul li {margin:3px 5px 0 5px}
.foot ul li a { letter-spacing:0}
}

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