@charset "utf-8";
@media only screen and (max-width: 2000px){
.bxslider li a {  height:845px; background-size:auto}
.banner { height:565px;}
}

@media only screen and (max-width: 1460px){
.wrap {margin:0 3%}
.bxslider li a {  height:645px; background-size:cover}
.foot dl {margin:0 0 0 5%}
.foot .mright {width:46%}
.banner { height:450px;}
.step li .p {width:120px; height:120px; background-size:cover;}
.step li .t {font-size:22px; line-height:32px;margin:20px 0 0 0}
.step li i { width:20px; height:20px;bottom:5px;right:-10px;background-size:cover;}
.contactbanner {margin:0 auto;max-width:700px;}
}

@media only screen and (max-width: 1200px){
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {color:#000}
body,h1,h2,h3,h4,h5 {font-size:14px;}	
.bx-wrapper .bx-pager {bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:25px;height:2px;margin:0 3px}
.bxslider li a {  height:500px;}
.phonemenu { display:block}
.fixtop .toper ul.navpc { display:none;}

.fixtop {height:50px;}
.fixtop .toper .logo { top:13px;width:108px; height:24px;}
.tblank { height:50px}

.mainsubject {margin:40px 0 30px 0}
.mainsubject .et {font-size:22px; line-height:22px;}
.mainsubject .cs {margin:20px 0 0 0}
.mainsubject h1 {top:-16px;padding:0 5px}

.indabout .wrap {margin:0 3%}
.indabout .title {font-size:17px; line-height:32px;margin:0 0 20px 0;font-weight:500}
.indnum {padding:40px 0}
.indnum ul {width:100%;margin:0}
.indnum li .num h4 { font-size:50px; line-height:50px;}
.indnum li .num h2 { font-size:30px; line-height:30px;margin:7px 0 0 5px}
.indnum li .content {font-size:12px; line-height:1.7;margin:5px 0 0 0}
.indcore3 { padding:50px 0}
.indcore3 .title {font-size:25px; line-height:35px;}
.indcore3 .title:before {height:2px;width:80px;bottom:-20px;margin-left:-40px;}
.indcore3 .content {font-size:16px;line-height:1.8;margin:40px 0 60px 0}
.indcore3 li .t {font-size:25px; line-height:35px;}
.indcore3 li .t:before {width:40px;bottom:-15px;margin-left:-20px;}
.indcore3 li .c {font-size:14px;margin:40px 0 0 0}
.indservice {padding:0 0 40px 0}
.indservice .title {font-size:21px; line-height:31px;padding:0 0 40px 0;font-weight:400}
.indservice ul {width:104%;margin:-40px 0 0 -2%}
.indservice li {width:29.3333%;margin:40px 2% 0 2%;}
.indservice li .p {width:25px;top:-1px}
.indservice li .p img {width:25px}
.indservice li .cons {padding:0 0 0 40px}
.indservice li .cons .t {font-size:18px; line-height:28px;margin:0 0 15px 0}
.indservice li .cons .t a {font-size:18px; line-height:28px;}
.indservice li .cons .c {font-size:14px}
.indworks li .cons .up,.indworks li:hover .cons .up {top:10%;left:8%;width:84%;}
.indworks li .cons .up .t {font-size:14px; line-height:19px;}
.indworks li .cons .up .t2 {font-size:12px; line-height:17px; margin:5px 0 0 0}
.indworks li .cons .up .t2:before {width:40px; height:1px;bottom:-15px;}
.indworks li .cons .iconfont,.indworks li:hover .cons .iconfont { right:8%;bottom:8%;font-size:20px; line-height:20px;}
.indclient ul {padding:10px 0 0 0}

.indsc {margin:40px 0 0 0;padding:15% 0}
.indsc .title{font-size:22px; line-height:32px;}
.indsc .title:before {bottom:-15px;width:30px; height:2px;margin-left:-15px}
.indsc .content {font-size:16px;margin:40px 0 0 0}
.indsc .content strong {font-size:22px;}

.indnews ul {padding:10px 0 0 0}
.indnews li .first {padding:0 0 20px 0}
.indnews li .first .addtime {font-size:14px;margin:10px 0 5px 0}
.indnews li .first .title { line-height:25px; height:50px;}
.indnews li .first .title a {font-size:16px;}
.indnews li dl {margin:20px 0 0 0}
.indnews li dd {margin:5px 0 0 0}
.indnews li dd a {font-size:14px;padding:0 0 0 12px}
.indnews li dd a:before {width:4px; height:4px;top:9px;}

.foot {margin:40px 0 0 0;padding:30px 0;}
.foot dl { display:none;}
.foot .mright {width:100%}
.foot .mright .focus h1 {font-size:16px;margin:0 0 15px 0;}
.foot .mright .focus a { width:30px; height:30px;border-width:1px}
.foot .mright .focus a:hover {top:0}
.foot .mright .focus a.wx { background-size:60%}
.foot .mright .focus a.wx ul { top:40px;left:0;width:250px;}
.foot .mright .focus a.wx ul li {width:46%;margin:0 2%;font-size:12px}
.foot .mright .focus a.qq {margin:0 10px;background-size:50%}
.foot .mright .focus a.tel {background-size:50%}
.foot .mright .focus a.tel ul { height:40px; line-height:38px;padding:0 15px;font-size:18px;top:40px;left:-55px}
.foot .mright ul.wx li { width:120px;margin:0 0 0 20px;font-size:12px}
.foot .mright .cons {margin:40px 0 0 0}
.foot .mright .cons .t {font-size:16px; line-height:26px;}
.fixright { display:none;}
.banner { height:400px;}
.aboutbanner .t {font-size:22px; line-height:32px;margin:0 0 5px 0}
.aboutbanner .c {font-size:18px; line-height:1.8}
.abouttitle {font-size:20px; line-height:30px;margin:40px 0 40px 0;}
.abouttitle:before {bottom:-20px;width:40px; margin-left:-20px}
.team li {width:16.6666%;}
.service ul {padding-top:10px}

.culture {padding:40px 0;}
.culture .title {font-size:22px; line-height:32px;margin:0 0 35px 0}
.culture .title:before {width:30px;margin-left:-15px;bottom:-20px;}
.culture ul {width:108%;margin:-8% 0 0 -4%;padding:40px 0 0 0}
.culture li {width:25.3333%;margin:8% 4% 0 4%}
.culture li .p {width:80px; height:80px; background-size:cover;}
.culture li .t {font-size:22px; line-height:32px;margin:20px 0 10px 0}
.culture li .c {max-width:100%}

.step {padding:1px 0 40px 0}
.step ul {width:101%;margin:-40px 0 0 -0.5%;padding:10px 0 0 0}
.step li { width:24%;margin:40px 0.5% 0 0.5%; }
.step li.f7 {width:24%}
.step li .p {width:80px; height:80px;}
.step li .t {font-size:18px; line-height:28px;margin:20px 0 0 0}
.step li i { width:14px; height:14px;bottom:5px;right:-7px;margin-right:-2%;}
.step li.f4 i { display:none;}
.step li.f6 i {margin-right:4%}

.adv .content table {width:104%;margin:10px 0 0 -2%}
.adv .content td {padding:0 2% 0 2%}
.adv .content td strong {font-size:18px;padding:5px 0}
.adv .content td {font-size:14px;}
.page_wrap {padding:40px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:25px; height:25px; line-height:25px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:13px;} 

.workssubmenu {margin:25px 0 0 0}
.workssubmenu li {margin:2px 5px}
.workssubmenu li a {font-size:14px;}
.works {margin:30px 0 0 0}
.workscurrent {margin:40px 0 0 0; height:auto; line-height:25px;}
.workscurrent .wrap {padding:15px 0}

.worksad {padding:10% 0;margin:40px 0 -40px 0}
.worksad .t { font-size:21px; line-height:31px;margin:0 0 50px 0;}
.worksad .t:before {width:60px; height:2px;margin-left:-30px;bottom:-25px}
.worksad .c {font-size:15px;}

.show .wrap {margin:0 3%}
.show .title { font-size:22px; line-height:32px;padding:40px 0 25px 0;margin:0 0 20px 0;}
.show .content {font-size:14px;}
.show .content img {margin:10px 0}
.show .more {margin:40px 0 50px 0}
.show .more a {width:150px; height:38px; line-height:38px;font-size:14px}
.show .more a i {width:15px; height:10px;margin:15px 8px 0 0; background-size:cover;}

.relax .subject {font-size:20px; line-height:30px;margin:0 0 40px 0}
.relax .subject:before {bottom:-10px;width:20px; margin-left:-10px;}
#slider2 .title {margin:10px 0 0 0}
#slider2 .title a {font-size:16px;}
#slider2 .bx-wrapper {padding:0 50px}
#slider2 .bx-wrapper .bx-prev { background-size:cover;}
#slider2 .bx-wrapper .bx-next {background-size:cover;}
#slider2 .bx-wrapper .bx-controls-direction a {margin-top:-36px;width:30px;height:30px; background-size:cover;}

.step2 {margin:0 0 -40px 0}
.step2 .abouttitle {font-size:20px; line-height:30px}
.servicebanner {font-size:20px; line-height:1.8}
.servicetitle {padding:40px 0 30px 0}
.servicetitle .t {font-size:20px; line-height:30px;letter-spacing:1px;font-weight:500}
.servicetitle .c {font-size:16px;margin:5px 0 0 0;font-weight:300}
.qaservice ul {padding:10px 0 0 0;margin-top:-1%}
.qaservice li {width:49%;margin-top:1%}
.qaservice li .pic .title {padding:0 20px;}
.qaservice li .pic .title h1 {font-size:20px}
.qaservice li .content {padding:15px 20px;}
.qtservice {margin:-40px 0 40px 0;}
.qtservice li { height:150px; }
.qtservice li .in .pic {width:40px; height:40px;top:9px; background-size:cover;}
.qtservice li .in .cons {margin:0 0 0 55px}
.qtservice li .in .cons .t {font-size:20px; line-height:30px;}
.qtservice li .in .cons .c {font-size:14px}
.newscate {margin:40px 0 0 0;}
.newscate li {height:35px; line-height:34px}
.newscate li:before {height:10px;top:12px;width:1px;right:-1px}
.newscate li a {font-size:14px;}

.news li {border-bottom-width:1px;padding:40px 0;min-height:190px;}
.news li .pic {width:300px; height:190px;}
.news li .cons {margin:0 0 0 330px}
.news li .cons .addtime {font-size:14px;padding:0}
.news li .cons .title { height:20px; line-height:20px;margin:15px 0 15px 0}
.news li .cons .title a {font-size:16px;}
.news li .cons .content {font-size:14px; line-height:25px; height:50px;}
.news li .cons .more {margin:28px 0 0 0}
.news li .cons .more a {font-size:14px;}
.nshow {margin:40px auto 0 auto;}
.nshow .mleft {width:100%;}
.nshow .mleft .title { font-size:20px; line-height:30px;}
.nshow .mleft .addtime {font-size:14px; line-height:24px;border-bottom-width:1px;padding:8px 0 30px 0;margin:0 0 30px 0}
.nshow .mleft .content {font-size:14px; line-height:2}
.nshow .mleft .prevnext {padding:20px 0 0 0;margin:30px 0 0 0; line-height:2}
.nshow .mleft .prevnext a {font-size:14px; padding:0 120px 0 0}
.nshow .mleft .prevnext p {top:34px;}
.nshow .mleft .prevnext p a {width:100px; height:30px; line-height:30px;}
.nshow .mright { display:none;}
.contactbanner {max-width:350px;}
.contactbanner .t {font-size:14px; line-height:24px;margin:0 0 0 -40px}
.contactbanner .c {font-size:20px; line-height:1.6;margin:10px -40px 0 0}
.contact {padding:40px 0 0 0}
.contact .mleft .title {font-size:16px;border-bottom-width:1px;}
.contact .mleft .title2 {font-size:22px; line-height:32px;padding:5px 0 10px 0}
.contact .mleft .content {font-size:14px;}
.contact .mleft .wx {margin:10px 0 30px 0}
.contact .mleft .wx ul { left:-5px}
.contact .mleft .wx li {font-size:12px; line-height:17px;margin:0 20px 0 0;}
.contact .mleft .tel .c1 {font-size:14px;padding:9px 0 0 0}
.contact .mleft .tel .c2 {font-size:22px;}
.contact .mright .t1 {font-size:22px; line-height:32px;margin:6px 0 10px 0}
.contact .mright .t2 {font-size:14px; line-height:24px;margin:0 0 15px 0}
.contact .mright .list input[type="text"] {font-size:14px}
.contact .mright .list textarea {font-size:14px; height:230px}
.contact .mright .list #mbtn {font-size:16px; height:40px; line-height:40px}

.footcontact {padding:40px 0;margin:40px 0 -40px 0;font-size:14px}
.footcontact .c1 {font-size:20px; line-height:30px;}

.footcontact .c2 {margin:10px 0 40px 0}
.footcontact .c2:before {bottom:-20px; height:2px;width:40px;margin-left:-20px;}
.workscate { margin:5px 0 0 0}
.workscate dd {width:25%;border-top:1px solid #fff;}
.workscate dd a { height:45px; line-height:45px;font-size:14px;margin:0 0 0 1px}
.workscate dd a:before {left:-1px;top:15px;width:1px;}
.workscate dd.d5 a:before { display:none;}
}

@media only screen and (max-width: 1024px){
.indnum ul {margin-top:-30px}
.indnum li {width:50%;margin-top:30px}
}

@media only screen and (max-width: 768px){
.bxslider li a {  height:400px;}
.indservice li {width:46%}
.indservice .clear2 { clear:both}
.indservice .clear3 { display:none;}	
.indclient li {width:15.6666%;}
.banner { height:300px;}
.team li {width:20%;}
.adv .content table {margin-top:-10px}
.adv .content td {width:50%; display:inline-block;padding:15px 3%}
.news li {min-height:158px;}
.news li .pic {width:250px; height:158px;}
.news li .cons {margin:0 0 0 280px}
.news li .cons .addtime { position:relative;top:-8px}
.news li .cons .title { margin:2px 0 12px 0}
.news li .cons .more {margin:20px 0 0 0}
.contact .mright .list textarea {height:260px}
}

@media only screen and (max-width: 640px){
.bxslider li a {  height:350px;	}
.indcore3 ul {margin-top:-30px}
.indcore3 li {width:96%;margin-top:30px}
.indservice li {width:96%}
.indworks li {width:50%}
.indworks .clear3 { display:none;}
.indworks .clear2 { clear:both}
.indclient li {width:24%;}
.indnews ul {margin-top:-30px}
.indnews li {width:96%;margin-top:30px}
.indnews li .first .title { height:auto}
.foot .mright .focus {float:none; text-align:center}
.foot .mright ul.wx {float:none; text-align:center;margin:30px 0 -10px 0}
.foot .mright .focus a.wx ul {left:-120px}
.foot .mright .cons { text-align:center}
.banner { height:250px;}
.aboutbanner .t {font-size:18px; line-height:28px;margin:0 0 3px 0}
.aboutbanner .c {font-size:14px; line-height:1.8}

.culture li .p {width:60px; height:60px;}
.culture li .t {font-size:20px; line-height:30px}
.culture li .c {font-size:12px}

.step li { width:32.3333%;}
.step li.f7 {width:100%}
.step li.f3 i,.step li.f6 i { display:none;}
.step li.f4 i { display:block}
.adv .content td {width:100%}
.works li {width:48.5%}
.servicebanner {font-size:16px;}
.qaservice ul {margin-top:-20px}
.qaservice li {width:99%;margin-top:20px;}
.qaservice li .content {min-height:0}
.qtservice li {width:99%}
.newscate {margin:40px 0 20px 0}
.news li {min-height:95px;padding:20px 0}
.news li .pic {width:149px; height:95px;}
.news li .cons {margin:0 0 0 164px}
.news li .cons .addtime { position:relative;top:-8px;font-size:13px}
.news li .cons .title { margin:-5px 0 8px 0}
.news li .cons .content {font-size:13px; line-height:22px; height:44px}
.news li .cons .more { display:none;}

.nshow .mleft .prevnext a {padding:0}
.nshow .mleft .prevnext p {top:auto; position:relative;margin:20px 0 0 0}
.contactbanner {max-width:100%;margin:0 3%}
.contactbanner .t {margin:0}
.contactbanner .c {margin:5px 0 0 0; position:relative;right:-10%;width:80%;font-size:16px}
.contact .mleft {width:100%}
.contact .mright {width:100%;margin:20px 0 0 0}
.contact .mright .list {margin:10px 0 0 0}
.contact .mright .list textarea { height:150px}
.workscate dd {width:50%;}
.workscate dd.d3 a:before,.workscate dd.d7 a:before { display:none;}
}

@media only screen and (max-width: 480px){
.bxslider li a {  height:250px;}
.banner { height:200px;}
}

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