@charset "utf-8";
/* 上海银象网络科技有限公司（www.seo120.com.cn）做最好的企业官方网站模版 */
/* QQ:1378789413 */
@media (max-width: 1280px) {

  #idx_pro .pro_swiper,#idx_case .case_swiper { margin: 0 40px;}
  #idx_pro .swiper-button-prev,#idx_case .swiper-button-prev { left: 15px;}
  #idx_pro .swiper-button-next,#idx_case .swiper-button-next { right: 15px;}
  .nav > li > a { padding: 0 15px;}


}
@media (max-width: 1200px) {
  .container { width: 1025px;}
   .navbar-default .navbar-brand { width: 175px;}
   .navbar { height: 100px;}
   body { padding-top: 100px;}
   .nav > li > a { height: 100px;line-height: 100px;font-size: 14px;}
   .nav > li > a { padding: 0 15px;}
   .navbar-default .navbar-form { margin-top: 30px;}
   .dropdown-menu > li > a { font-size: 14px;}
   .dropdown-menu { padding: 10px 12px;}
   #idx_news .right a { padding: 22px 44px;padding-right: 0;}
   #idx_case .swiper-slide .part .text { bottom: 0;}
   #idx_produce .left { padding-top: 20px;}
   #idx_produce .left a { margin-top: 40px;}
   #idx_foot .container { width: 100%;}
   #idx_foot dl+dl { margin-left: 6.5%;}
   .qssz ul li {min-height: 60px;}
   #choice .mid a,#choice2 .mid a {padding: 10px 30px;}
   #choice,#choice2 { position: relative;}
   #choice .left ,#choice .right { float: none;width: 100%;text-align: left;margin-bottom: 20px;}
   #choice .left a, #choice .right a { width: 60%;}
   #choice2 .left ,#choice2 .right { margin-bottom: 20px;}
   .qsdtxq, .qsgcxq { padding: 25px 15px;}
   .qszc .box .left { width: 45%;}
   .qscpxq .proinfo .left { width: 50%;}
   .qscpxq .proinfo .right { width: 320px;}
   .qscpxq .proinfo .left p { line-height: 24px;font-size: 15px;}
   /*.qszc .box .right { width: 46%;}*/
}


@media (max-width: 1050px){
  .nav { margin-left: 25px;}
  .container { width: 980px;}
  .nav > li > a { padding: 0 12px;}
}
@media (max-width: 1024px) {
  .qsgc ul li .left { width: 100%;float: none;}
  .qsgc ul li .right { width: 100%;float: none;}
  .qsgc ul li .right .square { position: static;left: auto;}
  .qsgc ul li .box:nth-child(3) { width: auto;}

}
@media (min-width: 992px) {
    .hamburger,.searico ,.searchbox,.mb-nav,.layout,#idx_foot .mbnav,.right-content .son-menu,.mbleft  { display: none;}
    .left-menu ul { width: 100%!important;}
    .mbwrapper { display: none;}
    .pcwrapper { display: block;}
}

@media (max-width: 991px) {
  .mbwrapper { display: block;}
  .pcwrapper { display: none;}
   body { padding-top: 50px;}

    #idx_foot .pcnav ,#idx_foot .pcnav,.slogo,.mslogo ,.left-menu ul li a i,.pcleft{ display: none;}
    .left-menu { width: 100%;padding-bottom:0;background: #fff;float: none;overflow: hidden;overflow-x: auto;margin-bottom: 20px;padding-bottom: 5px;}
    .left-menu::-webkit-scrollbar {width:5px;height:5px;}
/* 两端按钮*/
.left-menu::-webkit-scrollbar-button{display: none;}
/*滚动条轨道背景颜色*/
.left-menu::-webkit-scrollbar-track-piece{background:#f5f5f5;}
/*滚动条样式*/
.left-menu::-webkit-scrollbar-thumb{background:#c3c3c3;border-radius: 5px;}
    .left-menu ul {}
    .left-menu ul li a {display:block;font-size: 14px;padding: 10px 0;border-bottom: 2px solid transparent;}
    .left-menu ul li { float: left;/*background: #f5f5f5;*/margin-bottom:0;text-align: center;width: 112px;padding-left: 0;}
    .left-menu ul li.cli .dropmenu { display: none;}
    .left-menu ul li.cli a { background: #339967;color: #fff;}
    .son-menu { background: #efefef;margin-bottom: 20px;}
    .son-menu a { display: inline-block;text-align: center;color: #666;font-size: 12px;width: 15%;height: 30px;line-height: 30px;}
    .son-menu a.current { background: #dfdfdf;color: #333;}

    .navbar-collapse ,.topbar{ display: none!important;}
    .container { width: auto;}
    .hamburger { display: block;}
    .idxb .swiper-slide .text h2 { font-size: 18px;}
    .idxb .swiper-slide .text h1 { font-size: 30px;}
    .container > .navbar-header { float: left;margin: 0 auto;width: 220px;}
   .navbar-default .navbar-brand { width: 180px;}
    .nav { margin-left: 0;}
    .nav > li > a { height: 40px;line-height: 40px;border-bottom: 1px solid #e9e9e9;color: #333;font-size: 14px;}
    .mb-menu ul li>a i { width: 8px;height: 17px;}
    #idx_news .left { width: 100%;float: none;}
    #idx_news .right { width: 100%;float: none;margin-top: 30px;}
    #idx_produce .left { width: 100%;float: none;box-sizing: border-box;}
    #idx_produce .right { width: 100%;float: none;box-sizing: border-box;margin-top: 40px;}
    #idx_sur .text { width: 90%;}
    #idx_foot dl { float: none;margin-bottom: 0;}
   #idx_foot dl dt { background: url(../images/mbf.png) no-repeat 100% center;background-size: 12px 21px;padding: 20px 0;border-bottom: 1px solid #fff;font- size: 14px;font-weight: 100;}
   #idx_foot dl+dl { margin-left: 0;}
   #idx_foot dl dd { font-size: 16px;color: #b9c2d1;padding-left: 10px;margin-top: 10px ;display: none;}
   #idx_foot dl dd>a { display: block;border-bottom: 1px solid #b9c2d1;padding-bottom: 10px;}
   #idx_foot dl dt.cli { background: url(../images/mbf2.png) no-repeat 100% center;background-size: 21px 12px;}
   #idx_foot .ewm { position: relative;overflow: hidden;bottom: 0;right: 0;font-size: 16px;margin-top: 20px;}
    #idx_foot dl dd .droptype {margin-left: 15px;display: none;}
  #idx_foot dl dd>a i { width: 12px;height: 21px;background: url(../images/mbf.png) no-repeat;float: right;display: inline-block;}
   #idx_foot dl dd .droptype a { display: block;margin-top: 10px;}
  #idx_foot dl dd.cli>a { color: #339967;}
  #idx_foot dl dd.cli>a  i { background: url(../images/mbf22.png) no-repeat;background-size: contain;width: 18px;height: 10px;margin-top: 2px;}
  #idx_foot dl dd>a  i { width: 10px;height: 18px;background-size: contain;margin-top: -2px;}
  .hamburger .line { height: 2px;width: 25px;margin: 5px auto;}
  .searico { width: 20px;height: 20px;}

   #idx_foot .ewm .left { float: right;}
   #idx_foot .ewm .right { float: left;width: 60%;}
     #idx_foot  p {width: 95%;margin: 0 auto;}
   #idx_foot .copy { margin-top: 10px;}
   #idx_foot .copy .left ,#idx_foot .copy .right { width: 100%;text-align: center;margin-bottom: 5px;}
   .reCenter .left p  { font-weight: normal;}
   #idx_foot dl dt {margin-bottom: 0;}
    #idx_foot .menu { float: none;margin-top: 20px;}
    #idx_foot .menu a { display: inline-block;width: 100px;margin-right: 20px;}
    #idx_foot .menu a:hover { color: #999;}
  
  .right-content { width: 100%;float: none;}
  .qsjj ul li { width: 48%;}
  .qsjj ul li+li {margin-left: 4%;}
  .qsjj ul li:nth-child(2n+1) { margin-left: 0;}
  .qsfz .year { font-size: 60px;left: 0;top: -50px;}
  .qsfz { padding: 20px;}
  #idx_foot .lawyer a.left { display: none;}
  .qsry ul li { width: 48%;}
  .qsry ul li+li { margin-left: 4%;}
  .qsry ul li:nth-child(3n+1) { margin-left: 4%;}
  .qsry ul li:nth-child(2n+1) { margin-left: 0;}
  #page { width: auto;}
  #page ol { display: none;}
  #page a.prev { margin-right: 10px;}
  .qssz ul li { width: 100%;float: none;margin-left: 0;min-height: 40px;font-size: 14px;}
  .qssz ul li:nth-child(even) { margin-left: 0;}
   #choice .container,#choice2 .container {position: relative;padding-bottom: 50px;}

  #choice,#choice2 {padding-bottom: 70px;}
  #choice .mid,#choice2 .mid { width: 142px;position: absolute;left:50%;bottom: 30px;-webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);}
  #choice .left,#choice .right { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  #choice .left a, #choice .right a { width: 75%;}
  #choice .left a, #choice .right a {font-size: 14px;}
  #choice .left span, #choice .right span{ font-size: 14px;}
  .qscp ul li { width: 48%;}
  .qscp ul li+li { margin-left: 4%;}
  .qscp ul li:nth-child(3n+1) { margin-left: 4%;}
  .qscp ul li:nth-child(2n+1) { margin-left: 0;}
  .qscp ul li h1 { font-size: 14px;margin-bottom: 5px;margin-top: 10px;}
  .qscp ul li { padding-bottom: 15px;}
  .qscp ul li span { font-size: 12px;}
  .qsfw { padding-right: 20px;}
  .qszc ol li { width: 48%;}
  .qszc ol li+li { margin-left: 0;}
  .qszc { padding: 25px 5px;}
  .qszc ol li:nth-child(even) { margin-left: 4%;}
  .qszc ol li p { padding: 15px 5px;}
  .qszc .box .left { width: 100%;margin-bottom: 30px;}
  .qszc .box .left,.qszc .box .right { float: none;}
  .qszc .box .right { display: inline-block;}
  .qszc .contactus ul li { width: 100%;float: none;}
  .qsrc ul li { width: 33.33%;}
  .qscpxq .special .left, .qscpxq .special .right { width: 100%;float: none;margin-bottom: 20px;height: auto;}
  .qscpxq .proinfo .left { padding-top: 20px;}
  .qsgcxq .item span { margin-right: 0;}
  .navbar-default { position: fixed;top: 0!important;left: 0;}
  #idx_foot .mbnav { display: none;}
  #idx_foot .lawyer  { text-align: center;padding: 10px 0;}
    #idx_foot .lawyer a { display: inline-block;}
    #idx_foot .lawyer .right { float: none;margin-top: 10px;text-align: center;}
  .hamburger.is-active .line:nth-child(1) { 
    -webkit-transform: translateY(5px) rotate(45deg);
       -moz-transform: translateY(5px) rotate(45deg);
        -ms-transform: translateY(5px) rotate(45deg);
         -o-transform: translateY(5px) rotate(45deg);
            transform: translateY(5px) rotate(45deg);
  } 

  .left-menu ul li.ox>a,  .left-menu ul li.current>a,  .left-menu ul li.cli>a { border-bottom: 2px solid #339967;background: none;padding:10px; color: #339967;}
    .qsztb dl dd h1 { font-size: 15px;}
    .qsztb dl dd p { line-height: 20px;}
    .mb-menu ul li div { padding-left: 15px;padding-top: 0;padding-bottom: 0;}
    .mb-menu ul li div a{font-size: 14px;}
    .left-menu ul li a { display: inline-block;}
}

@media (max-width: 860px) {
  .qsdt .left { width: 35%;}
  .qsdt .right { width: 60%;}
.qsdt .right h1 { margin-top: 10px;}
.qscpxq .table { overflow-x: auto;}
.qscpxq .table table { min-width: 730px;}
.qscpxq .light .left,.qscpxq .light .right  { width: 100%;float: none;margin-bottom: 20px;}


}

@media (max-width: 767px) { 
  .qscpxq .proinfo .left,.qscpxq .proinfo .right { float: none;width: 100%;margin-bottom: 30px;}
  .qscpxq .proinfo .right  { height: auto!important;}
  .qscpxq .light ul li { width: 100%;margin-right: 0;float: none;}

  .qsShares .tit .lcon h1{font-size: 24px;}
  .qsShares .tit .lcon p {font-size: 16px;}
  .qsShares ul li {width: 32.6%;}
  .qsShares ul li h1 {font-size: 16px;}
}
@media (max-width: 740px) {
  .qsdt .left { width: 40%;}
  .qsdt .right { width: 55%;}
  .qsztb dl { padding: 20px 0;padding-left: 120px;}
  .qsztb dl dt { left: 0;width: 100px;}
  .qsztb { padding-top: 0;}
  .qsgc ul li h1 i { margin-right: 15px;}


}


@media (max-width: 680px) {
    .navbar-default .navbar-brand,.container > .navbar-header { width: 130px;}
  
    .idxb .swiper-slide .text h1 { font-size: 20px;}
    .idxb .swiper-slide .text h2 { font-size: 14px;margin-top: 12px;}
    #idx_pro .pro_swiper .swiper-slide p,#idx_case .swiper-slide .part .text p { font-size: 14px;}
    #idx_foot .lawyer span { padding: 0 10px;}
    
    .qsfw { padding: 25px 10px;}
    .qsfz .year { font-size: 34px;top: -30px;}
    .qsrc { padding: 5px 10px;}
    #idx_foot dl dt ,#idx_foot .menu a,#idx_produce .left h1{ font-size: 16px;}
    #idx_news .tit h1, #idx_case .tit h1 ,#idx_pro h1{ font-size: 16px;}
    #idx_news .tit h1 span, #idx_case .tit h1 span {font-size: 12px;}
    #idx_news .tit h1 a, #idx_case .tit h1 a {font-size: 14px;padding-top: 0;}
    #idx_news { margin-top: 0;}
    #idx_news .tit, #idx_case .tit {margin-bottom: 15px;}
    #idx_news .left p ,#idx_produce .left h3,#idx_produce .left p{font-size: 12px;left: 0;}
    #idx_news .right a span ,#idx_news .right a i ,#idx_sur p,#idx_sur a{ font-size: 13px;}
    #idx_news .right a {padding: 15px 44px;}
    #idx_pro h1 { padding-top: 10px;padding-bottom: 10px;}
    #idx_produce .left h3,#idx_produce .left h1 { margin-top: 0;}
    #idx_produce .left h1 { margin-bottom: 15px;}
    #idx_produce .left { padding: 20px 10px;}
    #idx_produce .left a { margin-top: 10px;font-size: 12px;}
    #idx_produce .right { height: auto!important;}
     #idx_produce .right .play { bottom: auto;top: 0;height: 97%;}
    #idx_produce .left a i ,#idx_sur a i{ margin-bottom: -1px;}
     #idx_sur a { margin-top: 20px;}
     #idx_sur .text { padding-bottom: 50px;}
    .idxb { height: 25vh;}   
    #idx_sur h1 { padding-top: 30px;font-size: 16px;padding-bottom: 25px;} 
    #idx_foot { padding-top: 0;}
    #idx_foot>.container { padding-bottom: 0;}
    .mb-menu ul li .dropmenu a { font-size: 14px;}
  .qssz h1 ,.qsjj h1,.qsyx .box h1,.qscpxq .proinfo .left h1,.qsgc ul li h1 span,.qsdtxq h1, .qsgcxq h1,.qszc h1, .qsrc h1,.qszc ol li h3{ font-size: 16px;}
  .qscpxq .proinfo .left h2,.qscpxq h4,.qscpxq .special h3 { font-size: 15px;margin-top: 30px;}
  .qscpxq .proinfo .left h2, .qscpxq h4, .qscpxq .special h3,.qsdtxq h1, .qsgcxq h1,.qsdtxq h2, .qsgcxq h2 ,.qszc h1, .qsrc h1{ margin-top: 0;}
  .qscpxq .proinfo .left h1:before { height: 2px;}
  .qsjj p,.qsfz .text p,.qsry p ,.qssz ul li,.qscpxq .proinfo .left p,.qscpxq .special .right ul li p,.qsdtxq h2 span, .qsgcxq h2 span,.qsgcxq .item span,.qsgcxq .contents p,.qsfw ul li p, .qsfw ul li span,.qszc .item h5,.qsrc p{ font-size: 13px;line-height: 22px;}
  .qszc h2 { font-size: 14px;}
  .qsfz .text {min-height: auto;}
  .qsjj { padding-top: 10px;}
  .qsjj h1 { margin-top: 10px;}
  .qsjj ul li p,.qsdt .right p,.qsgc ul li p,.qszc p ,.qszc .item p,.qszc table td,.qsrczp .box p{font-size: 12px;line-height: 22px;}
  .qszc ul li i { width: 28px;height: 28px;top: -1px;}
  .qsrczp .box p { margin-bottom: 0;}
  .qsrczp .dd h4 { margin-top: 10px;}
  .qszc ul, .qszc ol { padding-top: 0;}
  .qszc ol li h3 { padding: 10px 0;}
  .qszc ul li { padding-left: 35px;}
  .qszc .contactus ul li:nth-child(4) i { left: 4px;}
  .qszc .box .right .three { left: 29%;}
  .qszc .box .right .four { left: 5%;top: 85px;}
  #idx_case .swiper-pagination .swiper-pagination-bullet { width: 8px;height: 8px;}
  #idx_case { padding-bottom: 10px;}
  #idx_case .swiper-pagination { bottom: 25px;}
  #idx_produce .left p { line-height: 22px;}
  .navbar-brand > img { margin-top: 0;}
  .navbar { height: 50px;}
  .navbar-default .navbar-brand { padding-top: 10px;}
  #idx_pro .pro_swiper .swiper-slide p { margin-top: 0;padding-bottom: 10px;}
  #idx_news { padding-bottom: 10px;}

}
@media (max-width: 680px) {
 #idx_foot .copy { display: none;}
}
@media (max-width: 620px) {
  .qsdt .left { width: 45%;}
  .qsdt .right { width: 45%;}
  .qsdt .right span {font-size: 12px;margin-bottom: 5px;}
  .qsdt .right p { line-height: 22px;}
  .qsgc ul li .box .bottom { font-size: 14px;}
  .qsgc ul li .box .top { font-size: 12px;}
  .content { padding-top: 25px;}
  .qszc table td { padding: 15px ;}
  .qszc table { min-width: 600px;}
  .qscpxq .special .right ul li { width: 50%;margin-bottom: 20px;}
  .qsdtxq h1, .qsgcxq h1 { font-size: 18px;line-height: 26px;}
.qsHotline ul li{    padding: 20px 14px;}

}
@media (max-width: 540px) {
  .qsdt .left { width: 50%;}
  .qsdt .right { width: 45%;}
  .qsdt .right h1 { font-size: 16px;margin-top: 0;}
  #choice .mid a { padding: 10px 30px;}
  .page-banner { height: 200px;}

}

@media (max-width: 414px) {
    .ico { width: 25px;height: 25px;}
    .hamburger.is-active .line:nth-child(3) { -webkit-transform: translateY(-9px) rotate(-45deg);
       -moz-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
         -o-transform: translateY(-9px) rotate(-45deg);
            transform: translateY(-9px) rotate(-45deg);}
    .qsfw ul li p,.qsfw ul li span {font-size: 14px;}
    .qsfw ul li { padding-left: 75px;}
    .qszc ol li { width: 100%;}
  .qszc ol li:nth-child(even) { margin-left: 0;}
  #map1 { height: 250px;}
.qsgc ul li .box:nth-child(3) { width: 57%;}
  .son-menu a { width: 20%;}


}
@media (max-width: 410px) {
.qsgc ul li .box:nth-child(3) { width: 53%;padding: 0;}
.qsgc ul li .box:nth-child(3) .tc { padding: 0;}
}


@media (max-width: 375px) {
  .qsdt .left { width: 55%;}
  .qsdt .right { width: 40%;}
  .qsdt .right p { font-size: 12px;line-height: 18px;}
  .qsdt .right h1 { font-size: 14px;margin-top: 5px;}
  .son-menu a { width: 24%;}
.qsgc ul li .box:nth-child(3) { width: 54%;}


}


@media (max-width: 374px) {
  .qszc .box .right h4 {font-size: 26px;}
  .qszc .box .right h4 span {font-size: 12px;}
  .qszc .box .right p { font-size: 12px;}
  .qszc .box .right .four { top: 70px;}
  .qszc .box .right .three h4 { font-size: 34px;}
  .qszc .box .right .three { top: 5px;left: 27%;}
  .son-menu a { width: 23%;}
.qsgc ul li .box:nth-child(3) { width: 50%;}
  
  

}
@media (max-width: 350px) {
.qsgc ul li .box:nth-child(3) { width: 40%;}

}
@media (max-width: 320px){
.qsHotline ul li{    padding: 20px 6px;}
}