@media (max-width: 1440px){
  .main{width: 100%;}
  header{width: 1200px;}
  .pic_nav .navwrap{width: 1200px}
  .top_frbox{width: 1200px; padding-top: 60px;}
  .top_frUl ul li a img {width: 210px; height: 138px; }
  .top_frUl ul li div.title1 {width: 190px;}
  .block2{width: 1200px; margin: 20px auto; }
  .block2 .serviceside .servicetab{width: 90%;}
  .block2 .serviceside .servicetab span{font-size:14px !important; width:163px;}
  .block2 .serviceside .servicetab span.active:before{left: 72px;}
  .block2 .serviceside .servicetab span.active:after, .block2 .serviceside .servicetab span.active:before{left: 72px;}
  .block1{width: 1200px; margin:0 auto;}
  .main .bannerwrap #slide{width: 580px;}
  .main .bannerwrap .bannerlistcontent, .main .bannerwrap .bannerlist{width: 570px}
  .main .bannerwrap #slide img{width: 100%;}
  .friend{width: 1200px; }
  .mr_frUl ul li a img{width: 175px;height:125px;}
  .block3 dd{height: 340px;}
  .block3{width:1200px; margin:0 auto;}
  footer .footerwrap{width: 1200px;}
  
}

@media (max-width: 800px){
.wrap{background: #fff;overflow: hidden; }
.navbar{ display: block }
.pic_nav{display: none}
header{width: auto;float: left}
.block3 dd{width: 100%!important}
.logo{width: 400px}

.main{ width: 100%;margin:0 auto 10px auto }
.main .bannerwrap{ width: 98%;padding:0; }
.main .bannerwrap .bannerlist{margin-right:3px;width:100%;}
.main .bannerwrap .bannerlistcontent{ width: 100%; }
.main .bannerwrap .bannerlist .title a{margin-right:15px}
.block2 .serviceside .servicetab,.block2 .serviceside .servicecontent .servicesub,.block2 .aboutside,footer .footerwrap{float: initial; width:100%; overflow: hidden;}
.block2 .serviceside .servicetab span{ width: 29%!important;float: left;margin:0 2% 15px 2%; }
.servicesub{margin-top:0px;}
.o-sliderContainer{margin-bottom:10px!important;}
.block2 .serviceside{float: initial; width:100%;height:auto;padding-top: 10px;}

.block2 .aboutside{height:auto!important;padding-bottom:10px;width:100%;}
.block3 dd,.block3{width:100%;}
.block3 .download span{display:none;}
.block3 .prosearch .protext{ width: 98% }
.block3 dd:nth-child(2){margin-left :0}
footer .footerwrap .footerwrapleft{float:initial; width: 96%;margin:0 auto; text-align: center;}
footer .footerwrap .footerwrapleft p{line-height: 22px;font-size:12px;}
footer .footerwrap .footerwrapleft p a{font-size: 12px;}
.o-sliderContainer,.topsearch{display:none!important;}
.main .bannerwrap .bannerlistcontent li div span{display: none}
.main .bannerwrap .bannerlistcontent li div a,.block2 .serviceside .servicecontent .servicesub .content span{ width:96%;margin:0 auto;    display: inherit;float: initial; }
.main .bannerwrap #slide ul p a{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-left:10px}
.main .bannerwrap #slide{ width: 100%!important;height:300px!important; }
.main .bannerwrap #slide .list li{ width:100%!important;height: auto!important }
footer{margin-top:10px;}
footer .footerwrap .footerwrapright,footer .footerwrap  img{display :none;}
.block2 .serviceside .servicecontent .servicesub .content span,.block2 .aboutside .aboutcontent{line-height: 22px}
.block2 .serviceside .servicecontent .servicesub .titlesub{text-align:center;}
.block3 dd:nth-child(2),.block3 dd:nth-child(3){display:none;}



.banner2{display :none;}
.contentbox{ width: 100% }
.contentbox .contentleft{ width: 98%;margin:0 auto;float: initial;padding:0;  overflow:hidden;}
.contentbox .contentleft a{ width: 40%;float:left }
.contentbox .contentright{ width: 100%;float: initial;padding: 0;width: 100%;margin-top:10px; }
.contentbox .contentright h3{ display: none}
.contentbox .contentright li span{ display: none }
.contentbox .contentright li{ width:96%;margin:0 auto; }
.contentbox .contentright h2,.contentbox .contentright  .content p{width:90%;margin:0px auto 0 auto;padding-top: 20px}
.contentbox .contentright div span{padding-bottom:10px;}
.contentbox .contentright  .content{margin-top:10px;padding-top: 0}
.contentbox .contentright div{margin-bottom: 0px}
.contentbox .contentright .contentrightlist li a{width:100%;}
.contentbox .contentright .nav_f li span.pageinfo{display:block;}
.contentbox .contentright .contentrightpic .piclist li{width:47%; margin-right:3%;}

.contentright .content .dcontent .downurllist{display:none;}
.contentright .content .dcontent .mobileurl{display:block!important;}

/* 内容页表单 */
.contentbox .contentright .content table{width:90%!important;}
.contentbox .contentright .content table td{width:100%;display:block;text-align:left;}
.contentbox .contentright .content table td input{display:block;width:90%!important;}
.contentbox .contentright .content table .lynr{height:40px!important;}
.contentbox .contentright .content table tr td:first-child{padding-top:10px; height: 40px;}
.contentbox .contentright .content table td #vdcode{display:inline-block; width:40%!important;}
.contentbox .contentright .content table td #vdcode1{display:inline-block; width:40%!important;}
.contentbox .contentright .content table td #vdcode2{display:inline-block; width:40%!important;}
.contentbox .contentright .content table td .flush{font-size:14px!important;}
.contentbox .contentright .content .schedule_title, .report_title{width: 50%!important;}
}

@media screen and (max-width: 600px){
.topsearch .honer{ display:none; }

}

@media screen and (max-width: 420px){
.logo{width: 300px;margin-left: 20px!important;}
.main .bannerwrap #slide{ width: 100%!important;height:250px!important; }
nav a{ width: 25%; }
#full-screen-slider{height:270px !important;}
.top_frbox{width: 100%; overflow: hidden; padding-top: 40px;}
.top_frUl ul li a img {width: calc(50vw - 30px); height: 120px; }
.top_frUl ul li div.title1 {width: calc(50vw - 50px);} 
.top_frbox .prev{left: 2%} 
.top_frbox .next{right: 2%}
.block2{width: 100%;}
.block2 .serviceside .servicecontent .servicesub .titlesub{padding: 0 1.62% 5px;}
.block2 .serviceside .servicecontent .servicesub .titlesub p{padding: 30px 0 20px;}
.block2 .serviceside .servicetab{margin-top: 10px;}
.block2 .serviceside .servicetab span{width: 46%!important;margin:0 2% 15px 0;}
.block2 .aboutside img{width: 96%; margin:10px 2%; float:none}
.block2 .aboutside .aboutcontent{margin: 5px 3%; width: 94%; float:none;}
.block1{width: 100%;}
.main .bannerwrap #slide .fullSlide{height: 100%;}
.fullSlide .bd{height: 100%;}
.fullSlide .bd ul{height: 100%;}
.fullSlide .bd li{height:100%!important;}
.main .bannerwrap #slide img{height: 100%;}
.fullSlide .hd{display: none}
.friend{width: 100%;}
.block3 dd{height: auto!important; padding-bottom: 20px;}
.block2 .serviceside .servicetab span.active:after, .block2 .serviceside .servicetab span.active:before{left:80px;}

}
@media screen and  (max-width: 375px){
nav a{ width: 33.33%; font-size: 16px }
.main .bannerwrap #slide{ width: 100%!important;height:225px!important; }
.block2 .serviceside .servicecontent .servicesub .content span{display: block;}
.block2 .serviceside .servicecontent .servicesub .contentpic{ width: 100% ;margin-left: 0}
.block2 .serviceside .servicecontent .servicesub .contentpic img{ width:100%; }
.block2 .serviceside .servicetab span.active:after, .block2 .serviceside .servicetab span.active:before{left:72px;}

}

@media screen and  (max-width: 320px){
.main .bannerwrap #slide{ width: 100%!important;height:195px!important; }
.logo{width: 250px;margin-left: 10px!important;}
.block2 .serviceside .servicetab span.active:after, .block2 .serviceside .servicetab span.active:before{left:58px;}
}