@charset "utf-8";
@media only screen and (max-width: 1600px){
.wrap2 {margin:0 3%}	
.fixtop .toper ul.navpc {left:34%}
.fixtop .toper ul.navpc li {margin:0 1.5%}
}

@media only screen and (max-width: 1380px){
.fixtop .toper .logo {top:18px; width:267px; height:40px; background-size:cover;}	
.fixtop .toper ul.navpc {left:26%}
.fixtop .toper ul.navpc li {margin:0 1.7%}
.wrap3 {margin:0 3%}
#slider2 .bx-wrapper {padding:0 60px}
}

@media only screen and (max-width: 1200px){
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;}
.fixtop .toper ul.navpc,.fixtop .toper .mright { display:none;}
.phonemenu { display:block}	
.fixtop {height:50px;}
.fixtop .toper { height:50px}
.fixtop .toper .logo {top:10px; width:200px; height:30px;}
.indtoppics {margin:50px 0 0 0}
.bxslider li a img { display:block;}
.bxslider li a p{ display:none;}
.bx-wrapper .bx-controls-direction a {margin-top:-15px;  width:20px;  height:30px; background-size:30%;}
.wrap3 {margin:0 3%}
.indview {margin:40px 0;}
.indview .pt1 {font-size:25px; line-height:35px;margin:0 0 20px 0}
.indview .pt2 {border-width:2px;padding:5px}
.indview .pt2 .in {border-width:1px;padding:5px 10px 10px 10px}
.indview .pt2 .in .t2 {font-size:30px; line-height:40px;}
.indview .pt2 .in .c {font-size:16px; line-height:26px;margin:3px 0 0 0}
.indview .pt3 { background-size:cover;width:18px; height:40px;margin:30px auto}
.indview .pt5 {margin:35px 0 20px 0}
.indview .pt5 h1 p {padding:0 10px;font-size:16px; line-height:16px}
.indpro .more {margin:40px 0 0 0}
.indpro .more a {width:161px; height:20px; background-size:cover;}
.indpro .more a:hover {right:0}

.mainsubject {padding:0 0 30px 0; }
.mainsubject h1 {font-size:25px; line-height:25px;border-top-width:2px; padding:10px 0 8px 0;}
.mainsubject p {font-size:12px; line-height:12px;}
.mainsubject:before {top:1px;}
.indpro ul {margin-top:-40px}
.indpro .pic {margin:40px 0 30px 0}
.indpro .title a {font-size:25px; line-height:35px;}
.indpro .cons {font-size:16px; padding:0 0 0 50px}
.indpro .cons:before { background:#333}
.indservice {margin:40px 0 0 0}
.indservice .subject {font-size:22px; line-height:32px;}
.indservice .c1 {font-size:16px;margin:20px 0 10px 0}
.indservice .c2 {font-size:18px; line-height:1.8}
.indservice .c2 img {height:12px}
.indservice .line {margin:30px 0}
.service3 {margin:30px 0 0 0}
.service3 li {padding:25px 15px}
.service3 li .t {font-size:22px; line-height:32px;}
.service3 li .t2 {font-size:18px; line-height:28px;margin:5px 0 20px 0}
.service3 li .l {height:1px;width:30px;}
.service3 li .c {font-size:14px; line-height:24px;min-height:72px;}
.bx-wrapper { overflow:hidden}
#slider2 .bx-wrapper .bx-controls-direction a {margin-top:-15px;}
#slider2 .bx-wrapper {padding:0 20px;}
.indteam .mainsubject {margin:40px 0 0px 0}
#slider2 .pic {width:35%;margin:0 5% 0 0;}
#slider2 .cons {width:60%;}
#slider2 .cons .title {font-size:18px; line-height:28px;margin:0 0 20px 0;}
#slider2 .cons .title span {margin:0; display:block;font-size:16px;margin:5px 0 0 0}
.indnews {margin:40px 0 0 0}
.indnews ul {margin:-30px 0 0 -1%}
.indnews li {margin:30px 1% 0 1%;}
.indnews li .title{ height:20px; line-height:20px;margin:20px 0 15px 0;padding:0 20px 0 0}
.indnews li .title a {font-size:18px;}
.indnews li .cons {line-height:25px; height:50px;padding:0 20px 0 0}
.foot {margin:50px 0 0 0;padding:40px 0 30px 0;}
.foot .mleft {width:400px}
.foot .mleft .c1 img { height:30px}
.foot .mleft .c2 {font-size:18px; line-height:28px;margin:10px 0 30px 0}
.foot .mleft .c3 {font-size:14px; line-height:24px;}
.foot .mleft .c3 .icon {width:40px; height:40px; right:-60px;bottom:-20px}
.foot .mright {margin:0 0 0 490px}
.foot .mright .c1 {padding:0px 0 5px 0}
.foot .mright .c1 img {height:100px}
.foot .down {margin:40px 0 0 0}
.totop {right:3%;width:15px; height:68px;}
.bannerin { height:200px;margin:50px 0 0 0; background-size:cover;}
.about {margin:40px 0 0 0}
.about .t {font-size:22px; line-height:32px;margin:0 0 20px 0}
.about .c {font-size:14px;}
.about .c  h3 {font-size:16px; line-height:1.8;margin:10px 0}
.corepartner {margin:50px 0}
.corepartner .summry {font-size:16px; line-height:2}
.corepartner li {margin:40px 0 0 0}
.corepartner li .cons {top:-10px}
.corepartner li .cons .t {font-size:18px;}
.corepartner li .cons .t2 {margin:0 0 20px 0}
.corepartner li .cons .c hr {margin:10px 0}

.service .indservice {margin:0px 0 30px 0}
.service .pic {padding:40px 0 30px 0}
.service .pic .title {font-size:18px; line-height:28px;margin:0 0 10px 0}
.service .pic .title span {font-size:25px;margin:0 2px}
.service .pic .content {font-size:14px; line-height:2;}

.service .list {margin:20px 0 -20px 0}
.service .list li {padding:40px 0 30px 0}
.service .list li .t { font-size:20px; line-height:30px;padding:0 0 0 50px;margin:0 0 20px 0}
.service .list li .t i { background-size:cover;font-size:25px;width:40px; height:40px; line-height:36px;top:-5px; }
.service .list li .c {font-size:14px; line-height:2}
.service .list li .c h3 {font-size:18px; line-height:1.8;margin:5px 0;font-weight:500}
.mainsubject h2 {font-size:13px;top:10px;}
.mainsubject h2 a {font-size:13px;}
.contact {margin:40px 0 0 0}
.contact .cons {font-size:16px}
.contact .cons a {font-size:16px}
.contact .cons .wx {width:120px}
.case .mainsubject {margin:40px 0 -60px 0}
.page_wrap {padding:40px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;}
.indnews dl {margin:0 0 30px 0}
.indnews dd a {font-size:18px;}
.mainsubject h2 {padding:0 0 0 150px}
.show .s_pic {margin:70px 0 30px 0}

.show .s_title { padding:0 60px 0 0;}
.show .s_title .t2 {font-size:16px; line-height:26px;}
.show .s_title .t {font-size:22px; line-height:37px;}
.show .s_title i { width:38px; height:55px; background-size:cover;}
.show .subject {font-size:20px; line-height:30px;margin:30px 0 5px 0}
.show .cons1 {font-size:16px; line-height:2;}
.show .cons2 {font-size:14px;margin:10px 0 0 0}
.show .cons2 strong {font-size:18px;}
.show .more {margin:40px 0 30px 0}
.show .more a { font-size:16px; height:35px; line-height:35px;padding:0 25px; }

.show .prevnext {padding:10px 0 0 0}
.show .prevnext a {font-size:16px;}
.show .prevnext a.next {top:10px}
.show .prevnext a i {margin:0 5px}
.show .tjsubject {font-size:18px;margin:30px 0 -60px 0}

.nshow .title {font-size:20px; line-height:35px;margin:70px 0 5px 0} 
.nshow .addtime {font-size:12px;}
.nshow .content {margin:30px 0 0 0}
.nshow .labelback {margin:40px 0 0 0;padding:15px 0 0 0;}
.nshow .labelback a { height:25px; line-height:25px;padding:0 15px;font-size:12px;}
.nshow .labelback a i { margin:9px 8px 0 8px; height:10px}
.nshow .prevnext {margin:30px 0}
.nshow .prevnext a i {margin:0 5px}
.nshow .subject {font-size:20px;padding:0 0 10px 0;margin:20px 0}
.nshow dd {width:48%;}

.newscase {margin:50px 0 0 0}
.newscase ul {width:100%;margin:0}
.newscase li {width:25%;margin:0;}

}

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

@media only screen and (max-width: 768px){
.service3 li .c {min-height:96px;}
.indnews li {width:48%}
.show .indnews li {width:31.3333%}
.foot .mleft {width:250px}
.foot .mright {margin:0 0 0 330px}
.foot .down {min-height:50px}
.bannerin { height:150px;}	
}

@media only screen and (max-width: 640px){
.indview .pt1 {font-size:20px; line-height:30px;}
.indview .pt2 .in .t2 {font-size:22px; line-height:32px;}
.indview .pt2 .in .c {font-size:14px; line-height:24px;}
.indpro .title {width:100%}
.indpro .cons {width:100%;padding:0;margin:30px 0 0 0;padding:15px 0 0 0}
.indpro .cons:before {width:100%; height:1px;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);top:-10px;}
.service3 ul {margin-top:-30px}
.service3 li {width:97%;margin-top:30px}
.service3 li .c {min-height:0;}
#slider2 .bx-wrapper {padding:0 30px;}
#slider2 .pic {width:70%;margin:0 auto; display:block}
#slider2 .cons {width:100%;margin:30px 0 0 0; display:block; text-align:center}
.indnews li .title {padding:0 10px 0 0;margin:20px 0 10px 0}
.indnews li .title a {font-size:16px;}
.indnews li .cons {font-size:12px;padding:0 10px 0 0; line-height:22px; height:44px}

.foot .mleft {width:auto; position:relative}
.foot .mright {margin:40px 0 0 0}
.foot .down {min-height:0;margin:30px 0 0 0}
.foot .mleft .c3 .icon { display:none;}
.foot .down .mright {margin:0}
.bannerin { height:120px;}	
.corepartner li .pic {width:100%}
.corepartner li .pic img {max-width:70%}
.corepartner li .cons {width:100%;margin:40px 0 0 0}
.contact .map {width:100%}
.contact .cons {width:100%;margin:30px 0 0 0}
.show .prevnext a {max-width:100%; display:block}
.show .prevnext a.next { position:relative;top:0}
.show .indnews li {width:98%}
.nshow .prevnext a {float:left;width:100%;}
.nshow .prevnext a.next { text-align:left;}
.nshow dl {margin-top:-20px}
.nshow dd {width:98%;margin-top:20px}
}

@media only screen and (max-width: 480px){
.bannerin { height:100px;}		
}

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