@charset "utf-8";
@media only screen and (max-width:1800px){
    .fixtop .toper ul.navpc li a.a {padding:0 20px;}
    .fixtop .toper ul.navpc li dl {width:150px;left:50%;margin-left:-75px}
    .fixtop .toper .search {margin:20px 20px 0 10px}
    .fixtop .toper .search #k {width:90px;}
    .fixtop .toper .tel {font-size:25px; line-height:30px;margin:23px 0 0 0;padding:0 0 0 35px}
    .fixtop .toper .tel:before {font-size:25px;top:3px;}
}

@media only screen and (max-width:1360px){
    .fixtop .toper ul.navpc li a.a {padding:0 15px;}
    .fixtop .toper ul.navpc li a.h:before {left:-8px}
    .fixtop .toper .search {margin:20px 20px 0 10px}
    .fixtop .toper .search #k {width:80px;padding:0 10px;font-size:13px}
    .fixtop .toper .search #sbtn {width:40px;}
    .fixtop .toper .tel {font-size:20px;padding:0 0 0 25px}
    .fixtop .toper .tel:before {font-size:20px;top:2px;}
}

@media only screen and (max-width:1200px){
    .wrap {margin:0 4%;}
    html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;letter-spacing:0.2px}
    .phonemenu { display:block;}
    .fixtop {height:50px;}
    .fixtop .logo,.fixtop.active .logo { width:109px; height:20px;top:15px;}
    .fixtop .toper ul.navpc { display: none}
    .fixtop .toper .search { display:none;}
    .fixtop .toper .mright {margin:0 4% 0 0}
    .fixtop .toper .tel,.fixtop.active .toper .tel {font-size:16px; line-height:50px;margin:0px 35px 0 0;padding:0 0 0 20px;}
    .fixtop .toper .tel:before {top:2px;font-size:15px}
    .tblank,.tblank.active { height:50px}
    .fixtop.active{top:0}    
    .owl-carousel .owl-nav{margin-top:-15px;}
    .owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before {font-size:30px;height:30px;line-height:30px;}
    .owl-carousel .owl-dots {bottom:5px}
    .owl-carousel .owl-dots .owl-dot span{width:5px; height:5px;margin:0 5px}    
    .fixright {top:auto;bottom:0;margin-top:0;width:100%; background: #313332;text-align: center}
    .fixright li {margin:0;float:left;width:25%;border-left:1px solid #666; position: static}
    .fixright li:nth-child(1) {border:0}
    .fixright li .tubiao {border-radius:0;width:100%;background: none;margin:0 auto;width:40px; height: 40px; line-height: 40px;}
    .fixright li .tubiao span {font-size:18px}
    .fixright li.wx .tubiao span {font-size:19px}
    .fixright li.wx .cons .list { display:inline-block; vertical-align: top;margin:10px 0 0 0}
    .fixright li.wx .cons .list:nth-child(2) {margin:10px 0 0 20px}
    .fixright li.wx .cons .list .t {margin:3px 0 0 0}
    .fixright li.tel .tubiao span {font-size:21px;}
    .fixright li.pen .tubiao span {font-size:24px;}
    .fixright li .cons { right:0;top:auto;bottom:40px;width:100%;padding:0;border-radius:0; background:rgba(255,255,255,0.9);min-height:40px;padding:10px 0}
    .fixright li:hover .tubiao { background:none;}
    .fixright li.wx .cons img {width:100px}
    .fixright li.tel .cons {;width:100%;padding:20px 0;min-height:0}
    .fixright li.up .tubiao span{font-size:18px}
    .indpics .item { height:400px}
    .ind4 .titles {margin:40px 0 20px 0;padding:0 0 0 20px}
    .ind4 .titles p {font-size:20px; line-height: 20px;letter-spacing: 0px;}
    .ind4 .titles:after {bottom:-4px;}
    .ind4 .titles .icon { top:7px}
    .ind4 .titles .icon img {height:30px}
    .indmidpic {height:300px;margin:40px 0; background-size:cover;}    
    .indcase .subject {font-size:25px; line-height:25px;padding:25px 0 10px 0}
    .indcase ul {margin:-25px 0 40px -1.5%}
    .indcase li {margin-top:25px}
    .indcase li .title {margin:10px 0 0 0}
    .indmore a {font-size:16px; height: 30px; line-height:28px; padding:0 30px;border-radius:20px; letter-spacing: 1px}    
    .indsubject .t { letter-spacing: 2px;font-size:25px; line-height:25px}
    .indsubject .t img {height:22px;margin:-6px 10px 0 0}
    .indsubject .c {border-bottom-width:1px;padding:20px 0 10px 0;font-size:16px;}
    .indnews ul {margin:10px 0 0 0}
    .indnews li {border-bottom-width:1px;padding:30px 0}
    .indnews li .pic {width:35%; }
    .indnews li .cons {padding:0;margin-top:0}
    .indnews li .cons .t {height: 20px; line-height: 20px; margin:0 0 20px 0}
    .indnews li .cons .t a { padding:0 50px 0 0;font-size:18px;}
    .indnews li .cons .c { line-height:25px; height: 125px; font-size:13px}
    .indnews .indmore {margin:30px 0 0 0}
    .indmidpicno {margin:-40px 0 0 0}
    .foocons .subject { font-size:20px; line-height: 30px;letter-spacing:5px;padding:20px 0;}
    .foocons .content { font-size:14px;padding:20px 20px;}
    .foocons .cons {padding:20px 20px}
    .foocons .cons .mleft,.foocons .cons .mright {width:48%}
    .foocons .cons .mleft .logo { width:111px; height:20px; }
    .foocons .cons .mright .c1 {font-size:20px; line-height: 30px;margin:-5px 0 0 0}
    .foocons .cons .mright .c2 {margin:0 0 6px 0}
    .foocons .cons .mright .list {height:45px; line-height:43px;padding:0}
    .foocons .cons .mright .list span {left:10px;}
    .foocons .cons .mright .list p {margin:0 0 0 80px}
    .foocons .cons .mright .listbtn input {height:45px; line-height:43px;font-size:14px; letter-spacing:1px;}
    .namemj {top:-60px}
    .fixbottom {display:none;}
    .foot {padding:30px 0;}
    .foot dl {display:none;}
    .foot .wx{float:none;width:100%;margin:0; text-align: center}
    .foot .wx img {width:100px;margin:0 auto}
    .footsearch {margin:30px 0 0 0}
    .footsearch .logo { width:109px; height:20px; background-size:cover;top:4px}
    .footsearch .search {margin:0 131px 0 0}
    .footsearch .search #k {height:30px; line-height:28px;padding:0 10px;font-size:12px}
    .footsearch .search #sbtn {height:30px; line-height:28px;font-size:16px;}
    .footer,.footer.active {padding:20px 0 60px 0; }
    .footer { line-height: 1.9;font-size:12px}
    .blank100 { height:40px;margin:0 0 40px 0}
    .indmidpicup {margin-top:-40px}
    .indmidpictop {margin:0}
    .servicecate {margin:30px 0 50px 0}
    .servicecate li { margin:10px 5px 0 5px}
    .servicecate li a { height: 28px; line-height:26px;padding:0 15px;font-size:14px;border-radius:30px}
    .page_wrap {padding:40px 0 0 0;}
    .news {margin:40px 0 0 0}
    .nshow .title {font-size:25px; line-height:35px;margin:40px 0 0 0}
    .nshow .addtime {padding:10px 0 15px 0;margin:0 0 30px 0;border-width:1px}
    .nshow .prevnext  {margin:40px 0 0 0 ;}
    .newssearch {margin-top:-20px}
    .casecate .title1 {font-size:16px;margin:20px 0 0 0}
    .casecate .title2 {font-size:30px;margin:0 0 20px 0}
    .casecate .list {border-width:1px}
    .casecate a {font-size:16px;}
    .casecate i {margin:2px 10px 0 10px;font-size:14px}
    .case {margin:10px 0 0 0}
    .foot .wx li:nth-child(2) {margin:0 0 0 5px}
    .foot .wx li .t {font-size:13px}
}

@media only screen and (max-width:788px){
    .indpics .item { height:300px}
    .ind4 li {width:47%;}
    .indmidpic {height:230px;}
    .indcase li {width:47%}
    .foocons .cons .mright .list {height:31px; line-height:29px;}
    .foocons .cons .mright .listbtn input {height:31px; line-height:29px;}
}

@media only screen and (max-width:640px){
    .indpics .item { height:250px}
    .ind4 .titles .icon {display:none;}
    .indmidpic {height:180px;}
    .indnews li .pic {width:100%}
    .indnews li .cons {width:100%;margin:30px 0 0 0}
    .indsubject .c {font-size:14px; line-height: 1.8; letter-spacing: 2px; text-align:center; text-align-last:center; text-justify:auto}
    .foocons .cons .mleft,.foocons .cons .mright {width:100%}
    .foocons .cons .mright {margin:30px 0 0 0}
    .foocons .subject { font-size:18px; line-height:28px;letter-spacing:2px;}
    .servicecate ul,.servicecate2 ul {width:104%;margin:-4% 0 0 -2%}
    .servicecate li {width:46%;margin:4% 2% 0 2%}
    .servicecate li a {padding:0}
    .servicecate2 li {width:29.3333%;margin:4% 2% 0 2%}
    .servicecate2 li a {padding:0}
    .nshow .prevnext .prev {width:100%}
    .nshow .prevnext .next {width:100%; text-align:left;}
}

@media only screen and (max-width:480px){
    .indpics .item { height:200px}
    .indmidpic {height:150px;}
    .footsearch .search #k {width:80%;}
    .footsearch .search #sbtn {width:20%}

}