@charset "utf-8";
@media only screen and (max-width:1800px){
    .indpics .item .cons .t {font-size:65px; line-height:75px;margin:-2% 0 20px 0}
    .indpics .item .cons .c {font-size:25px; }
    .indpic {height:auto;padding:21.2% 0; background-size:cover;}
    .banner {padding:0; height:400px}
    .banner .cons .t {font-size:50px; line-height:60px;}
    .banner .cons .c {font-size:30px;}
}

@media only screen and (max-width:1200px){
    .wrap {margin:0 4%}
    .phonemenu { display:block;}    
    .fixtop {height: 50px;background:rgba(38,42,50,1);}
    .fixtop .logo { width:113px; height:20px;top:15px;}
    .fixtop ul.navpc {display:none;}
    .fixtop .search_lan .search {display:none;}    
    .fixtop .search_lan,.fixtop.active .search_lan { right:100px;top:9px; z-index: 999}
    .fixtop .search_lan .lan {right:-60px}
    .fixtop .search_lan .lan span {margin:6px 0 0 3px;}  
    .tblank {height:50px}
    .fixtop.active {top:0;}
    .fixtop.active .logo {top:15px;}    
    .owl-carousel .owl-dots {bottom:10px;}
    .owl-carousel .owl-dots .owl-dot span{width:5px; height:5px;margin:0 5px;}
    .indpics .item .cons .t {font-size:40px; line-height:50px;margin:-1% 0 10px 0}
    .indpics .item .cons .c {font-size:14px;}    
    .indabout {padding:40px 0}
    .indabout .mleft .t {font-size:20px; line-height: 20px;margin:0 0 10px 0}
    .indabout .mleft .c img {margin:20px 0 0 0;width:80px}
    .indabout .mleft .a {padding:0 0 0 80px;margin:40px 0 0 0}
    .indabout .mleft .a p { font-size:16px;top:-2px}    
    .indpro {padding:40px 0}
    .indpro .subject {font-size:20px; line-height:20px;margin:0 0 30px 0}
    .indpro ul {margin-bottom:30px}
    .indpro li .pic {padding:20px}
    .indpro li .title { height:40px; line-height:38px;padding:0 10px; }
    .indpro li .title a.txt {font-size:14px;padding:0 40px 0 0;}
    .indpro li .title a.icon { width:15px; height: 15px;right:10px;top:12px; background-size:cover;}
    .indmore a {width:90px; height: 28px; line-height: 27px}
    .indmore a:hover {width:90px}    
    .indsubject {padding:40px 0 25px 0;font-size:14px;}
    .indsubject p {font-size:20px; line-height:20px;}
    .indnews ul {margin-bottom:30px}
    .indnews li .pic {padding:28% 0}
    .indnews li .title {margin:8px 0 3px 0}
    .indnews li .title a {font-size:16px;}
    .indnews li .content {font-size:13px;line-height: 20px; height:40px;}    
    .indparter {padding:0 0 50px 0}
    .indparter li {border-radius:5px; height: 80px;}
    .indparter li img {max-width:143px;max-height:50px}    
    .foot {padding:30px 0}
    .foot dl {display:none;}
    .foot dl:nth-child(4) {display:block;}
    .foot dl.ct {width:90%;margin:0 10% 0 0}
    .foot dl.ct .fb {top:auto;font-size:30px; line-height: 30px;}
    .foot dl.ct .fb:before {left:5px;top:5px;width:20px; height: 20px;}
    .foot dl.ct .fb:hover {top:auto;}
    .foot dl.ct .fb:hover,.foot dl.ct .fb {bottom:0px}    
    .banner {height:280px}
    .banner .cons .t {font-size:30px; line-height: 40px;margin:0 0 5px 0}
    .banner .cons .c {font-size:20px; line-height: 1.8;}
    .fatory ul {margin-bottom:40px}    
    .about {margin:40px 0 0 0}
    .about .mleft .t {font-size:20px; line-height:20px;margin:0 0 15px 0; }
    .about .mleft .t:before {display:none;}
    .about .mright {margin:40px 0 0 0;}
    .about .mright:before {display:none;}
    .about .mright .in {padding:0}
    .about .mright .bgtxt {display:none;}    
    .about .bg { padding:20px 0;margin:30px 0 0 0;width:100%}
    .about .bg .in {margin:0}
    .about .bg .t {font-size:25px; line-height:35px;margin:0 0 2px 0}
    .about .bg .t2 {font-size:16px; line-height:26px;}    
    .page_wrap {padding:20px 0 0 0;}
    .pager a,.pager span,.pager font {width:22px; height:22px; line-height:20px;margin:2px}   
    .pager font {margin:0;} 
    .pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
    .pager i {line-height:23px;}
    .procate {padding:15px 0}
    .procate ul {margin:3px 0 0 0}
    .procate li {margin:0 0 0 15px}
    .procate li a {font-size:14px; line-height:25px;border-bottom-width:1px}
    .procate .mright form {height: 29px; line-height: 28px}
    .procate .mright form #k {width:75%;height: 29px; line-height: 28px;padding:0 10px;}
    .procate .mright #sbtn {width:25%; height: 29px; line-height: 28px; font-size:18px;}
    .product {padding:0 0 30px 0}
    .product li {padding:20px;}
    .product li .pic img {max-height:15px}
    .product li .title {font-size:14px;}    
    .news {padding:20px 0 40px 0}
    .news ul {margin-top:-30px}
    .news li {margin-top:30px;min-height:110px}
    .news li .pic {width:110px; height: 110px;}
    .news li .cons {margin:-5px 0 0 125px}
    .news li .cons .a {border-bottom-width:1px;padding:0 0 5px 15px;font-size:12px}
    .news li .cons .a:before {top:7px;width:10px; height: 10px; background-size:100%}
    .news li .cons .t {margin:8px 0 5px 0}
    .news li .cons .t a {font-size:16px;}
    .news li .cons .c { line-height: 23px; height:46px;font-size:13px}
    .news li .cons .m {display:none;}
    .nshow {padding:40px 0}
    .nshow .t {font-size:20px; line-height: 30px;}
    .nshow .a {border-bottom-width:1px;padding:5px 0 15px 0;margin:0 0 25px 0}    
    .quanlity {padding:40px 0}
    .quanlity li {border-width:1px;padding:30px 0;}
    .quanlity li .pic img {height:50px}
    .quanlity li .title {font-size:16px; line-height:26px;margin:10px 0 0 0}
    .nationwide {padding:30px 0}
    .nationwide .title {font-size:20px; line-height: 30px;margin:0 0 20px 0}
    .nationwide.world {padding:30px 0}    
    .contact {padding:40px 0}
    .contact .mleft .subject {font-size:20px; line-height: 20px; margin:0 0 15px 0}
    .contact .mleft dd { font-size:14px;margin:10px 0 0 0;padding:0 0 0 25px}
    .contact .mleft dd p span {font-size:16px; }
    .contact .mleft dd:nth-child(2) p span {font-size:20px;left:-2px;}
    .contact .mleft dd.last p span {font-size:18px;left:-1px;}    
    .message {padding:0 0 40px 0}
    .message .subject {font-size:20px;margin:0 0 20px 0}
    .message li {margin:15px 0 0 0}
    .message li p {top:2px;width:50px;font-size:14px;}
    .message li h2 {margin:0 0 0 60px;}
    .message li h2 input[type="text"] {height:30px;padding:0 10px}
    .message li h2 textarea {height:100px; line-height: 22px;padding:5px 10px; }
    .message li:last-child {margin:20px 0 0 0}
    .message li:last-child input {width:100px;height: 35px; line-height:35px;font-size:16px;}
}

@media only screen and (max-width:788px){
    .indabout .mleft .c img {margin:0;}
    .indabout .mleft .a {margin:20px 0 0 0}
    .indabout .mright {margin-top:35px}
    .indparter li {height:70px;}
    .indparter li img {max-width:114px;max-height:40px}
    .banner {height:200px}

}

@media only screen and (max-width:640px){
    .indpics .item {padding:28% 0}
    .indpics .item .cons .t {font-size:25px; line-height:35px;margin:-1% 0 0px 0}
    .indpics .item .cons .c {font-size:12px; letter-spacing: 0.5px}
    .indabout .mleft {width:100%}
    .indabout .mright {width:100%}
    .indpro li {width:98%;}
    .indnews ul {margin-top:-30px}
    .indnews li {width:97%;margin-top:30px}
    .indparter li {height:50px;}
    .indparter li img {max-width:86px;max-height:30px}
    .banner {height:120px}
    .banner .cons .t {font-size:22px; line-height:32px;margin:0 0 5px 0}
    .banner .cons .c {font-size:14px;}
    .about .mleft {width:100%;}
    .about .mright {width:100%; position: relative;float:left;margin:30px 0 0 0}    
    .procate .mleft {width:100%}
    .procate .mright {width:100%;margin:20px 0 5px 0}
    .procate .mright form #k {width:85%;}
    .procate .mright #sbtn {width:15%;}
    .news li {width:97%}
    .quanlity li {padding:20px 0;}
    .quanlity li .title {margin:5px 0 0 0;font-weight:500}
    .quanlity li .pic img {height:40px}
    .contact .mleft {width:100%}
    .contact .mright {width:100%;margin:30px 0 0 0}
}

@media only screen and (max-width:480px){
    .indparter li {width:48%;height:70px;}
    .indparter li img {max-width:114px;max-height:40px}
}