@charset "utf-8";
@media only screen and (max-width: 2200px){
.indpic { height: 900px}
.indpic .in {margin:465px 0 0 auto;}
.bannerin { height:558px;}
.bannerin .t {padding-top:330px}
.about {background-size:95%}
.product { background-position:  center bottom}
}

@media only screen and (max-width: 1600px){
.about {background-size:120%}
}

@media only screen and (max-width: 1200px){
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px}
.wrap {margin:0 4%}
.indpic { height:550px}
.phonemenu { display:block;}
.tblank { height:50px}
.fixtop { height: 50px; background: #fff; position: fixed}
.fixtop .toper ul.navpc { display:none;}
.fixtop .toper .logo {width:96px; height:20px;top:15px;}
.fixtop .toper .header .search { display: none;}
.fixtop .toper .header {top:9px}
.fixtop .toper .header .encn {font-size:16px;margin:0 40px 0 0}
.indpic .in {margin:285px 0 0 auto;}
.indpic .in .cons {font-size:20px; line-height: 1.8;}
.indpic .in .cons .t {font-size:30px; line-height: 40px;margin:0 0 10px 0}    
.maintitle {height:1px;margin:70px 0 40px 0; background: #ecebea;}
.maintitle .title {width:159px; height:50px;padding:8px 0 0 0; font-size:13px; line-height:50px;top:-32px; background-size:100%}
.maintitle i { display: none;}
.indabout .content {font-size:14px;}
.indabout .address {margin:30px 0 35px 0}
.indabout .address .t { width:83px; height:30px;font-size:16px; line-height:16px;padding:9px 0 0 6px; background-size:100%}
.indabout .address .c {padding:3px 0 0 95px;font-size:20px; line-height: 30px;}
.maintitle .entitle {font-size:13px;top:-30px}
    
.indpro {padding:30px 0 40px 0;}
.indpro li .t { width:200px; height:34px;font-size:16px; line-height:20px;top:40px; background-size:100%}
.indpro li .t:hover {left:0}
.indpro li .t a {left:18px;top:10px;}
.indpro li .t2 {font-size:16px;top:80px;left:10px;}
.indpro li .p {width:300px;}
.indpro li .p:hover {left:0}
.indpro li .m {left:5px;top:150px;}
.indpro li .m a {width:96px;height:35px;font-size:13px; padding:5px 0 0 18px; background-size:100%}
.indpro li .m a:hover {left:0}
.indpro li.li2 {margin:0 0 10px 0}
.indpro li.li2 .t,.indpro li.li2 .t:hover { left:330px;}
.indpro li.li2 .t2 {left:340px;}
.indpro li.li2 .m {left:335px;}
.maintitle .proicon { display: none;}
.indpro .proicon2 { display: none;}
    
.foot {font-size:12px; background-size:5%}
.foot .logo { display: none;}
.foot .cons {padding:50px 0 40px 0}
.foot .cons dt:before {width:90px; height: 1px; top:-5px}
.foot .cons dt:after {width:56px; height: 1px;top:-9px}
.foot .cons dt a {font-size:14px;}
.foot .cons dd i {width:12px;}
.foot .cons dd p {margin:0 0 0 18px}
.foot .cons dl:nth-child(2) {padding:0 0 0 5%}
.bannerin { height:300px;}
.bannerin .t {padding-top:125px}
.bannerin .t {font-size:30px; line-height:30px;letter-spacing:1px;margin:0 0 -5px 0}
.bannerin .t2 {font-size:20px; line-height: 20px;letter-spacing:0.5px}
    
.about {background-size:cover;}
.aboutcons {margin:40px 0 0 0}
.about1 {text-align:center;margin:40px 0}
.about1 li {width:180px; height: 180px; font-size:16px; line-height:180px;margin:0 0 0 30px;}

.about2 {padding:0 0 40px 0}
.about2 li {padding:100px 20px 0 20px;}
.about2 li:hover {top:-0}
.about2 li .c {font-size:14px;}
.about2 li .t {font-size:16px; line-height: 24px;min-height:48px;margin:0 0 20px 0}
.about2 li {height:460px}
.product {padding:20px 0}
.product li {margin:20px 0}
    
.service { background-size:50%; padding:0 0 80px 0}
.servicecons {font-size:14px}
.servicecons img {margin:5px 0}
    
.contact {padding:40px 0}
.contactsubject { width:143px; height:45px;font-size:20px; line-height: 20px; background-size:100%; margin:0 0 25px 0}
.contactsubject p {left:18px;top:15px;}
.contact1 {margin:0 0 40px 0}
.contact1 .mleft dd {margin:0 0 10px 0}
.contact1 .mleft dd i {width:15px;top:-1px}
.contact1 .mleft dd p {margin:0 0 0 25px;font-size:16px; }
    
.message .list {margin:0 0 10px 0}
.message .list span {width:70px;font-size:14px;}
.message .list p {margin:0 0 0 85px;}
.message .list input[type="text"] {height:30px;padding:0 10px;}
.message .list #mbeizu {height:120px;padding:5px 10px;}
.message .listbtn {margin:20px 0 0 0}
.message .listbtn input { width:132px; height:33px;padding:0 0 2px 0;font-size:18px; background-size:100%; }
}

@media only screen and (max-width: 788px){
.indpic { height:400px}
.indpic .in {margin:200px 0 0 auto;}
.indpic .in .cons {font-size:16px;margin:0 30px 0 0}
.indpic .in .cons .t {font-size:25px; line-height:35px;}
.maintitle .abouticon {top:-20px}
.foot {background-size:7%}
.foot .cons dl:nth-child(2) {padding:0 0 0 1%}
.bannerin { height:250px;}
.bannerin .t {padding-top:100px}
.about1 {margin-top:0}
.about1 li,.about1 li:nth-child(1) {margin:40px 20px 0 20px}
.about2 li {width:46%}
.about2 li {height:350px}
}

@media only screen and (max-width: 640px){
.indpic { height:350px}
.indpic .in {margin:175px 0 0 auto;}
.indpic .in .cons {font-size:14px;margin:0 20px 0 0}
.indpic .in .cons .t {font-size:22px; line-height:30px;}
.indabout .address .c {padding:40px 0 0 0;}

.indpro {padding-top:1px}
.indpro ul {margin-top:-20px}
.indpro li,.indpro li.li2 { text-align: center;margin:60px 0 0 0}
.indpro li .t { position:relative;left:10px;top:0;margin:0 auto}
.indpro li .t:hover {left:10px}
.indpro li .t2 {position:relative;top:0;}
.indpro li .p {float:none;width:100%; text-align:center;margin:30px 0}
.indpro li .p img {width:300px;margin:0  auto}
.indpro li .m {position:relative;left:0;top:0; text-align: center;margin:0 auto;width:100%}
.indpro li .m a {margin:0 auto; text-align:left;}
.indpro li.li2 .p {float:none; text-align:center;}
.indpro li.li2 .t { left:2px;}
.indpro li.li2 .t:hover {left:2px}
.indpro li.li2 .t2 {left:0px;}
.indpro li.li2 .m {left:0px;}
.foot .cons dl {width:100%}
.foot .cons dl:nth-child(2) {padding:0;margin:40px 0}
.foot .cons dl:nth-child(3) { text-align:left;float:left;width:100%}
.bannerin { height:200px;}
.bannerin .t {padding-top:75px}
.bannerin .t {font-size:20px; line-height:20px;margin:0 0 -10px 0}
.bannerin .t2 {font-size:14px; line-height:14px}
.contact1 .mleft {width:100%}
.contact1 .mright {width:100%;margin:30px 0 0 0}
.about2 {margin:60px 0 0 0}
.about2 li {width:96%;height:auto;padding:150px 60px 120px 30px; background-position: right top; background-repeat: no-repeat; background-size:cover;}
.about2 li .t {min-height:0;}
}

@media only screen and (max-width: 480px){
.indpic { height:300px}
.indpic .in {margin:150px 0 0 auto;}
.indpic .in .cons {font-size:12px;margin:0}
.indpic .in .cons .t {font-size:20px;}
.bannerin { height:150px;}
.bannerin .t {padding-top:50px}
}

@media only screen and (max-width: 420px){
.indpic { height:250px}
.indpic .in {margin:110px 0 0 auto;}
.bannerin { height:120px;}
.bannerin .t {padding-top:40px}
}