@charset "utf-8";
@media only screen and (max-width: 1750px){
.wrap3 {max-width:1600px}
.wrap4 {max-width:1600px}
.rightprevnext { left:auto;right:1px;margin-left:auto;}
.bannerin { height:400px; background-size:cover;}
}

@media only screen and (max-width: 1600px){
.wrap3 {padding:0 3%}
.wrap4 {padding:0 3%}
.wrap {padding:0 3%}
.bxslider li a {height:600px;background-position:center top; background-attachment:
.bxslider.active li a {background-position:center top; }
.indcha li {width:22.75%;}
.indcha li.i {width:3%;}
.indcasecons .mleft {font-size:30px; line-height:50px;}
.indcasecons .mright .tel .t {font-size:32px;}
.indcasecons .mleft {width:53%;}
.indcasecons .mright {width:38%}
.indcase .cate3 {right:3%}
.indcase .cate3 a.a2 {margin:0 60px 0 30px}
.conslist .cons .td div h1 {font-size:20px; line-height:35px;}
.indcus .line {left:3%}
.indcus .mright {border-right:0}
.indcus .mright .cons {padding-right:0;}
.indcus .line { display:none}
.indcus .mleft .f4 {margin:25px 0 10px 0}
.indcus .mleft .f6 {margin-top:15px;}
.indcus .mright .cons .l {margin:25px 0 20px 0}
.bannerin { height:350px;}
.service li .pic {right:80px}

}

@media only screen and (max-width: 1475px){
.wrap2 {padding:0 3%}
.indchoose ul li .pic {width:31%}
.indchoose ul li .pic img {max-width:80px}
.indchoose ul li .cons { width:64%;margin-left:5%; }
.indchoose ul li .cons .t {font-size:18px;line-height:30px}
.indchoose ul li .cons .t2 {font-size:18px;line-height:30px}
.indnews .mleft .c {font-size:25px; line-height:40px;letter-spacing:0}
.indnews .mleft .l {margin-bottom:122px}

.foot li.wx {width:17%;padding-left:8%}
.foot li.qq {width:12%;padding-left:13%}
.foot li.talk { width:25%;margin-right:0}

.foot .mright {right:3%;bottom:-3px}
.foot .mright a {margin-left:35px;}
.foot .mright img {height:20px}
.about .mleft {margin-left:0}
.bannerin { height:300px;}
}

@media only screen and (max-width: 1200px){
.fixtop .toper ul.navpc { display:none;}
.fixtop {height:50px; line-height:50px;}
.fixtop .toper .logo { width:188px; height:30px;margin-top:10px; background-size:cover; background-position:center bottom;}
.fixtop .toper .btnopen {margin:15px 0 0 0}
.tblank { height:50px}
.fixtop.active { height:50px; line-height:50px;}
.fixtop.active .toper .logo {margin-top:10px;background-position:center bottom;background-size:cover;}
.fixtop.active .toper .btnopen {margin-top:15px}
.tblank.active { height:50px}
.fixtop1 { background:#fff; position:fixed;}
.fixtop1 .toper .logo {background-position:center bottom;background-size:cover}
.fixtop1 .toper .btnopen { background-position:bottom;}
.bx-wrapper .bx-pager { bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {  width: 30px;  height:2px;  margin: 0 5px;}
.bx-wrapper .bx-controls-direction a {margin-top:-15px;  width:30px;  height:30px; background-size:cover;}
.tblank1 { display:block}
.bxslider li a {height:500px; background-position:center;background-size:cover;}
.bxslider.active li a {background-position:center; }
.indsolution .title {font-size:22px; line-height:38px;margin:30px 0 5px 0}
.indsolution .line { margin:15px auto;width:40px}
.indsolution ul {margin-top:40px}

.indsolution li.i i { margin:22px auto 0 auto;}
.indsolution li .p {width:75px; height:65px;}
.indsolution li .l { width:40px;margin:20px auto 10px auto;}
.indsolution li .t {font-size:20px; line-height:35px; letter-spacing:0}
.indcha { margin:40px 0 0 0;padding:40px 0 50px 0;}
.indcha .title {font-size:18px; line-height:33px;}
.indcha .content {font-size:18px; line-height:33px;}
.indcha ul {margin-top:-10%;padding-top:60px}
.indcha li:hover {top:0}
.indcha li.i i {margin:335px auto 0 auto;}
.indcha li .t {font-size:16px; line-height:26px}
.indcha li .c {font-size:16px; line-height:26px}

.indcha li {width:45%;margin-top:10%}
.indcha li.i {width:10%;}
.indcha li.i2 { display:none;}
.ft16,.ft16 a {line-height:31px;}
.indcasecons {padding:30px 0}
.indcasecons .mleft {font-size:16px; line-height:26px;width:65%}
.indcasecons .mright {width:30%}
.indcasecons .mright .tel .c {font-size:16px; padding:0 0 0 30px; height:30px; line-height:30px; background-size:15%;width:120px}
.indcasecons .mright .tel .t {font-size:18px;margin-top:10px}
.indcasecons .mright .wx {max-width:70px}
.indcase {margin:30px 0 0 0}
.indcase .cate3 {top:0; position:relative;right:auto;left:0; text-align:left;}
.indcase .cate3 a {font-size:15px}
.indcase .cate3 a.a2 {margin:0 20px}
.indcase .cate3 img { height:20px;margin-right:10px}
.tabs {margin-top:20px}
.tabs li{margin-right:30px;margin-top:5px}
.tabs a{border-top-width:1px; line-height:30px}
.tab_content {margin-top:20px}
.tab_content a.m { height:40px; line-height:40px;margin-top:20px;}
.tab_content a.m i { width:15px; height:15px;margin:-2px 10px 0 0; background-size:cover;}

.conslist .cons .td div {border-width:1px;padding:10px 0 12px 0}
.conslist .cons .td div h1 {font-size:16px; line-height:26px;}

.indnum {margin:40px 0 35px 0}
.indnum li {padding:10px 0 0 0}
.indnum li .count-outer {font-size:45px;}
.indnum li h1 { font-size:45px;}
.indnum li .p1{ font-size:45px;}
.indnum li h3 { font-size:25px;margin:-15px 0 0 5px}
.indnum li.f4 h1 {font-size:20px;margin:10px 0 0 3px}
.indnum li.f4 h3 {margin-left:-15px}
.indnum li .cons {font-size:14px;margin:20px 0 0 0}

.indphoto .subject {font-size:18px; letter-spacing:1px; line-height:30px}
.indphoto .cate {margin:30px 0}
.indphoto .cate li {margin:0 10px;}
.indphoto .cate li a {border-radius:15px; height:30px; line-height:28px;padding:0 15px;font-size:16px; }
.indphoto .list {margin:50px auto 0 auto}
.indphoto .list li .t {font-size:16px; line-height:26px;margin:0 0 5px 0}
.indphoto .list li .c {font-size:12px; line-height:24px;}

.indcus {padding:30px 0}
.indcus .mleft .f1 {font-size:20px; line-height:20px;}
.indcus .mleft .f2 {margin:10px 0 15px 0;font-size:12px; line-height:18px}
.indcus .mleft .f3 {width:30px;height:2px}
.indcus .mleft .f4 {font-size:18px; line-height:28px;margin:22px 0 5px 0}
.indcus .mleft .f5 {font-size:16px; line-height:26px;}
.indcus .mleft .f6 {margin-top:15px;}
.indcus .mright .cons {padding:0 0 0 30px;}
.indcus .mright .cons .t {font-size:20px; line-height:20px;}
.indcus .mright .cons .l {width:30px;height:2px;margin:20px 0 15px 0}

#slider2 .bx-wrapper .bx-prev {margin-left:-50px;background-size:cover;width:25px; height:25px;}
#slider2 .bx-wrapper .bx-next {margin-left:-25px;background-size:cover;margin-right:0;width:25px; height:25px;}
#slider2 .bx-wrapper .bx-controls-direction a {top:0; background-size:cover; width:25px; height:25px;}
.indchoose .title {font-size:20px; line-height:30px;margin:30px 0 0 0; letter-spacing:0}
.indchoose .content {font-size:15px; line-height:30px;margin-top:10px}
.indchoose ul {margin:30px 0}
.indchoose ul li {padding:40px 0;margin:-7px 0}
.indchoose ul li:hover .td {top:0; vertical-align:top;}
.indchoose ul li .pic {width:100%; text-align:center}
.indchoose ul li .cons {width:90%;padding:0 5%;margin-left:0; text-align:center;}
.indchoose ul li .cons .t {font-size:16px;line-height:26px;margin:30px 0 5px 0}
.indchoose ul li .cons .t2 {font-size:16px;line-height:26px}
.indchoose ul li .cons .l {width:30px; margin:15px auto}
.indnews {padding:10px 0 40px 0}
.indnews .mleft {width:22%}
.indnews .mleft .t {font-size:20px; line-height:20px;}
.indnews .mleft .et {margin-top:5px}
.indnews .mleft .l {width:30px; height:2px;margin:10px 0 60px 0}
.indnews .mleft .c {font-size:18px; line-height:28px;}
.indnews  .mright {width:73%}
.indnews  ul {margin-top:-30px}
.indnews  li {margin-top:30px}
.indnews  li .addtime { width:70px; height:70px;}
.indnews  li .addtime h1 {font-size:16px; line-height:16px;margin:12px 0 3px 0}
.indnews  li .addtime h2 {font-size:30px; line-height:30px;}
.indnews  li .cons {margin:0 0 0 85px}
.indnews  li .cons .title { margin:-2px 0 8px 0}
.indnews  li .cons .title a {font-size:16px;}

.foot {padding:40px 0 40px 0}
.foot ul {margin:0 0 30px 0}
.foot li.tel .cons {width:135px;}
.foot li.tel .cons img {width:50px}
.foot li.tel .c {margin:15px 0 2px 0}
.foot li.tel h3  {font-size:18px}
.foot li.tel img {margin-top:10px}
.foot li.wx {width:20%;padding-left:5%}
.foot li.wx .cons {width:100px;}
.foot li.wx img {width:100px; height:100px;}
.foot li.qq {width:14.5%;padding-left:10.5%}
.foot li.qq img {width:60px}
.foot li.qq .cons {width:91px}
.foot li.qq h1 {margin-top:18px;margin-bottom:-18px}
.foot li.talk { width:21.5%;margin-right:3.5%}
.foot li.talk .cons {width:76px;}
.foot li.talk h1 {margin:18px 0 -18px 0}
.foot li.talk img {width:60px}
.foot li h1 { height:110px}
.foot li i { width:90px;margin:20px 0 0 0;}

.foot .mleft {float:none;width:100%}
.foot .mright { position:relative;right:auto;bottom:auto;width:100%; text-align:left;margin-top:20px}
.casemenu {padding:30px 0 0 0}
.casemenu li i {margin:8px 15px 0 15px}

.case {padding:0 0 40px 0}
.get_more {padding:40px 0 0 0;}
.ashow {margin-top:30px}
.ashow .mleft .t {font-size:20px; line-height:30px;}
.ashow .mleft .t2 {font-size:16px; line-height:26px;margin:5px 0 20px 0}
.ashow .mleft .l {width:60px; height:2px}
.ashow .mright .l {margin:20px 0;}
.ashow .cons {margin-top:10px}
.ashow .cons img {margin-top:10px;}
.rightprevnext { display:none}
.bottomprevnext {line-height:40px;margin:20px 0}
.bottomprevnext p {width:43%;}
.bottomprevnext p.close {width:14%; }
.bottomprevnext p.prev a {padding:0 10% 0 0;width:90%}
.bottomprevnext p.next a {width:90%;padding:0 0 0 10%}


.nshow .bottomprevnext p {width:43%;}
.nshow .bottomprevnext p.close {width:14%; }

.recommond {padding:0 0 40px 0}
.recommond .subject h1 {font-size:22px;padding-top:10px}
.recommond .subject h2 {font-size:20px;margin:5px 0 30px 0; letter-spacing:1px}

.photography_list {padding:3% 0;}
.photography_list li {padding:30px 10px}
.photography_list li .title {font-size:16px;margin:10px 0 5px 0}
.photography_list li .cons {font-size:14px; line-height:24px;}
.photography_list li:Hover { top:0;}
.logochoose ul {border-radius:0;margin:0}
.logochoose ul li {margin:0}

.caseaabout .mleft {width:10%}
.caseaabout .mleft img {max-width:80px}
.caseaabout .mright {padding:30px 40px 30px 30px;width:80%}
.caseaabout .mright .icon { width:40px; height:40px; right:-20px;top:25px; background-size:cover;}
.caseaabout .mright .subject {left:30px;top:30px;padding:0 30px 0 0;border-width:1px}
.caseaabout .mright .subject h1 {font-size:20px; line-height:20px;}
.caseaabout .mright .subject h2 {font-size:16px; line-height:16px;margin-top:8px}
.caseaabout .mright .cons {margin:0 0 0 140px}
.caseaabout .mright .cons .pic img { height:25px}
.caseaabout .mright .cons .title {font-size:18px; line-height:33px;margin:20px 0 10px 0}
.caseaabout .mright .cons .more { margin-top:20px}
.aboutnum {margin:0;padding:40px 0}
.about { padding:30px 0 200px 0}
.about .mleft {width:15%;}
.about .mleft img {width:40px;}
.about .mright {width:85%;}
.about .mright .cons {font-size:16px; line-height:31px;margin:0 0 30px 50px}
.about .mright ul {width:106%;margin-top:-30px;margin-left:-3%}
.about .mright li {width:44%;margin:30px 3% 0 3%; }
.about .mright li .num {width:30px; height:30px; line-height:30px; font-size:20px}
.about .mright li .list {margin:0 0 0 50px}
.about .mright li .list .t {font-size:16px; line-height:16px; height:16px;}
.about .mright li .list .l {width:30px; margin:15px 0 10px 0}
.about .mright li .list .c { line-height:25px; height:50px; }
.bannerin { height:250px;}
.page_wrap {padding:30px 0}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;}


.news ul {padding-top:0;margin-top:-10px}
.news li { height:120px;margin-top:20px}
.news li .pic {width:203px;}
.news li .addtime {left:203px;top:20px;width:100px;}
.news li .addtime h1 {font-size:20px;margin:11px 0 -2px 0}
.news li .addtime h2 {font-size:16px;}
.news li .cons {margin:0 20px 0 303px;padding:21px 0 0 0}
.news li .cons .title a {font-size:16px;}
.news li .cons .content { line-height:25px; height:30px;margin-top:12px}
.news li .cons .tag { line-height:25px; height:25px; overflow:hidden; margin-top:12px}
.news li i { display:none;}

.nshow .title {font-size:20px; line-height:30px; margin:30px 0 0 0;}
.nshow .addtime {padding:10px 0 15px 0;}
.nshow .content {margin-top:30px}
.service { padding:40px 0}
.service ul {margin-top:-30px}
.service li { margin:30px 0 0 0;padding:40px 30px 35px 30px}
.service li .cons {max-width:100%;width:100%;padding:0;}
.service li .cons .ts { height:auto;padding:0 15px 0 0}
.service li .cons .ts .icon {width:68px; height:50px;top:20px}
.service li .cons .ts .t2 {margin:0 0 0 78px}
.service li .cons .ts .t2 .title {font-size:22px; line-height:32px;margin:-10px 0 0px 0}
.service li .cons .ts .t2 .title2 {font-size:20px;line-height:30px;}
.service li .pic {right:30px;top:30px;width:74px; height:80px;}
.service li .cons .content {margin-top:20px}

.servicelist {padding:40px 0}
.servicelist .subject {font-size:25px; line-height:35px;}
.servicelist .line {width:30px; height:2px;margin:15px auto 25px auto;}
.servicelist .cons {font-size:20px; line-height:30px;}

.cooperation {margin:0 auto 40px auto}
.cooperation .subject {font-size:25px; line-height:35px;margin:30px 0 5px 0}
.cooperation .content {line-height:31px;margin:0 0 25px 0}
.cooperation li .cons {line-height:31px;}
.cooperation li {padding:25px 0}
.cooperation li.f233 table {width:100%}
.contact {padding:40px 0}
.contact .msubject .title {font-size:20px; line-height:30px;margin:30px 0 5px 0}
.contact .en {font-size:20px;margin:0 0 0px 0; }
.contact .cn {font-size:20px;letter-spacing:0px}
.contact .companyname {font-size:20px; line-height:30px}
.contact .companycons {margin:10px 0 0 0}
.contact .companycons table {width:100%}
.contact input[type="text"] { height:50px; margin-top:20px}
.contact #mbtn {margin-top:25px}

}

@media only screen and (max-width: 1024px){
.indcasecons .mleft {width:60%}
.indcasecons .mright {width:35%}
.bannerin { height:200px;}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:400px; background-position:center;background-size:cover;}
.indcasecons .mleft {width:57%}
.indcasecons .mright {width:38%}
.single_item {width:100%}
.single_item2 {width:100%}
.single_itemX {width:24%}
.conslist .cons .td div h1 {font-size:14px; line-height:24px;}
.conslist .cons .td div h2 {font-size:12px; line-height:22px;}

.indnum {margin:20px 0 15px 0}
.indnum li {width:50%;margin:20px 0}
.indnum li.f2 {border:0}
.indcus .mleft {width:100%;}
.indcus .mright {width:100%;margin-top:30px}
#slider2 {width:100%}
.indcus .mright {width:100%;}
.indcus .mright .cons {padding:0;width:100%;margin:30px 0 0 0}
.indchoose ul li {width:100%;margin:0;border:0;border-bottom:1px solid #edebeb;}
.indchoose ul li.f3 {border:0}
.indchoose ul li .td { vertical-align:top}
.indchoose ul li:hover .td {top:0;}

.indchoose ul li .pic { width:31%; text-align:right}
.indchoose ul li .cons { width:60%;margin-left:5%; text-align:left;padding:0}
.indchoose ul li .cons .l {margin:15px 0}
.indchoose ul li .cons .t {margin-top:0}
.indnews .mleft {width:100%}
.indnews  .mright {width:100%}
.indnews .mleft .l {margin:10px 0 20px 0}
.indnews  ul {margin-top:10px}
.foot li i { display:none;}

.foot ul {margin-top:-30px}
.foot li{width:50%;margin:30px 0 0 0}
.foot li.tel .cons {width:100%}
.foot li.wx {width:50%;padding-left:0}
.foot li.qq {width:50%;padding-left:0; text-align:center}
.foot li.talk {width:50%;margin-right:0; text-align:center}
.foot li.talk .cons,.foot li.qq .cons,.foot li.tel .cons,.foot li.wx .cons {margin:0 auto}
.foot .mleft,.foot .mright { text-align:center}
.foot .mright a {margin-left:15px;}

.recommond .single_item {width:100%;margin-top:20px}
.recommond .subject {margin-bottom:-20px}
.photography .single_item {width:49.4%;}
.caseaabout .mright {padding:30px}
.caseaabout .mright .subject { position:relative;left:0;top:0;border:0;border-bottom:2px solid #2d43b6;padding:0 0 20px 0; display:inline-block;margin:0 0 20px 0}
.caseaabout .mright .cons {margin:0}
.caseaabout .mright .icon {right:5%;top:108px;width:30px; height:30px}
#slider2 .pic {width:100%}

#slider2 .bx-wrapper .bx-prev {margin-left:-50px;left:100%}
#slider2 .bx-wrapper .bx-next {margin-left:-25px;margin-right:0;left:100%}
.aboutnum {margin:0;padding:20px 0}
.about { background-position:left;padding:30px 0 300px 0}
.about .mleft { display:none;}
.about .mright {width:100%;}
.bannerin { height:150px;}
.contact .companycons table .td1 {padding:0; display:block}
.contact .companycons table .td2 { display:block}
.foot .links {display:none;text-align:center}

}

@media only screen and (max-width: 640px){
.fixright {right:-100%;width:100%;}
.fixright .btnclose {margin:20px 3% 0 0; position:relative;float:right}
.fixright ul {padding:15px 55px;}
.fixright ul li {margin:0}
.fixright .cons {padding:0 0 0 55px}
.fixright .cons h1 {padding:0 0 15px 0}
.fixright .cons p.p3 { margin:15px 0 0 0}

.bxslider li a {height:380px; background-position:center;background-size:cover;}
.indsolution ul {margin-top:10px; display:none;}
.indsolution li {width:45%;margin-top:30px;}
.indsolution li.i {width:10%;}
.indsolution li.i2 { display:none;}

.indcha ul {padding-top:40px}
.indcha li {margin-top:30px}

.indcha li .p {width:100px; height:102px;margin:0 auto 30px auto; background-size:cover;}
.indcha li.i i {margin:45px auto 0 auto;}
.indcha li .t {font-size:14px; line-height:24px}
.indcha li .c {font-size:14px; line-height:24px}

.indcasecons{ display:none;}
.indcasecons .mleft {width:100%}
.indcasecons .mright { display:none}
.indphoto .list {margin-top:-20px}
.indphoto .list li {width:50%;margin:40px 0 0 0}
.indphoto .list li.f2 {border:0}
.indnews  ul {width:100%;margin-left:0;margin-top:0px}
.indnews  li {width:100%; margin:30px 0 0 0;}
.ashow .mleft {width:100%;}
.ashow .mright {width:100%;}
.ashow .mleft .l {width:30px; height:3px;margin:20px 0}
.photography_list ul {margin-top:-1%}
.photography_list li {width:49%;margin-top:1%}
.casemenu li i {margin-left:10px;margin-right:10px}
.caseaabout .mleft { display:none;}
.caseaabout .mright {width:100%;padding:20px 5%}

.about { background-position:center;padding:30px 0 200px 0}
.about .mright .cons {margin:0 0 30px 0}
.about .mright ul {width:100%;margin-top:-30px;margin-left:0}
.about .mright li {width:100%;margin:30px 0 0 0;}
.about .mright li .list .t { height:auto}
.about .mright li .list .c {  height:auto}
.bannerin { height:130px;}

.news li { height:90px;}
.news li .pic {width:120px;}

.news li .addtime { display:none}
.news li .addtime h1 {font-size:20px;margin:11px 0 -2px 0}
.news li .addtime h2 {font-size:16px;}
.news li .cons {margin:0 10px 0 130px;padding:0; padding-top: 10px; }
.news li .cons .title a {font-size:16px;}
.news li .cons .content {margin-top:6px;font-size:12px; line-height:22px; height:40px;}
.news li .cons .tag { line-height:25px; height:25px; overflow:hidden; margin-top:12px}
.service li .pic { position:relative;top:0;right:auto; text-align:center;width:100%; height:auto;padding:0 0 30px 0}
.service li .pic img {width:150px;margin:0 auto}
.service li .cons .ts {padding:0}
.cooperation li.f233 img {margin:10px 0 0 30px}
.cooperation li.f236 table {margin-top:-20px}
.cooperation li.f236 .td1 {width:100%; display:block;margin-top:20px}
.cooperation li.f236 .td2 {width:0; display:none;}
.cooperation li.f239 table {width:100%;margin-top:-20px}
.cooperation li.f239 .td1 {width:48%;margin-top:20px; display:block;float:left;}
.cooperation li.f239 .td2 {width:0; display:none}
.cooperation li.f239 .t3,.cooperation li.f239 .t7 {float:right}
.contact .mleft {width:100%;}
.contact .mright {width:100%;}
.contact .companyname {margin-top:20px}
.contact .msubject {width:100%;margin-left:0}
.contact #mtel,.contact #mcompany{width:100%}



.indsolution .content,.indcase .cate3,.indcus,.indnews,.foot ul,.foot .mright { display:none;}
.indcasecons .mleft { text-align:center}
.tabs { text-align:center; width:100%;margin-top:0px}
.tabs li {margin-left:15px;margin-right:15px}
.foot .mleft {margin-top:-20px}

}

@media only screen and (max-width: 480px){
.bxslider li a {height:auto; background-position:center;background-size:cover;}
.bannerin { height:120px;}
}

@media only screen and (max-width: 420px){
.bxslider li a {height:auto; background-position:center;background-size:cover;
background-attachment: scroll;
    background-size: cover;
}
.bannerin { height:100px;}
.indsolution .title2 {max-width:330px}
}