@charset "utf-8";
@media only screen and (max-width: 1320px){
.history .mright {margin-right:-0px;}
}

@media only screen and (max-width: 1160px){
.wrap {padding:0 3%}
.bxslider li a {height:600px; background-size:cover;}
.fixtop ul.navpc { display:none;}
.phonemenu { display:block;}
.fixtop { height:50px; line-height:50px; }
.fixtop.active { height:50px; line-height:50px;}
.fixtop .logo a { background-size:cover;width:175px; height:20px;margin-top:15px}
.fixtop.active .logo a { height:20px;}
.tblank { height:50px;}
.tblank.active { height:50px;}
.bx-wrapper .bx-pager {  bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 10px;  height:10px;  margin: 0 10px;}
.mainsubject {font-size:20px;margin:25px 0 20px 0}
.mainsubject i {width:150px; background-size:100%;}
.indabout .cons {font-size:16px; }
.indpro {margin-top:30px;padding:1px 0 20px 0}
.ft18 {font-size:16px;}
.indpro ul {padding-top:20px;margin:-2% 0 0 -1%;width:102%}
.indpro li {width:31.3333%;margin:2% 1% 0 1%}
.indpro li .cons {padding:9px 15px 10px 15px}
.indpro li .cons h1 {font-size:18px}
.indpro li .cons i { right:15px;}
.indpro .more {margin:20px 0 0 0}
#slider2 {margin-top:20px}
#slider2 .slide p { font-size:12px;height:20px; line-height:20px;}

#slider2 .bx-wrapper .bx-prev { background-size:cover;width:10px; height:20px;}
#slider2 .bx-wrapper .bx-next {background-size:cover;width:10px; height:20px;}
#slider2 .bx-wrapper .bx-controls-direction a {margin-top:-10px; width:10px; height:20px;}

.indline {margin:30px 0 0 0}
.indnews {margin:0 0 30px 0}
.indnews .more {margin:0 0 20px 0}
.indnews .more a { display:inline-block;margin:0 0 0 auto;font-size:14px}
.indnews .more a i { display:inline-block; background:url(../images/4.png) no-repeat right; background-size:cover;width:14px; height:14px; vertical-align:top;margin:7px 6px 0 0}
.indnews .more a:hover i { background-position:left}
.indnews .mleft {width:55%;}
.indnews .mright {width:40%;}
.indnews .mright li a {padding:0 80px 0 0}
.foot {padding:20px 0}
.foot dl { display:none;}
.foot dl.ct { display:block;}
.foot dl.last {display:block;}
.bannerin { height:300px; background-size:cover;}
.mainmenu {height:40px; line-height:40px}
.mainmenu dd a {padding:0 15px;}

.maincons { padding:30px 0 40px 0}
.abouttitle {font-size:20px;   padding: 20px 0 20px 0;letter-spacing:0px}
.aboutcons { line-height:2}
.aboutcons .td2 {width:4%}
.aboutcons .td1,.aboutcons .td3 {width:48%}

.history {margin:40px 0 0 0}
.history .mleft {width:40%}
.history .mleft .cons { font-size:20px; line-height:1.5; display:inline-block;}
.history .mleft .cons strong {font-size:22px;}
.history .mleft .cons2 {margin:25% 0 0 0;padding:6px 0 12px 0}
.history .mleft .cons2 h1 { line-height:1.8;font-size:16px}
.history .mright { background:none;width:50%; height:auto;margin-right:0}
.history .mright li .title {font-size:18px;}
.history .mright li .title2 {font-size:22px;margin:-10px 0 10px 0; letter-spacing:1px}
.history .mright li { position:relative;margin:0 0 30px 0}
.history .mright li.f1 {left:0;top:0;width:100%}
.history .mright li.f2 {left:0;top:0;width:100%;}
.history .mright li.f3 {left:0;top:0;width:100%}
.history .mright li.f4 {left:0;top:0;width:100%}
.page_wrap {padding:30px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:20px;height:20px; line-height:20px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:13px; } 

.honor {margin-top:-30px}
.honor ul {width:104%;margin:-4% 0 0 -2%;}
.honor li {width:21%;margin:4% 2% 0 2%;}
.brandyj {margin:40px 0 0 0}
.brandyj .mleft {width:50%;}
.brandyj .mleft .content {line-height:2;margin-top:-5px}
.brandsubject {min-width:300px;}
.brandsubject .t1 {font-size:18px;}
.brandsubject .t1 i {top:12px;}
.brandsubject .t2 {font-size:20px; line-height:38px; height:40px; margin:3px 0 20px 0}
.brandyj .mright {width:45%; text-align:right}

.brandll {padding:30px 0 30px 0;margin:-10px 0 0 0;}
.brandll ul {height:auto}
.brandll ul li { position:relative; height:250px;}
.brandll ul li .pic { height:100%}
.brandll ul li .pic i {right:0;margin-top:auto;}
.brandll ul li .cons .consin .title {font-size:18px;margin:25px 0 0 0}
.brandll ul li .cons .consin .content { position:absolute;bottom:50px;left:0;}
.brandll ul li .cons .consin .content i {margin:0 0 10px 0}
.brandll ul li.f1 { height:250px;width:100%}
.brandll ul li.f1 .pic { width:50%;}
.brandll ul li.f1 .cons {left:50%;width:50%;}
.brandll ul li.f2 { height:250px;width:100%;margin:20px 0}
.brandll ul li.f2 .pic {width:50%}
.brandll ul li.f2 .pic i {left:auto;right:0;top:50%; display:block;margin-top:-16px;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
.brandll ul li.f2 .cons { width:50%;left:50%; height:100%;right:auto;top:0}
.brandll ul li.f2 .cons .consin .content { bottom:50px;}
.brandll ul li.f3 {height:250px;width:100%;top:auto; position:relative}
.brandll ul li.f3 .pic {left:0;width:50%}
.brandll ul li.f3 .pic i {left:auto;right:0;top:50%; display:block;margin-top:-16px;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
.brandll ul li.f3 .cons {left:50%;width:50%;top:0;right:auto; position:absolute;padding:0 25px}

.brandzz {padding:30px 0 40px 0}
.brandzz ul li .cons {padding:10px 15px}
.brandzz ul li .cons .title {font-size:20px;}
.brandzz ul li .cons .content {margin-top:15px}

.productittle {font-size:16px;padding:0px 0 15px 0}
.product {margin-top:-20px;padding-bottom:0}
.plist {width:106%;margin:-60px 0 0 -3%;}
.plist li {width:27.3333%;margin:40px 3% 0 3%;}
.plist li .title {margin-top:15px}
.plist .no {margin:30px 0 0 0}
.quacons {margin:0; line-height:2}

.quaul {width:104%;margin:0px 0 0 -2%;}
.quaul li {width:46%;margin:30px 2% 0 2%;}
.quaul li .cons {padding:10px 20px 15px 20px;}
.quaul li .cons .t {font-size:20px;letter-spacing:1px}

.qc {width:102%;margin:0 0 0 -1%}
.qc li {width:31.3333%;margin:30px 1% 0 1%;}
.qc li .title {font-size:18px;height:40px; line-height:40px}
.qc li .title img { height:22px;margin:9px 10px 0 0;}
.qc li .cons {padding:15px; line-height:2}

.service { margin:0 0 10px 0; background-position:33px 0}
.service li {min-height:0;margin:40px 0 0 0}
.service li .pic {float:none;margin-left:90px}

.service li .icon {width:70px; height:76px;left:0;top:-20px;margin:0; background-size:cover;}
.service li .icon:hover {top:-20px}
.service li .icon img {width:40px}
.service li .cons {float:none;width:auto;margin-left:90px;}
.service li .cons:hover {top:0}
.service li .cons .t {font-size:20px;margin:20px 0 15px 0}

/* .service li.li2 .pic { position:relative;right:auto;width:auto} */

.service li.li2 .cons {float:none;}

.news {margin-top:-40px}
.news li {padding:5px;}
.news li .cons {padding:5px;}
.news li .cons .title { margin:10px 0 10px 0}
.news li .cons .title a {font-size:18px;}
.news li .cons .addtime {margin:3px 0 -5px 0}
.newstitle {font-size:20px;letter-spacing:1px; line-height:1.5}
.newsaddtime {padding:5px 0 10px 0;margin:0 0 20px 0}
.newsprevnext {margin:25px 0 0 0;padding:10px 0 0 0;}
.companname {font-size:16px;line-height:40px; height:40px;letter-spacing:1px}
.contact {margin:20px 0 0 1px}
.contact li {width:50%; text-align:left;padding:0 20px}
.contact li .in {margin:0; text-align:left;}

.message {margin:0px 0 0 0}
.message .pic { display:none;}
.message .cons {width:100%;height:auto;padding:0 0 30px 0}

.message .cons .subject {padding:15px 15px 0 15px}
.message .cons .subject span {font-size:20px;margin:-4px 10px 0 0}
.message .cons .content {padding:5px 15px 15px 15px;margin:0 0 20px 0}
.message .cons .list {margin:10px 15px 0 15px}
.message .cons .list h1 input[type="text"] {width:100%;}

/* 开始 */

.bc_service_title .text div:nth-child(1){
    font-size:20px ;
}
.bc_service_title .text div:nth-child(2){

    font-size: 14px;
    
}
.bc_service li{
    margin: 0;

}
.bc_service li .pic{
   width: auto;
   margin-left: 0;
}
.bc_service li .pic img{
    margin: 0 auto;
    width: auto;
    height: auto;
}
.service li .cons{
    margin: 0;
}
.service li .cons .c {
    padding-top: 30px;
}
.service li .cons .c p{
  text-align: center !important;
}
.service li.li2 .pic{
    width: auto;
    margin-left: 0;
    float:none;
}
.bc_service .cons .c img{
    display: none;
}

/* 结束 */

}

@media only screen and (max-width: 1024px){
.bxslider li a {height:550px;}
.bannerin { height:250px; }
.map iframe,#container {height:300px;}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:450px;}
.indpro li {width:48%}
.bannerin { height:200px; }
.mainmenu5 .mcurrent { display:none}

}

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

.bxslider li a {height:360px;}
.indnews .mleft {width:100%;margin-top:10px}
.indnews .mright {width:100%;margin-top:30px}
.indnews .more {margin:0; position:absolute;bottom:-50px;right:3%}
.indnews {padding:0 0 50px 0}
.bannerin { height:150px; }
.mainmenu .wrap {padding:0}
.mainmenu dd {width:25%; text-align:center}
.mainmenu5 dd {width:25%;}
.mainmenu dd a {padding:0;font-size: 12px;}
.mainmenu .mcurrent { display:none;}
.aboutcons td { display:block;}
.aboutcons .td2 {width:0;height:30px}
.aboutcons .td1,.aboutcons .td3 {width:100%}
.history .mleft {width:100%; text-align:center}
.history .mleft .cons {width:100%}
.history .mleft .cons2 {margin:30px auto 0 auto}
.history .mright {width:100%; text-align:center}
.history .mright li {margin:30px 0 0 0}
.honor li {width:46%;}
.brandyj .mleft {width:100%;}
.brandyj .mright {width:100%; text-align:left;margin-top:30px}

.brandll ul li,.brandll ul li.f1,.brandll ul li.f2,.brandll ul li.f3 {height:200px;}
.brandll ul li .pic i,.brandll ul li.f1 .pic i,.brandll ul li.f2 .pic i,.brandll ul li.f3 .pic i { background-size:cover;width:10px; height:20px;margin-top:-10px}
.brandll ul li .cons .consin .content,.brandll ul li.f1 .cons .consin .content,.brandll ul li.f2 .cons .consin .content,.brandll ul li.f3 .cons .consin .content {bottom:20px;}
.brandll ul li .cons .consin .title {margin:10px 0 0 0}
.brandll ul li .cons .consin .content i { display:none;}
.brandll ul li .cons,.brandll ul li.f1 .cons,.brandll ul li.f2 .cons,.brandll ul li.f3 .cons {padding:0 15px}
.brandzz ul {width:100%;margin:-20px 0 0 0;}
.brandzz ul li {width:100%;margin:20px 0 0 0; vertical-align:top}
.brandzz ul li .pic {margin:20px 0 0 0}
.brandzz ul li .pic,.brandzz ul li .cons { vertical-align:top;}
.plist li {width:44%;}
.news li {width:48%}
.newsprevnext a { display:block;float:none;width:auto}
.newsprevnext a.next { text-align:left;float:none}
.mainmenu { text-align:center}
.mainmenu dd {float:none; display:inline-block;}
.contact li {width:100%;}

}

@media only screen and (max-width: 480px){
.bxslider li a {height:280px;}
.indpro ul {width:100%;margin:-20px 0 0 0}
.indpro li {width:100%;margin:20px 0 0 0}
.bannerin { height:120px; }
.quaul {width:100%;margin:0px 0 0 0;}
.quaul li {width:100%;margin:30px 0 0 0;}

.qc {width:100%;margin:0 0 0 0}
.qc li {width:100%;margin:30px 0 0 0;}
.mainmenu5 dd {width:33.33%;}
.mainmenu dd a {padding:0;font-size: 12px;}

}

@media only screen and (max-width: 420px){
.bxslider li a {height:200px;}
.bannerin { height:110px; }
.bc_service_title .text div:nth-child(1){
    font-size:12px ;
   
}
.bc_service_title .text div:nth-child(2){
    font-size:12px ;
    line-height: 10px;
    height: 10px;
}
.abouttitle{
    font-size:14px ;
}

.mainmenu5 dd {width:33.33%;}
.mainmenu dd a {padding:0;font-size: 12px;}
}