@charset "utf-8";
/* index page css document */
.content {
   width:1000px;
   text-align:center;
   margin:0 auto;
   font-size:16px;
}
.content .col_lg_2 {
   float:left;
   width:200px;
   text-align:left;
   margin:0;
}
.content .col_lg_25 {
   float:left;
   width:250px;
   text-align:left;
   margin:0;
}
.content .col_lg_3{
   float:left;
   width:300px;
   text-align:left;
   margin:0px;
}
.content .col_lg_35{
   float:left;
   width:350px;
   text-align:left;
   margin:0px;
}
.content .col_lg_4{
   float:left;
   width:400px;
   text-align:left;
   margin:0px;
}
.content .col_lg_6{
   float:left;
   width:600px;
   text-align:left;
   margin:0px;
}
.content .col_lg_65{
   float:left;
   width:650px;
   text-align:left;
   margin:0px;
}
.content .col_lg_7{
   float:left;
   width:700px;
   text-align:left;
   margin:0px;
}

.content .col_lg_75{
   float:left;
   width:750px;
   text-align:left;
   margin:0px;
}

.content .col_lg_8{
   float:left;
   width:800px;
   text-align:left;
   margin:0px;
}
.content .col_lg_10{
   width:1000px;
   text-align:left;
   margin:0px;
   float:left;
}
.content .col_lg_5{
   width:500px;
   float:left;
   text-align:left;
   margin:0px;
}
.content .top{
   height:30px;
}
.content .blank{
   height:40px;
   width:100%
}

.content .info{
   width:470px;
   /*border:solid 1px #dfdfdf; 
   border-top: 2px solid #8f000b;*/
   padding:15px;
   float:left
}

.content .clear-left{
   margin-left:0px;
   margin-right:15px;
}
.content .clear-right{
   margin-left:15px;
   margin-right:0px;
}
.content .info .title{
   font-size:18px;
   color:#000;
   width:100%;
   height:30px;
   border-bottom: 2px solid #8c0000;
   margin-bottom:10px;
}
.content .info .title a{
   display:inline-block;
   width:100%;
}
.content .info .title .right_more{
   font-size:12px;
   color:#a6a6a6;
   float:right;
}

.content .info .title a:hover .right_more {
   font-size:12px;
   color:#8c0000;
}
.content .info li{
   height:30px;
   line-height:30px;
}
.content .info li a{
   width:408px;
   margin-left:10px;
   display:inline-block;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.content .info li span.s-dt{
   width:52px;
   display:inline-block;
   float:left;
   text-align:right;
}
.content .info-cap{
   width:260px;
   padding:10px 0px 15px 40px;
}
.content .info-cap .cap-img {
   width:270px;
   height:170px;
}
.content .info-cap .title{
   width:100%;
   margin-top:5px;
   height:40px;
   line-height:40px;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
border-bottom: 2px solid #8c0000;
margin-bottom: 10px;
}

.content .info-cap .title  .right_more{ font-size:12px; float:right; color:#a6a6a6;}


.content .info-cap .detail{
   width:100%;
   margin-top:5px;
   height:auto;
   line-height:30px;
   font-size:13px;
   overflow:hidden;
   text-overflow:ellipsis;
   display: -webkit-box;
   
   -webkit-box-orient: vertical;
   text-indent:2em
}
.content .info-cap .cap-block {
   width:260px;
   height:240px;
}
.content .info-cap .cap-block-item {
   display:block;
   float:left;
   width:130px;
   height:77px;
   text-align:center;
}
.content .info-cap .cap-block-item img {
   width:120px;
   height:67px;
}
.content .info-cap .cap-more{
   width:100%;
   margin-top:5px;
   padding-left:5px;
   color: #a6a6a6;
   text-align: left;
   font-size: 12px;
}
.content .info-cap .cap-more a{
  color: #565656;
}
.content .info-cap .cap-more a:hover{
  color: #8c0000;
}
.content .info-note ul li span.s-wd{
   width:88px;
   height:auto;
   line-height:26px;
   margin-bottom:5px;
   font-size:14px;
   float:none;
   text-align:center;
}
.content .info-note ul li span.s-wd span{
   font-size:18px;
   font-family: georgia;
   width:53px;
   display:inline-block;
}
.content .col_lg_3 .info-note{
   width:270px;
   padding:15px;
   float:left
}
.content .col_lg_3 .info-note ul{
   width:100%;
   float:left
}
.content .col_lg_3 .info-note ul li{
   width:100%;
   height:60px;
   float:left
}
.content .col_lg_3 .info-note ul li a{
   width:200px;
   display:inline-block;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:normal;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin:0px 0px 10px 10px;
   line-height:25px;
   height:50px;
}
.content .col_lg_4 .info-note{
   width:370px;
   padding:15px;
   float:left;
}
.content .col_lg_4 .info-note ul{
   width:100%;
   float:left
}
.content .col_lg_4 .info-note ul li{
   width:100%;
   height:60px;
   float:left
}
.content .col_lg_4 .info-note ul li a{
   width:300px;
   display:inline-block;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:normal;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin:0px 0px 10px 10px;
   line-height:25px;
   height:50px;
}
.content .col_lg_7 .info-note{
   width:670px;
   padding:15px;
   float:left;
}
.content .col_lg_7 .info-note ul{
   width:100%;
   float:left;
}
.content .col_lg_7 .info-note ul li{
   width:100%;
   height:auto;
   float:left;
}
.content .col_lg_7 .info-note ul li a{
   width:auto;
   display:inline-block;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:normal;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin:0px 0px 10px 10px;
   line-height:30px;
   height:auto;
}
.content .info-app{
   width:970px;
   padding:15px;
   float:left;
}
.content .info-app ul li#app-1{
   width:243px;
   padding:15px 0px 15px 0px;
   float:left
}
.content .info-app ul li#app-2{
   width:233px;
   padding:15px 0px 15px 10px;
   float:left;
}
.content .info-app ul li#app-3{
   width:222px;
   padding:15px 0px 15px 20px;
   float:left;
}
.content .info-app ul li#app-4{
   width:222px;
   padding:15px 0px 15px 20px;
   float:left;
}
.content .info-app li{
   height:70px;
   line-height:70px;
}
.content .info-app li a,.content .info-app li a span{
   display:inline-block;
   *display:inline;
   height:70px;
   line-height:70px;
}
.content .info-app li span.app-ico img{
   width:51px;
   height:51px;
   padding:10px 10px 9px 0px;
}
.content .info-app li span.app-name{
   display:inline-block;
   *display:inline;
   *zoom:1;
   height:70px;
   line-height:70px;
}
.content .info li span{
   width:80px;
   display:inline-block;
   float:left;
   text-align:right;
}
.content .col_lg_3 .info{
   width:270px;
   padding:15px;
   float:left;
}

.content .col_lg_10 .info-tile{
   width:220px;
   height:140px;
   margin-top:20px;
   padding:15px;
   float:left;
}

.content .col_lg_10 .info-tile a{
   display:block;
   width:220px;
   height:140px;
}

.content .col_lg_10 .info-tile a img{
   width:220px;
   height:140px;
}
.content .col_lg_10 .info-tile a span.bbar{
   display:inline-block;
   width:200px;
   height:36px;
   line-height:36px;
   position:relative;
   top:-36px;
   z-index:2;
   background-color:#96757a;
   color:#fff;
   text-align:center;
   padding:0 10px;
   opacity:0.8;
}
.content .col_lg_10 .info-tile a span.bbar-c2{
   background-color:#404762;
   color:#fff;
}
.content .col_lg_10 .info-tile a span.bbar-c3{
   background-color:#245031;
   color:#fff;
}
.content .col_lg_10 .info-tile a span.bbar-c4{
   background-color:#726045;
   color:#fff;
}
.content .col_lg_10 .info-tile a span.bbar i{
   height:36px;
   line-height:36px;
   float:left;
}

.content .info-svc{
   width:970px;
   padding:15px;
   margin-top:15px;
   float:left
}
.content .info-svc .title{
   width:220px;
   height:60px;
   line-height:60px;
   background-color:#8c0000;
   color:#fff;
   text-align:center;
   margin-bottom:40px;
   font-size:24px;
   visibility:hidden;
}
.wap_right{
   width:970px;
   float: left;
   margin-left: 0px;
   top:0;
   overflow: hidden;
   /*min-height:1000px;*/ 
}
.container{
   position:relative;
   top:0;
   overflow: hidden;
   z-index: 2;
   /*height: auto;*/
}
.wap_right .pin{
   width: 210px;
   overflow: hidden;
   float: left;
   background: #efefef;
   margin-left:43px;
   margin-bottom:34px;
   padding-bottom: 16px;
   position: relative;
   top:0;
   left:0;
   -webkit-transition:all .7s ease-out .1s; 
   -moz-transition:all .7s ease-out .1s; 
   -o-transition:all .7s ease-out .1s; 
   transition:all .7s ease-out .1s;
}
.wap_right div.pin1,.wap_right div.pin5,.wap_right div.pin9{
   margin-left:0px;
}
.wap_right .pin img,.wap_right .pin .box{
   width: 100%;
}
.wap_right .pin .box h2{
   font-size: 18px;
   padding: 16px 9px 12px 11px;
}
.wap_right .pin .box h2 a{
   color: #505050;
}
.wap_right .pin .box h2 a:hover{
   color: #8c0000;
}
.wap_right .pin .box p{
   height:48px;
   line-height: 24px;
   padding: 0 9px 0 14px;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space:normal;
}
.wap_right div.pin4{
   margin-bottom:111px;
}
.wap_right div.pin5{
   top:0px;
}
.wap_right div.pin7{
   top:0px;
}
.wap_right div.pin6,.wap_right div.pin8{
   top:-77px;
}
.wap_right div.pin9{
   top:-77px;
}
.wap_right div.pin10{
   top:-77px;
}
.wap_right div.pin11{
   top:-154px;
}
.quicklinks{width: 100%;overflow:hidden;padding:15px  0 0;}
.quicklinks span{display: block;height:45px;width: 100%;background-color:#ccc;margin-bottom: 12px;text-align: center;line-height: 45px;color:#fff;overflow:hidden;text-shadow: 0px 1px 1px rgba(0,0,0,0.4);font-family: '黑体';border-radius: 5px;}
.quicklinks span a {color:#fff;letter-spacing: 1px;}
.quicklinks .color1{background-color:#f17c6c;}
.quicklinks .color2{background-color:#ff9966;}
.quicklinks .color3{background-color:#99cc99;}
.quicklinks span:hover {opacity: 0.8;}
/*
.content .info-svc .map-item{
   width:230.5px;
   height:600px;
   margin:8px 0px 8px 16px;
   float:left
}
.content .info-svc .map-item:first-child{
   margin-left:0px;
}
.content .info-svc .map-item a{
   width:230.5px;
   height:160px;
   margin:0px 0px 16px 0px;
   display:inline-block;
}
.content .info-svc .map-item img{
   width:230.5px;
   height:160px;
}
.content .info-svc .map-item .name{
   width:230.5px;
   text-align:center;
   color:#fff;
   background-color:#000;
   opacity:0.4;
   display:inline-block;
   position:relative;
   z-index:1;
   bottom:0px;
   height:36px;
   line-height:36px;
}

.content .info-svc .map-item a#svc-1, .content .info-svc  .map-item a#svc-1 img{
   height:100px;
}
.content .info-svc .map-item a#svc-3, .content .info-svc  .map-item a#svc-3 img{
   height:240px;
}
.content .info-svc .map-item a#svc-5, .content .info-svc  .map-item a#svc-5 img{
   height:200px;
}
.content .info-svc .map-item a#svc-6, .content .info-svc  .map-item a#svc-6 img{
   height:120px;
}
.content .info-svc .map-item a#svc-7, .content .info-svc  .map-item a#svc-7 img{
   height:120px;
}
.content .info-svc .map-item a#svc-8, .content .info-svc  .map-item a#svc-8 img{
   height:280px;
}
.content .info-svc .map-item a#svc-11, .content .info-svc  .map-item a#svc-11 img{
   height:105px;
}
.content .info-spv{
   width:720px;
   padding:15px;
   float:left
}
.content .info-spv li span{
   width:52px;
   display:inline-block;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
   text-align:center;
}*/
.content .info-spv li a{
   width:548px;
   display:inline-block;
   float:left;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
   padding-left:20px;
}
.content .bot{
   margin-top:30px;
}
.content .pic-squre{
   width:220px;
   background-color:#ffffff;
   margin:15px;
}
.content #hot_1{
   margin-left:10px;
}
.content #hot_4{
   margin-right:10px;
}
.content .pic-squre > a{
   width:220px;
   height:314px;
   display:block;
   overflow:hidden;
   position:relative;
   /*background-color:#8c0000;*/
}
.content .pic-squre > a img{
   width:220px;
   height:314px;
   /*border-bottom:solid 2px #8c0000; */
}
.content .pic-squre > a ul{
   position:relative;
   width:2640px;
   height:314px;
   display:block;
   overflow:hidden;
}
.content .pic-squre > a ul li{
   width:220px;
   float:left;
}
.content .pic-squre .name {
   font-size:16px;
   color:#fff;
   margin:0px;
   position:relative;
   bottom:36px;
   z-index:1;
   display:inline-block;
   width:220px;
   height:36px;
   line-height:36px;
   text-align:center;
}

.content .pic-squre .title{
   margin:0px 0px 0px 0px;
   background-color:#8c0000;
   color:#ffffff;
   font-size:18px;
   width:200px;
   height:40px;
   line-height:40px;
   text-align:center;
}
.content .pic-squre .detail{
   width:198px;
   border: solid 1px #ccc;
}
.content .pic-squre .detail li{
   padding:5px 15px 5px 15px;
   text-align:center;
}
.content .pic-squre .detail li span{
   margin-right:55px;
}
/*.content .pic-squre .title a{
   color:#8c0000;
}
.content .pic-squre .title a:hover{
   color:#565656;
}
.content .pic-squre .title a:link {
   font-weight:bold;
}*/

.content .pic-squre .bt-bg{
   width:200px;
   height:112px;
   margin-top:22px;
}

.lightbox_back {
  z-index: 9998;

  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;

  background: black;
  opacity: 0.4;
  filter: alpha(opacity=40);

  display: none;
}
.lightbox_fore {
  z-index: 9999;

  left: 25%;
  top: 10%;
  width: 50%;
  height: 80%;
  min-height: 0px;
  position: fixed;

  background: white;

  border: none;

  display: none;
}
.lightbox_fore img {
  width: 93px;
  height: 107px;
  float: left;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.lightbox_fore p {
  text-indent: 2em;
  font-size: 1.30em;
  line-height: 2.00em;
}

/*ĭ����ʽ����ҫ��position:fixedʵ����ļ���զ�λ*/
#gototop{display:none;position:fixed;top:75%;right:10px;cursor:pointer;margin-top:-50px;margin-left:520px;padding:2px 5px 3px 5px;width:20px;text-align:center;border:1px solid #e0e0e0;background:#fff;z-index:99;}
/*��css���ʽ(expression)��ʵ��ie6��position:fixedч��*/
#gototop{_position:absolute;_top:expression(documentelement.scrolltop   documentelement.clientheight * 3/4   "px")}
/*������ķ���ч��*/
#gototop.hover{background:#8c0000;color:#fff;text-decoration:none;}

@media screen and (max-width:1000px) {
   .content {
      width:800px;
      text-align:center;
      margin:0 auto;
      font-size:16px;
   }

   .content .col_lg_10{
      width:800px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:400px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_65{
      width:520px;
   }
   .content .col_lg_7{
      width:560px;
   }
   .content .col_lg_75{
      width:600px;
   }
   .content .col_lg_25{
      width:200px;
   }
   .content .col_lg_3{
      width:240px;
   }
   .content .col_lg_35{
      width:280px;
   }
   .content .col_lg_4{
      width:320px;
   }
   .content .clear-left{
      margin-left:0px;
      margin-right:15px;
   }
   .content .clear-right{
      margin-left:15px;
      margin-right:0px;
   }
   .content .info{
      width:365px;
   }
   .content .info li span.s-wd{
      padding-right:0px;
   }
   .content .info li a{
      width:313px;
   }
   .content .info-app{
      width:770px;
   }
   .content .info-app ul li#app-1,.content .info-app ul li#app-4{
      width:248px;
      padding:15px 0px 15px 8px;
      float:left
   }
   .content .info-app ul li#app-2,.content .info-app ul li#app-5{
      width:241px;
      padding:15px 0px 15px 15px;
      float:left
   }
   .content .info-app ul li#app-3,.content .info-app ul li#app-6{
      width:193px;
      padding:15px 0px 15px 64px;
      float:left
   }
   .content .info-cap{
      width:210px;
      padding-left:30px;
   }
   .content .info-cap .cap-img{
      width:210px;
      height:118px;
   }
   .content .info-cap .title{
      width:100%;
      height:40px;
      line-height:40px;
   }
   .content .info-cap .detail{
      width:100%;
      height:auto;
      line-height:20px;
   }
   .content .info-cap .cap-block {
      width:210px;
      height:200px;
   }
   .content .info-cap .cap-block-item {
      width:105px;
      height:63px;
   }
   .content .info-cap .cap-block-item img {
      width:95px;
      height:53px;
   }

   .content .info-cap .cap-more{
      margin-top:45px;
   }
   .content .col_lg_3 .info{
      width:210px;
      padding:15px;
      float:left;
   }
   .content .col_lg_3 .info-note{
      width:210px;
      padding:15px;
      float:left;
   }
   .content .col_lg_3 .info-note ul li a{
      width:140px;
   }
   .content .col_lg_4 .info-note{
      width:290px;
   }
   .content .col_lg_4 .info-note ul li a{
      width:220px;
   }
   .content .col_lg_5 .info-note{
      width:370px;
   }
   .content .col_lg_5 .info-note ul li a{
      width:308px;
   }
   .content .col_lg_7 .info-note{
      width:530px;
   }
   .content .col_lg_7 .info-note ul li a{
      width:468px;
   }
   .content .info-svc .title{
      width:170px;
      height:40px;
      line-height:40px;
      font-size:18px;
   }
   .content .pic-squre{
      width:170px;
      margin:45px 15px 55px 15px;
   }
   .content .pic-squre > a{
      width:170px;
      height:243px;
   }
   .content .pic-squre > a img{
      width:170px;
      height:243px;
      /*border-bottom:solid 2px #8c0000; */
   }
   .content .pic-squre > a ul{
      position:relative;
      width:2040px;
      height:243px;
      display:block;
      overflow:hidden;
   }
   .content .pic-squre > a ul li{
      width:170px;
      float:left;
   }
   .content .pic-squre >a .name{
      width:170px;
      height:26px;
      line-height:26px;
      bottom:26px;
   }
   .wap_right{
      width:770px;
      margin-left: 0;
   }
   .wap_right .pin{
      width: 185px;
      margin-left:10px;
   }
   .wap_right div.pin4{
      margin-bottom:102px;
   }
  .wap_right div.pin5{
      top:0px;
   }
   wap_right div.pin7{
      top:0px;
   }
   .wap_right div.pin6,.wap_right div.pin8{
      top:-68px;
   }
   .wap_right div.pin9{
      top:-68px;
   }
   .wap_right div.pin10{
      top:-68px;
   }
   .wap_right div.pin11{
      top:-136px;
   }
}

@media screen and (max-width:800px) {
   .content {
      width:640px;
      text-align:left;
      margin:0 auto 0 20px;
      font-size:16px;
   }

   .content .col_lg_10{
      width:640px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:640px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_7{
      width:640px;
   }
   .content .col_lg_75{
      width:640px;
   }
   .content .col_lg_3{
      width:640px;
   }
   .content .col_md_7{
      width:448px;
   }
   .content .col_md_3{
      width:192px;
   }
   .content .info{
      width:418px;
   }
   .content .info li a{
      width:365px;
   }
  
   .content .info-app{
      width:610x;
      padding-left:0px;
      padding-right:30px;
   }
   .content .info-app ul li#app-1,.content .info-app ul li#app-3,.content .info-app ul li#app-5{
      width:305px;
      padding:15px 0px 15px 0px;
      float:left
   }
   .content .info-app ul li#app-2,.content .info-app ul li#app-4,.content .info-app ul li#app-6{
      width:305px;
      padding:15px 0px 15px 0px;
      float:left
   }
   
   .content .info-cap{
      width:610px;
      padding-left:0px;
      padding-right:30px;
   }
   .content .info-cap .cap-img{
      width:308px;
      height:173px;
   }
   .content .info-cap .detail{
      height:40px;
      -webkit-line-clamp: 2;
   }
   .content .info-cap .cap-block {
      width:520px;
      height:160px;
   }
   .content .info-cap .cap-block-item {
      width:130px;
      height:77px;
   }
   .content .info-cap .cap-block-item img {
      width:120px;
      height:67px;
   }
   .content .info-cap .cap-more{
      margin-top:10px;
   }
   .content .col_lg_3 .info{
      width:610px;
      padding:15px 30px 15px 0px;
      float:left;
   }
   .content .col_lg_3 .info-note{
      width:610px;
      padding:15px 30px 15px 0px;
      float:left;
   }
   .content .col_lg_3 .info-note ul li a{
      width:540px;
   }
   .content .col_lg_4 .info-note{
      width:610px;
      padding:15px 30px 15px 0px;
   }
   .content .col_lg_4 .info-note ul li a{
      width:540px;
   }
    .content .col_lg_5 .info-note{
      width:610px;
      padding:15px 30px 15px 0px;
   }
   .content .col_lg_5 .info-note ul li a{
      width:548px;
   }
   .content .col_lg_7 .info-note{
      width:610px;
      padding:15px 30px 15px 0px;
   }
   .content .col_lg_7 .info-note ul li a{
      width:548px;
   }
   .content .pic-squre{
      width:177px;
      margin:45px 15px 15px 0px;
   }
   .content .pic-squre > a{
      width:170px;
      height:243px;
   }
   .content .pic-squre > a img{
      width:170px;
      height:243px;
      /*border-bottom:solid 2px #8c0000; */
   }
   .content .pic-squre > a ul{
      position:relative;
      width:2040px;
      height:243px;
      display:block;
      overflow:hidden;
   }
   .content .pic-squre > a ul li{
      width:170px;
      float:left;
   }
   .content .pic-squre >a .name{
      width:170px;
      height:26px;
      line-height:26px;
      bottom:26px;
   }
   .content .info-svc{
      width:610px;
      padding:15px 30px 15px 0px;
   }
   .wap_right{
      width:610px;
      margin-left: 0;
   }
   .wap_right .pin{
      width: 190px;
      margin-left:20px;
   }
   .wap_right div.pin1,.wap_right div.pin4,.wap_right div.pin7,.wap_right div.pin10{
       margin-left:0px;
   }
   .wap_right div.pin3{
      margin-bottom:34px;
   }
   .wap_right div.pin4{
      top:0px;
      margin-bottom:34px;
   }
   .wap_right div.pin5{
      top:-70px;
      margin-left:20px;
      margin-bottom:34px;
   }
   .wap_right div.pin6{
      top:0px;
      margin-bottom:104px;
   }
   .wap_right div.pin7{
      top:-70px;
      margin-bottom:34px;
   }
   .wap_right div.pin8{
      top:-140px;
      margin-bottom:34px;
   }
   .wap_right div.pin9{
      top:-138px;
      margin-bottom:34px;
   }
   .wap_right div.pin10{
      top:-210px;
   }
   .wap_right div.pin11{
      top:-70px;
   }
   .wap_right div.pin12{
      top:-210px;
   }
   .content .col_lg_10 .info-tile {
       padding-left:50px;
   }
}
@media screen and (max-width:640px) {
   .content {
      width:480px;
      text-align:left;
      margin:0 auto 0 20px;
      font-size:16px;
   }

   .content .col_lg_10{
      width:480px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:480px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_75{
      width:480px;
   }
   .content .col_lg_7{
      width:480px;
   }
   .content .col_lg_25{
      width:480px;
   }
   .content .col_lg_3{
      width:480px;
   }
   .content .info{
      width:450px;
      padding-left:0px;
      padding-right:30px;
   }
   .content .info li a{
      width:398px;
   }
   .content .info-app{
      width:450x;
   }
   .content .info-app ul li#app-1,.content .info-app ul li#app-3,.content .info-app ul li#app-5{
      width:225px;
      padding:15px 0px 15px 0px;
      float:left
   }
   .content .info-app ul li#app-2,.content .info-app ul li#app-4,.content .info-app ul li#app-6{
      width:225px;
      padding:15px 0px 15px 0px;
      float:left
   }
   .content .info-cap{
      width:450px;
   }
   .content .info-cap .detail{
      height:60px;
      -webkit-line-clamp: 3;
   }
   .content .info-cap .cap-block {
      width:390px;
      height:160px;
   }
   .content .info-cap .cap-block-item {
      width:130px;
      height:77px;
   }
   .content .info-cap .cap-block-item img {
      width:120px;
      height:67px;
   }
   .content .col_lg_3 .info{
      width:450px;
   }
   .content .col_lg_3 .info-note{
      width:450px;
   }
   .content .col_lg_3 .info-note ul li a{
      width:380px;
   }
   .content .col_lg_4 .info-note{
      width:450px;
   }
   .content .col_lg_4 .info-note ul li a{
      width:380px;
   }
   .content .col_lg_5 .info-note{
      width:450px;
   }
   .content .col_lg_5 .info-note ul li a{
      width:388px;
   }
   .content .col_lg_7 .info-note{
      width:450px;
   }
   .content .col_lg_7 .info-note ul li a{
      width:388px;
   }
   .content .pic-squre{
      width:220px;
      margin:15px 115px 15px 115px;
   }
   .content .pic-squre > a{
      width:220px;
      height:314px;
   }
   .content .pic-squre > a img{
      width:220px;
      height:314px;
   }
   .content .pic-squre > a ul{
      position:relative;
      width:2640px;
      height:314px;
      display:block;
      overflow:hidden;
   }
   .content .pic-squre > a ul li{
      width:220px;
      float:left;
   }
   .content .pic-squre >a .name{
      width:220px;
      height:36px;
      line-height:36px;
      bottom:36px;
   }
   .wap_right{
      width:450px;
      margin-left: 0;
   }
   .wap_right .pin{
      width: 210px;
      margin-left:30px;
      margin-bottom:0px;
   }
   .wap_right div.pin1,.wap_right div.pin3,.wap_right div.pin5,.wap_right div.pin7,.wap_right div.pin9,.wap_right div.pin11{
       margin-left:0px;
   }
   .wap_right div.pin1{
       margin-bottom:34px;
   }
   .wap_right div.pin2{
      margin-bottom:111px;
   }
   .wap_right div.pin3{
      top:0px;
      margin-bottom:34px;
   }
   .wap_right div.pin4{
      margin-left:30px;
      margin-bottom:111px;
      top:-77px;
   }
   .wap_right div.pin5{
      top:0px;
      margin-bottom:34px;
   }
   .wap_right div.pin6{
      top:-154px;
      margin-bottom:111px;
   }
   .wap_right div.pin7{
      top:-77px;
      margin-bottom:34px;
   }
   .wap_right div.pin8{
      top:-231px;
      margin-bottom:34px;
   }
   .wap_right div.pin9{
      top:-231px;
      margin-bottom:34px;
   }
   .wap_right div.pin10{
      top:-77px;
      margin-left:30px;
      margin-bottom:111px;
   }
   .wap_right div.pin11{
      top:-231px;
      margin-left:0px;
      margin-bottom:0px;
   }
   .wap_right div.pin12{
      top:-154px;
      margin-left:30px;
      margin-bottom:0px;
   }
   .content .col_lg_10 .info-tile {
       padding-left:110px;
   }
}
@media screen and (max-width:480px) {
   .content {
      width:360px;
      text-align:left;
      margin:0 auto 0 20px;
      font-size:16px;
   }

   .content .col_lg_10{
      width:360px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:360px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_7{
      width:360px;
   }
   .content .col_lg_75{
      width:360px;
   }
   .content .col_lg_25{
      width:360px;
   }
   .content .col_lg_3{
      width:360px;
   }
   .content .info{
      width:330px;
   }
   .content .info li a{
      width:278px;
   }
   .content .info-app{
      width:330px;
   }
   .content .info-app ul li#app-1,.content .info-app ul li#app-3,.content .info-app ul li#app-5{
      width:270px;
      padding:15px 0px 15px 60px;
      float:left
   }
   .content .info-app ul li#app-2,.content .info-app ul li#app-4,.content .info-app ul li#app-6{
      width:270px;
      padding:15px 0px 15px 60px;
      float:left
   }
   .content .info-cap{
      width:330px;
   }
   .content .info-cap .detail{
      height:60px;
      -webkit-line-clamp: 3;
   }
   .content .info-cap .cap-block {
      width:260px;
      height:240px;
   }
   .content .info-cap .cap-block-item {
      width:130px;
      height:77px;
   }
   .content .info-cap .cap-block-item img {
      width:120px;
      height:67px;
   }
   .content .col_lg_3 .info{
      width:330px;
   }
   .content .col_lg_3 .info-note{
      width:330px;
   }
   .content .col_lg_3 .info-note ul li a{
      width:260px;
   }
   .content .col_lg_4 .info-note{
      width:330px;
   }
   .content .col_lg_4 .info-note ul li a{
      width:260px;
   }
   .content .col_lg_5 .info-note{
      width:330px;
   }
   .content .col_lg_5 .info-note ul li a{
      width:268px;
   }
   .content .col_lg_7 .info-note{
      width:330px;
   }
   .content .col_lg_7 .info-note ul li a{
      width:268px;
   }
   .content .pic-squre{
      width:220px;
      margin:15px 55px 15px 55px;
   }
   .content .pic-squre > a{
      width:220px;
      height:314px;
   }
   .content .pic-squre > a img{
      width:220px;
      height:314px;
   }
   .content .pic-squre > a ul{
      position:relative;
      width:2640px;
      height:314px;
      display:block;
      overflow:hidden;
   }
   .content .pic-squre > a ul li{
      width:220px;
      float:left;
   }
   .content .pic-squre >a .name{
      width:220px;
      height:36px;
      line-height:36px;
      bottom:36px;
   }
   .content .info-svc .title{
      width:330px;
   }
   .wap_right{
      width:330px;
      margin-left: 60px;
      margin-right: 60px;
   }
   .wap_right .pin{
      width: 210px;
      margin-left:0px;
      margin-bottom:34px;
      top:0px;
   }
   .wap_right div.pin1,.wap_right div.pin2,.wap_right div.pin3,.wap_right div.pin4,.wap_right div.pin5,.wap_right div.pin6,.wap_right div.pin7,.wap_right div.pin8,.wap_right div.pin9,.wap_right div.pin10,.wap_right div.pin11,.wap_right div.pin12{
       margin-left:0px;
       margin-bottom:34px;
       top:0px;
   }
   .wap_right div.pin12{
      margin-bottom:68px;
   }
   .content .col_lg_10 .info-tile {
       padding-left:55px;
   }
}

@media screen and (max-width:360px) {
   .content {
      width:320px;
      text-align:left;
      margin:0 auto 0 20px;
      font-size:16px;
   }

   .content .col_lg_10{
      width:320px;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_5{
      width:320px;
      float:left;
      text-align:left;
      margin:0px;
   }
   .content .col_lg_7{
      width:320px;
   }
   .content .col_lg_75{
      width:320px;
   }
   .content .col_lg_3{
      width:320px;
   }
   .content .col_lg_25{
      width:320px;
   }
   .content .info{
      width:290px;
   }
   .content .info li a{
      width:238px;
   }
   .content .info-app{
      width:290px;
   }
   .content .info-app ul li#app-1,.content .info-app ul li#app-3,.content .info-app ul li#app-5{
      width:250px;
      padding:15px 0px 15px 40px;
      float:left
   }
   .content .info-app ul li#app-2,.content .info-app ul li#app-4,.content .info-app ul li#app-6{
      width:250px;
      padding:15px 0px 15px 40px;
      float:left
   }
   .content .info-cap{
      width:290px;
   }
   .content .info-cap .cap-img{
      width:260px;
      height:146px;
   }
   .content .info-cap .detail{
      height:60px;
      -webkit-line-clamp: 3;
   }
   .content .info-cap .cap-block {
      width:260px;
      height:240px;
   }
   .content .info-cap .cap-block-item {
      width:130px;
      height:77px;
   }
   .content .info-cap .cap-block-item img {
      width:120px;
      height:67px;
   }
   .content .col_lg_3 .info{
      width:290px;
   }
   .content .col_lg_3 .info-note{
      width:290px;
   }
   .content .col_lg_3 .info-note ul li a{
      width:220px;
   }
   .content .col_lg_4 .info-note{
      width:290px;
   }
   .content .col_lg_4 .info-note ul li a{
      width:220px;
   }
   .content .col_lg_5 .info-note{
      width:290px;
   }
    .content .col_lg_5 .info-note ul li a{
      width:228px;
   }
   .content .col_lg_7 .info-note{
      width:290px;
   }
    .content .col_lg_7 .info-note ul li a{
      width:228px;
   }
   .content .pic-squre{
      width:220px;
      margin:15px 35px 15px 35px;
   }
   .content .pic-squre > a{
      width:220px;
      height:314px;
   }
   .content .pic-squre > a img{
      width:220px;
      height:314px;
   }
   .content .pic-squre > a ul{
      position:relative;
      width:2640px;
      height:314px;
      display:block;
      overflow:hidden;
   }
   .content .pic-squre > a ul li{
      width:220px;
      float:left;
   }
   .content .pic-squre >a .name{
      width:220px;
      height:36px;
      line-height:36px;
      bottom:36px;
   }
   .content .info-svc .title{
      width:290px;
   }
   .wap_right{
      width:290px;
      margin-left: 40px;
      margin-right: 40px;
   }
   .wap_right .pin{
      width: 210px;
      margin-left:0px;
      margin-bottom:34px;
      top:0px;
   }
   .wap_right div.pin1,.wap_right div.pin2,.wap_right div.pin3,.wap_right div.pin4,.wap_right div.pin5,.wap_right div.pin6,.wap_right div.pin7,.wap_right div.pin8,.wap_right div.pin9,.wap_right div.pin10,.wap_right div.pin11,.wap_right div.pin12{
       margin-left:0px;
       margin-bottom:34px;
       top:0px;
   }
   .wap_right div.pin12{
      margin-bottom:68px;
   }
   .content .col_lg_10 .info-tile {
       padding-left:35px;
   }
}