@charset "utf-8";
@media only screen and (max-width: 1750px){
.wrap3 {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%}
.wrap {padding:0 3%}
.bxslider li a {height:600px;background-position:center top; background-attachment:scroll; background-size:cover;}
.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:121px; height:30px;margin-top:10px; background-size:cover; background-position:center bottom;}
.fixtop .toper .btnopen {margin: 15px 29px 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:-157px;  width:30px;  height:30px; background-size:cover}
.tblank1 { display:block}
.bxslider li a {height:500px; background-position:center;}
.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:20px;}
.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 { padding:40px 0 50px 0; background-size:cover; background-attachment:scroll;}
.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:14px; 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:20px; 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 20px 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 {height:50px; line-height:50px;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 { background-attachment:scroll;padding:40px 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;}
.indcasecons .mleft {width:57%}
.indcasecons .mright {width:38%}
.single_item {width:50%}
.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 #004FA2;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:350px;}
.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}
.news li .cons .title a {font-size:16px;}
.news li .cons .content {margin-top:6px;font-size:13px; line-height:22px; height:24px;}
.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:300px;}
.bannerin { height:120px;}
}

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

@media (max-width: 980px)img {
.max-width: 100%;
}


@media (max-width: 640px)
.contain {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 980px)
body, button, input, pre, select, textarea {
    font-weight: normal;
}

@media (max-width: 1260px)
.contain {
    width: 100%;
    padding: 0 2%;
}


@media all and (max-width:1700px) {/*1680 * 1050*/
}
 @media all and (max-width:1460px) {/*1440 * 900*/
}
 @media all and (max-width:1400px) {
}
 @media all and (max-width:1380px) {/*1366*/
}
 @media all and (max-width:1300px) {/*1280 * 800*/
}
 @media all and (max-width:1260px) {/*1260*/
.contain {
	width: 100%;
	padding: 0 2%;
}
.iCase-block .t1 {
	font-size: 16px;
	line-height: 23px;
}
.iCase-block .t2 {
	font-size: 24px;
	line-height: 33px;
}
.I-title .t1 {
	line-height: 43px;
	font-size: 38px;
}
.I-title .t2 {
	line-height: 38px;
	font-size: 22px;
}
.srv-stage .contain {
	padding-left: 2%;
	padding-right: 2%;
}
.ctUs-box {
	right: 0px !important
}
.proInfo-wrap {
	padding: 41px 2% 43px;
}
}
 @media all and (max-width:1200px) { /*1200*/
.Hnav a {
	width: 82px;
	font-size: 16px;
}
.I-title .t1 {
	line-height: 41px;
	font-size: 36px;
}
.I-title .t2 {
	line-height: 36px;
	font-size: 20px;
}
.index-more .t1 {
	line-height: 51px;
	font-size: 44px;
}
.ctUs-form {
	width: 55%;
}
#index-bnr .box {
	padding: 0 2%;
	width: 100%;
	left: 0px;
	margin-left: 0px;
}
}
 @media all and (max-width:1100px) {/*1024 * 768 */
.Hnav a {
	width: 72px;
	font-size: 14px;
}
.iCase-block .t1 {
	font-size: 14px;
	line-height: 20px;
}
.iCase-block .t2 {
	font-size: 20px;
	line-height: 28px;
}
.I-title .t1 {
	line-height: 38px;
	font-size: 34px;
}
.I-title .t2 {
	line-height: 34px;
	font-size: 18px;
}
.index-more .t1 {
	line-height: 47px;
	font-size: 40px;
}
.nInfo-left {
	width: 73%;
}
.ctUs-form {
	width: 50%;
}
.com-pro .con {
	width: 100%;
}
}
 @media (max-width: 980px) {/*web*/
body, button, input, pre, select, textarea {
	font-weight: normal;
}
img {
	max-width: 100%;
}
iCust-swiper {
	max-width: 100%;
}

/*-- Header --*/
.Header-wrapper .Header-cl,  .header-container,  .Hlogo,  .Hct,  .Htel {
	height: 50px;
}
.Hlogo {
	line-height: 50px;

}
.Htel {
	padding: 0px;
	width: 36px;
	font-size: 0px;
	top: 0px;
	background-position: center center;
	margin: 0px;
}
.Hct {
	width: 42px;
}
.Hlogo img {
	height: 61%;
}
.Hmenu-btn {
	display: block;
}
.Hnav {
	display: none;
	width: 100%;
	background: #fff;
	border-top: 1px solid #ccc;
	position: absolute;
	top: 50px;
	left: 0px;
}
.Hnav a {
	width: 100%;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #ccc;
	float: none;
	margin: 0px;
}
.Hnav a .box {
	height: 45px;
	line-height: 45px;
	top: 0px;
}
.Hnav a.cur .box span,  .Hnav a:hover .box span {
	top: -45px;
}
.Hnav a i {
	display: none;
}
.Hnav a.cur,  .Hnav a:active {
	border-color: #b60005;
}
/*-- Footer --*/
.footer-container {
padding:0 0 .47rem;
}
.footer-btm .flink {
	display: none;
}
.footer-btm .fcr {
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
	border: 0px;
	margin: 0px;
}
.Fnav {
	padding: 0px;
	border: 0px;
}
.Fnav {
	width: 100% !important;
	margin: 2% 0 0;
}
.Fnav i {
	display: none;
}
.Fnav dt {
	padding: 0 2%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	margin: 0px;
}
.Fnav dt.cur {
	border-bottom: 1px solid #b60005;
}
.Fnav dd {
	display: none;
}
.Fnav dd a {
	line-height: 40px;
	padding: 0 4%;
}
.Fct {
	width: 100%;
	padding: 0px;
	border: 0px;
	margin: 4% 0 0;
}
/*-- Container --*/
#index-bnr {
	display: none;
}
#index-web-bnr {
	display: block;
}

.index-pro li img {
	width: 40px;
}
.index-pro li .type {
	font-size: 18px;
	line-height: 24px;
	margin: 12px 0 0;
}
.index-pro li .list {
	margin: 10px 0 0;
}
.index-pro li .list a {
	line-height: 26px;
}
.iCase-list li.l1,  .iCase-list li.l2,  .iCase-list li.l4,  .iCase-list li.l5 {
	width: 25%;
}
.iCase-list li.l3,  .iCase-list li.l6,  .iCase-list li.l7,  .iCase-list li.l8 {
	width: 50%;
}
.iCase-list li.l7 .iCase-box,  .iCase-list li.l8 .iCase-box {
	width: 50%;
	float: left;
}
.iCase-list li.l1 .iCase-box img,  .iCase-list li.l7 .iCase-box img,  .iCase-list li.l8 .iCase-box img {
	height: 150px !important;
}
.iCase-list li.l2 .iCase-box img,  .iCase-list li.l3 .iCase-box img,  .iCase-list li.l4 .iCase-box img,  .iCase-list li.l5 .iCase-box img,  .iCase-list li.l6 .iCase-box img {
	height: 300px !important;
}
.I-title .t1 {
	line-height: 36px;
	font-size: 32px;
}
.I-title .t2 {
	line-height: 32px;
	font-size: 16px;
}
.I-title .t3 {
	width: 100%;
	padding: 0 2%;
}
.I-more.btn {
	width: 200px;
	line-height: 40px;
	font-size: 14px;
}
.I-more.btn span {
	background-size: 18px auto;
}
.index-abUs .con1 {
	font-size: 32px;
	line-height: 46px;
}
.index-abUs .con2 {
	width: 92%;
}
.index-abUs ul li {
margin:0 .4rem;
}
.index-abUs ul li .num {
	font-size: 70px;
	line-height: 66px;
}
.index-more {
	padding-left: 4%;
	padding-right: 4%;
}
.index-more .t1 {
	line-height: 43px;
	font-size: 36px;
}
.iNews-1st .name {
	font-size: 16px;
	line-height: 22px;
	height: 44px;
}
.iNews-list a {
	font-size: 14px;
	line-height: 28px;
}
.case-list li {
	width: 50%;
}
.cIalbum-top {
	height: 50px;
}
.cIalbum-top .btn {
	font-size: 14px;
	line-height: 28px;
	left: 4%;
	top: 11px;
}
.cIalbum-top .btn span {
	padding: 0 0 0 30px;
	background-size: auto 80%;
}
.srv-stage.s4 .contain {
	padding: 1.67rem 0 0;
}
.srv-stage .srv-box {
	width: 80%;
	float: none;
	margin: 0 auto;
}
.srv-stage .srv-web {
	display: block;
}
.srv-stage .contain {
	padding: 0px;
}
.srv-stage .srv-bg {
	display: none;
}
.srv-stage.s4 .srv-web {
	padding: 0px;
}
.srv-stage.s4 .srv-web img {
	width: 100%;
}
.news-nav a {
	font-size: 14px;
	line-height: 40px;
}
.news-nav a:before {
	height: 12px;
	top: 14px;
}
.nlist-img img {
	height: auto;
}
.nlist-box .name {
	font-size: 20px;
	line-height: 28px;
margin:.375rem 0 0;
}
.nlist-box .con {
margin:.3rem 0 0;
}
.nlist-box .more {margin: 10.8rem 0 0;}
.nInfo-right {
	display: none;
}
.nInfo-left {
	width: 100%;
padding:.53rem 0 1.02rem;
	min-height: 0px;
	border: 0px;
}
.nInfo-name {
	font-size: 26px;
	line-height: 32px;
}
.nInfo-share a {
	margin: 0 10px 0 0;
}
.bnr-img.page-bnr {
	height: 6rem;
}
.ctUs-form {
	width: 80%;
	float: none;
	margin: 0 auto;
}
.ctUs-box {
padding:.51rem 0 .66rem .765rem;
	width: 80% !important;
	position: relative;
	margin: 4% auto 0;
}
.cPro-data li {
margin:3% 0 0 .51rem;
}
.cPro-data li:first-child {
	margin: 0px;
}
.cPro-data li .num {
	font-size: 60px;
	line-height: 50px;
}
.cCul-list .cCul-icon {
	width: 120px;
	height: 120px;
	line-height: 116px;
}
.I-title .split {
margin:.5rem auto .4rem;
}
.com-pro .title {
	font-size: 30px;
	line-height: 40px;
}
.cCul-list {
margin:.69rem 0 0;
}
.float-right-box,  .float_qq {
	display: none;
}
 .page-banner {
	display: none;
}
.web-banner {
	display: block;
}
.com-orn .comOrn-web {
	display: block;
}
.com-orn .comOrn-pc {
	display: none;
}
.iCase-list li {
	height: auto !important;
}
.footer-flink {
	margin: 20px 0 0;
}
.footer-flink .contain {
padding:.5rem 0;
}
.footer-flink ul li {
	width: 25%;
}
.proInfo-box {
	width: 100%;
	float: none;
}
.proInfo-nav {
	width: 100%;
	float: none;
}
.pInfoNav-cur,  .pInfoNav-rtn {
	display: block;
}
.proInfo-split {
	display: none;
}
.pInfoNav-box {
	display: none;
	padding: 0 4%;
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
	overflow-y: auto;
	z-index: 9999;
}
.news-nav a {
	width: 100%;
}
.hc-ul {
	height: 36px;
}
.hc-ul li {
	height: 36px;
	line-height: 36px;
}
.Header-wrapper {
	z-index: 9999;
}
}
 @media all and (max-width:768px) {
.index-pro {
	padding: 0px;
}
.index-pro li {
	width: 50%;
padding:.37rem 0 .57rem;
}
.iCase-list li.l1 .iCase-box img,  .iCase-list li.l7 .iCase-box img,  .iCase-list li.l8 .iCase-box img {
	height: 120px !important;
}
.iCase-list li.l2 .iCase-box img,  .iCase-list li.l3 .iCase-box img,  .iCase-list li.l4 .iCase-box img,  .iCase-list li.l5 .iCase-box img,  .iCase-list li.l6 .iCase-box img {
	height: 240px !important;
}
.I-title .t1 {
	line-height: 32px;
	font-size: 28px;
}
.I-title .t2 {
	line-height: 30px;
	font-size: 14px;
}
.index-abUs .con1 {
	font-size: 28px;
	line-height: 42px;
}
.index-abUs ul li .num {
	font-size: 60px;
	line-height: 56px;
}
.index-more .t1 {
	line-height: 39px;
	font-size: 32px;
}
.iNews-wrap {
	margin: 0px;
}
.iNews-wrap li {
	width: 60%;
	float: none;
	margin: 4% auto 0 !important;
}
.iNews-1st .name {
	height: 22px;
}
.iNews-list {
	margin: 10px 0 0;
}
.cInfo-album,  body.cIalbum-open .cInfo-album {
	width: 100%;
}
.cInfo-album {
	right: -100%;
}
.cIalbum-swiper {
	width: 92%;
	height: auto;
}
.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet {
	width: 33.333%;
	height: auto;
}
.srv-stage .srv-web img,  .srv-stage .srv-box {
	width: 90%;
}
.srv-stage .s-title {
	font-size: 30px;
	line-height: 40px;
}
.srv-stage .s-con {
	font-size: 16px;
	line-height: 24px;
}
.srv-stage .s-list {
	font-size: 16px;
	line-height: 30px;
	margin: 20px 0 0;
}
.nlist-img,  .nlist-box {
	width: 80%;
	float: none;
	margin: 0 auto;
}
.nlist-box {
	margin: 2% auto 0;
}
.ctUs-form,  .ctUs-box {
	width: 90% !important
}
.cPro-data li .num {
	font-size: 50px;
	line-height: 40px;
}
.cCul-list .cCul-icon {
	width: 100px;
	height: 100px;
	line-height: 96px;
}
.cCul-list .type {
	font-size: 18px;
	line-height: 26px;
	margin: 18px 0 0;
}
.cCul-list .con {
	font-size: 12px;
	line-height: 22px;
}
.index-more {
	background-attachment: initial !important;
}
.bnr-img.page-bnr {
	height: 8rem;
}
#index-web-bnr{ padding-top:50px}
#index-web-bnr .bnr-img{ height:auto !important}
}
 @media all and (max-width:640px) {
.iCase-list li.l1,  .iCase-list li.l2,  .iCase-list li.l4,  .iCase-list li.l5 {
	width: 50%;
}
.iCase-list li.l3,  .iCase-list li.l6,  .iCase-list li.l7,  .iCase-list li.l8 {
	width: 100%;
}
.iCase-list li.l1 .iCase-box img,  .iCase-list li.l7 .iCase-box img,  .iCase-list li.l8 .iCase-box img {
	height: 150px !important;
}
.iCase-list li.l2 .iCase-box img,  .iCase-list li.l3 .iCase-box img,  .iCase-list li.l4 .iCase-box img,  .iCase-list li.l5 .iCase-box img,  .iCase-list li.l6 .iCase-box img {
	height: 300px !important;
}
.I-title .t1 {
	line-height: 28px;
	font-size: 24px;
}
.index-abUs .con1 {
	font-size: 24px;
	line-height: 38px;
}
.index-abUs ul li .num {
	font-size: 50px;
	line-height: 46px;
}
.index-abUs ul li .con {
	font-size: 14px;
	line-height: 24px;
}
.index-more .t1 {
	line-height: 35px;
	font-size: 28px;
}
.iNews-wrap li {
	width: 80%;
}
.case-sel {
	width: 46%;
	margin: 0 2%;
}
.pagination a {
	width: 30px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
	margin: 0 2px;
}
.p-rtn-btn {
	width: 150px;
	line-height: 34px;
	font-size: 14px;
}
.p-rtn-btn span {
	padding: 0 0 0 24px;
	background-size: 16px auto;
}
.I-more.btn {
	width: 160px;
	line-heihgt: 34px;
}
.I-more.btn span {
	padding: 0 24px 0 0;
	background-size: 16px auto;
}
.news-nav a {
	font-size: 12px;
	line-height: 36px;
}
.news-nav a:before {
	height: 10px;
	top: 13px;
}
.nlist-img,  .nlist-box {
	width: 90%;
}
.ctUs-form,  .ctUs-box {
	width: 96% !important
}
.ctUs-box .ctUs-block {
	width: 90%;
}
.cPro-data li .num {
	font-size: 40px;
	line-height: 30px;
}
.cPro-data li .type {
	font-size: 14px;
	line-height: 20px;
}
.cCul-list .cCul-icon {
	width: 80px;
	height: 80px;
	line-height: 76px;
}
.com-culture .I-title .t3,  .com-srv .I-title .t3 {
	font-size: 14px;
	line-height: 24px;
}
.com-pro {
padding:.8rem 2% 1.05rem;
}
.nInfo-share a {
	margin: 0 10px 0 0 !important;
}
.bnr-img.page-bnr {
	height: 10rem;
}
.footer-flink ul li {
	width: 50%;
}
.pageflip {
	width: 100%;
}
.flipbox .p-rtn-btn {
	float: left;
	margin-top: 20px;
}
}
 @media all and (max-width:414px) {
.I-title .t1 {
	line-height: 24px;
	font-size: 20px;
}
.index-abUs .con1 {
	font-size: 20px;
	line-height: 34px;
}
.index-abUs ul li .num {
	font-size: 40px;
	line-height: 36px;
}
.index-abUs ul li .con {
	font-size: 12px;
	line-height: 20px;
}
.index-more .t1 {
	line-height: 31px;
	font-size: 24px;
}
.index-pro li {
	padding: 1.2rem 0;
}
.iNews-wrap li,  .case-list li {
	width: 50%;
}
.srv-stage .srv-web img {
	width: 100%;
}
.srv-stage .srv-box {
	width: 92%;
}
.nlist-img,  .nlist-box {
	width: 96%;
}
/*.nInfo-share{float:none;}
	.nInfo-action .p-rtn-btn{float:none;margin:15px 0 0;}*/
	
.bnr-img.page-bnr {
	height: 16rem;
}
}
 @media all and (max-width:375px) {
.index-abUs .con1 {
	font-size: 18px;
	line-height: 24px;
}
}