@charset "utf-8";
@media only screen and (max-width : 1919px) {
  .banner img { width: 100%; height: auto; }
}
@media only screen and (max-width : 1500px) {}
@media only screen and (max-width : 1300px) {
  .webmain {width: 100%;}
  .content { max-width: 1200px;width: 100%;}
  .inmuen ul.nav li a{ padding-left: 18px; padding-right: 18px; }
  .inpro .leftnav { width: 250px; }
  .inpro .right { width: 930px; }
  .incase .nr .hd ul li { padding: 48px 10px; }
  .incase .nr .hd { width: 350px; }
  .incase .nr { padding-right: 370px; }
  .innews .list ul li { line-height: 40px; }
  .footer .fnav { padding-left: 40px; }
  .footer .fnav .tit{font-size: 18px;}
  .footer .fcon { width: 340px; }
  .incase .nr { min-height: 600px; }
  .tem_inner {width: 1200px;padding: 0 10px;box-sizing: border-box;}
  .met_section {width: 100%;padding: 20px 10px;}
  .met_module3_list ul.lists_1 li { width: 304px; }
  .xgcasenr .bd ul li a { padding: 0 10px; }
  .xgcasenr .prev { left: 0; z-index: 99; }
  .xgcasenr .next { right: 0; z-index: 99; }
  .footer .footnav a{padding: 0 22px;}
}
@media only screen and (max-width : 1199px) {
  .inmuen ul.nav li a{padding-left: 14px; padding-right: 14px;}
  .hgq .hglis{max-width: 1000px; margin: 0 auto;}
  .hgq .hglis li{width: 38%; text-align: left!important; margin-bottom: 10px;}
  .hgq .hglis li:nth-child(2){width: 62%;}
  .hgq .hglis li:nth-child(4){width: 39%;}
  .hgq .hglis li:nth-child(5){width: 23%;}
  .inabout .atxt .lmtit,.inabout .atxt .lmjj  {margin-bottom: 15px;}
  .injiagong .bd .plist .pbox{line-height: 40px;}
  .inhzhb .hzhb,.footer .footbox{margin: 0}
	.inlink .center{ margin:0 3px;}
  .footer .footbox .footlx{padding-bottom: 0;}
  .footer .footnav{padding-left: 50px;}
  .footer .footnav a{padding: 0 12px;}
  .sc-dlw dd div{width:20%;}
  .incontacts{padding:40px 0;}
  .incontacts .index-contact-left{width: 310px;}
  .incontacts .index-contact-left h5,.incontacts .index-contact-right h3{font-size: 26px;}
  .incontacts .index-contact-left h5 i{font-size:20px}
  .incontacts .index-contact-left h4{font-size:20px;}
  .incontacts .index-contact-left .nqr,.incontacts .index-contact-right ul li{font-size:16px;}
  .incontacts .index-contact-left .nqr{max-width: 190px;}
  .incontacts .index-contact-qrcode{padding: 0 442px 0 310px;}
  .incontacts .index-contact-qrcode img{width: 126px;}
  .incontacts .index-contact-right{width: 440px;}
  .incontacts .index-contact-right h4{font-size: 20px;}
  .incontacts .index-contact-right ul{margin: 18px 0 8px;}
  .incontacts .index-contact-right h5{font-size:15px;padding-bottom: 5px;}
  .incontacts .zxbtn{padding-top:40px}
}
@media only screen and (max-width : 1024px) {
  .header .phone{display: none;}
  .header .wx{padding-right: 0;}
  .inadv .advli .advicon{padding-right: 10px;}
  .injiagong .bd ul li { width: 50%; }
  .injiagong .bd ul li:nth-child(n+11){display: none;}
  .inyoushi .nr .li .wz {padding-left: 0!important;}
  .inyoushi .nr .li .wz .tit{padding-bottom: 20px;}
  .infwly .fwly{padding-top: 0;}
  .hgq .hgbox .fat{max-width: 80%;}
  .tbj img{max-width: 70%;}
  .blackbg .tbj img{max-width: 80%;}
  .hgq .hglis li:nth-child(4){width: 38%;}
  .hgq .hglis li:nth-child(5){width: 38%;}
  .zybox li span{padding-top: 6px; padding-bottom: 6px;}
  .inabout .atxt{padding-right: 30px;}
  .inabout .atxt .lmyear span{ padding-top: 5px;}
  .inabout .atxt .lmyear span:first-child{font-size: 50px;line-height: 50px; margin-left: -3px;}
  .footer .fnav { padding-left: 30px; }
  .footer .footnav a{padding: 0 8px; font-size: 15px;}
  #imglist ul.lists_1.fws li{width: 33.33%;}
  .pros aside{ display: none;}
  .pros article,.met_section.pros article{width: 100%;}
  .sc-dlw dd div{width:25%;}
}
@media only screen and (max-width : 910px) {
  .inadv .advli{ font-size: 20px;}
  .inadv .advli:first-child .advtxt .advtit{font-size: 30px; height: 30px; margin-top: -2px;}
  .inadv .advli:first-child .advtxt .advtit sup{font-size: 18px;line-height: 15px;}
  .inadv .advli:first-child .advtxt .advtit sub{font-size: 12px;margin-left: -9px;line-height: 22px;}
  .inadv .advli .advtxt .advjie{ line-height: 24px;}
  .inadv .advli:nth-child(3){font-size: 28px;}
  .inadv .advli:last-child .advtxt .advjie{font-size: 20px;}
  .incontacts .web{display: none;}
  .incontacts .wap{display: block;}
  .incontacts .index-contact-left{width: 100%; position: relative; left: 0; margin-bottom: 30px;}
  .incontacts .index-contact-left .index-contact-qrcode{width: auto; position: absolute; top: 0; right: 0; padding: 0;}
  .incontacts .index-contact-right{width: 100%; position: relative;}
  .incontacts .index-contact-right ul{margin-top: 15px;}
  .ingnch .gnch li .first .solu_bks img{max-width: 55%;}
  .innews .list .gsxw .item-desc{height: 44px;}
  .incontacts .zxbtn{padding-top: 30px;}
  .zybox li{width: 25%;}
  .inabout .atxt .lmtit{font-size: 30px; margin-bottom: 10px;}
  .inabout .atxt .lmyear span{ font-size: 30px; line-height: 30px;}
  .inabout .atxt .lmyear span:first-child{font-size: 40px;line-height: 40px;}
  .inabout .atxt .lmjj {font-size: 18px;}
  .inabout .nr { padding-bottom: 15px;}
  .inabout .nr > div{max-height: 130px;}
  .infwnr .nr .ul{padding-right: 230px;}
  .infwnr .nr .ul.right{padding-left: 230px;}
  .innews .list .ltbox{ padding-right: 10px; padding-bottom: 10px;}
  .innews .list .ltbox:nth-child(2n){ padding-left: 10px;}
  .innews .list .item-line{padding-left: 116px;}
  .innews .list .item-time{width: 80px;}
  .footer { padding-top: 0; }
  .footer .footnav{padding-left: 40px;}
  #sqkf {display: none!important;}
}
@media only screen and (max-width : 850px) {
  .webmain { min-width: initial; }
  .content { width: auto; padding: 0 10px; }
  .intop .fl ,.header .wx{ display: none; }
  .intop { line-height: 35px; font-size: 14px;}
  .intop .fr{width: auto; padding-left: 30px;}
  .header { padding: 0; }
  .header .logo { padding: 10px 0; border: 0; }
  .header .logo img { height: 50px; width: auto; }
  .header .phone { display: none; }
  .header .title{ line-height: 20px;height: 20px; font-size: 12px; top: 38px;  left: 96px;}
  .nav_handle { display: block; }
  .inmuen { display: none; line-height: 35px; padding: 10px 0; }
  .inmuen ul.nav{padding-right: 0;}
  .inmuen ul.nav li { float: none; }
  .inmuen ul.nav li a { padding: 0; text-align: center; font-size: 14px; }
  .inmuen ul.nav li:hover a, .inmuen ul li.on a{margin-top: 0; padding-top: 0; background-color: #131313;}
  .inmuen ul.nav .navul,.inmuen ul.nav li:hover .navul{display: none;}
  .inmuen .sea{display: none;}
  .inmuen .seabtn{display: block;position: relative;top: 0;right: 0;padding: 0; margin-top: 10px; border: none;box-shadow: none;width: 100%;}
  .seabtn .search{border: 1px solid #0174c1;}
  #divselect ul.select{margin-left: 0; width: 79px;}
  .banner.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0; }
  .banner .pagination .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 3px; }
  .inkey { display: none; }
  .tbj{padding-bottom: 20px;}
  .boxt{ margin-bottom: 46px;}
  .inbox{ padding: 40px 0;}
  .inyoushi .nr{padding-top: 0;}
  .inyoushi .nr .li .pic{padding-right: 10px;}
  .inyoushi .nr .li:nth-child(even) .wz{padding-left: 10px;}
  .inyoushi .nr .li .wz {line-height: 22px;}
  .inyoushi .nr .li .wz .tit { font-size: 18px; line-height: 28px; padding-bottom: 10px;}
  .inyoushi .nr .li .wz .tit span{font-size: 15px;}
  .inyoushi .nr .li .wz .jj { font-size: 14px;}
  .inyoushi .nr .li .wz .jj span{background-position: left 4px;}
  .inadv .advli{width: 50%; height: 60px; padding:0; margin: 15px 0;}
  .inadv .advli:nth-child(3){border: none;}
  .inadv .advli .advicon{ width: 80px; text-align: center;}
  .inadv .advli .advtxt{width: 130px;}
  .injiagong { padding: 40px 0 20px; }
  .injiagong .lmtit { font-size: 20px; }
  .injiagong .lmjj { margin-bottom: 30px; }
  .injiagong .bd ul li:nth-child(n+9){display: block;}
  .injiagong .bd .plist{display: none;}
  .injiagong .bd .pro{padding-left: 0;}
  .injiagong .bd ul{margin-bottom: 10px;}
  .injiagong .bd ul li .jj { font-size: 12px; }
  .hgq .hgbox{padding-top: 30px;}
  .hgq .hgbox .fat{padding-bottom: 20px;}
  .hgq .hgbt{font-size: 22px;}
  .hgq .hgcnt{font-size: 14px;}
  .hgq .hglis{padding: 40px 0 0;}
  .hgq .hglis li{width: 100%!important;font-weight: normal; font-size: 16px; line-height: 26px; padding: 3px 0; margin-bottom: 5px;}
  .hgq .hgxc{padding: 20px 0;}
  .hgq .hgxc li{width: 100%;font-size: 16px; line-height: 40px; text-align: left; padding: 0 15px;}
  .hgq .hgxc li i{font-size: 18px;}
  .hgq .hgxc li:first-child{background: none;}
  .inpro { padding: 20px 0; }
  .inpro .leftnav { width: auto; float: none; margin-bottom: 20px; display: none; }
  .inpro .right { width: auto; float: none; }
  .inpro .right ul li { width: 48%; }
  .inpro .right ul li .tit { height: 30px; line-height: 30px; font-size: 14px; }
  .inpro .right ul li.last { display: none; }
  .blackbg{padding-bottom: 0;}
  .blackbg .content{padding-bottom: 50px;}
  .infwly .fwly li .fwbox span{font-size: 14px;line-height: 22px;}  
  .infwnr .nr{background: none}
  .infwnr .nr .ul{padding: 0!important; text-align: left!important;}
  .infwnr .nr .ul ul{width: 100%; float: none!important;}
  .infwnr .nr .ul li{padding-top: 13px!important; padding-bottom: 13px!important;}
  .infwnr .nr .ul.right li{ padding-left: 40px; padding-right: 0;} 
  .infwnr .nr .ul.right li span{ right: auto; left: 0;}
  .infwnr .nr .ul li:nth-child(3) span{top: 11px;}
  .inlink{margin-top:-50px}
  .inpinzhi { padding: 20px 0; }
  .inpinzhi .lmtit { font-size: 20px; }
  .inpinzhi .hd { padding: 20px 0; }
  .inpinzhi .hd ul li { height: 40px; line-height: 40px; padding: 0 20px; margin: 0 10px; font-size: 14px; }
  .inpinzhi .bd ul .li { width: auto; float: none; margin: 0; }
  .inpinzhi .bd ul li { margin-bottom: 10px; }
  .inpinzhi .bd ul li.one { width: auto; float: none; margin-bottom: 10px; }
  .ingnch .gnch{margin-top: 40px; margin-bottom: 0;}
  .ingnch .gnch li{padding-top: 0;}
  .ingnch .jcxm{margin: 30px auto 0;}
  .ingnxn{padding-bottom: 0;}
  .ingnxn .ingnxncon{background:none #f9f9f9;}
  .ingnxn .boxtit{padding-top: 26px; padding-bottom:68px;}
  .ingnxn .boxtit h3{font-size: 26px;}
  .ingnxn .gnimg{position:relative;width:100%;}
  .ingnxn .xnbox{width: calc(100% + 20px);margin: 0 -10px;padding: 30px 0 40px;}
  .ingnxn .xnbox li{margin-top:26px}
  .ingnxn .xnbox li .xnbli{max-width: 80%;}
  .ingnxn .xnbox li .xnbli img{max-width: 100%;}
  .ingnxn .jcxm{margin-bottom: 10px;}
  .ingnxn .jcxm .boxt{margin-top: 40px;}
  .inzyzs .cj{padding: 0 60px; height: 40px; line-height: 40px; font-size: 20px; letter-spacing: 0px;}
  .inzyzs .cj span{width: 40px; height: 40px; position: absolute; }
  .zybox li{width: 33.33%;}
  .incase { padding: 20px 0; }
  .incase .lmtit { font-size: 20px; }
  .incase .lmjj { margin-bottom: 20px; }
  .incase .nr { padding: 0; min-height: inherit; }
  .incase .nr .hd { position: static; width: auto; margin-bottom: 10px; }
  .incase .nr .hd ul li { padding: 10px 0 15px; }
  .incase .nr .bd ul li .wz .tit { font-size: 16px; }
  .gallery{padding-bottom: 0;}
  .inabout .atxt .lmtit {text-align: center;}
  .inabout .atxt .lmjj { margin-bottom: 15px;}
  .inabout .atxt{width: 100%; padding-right: 0;}
  .inabout .nr > div{max-height: none;}
  .inabout .aimg{width: 100%; position: relative; margin-bottom: 10px; height: auto;}
  .innews .list .gsxw{padding: 0;}
  .innews .list .hyxw{margin: 0 -5px;}
  .innews .list .hyxw .ltbox{padding: 0 5px;}
  .innews .list .gsxw .xwimg,.innews .list .gsxw .xwtbox .xbox{min-height: 184px;}
  .innews .list .item-top{padding-bottom: 10px;}
  .inhzhb .hzhb li{padding-bottom: 10px;}
  .more { width: 150px; font-size: 14px; }
  .footer .footbox .footlx{width: 76%;}
  .footer .footnav{ display: none; }
  .footer .fcon { width: auto; float: none; }
  .Bottomerkg, .Bottomer { display: block; }
  .page-down { right: 10px; bottom: 74px; }
  .nybanner { height: 200px; }
  .tem_inner { width: auto; padding: 0 10px; height: auto; }
  .key-serch { height: auto; padding: 10px 0; }
  .met_position { height: auto; line-height: 25px; float: none; font-size: 12px; color: #999; }
  .key-serch .search { margin: 10px 0 0; float: none; }
  .key-serch .search span.navsearch_input { float: none; }
  .key-serch .search span.navsearch_input input { width: 80%; height: 35px; line-height: 35px; box-sizing: border-box; display: block; }
  .key-serch .search .searchgo { width: 20%; height: 35px; line-height: 35px; display: block; outline: none; }
  .met_section { width: auto; padding: 10px 10px 0; }
  .met_section aside { float: none; width: auto; margin-bottom: 10px; }
  .met_section aside section h2 {font-size: 20px;padding: 7px 0;}
  .met_section aside .met_aside dl dt a {font-size: 14px;padding: 8px 10px;}
  .nycon1 { display: none; }
  .met_section article .met_article {margin: 10px 0 0;}
  .met_section article { margin: 0; width: auto; float: none; }
  .met_article_head { margin-bottom: 10px; }
  .met_article_head h1{font-weight:normal;}
  .met_module1 { padding: 0; }
  .met_module3_list ul.lists_1 { position: relative; width: 102%; left: -1%; margin: 0; }
  .met_module3_list ul.lists_1 li { width: 48%; margin: 1%; float: left; }
  .met_module3_list ul.lists_1 li i { display: none; }
  .met_module3_list ul.lists_1 li .product_detail { padding: 10px; }
  .met_pager { padding: 10px 0 0; }
  .met_pager a, .met_pager .PreA, .met_pager .NextA { margin: 0 2px; height: 20px; line-height: 20px; font-size: 12px; width: auto; min-width: initial; padding: 0 5px; }
  .xgcase { padding: 20px 0; }
  .xgcase .lmtit { margin-bottom: 20px; }
  .xgcase .lmtit .cn { font-size: 20px; }
  .xgcasenr .bd ul li { width: 50%; }
  .xgcasenr .bd ul li a { padding: 0 5px; }
  .xgcasenr .bd ul li .tit { padding: 0 10px; font-size: 14px; }
  .showproleft { padding: 0; }
  .showpro .box{position: relative; margin: 0 auto; width: 100%; max-width: 400px;}
  .showprojj{width: 100%; padding-left: 0; min-height: initial;}
  .zoomDiv { display: none !important; }
  .slideTxtBox .bd ul { font-size: 14px; line-height: 30px; padding: 15px 0; }
  .met_section article { padding-bottom: 20px; }
  .met_module2 { padding: 10px 0;}
  .met_module2 h1.met_title { font-size: 18px; line-height: 25px; }
  .met_tools { margin-top: 20px; }
  .nyabout { font-size: 14px; line-height: 30px; }
  .met_tools { height: auto; }
  .met_tools .met_page { position: static; }
  .met_tools .met_page li { display: block; margin: 0; line-height: 30px; }
  .p14-infolist-1-list dl { padding: 15px; }
  .p14-infolist-1-list dt { width: auto; float: none; margin: 0 0 10px; }
  .p14-infolist-1-list-desc { margin-bottom: 15px; }
  .cont .lxwm,.cont .msg{width: 100%; padding-left: 0; padding-right: 0;}
  .cont .msg .lmtit{ padding-left: 0; padding-right: 0; padding-bottom: 0;}
  .cont .lmtit,.cont .msg .lmtit{margin-bottom: 0px;}
  .cont .msg ul{margin: 0 -10px;}
  .plist .top{height: 50px; line-height: 40px; font-size: 20px;}
  .plist .pbox{line-height: 36px;}
  .plist .pbox::after{content: ""; clear: both; display: block;}
  .plist .pbox .catn{font-size: 14px; font-weight: normal; width: 100%;}
  .plist .pbox a{width: 50%; float: left; border-top: none; border-bottom: 1px solid #ddd;}
  .sc-dlw dt{margin-left: 10px;width: 85px;}
  .sc-dlw dd{ width: calc(100% - 95px);}
  #imglist ul.lists_1 li{width: 33.33%;}
  .sc-dlw dd div{width:auto; padding-right:30px}
}
@media only screen and (max-width : 640px) {
  .nybanner { height: 150px; }
  .tbj img{max-width: 100%;}
  .hgq .hgbox .fat{max-width: 85%;}
  .blackbg .tbj img{max-width: 85%;}
  .hgq .hgbox .fat{ padding-bottom: 15px;}
  .hgq .hgbox{padding-top: 15px;}
  .hgq .hglis{ padding: 20px 0 0; line-height: 28px;}
  .hgq .hglis li{ text-align: left!important;}
  .hgq .hgxc{padding: 15px 0; width: 96%;}
  .hgq .hgxc li{line-height: 34px;}
  .hgq .hgxc li i{font-size: 18px;}
  .boxt{margin-bottom: 40px;}
  .boxt .lmtit{font-size: 20px;}
  .boxt .lmtit .lttxt{padding: 0 15px;}
  .boxt .lmjj{font-size: 15px;}
  .inyoushi .nr .li:last-child{padding-bottom: 0;}
  .inyoushi .nr .li .pic {padding-right: 0;width: 100%; }
  .inyoushi .nr .li .wz{width: 100%; padding-top: 10px;}
  .inyoushi .nr .li:nth-child(even) .pic{text-align: left;}
  .inyoushi .nr .li .wz .tit{padding-bottom: 5px; line-height: 22px;}
  .inabout .aimg{ padding-top: 20px;}
  .incontacts{ padding: 20px 0;}
  .incontacts .index-contact-left{text-align: left; margin-top: 0; margin-bottom: 20px;}
  .incontacts .index-contact-left h5{font-size: 20px;}
  .incontacts .index-contact-left h4{font-size: 20px; }
  .incontacts .index-contact-left .index-contact-qrcode{height: 110px;}
  .incontacts .index-contact-left .index-contact-qrcode img{max-height: 100%; width: auto;}
  .incontacts .index-contact-right h3{ font-size: 20px;}
  .incontacts .index-contact-right ul{margin-top: 10px;}
  .incontacts .zxbtn{padding-top: 15px;}
  .ingnch .gnch li,.ingnxn .jcxm ul li,.ingnxn .xnbox li span,.zybox li span{font-size: 14px;}
  .ingnch .gnch li .first p a{padding-top: 0;}
  .ingnxn .boxtit{padding-bottom: 40px;}
  .ingnxn .boxtit h3{font-size: 20px; line-height: 24px; padding-bottom: 10px; padding-top: 10px;}
  .ingnxn .boxtit h5{font-size: 14px;}
  .ingnxn .xnbox{padding: 20px 10px 30px;}
  .ingnxn .xnbox li{margin-top: 20px;}
  .ingnxn .xnbox li span{line-height: 22px; min-height: 44px;}
  .ingnch .gnch li .first p a{font-size: 14px;}
  .ingnch .jcxm img{padding-bottom: 0;}
  .zybox li{padding-left: 10px; padding-right: 10px; margin-top: 20px;}
  .inabout .web{display: none;}
  .inabout .wap{display: block;}
  .inabout .more{margin: 0 auto;}
  .innews .list .gsxw .xwimg, .innews .list .gsxw .xwtbox{width: 100%; padding: 0;}
  .innews .list .gsxw .xwimg{min-height: inherit;}
  .innews .list .gsxw .xwtbox .xbox{padding: 15px;}
  .innews .list .hyxw{margin: 0;padding: 0;}
  .innews .list .hyxw .ltbox{width: 100%; padding: 10px 0 0 0;float: none;}
  .inlink .center{padding:10px;}
  .inlink ul{padding-left:20px;}
  .inlink ul p{left:10px}

  .ftop{display: none!important;}
  .newlist dl{padding: 10px;}
  .newlist dd h4{font-size: 16px; height: 26px; line-height: 26px;}
  .newlist-desc{max-height: 48px;}
  #imglist ul.lists_1 li{width: 50%;}
  #imglist ul.lists_1{margin-left:-5px;margin-right:-5px;}
  #imglist ul.lists_1 li,#imglist ul.lists_1.fws li{width: 50%;padding-left: 5px;padding-right: 5px;}
  #imglist ul.lists_1 li h2{height: 40px; line-height: 40px;}
  .pcase .pcasebox .pcli .pctxt{width:100%; padding-right: 0;}
  .pcase .pcasebox .pcli .pcimg{width:100%; padding-bottom: 15px;}
  .footer .footlogo{padding: 20px 0;}
  .footer .footbox{font-size: 14px;}
  .footer .footbox .footlx{width: 100%; background: none;}
  .footer .ftlxtit{ font-size: 16px;}
  .footer .footwx{display: none;}
  .footer .banq{margin-top: 10px;}
}
@media only screen and (max-width : 480px) {
  .nybanner { height: 100px; }
  .header .title{width: 170px; overflow: hidden;}
  .blackbg .tbj img{max-width: 90%;}
  .inadv .advli{width: 230px;margin: 25px auto;float:none; border: none!important; text-align: left;}
  .injiagong .bd ul li { margin-bottom: 10px;}
  .injiagong .bd ul li .tit a{font-size: 14px;}
  .injiagong .bd ul li .wz{padding: 5px 10px;}
  .ingnch .gnch li,.ingnxn .jcxm ul li{width: 33.33%;}
  .ingnxn .jcxm ul li{margin-bottom: 10px;}
  .ingnxn .jcxm ul li:nth-child(4n){border-left-color: #fff;}
  .ingnxn .jcxm img{max-width : 40%}
  .ingnxn .xnbox li{width: 33.33%;}
  .ingnxn .xnbox li .xnbli{max-width: 72%;}
  .incontacts .index-contact-right ul li{width: 100%;margin-left: 0;margin-bottom:6px;background-size: 24px;}
  .incontacts .index-contact-right div{margin-bottom:6px;}
  .zybox li{width: 50%; }
  .infwnr .nr .ul{width: 100%; }
  .gallery div{width: 50%}
  .cont ul.f li dl{ width:100%;}
  .plist .pbox a{width: 100%;}
  .pcase .pcasebox .pcli{padding: 10px;}
}
@media only screen and (max-width : 420px) {
  .tb-s310{height: 100%;}
  .tb-thumb{width: calc(100% - 30px); margin: 0 15px;}
  .tb-thumb li{width: calc((100vw - 50px) / 4); padding: 0 2px;}
  .incontacts .index-contact-left,.incontacts .index-contact-right{text-align: center;}
  .incontacts .index-contact-right h3,.incontacts .index-contact-left h4{font-size: 18px;}
  .incontacts .index-contact-left .nqr{font-size: 16px;margin:0 auto;}
  .incontacts .index-contact-left .index-contact-qrcode{position: relative; display: block;}
  .incontacts .index-contact-right h5{margin-top: 8px; background-position: left top; padding-left: 37px;}
  .incontacts .index-contact-right h4{display: block; padding-top: 5px;float:left}
  .incontacts .index-contact-right ul,.incontacts .index-contact-right div{width:90%; min-width:300px; margin: 0 auto; text-align: left;}
}
@media only screen and (max-width : 360px) {
  .nybanner { height: 80px; }
  .zybox li{padding-left: 5px; padding-right: 5px; margin-top: 0;}
}