.p_content a{display: block;}
@media screen and (max-width: 767px){
 .p_topbanner{width: 100%;position: relative;margin-top: 45px;}
.p_topbanner img{width: 120%;position: relative;left: -13%;} 
.j_titleen{text-align: center;font-size: 24px;color: #0a8ad0;font-weight: 600;}
.j_titlecn{text-align: center;font-size: 16px;color: #333333;padding-bottom: 20px;border-bottom: 1px #eee solid;}
.c_titlecn{text-align: center;font-size: 16px;color: #333333;padding-bottom: 20px;font-weight: 600;} 
.p_eare{text-align: left;overflow: hidden;line-height: 47px;width: 98%;color: #8b8989;margin:0 auto;}
.j_titleen{border-top: 1px #dcdcdc solid;}
.p_warp{width: 100%;margin:0 auto;}
.p_fztype{border-bottom: 1px #dcdcdc solid;line-height: 25px;text-align: center;margin-bottom: 15px;overflow: hidden;}
.p_fztype span{color: #535353;font-size: 16px;padding:0 10px 0 0;display: block;float: left;}
.p_fztype span:last-child{display: block;}
.p_fztype span:after{content: "|";padding-left: 15px;}
.p_fztype span:last-child:after{content: "";padding-left: 0;}
.p_fztype .choose a{color: #026faa;}
.pc_left{overflow: hidden;}
.p_content{margin:15px auto 30px auto;overflow: hidden;width: 98%;}
.p_content .p_Cleft{width: 100%;}
.p_content .p_Cleftr{width: 100%;}
.p_content .p_right{float: left;width:100%;}
.p_content .p_right img{width: 100%;}

.pcl_title{color: #0a8ad0;font-size: 16px;font-weight: 600;margin-bottom:8px;}
.pcl_tbor{height: 2px;background-color: #30a0b5;width: 40px;margin-bottom: 8px;}
.pcl_text{color: #5f5f5f;font-size: 14px;line-height: 25px;margin-bottom: 8px;}
.pcl_more{border:1px #eee solid;width: 100px;height:25px;text-align: center;display: none;}
.pcl_more a{display: block;line-height: 25px;color: #000000;font-size: 12px;}
.pc_right{overflow: hidden;background-color: #f9f9f9;width: 100%;}
}
@media screen and (min-width: 767px){
.p_topbanner{width: 100%;position: relative;}
.p_topbanner img{width: 100%;} 
.j_titleen{text-align: center;font-size: 24px;color: #0a8ad0;font-weight: 600;}
.j_titlecn{text-align: center;font-size: 16px;color: #333333;padding-bottom: 20px;border-bottom: 1px #eee solid;}
.c_titlecn{text-align: center;font-size: 16px;color: #333333;padding-bottom: 20px;font-weight: 600;} 
.p_eare{text-align: left;overflow: hidden;line-height: 47px;width: 1200px;color: #8b8989;margin:0 auto;}
.j_titleen{border-top: 1px #dcdcdc solid;}
.p_warp{width: 1200px;margin:0 auto;}
.p_fztype{border-bottom: 1px #dcdcdc solid;line-height: 45px;text-align: center;margin-bottom: 15px;}
.p_fztype span{color: #535353;font-size: 16px;padding:0 15px 0 0;}
.p_fztype span:after{content: "|";padding-left: 15px;}
.p_fztype span:last-child:after{content: "";padding-left: 0;}
.p_fztype .choose a{color: #026faa;}
.pc_left{overflow: hidden;}
.p_content{margin:25px auto 35px auto;overflow: hidden;width: 1200px;}
.p_content .p_Cleft{float: left;width: 750px;margin-right: 30px;}
.p_content .p_Cleftr{float: left;width: 750px;margin-left: 30px;}
.p_content .p_right{float: left;width:400px;}
/*.p_content .p_right img{width: 100%;}*/
.pcl_title{color: #0a8ad0;font-size: 16px;font-weight: 600;margin-bottom: 15px;}
.pcl_tbor{height: 2px;background-color: #30a0b5;width: 40px;margin-bottom: 15px;}
.pcl_text{color: #5f5f5f;font-size: 14px;line-height: 25px;margin-bottom: 15px;}
.pcl_more{border:1px #eee solid;width: 100px;height:25px;text-align: center;}
.pcl_more a{display: block;line-height: 25px;color: #000000;font-size: 12px;}
.pc_right{overflow: hidden;background-color: #f9f9f9;width: 100%;}
}

/*   */

 
  
  
  .wrapper {
    display: inline-block;
    width: 400px;
    height: 184px;
    vertical-align: top; 
    cursor: pointer;
    position: relative;
    font-family: Tahoma, Arial;
    -webkit-perspective: 4000px;
       -moz-perspective: 4000px;
        -ms-perspective: 4000px;
         -o-perspective: 4000px;
            perspective: 4000px;
  }
  
  .item {

    height: 184px;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
          -ms-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transition: -webkit-transform .6s;
         -moz-transition: -moz-transform .6s;
          -ms-transition: -ms-transform .6s;
           -o-transition: -o-transform .6s;
              transition: transform .6s;
  }
  .itemcop{position: relative;top: 120px;color: #0a8ad0;font-weight: 600;font-size: 22px;text-align: center;z-index: 99;}

    .item:hover {
        height: 184px;
      -webkit-transform: translateZ(-50px) rotateX(90deg);
         -moz-transform: translateZ(-50px) rotateX(90deg);
          -ms-transform: translateZ(-50px) rotateX(90deg);
           -o-transform: translateZ(-50px) rotateX(90deg);
              transform: translateZ(-50px) rotateX(90deg);
    }
    
      .item:hover img {
        box-shadow: none; 
       
      }
  
      .item:hover .information { 
      }
      

    .item img {
       z-index: 1;
      width: 400px;
      height: 184px;
      display: block;
      position: absolute;
      top: 0;
      -webkit-transform: translateZ(50px);
         -moz-transform: translateZ(50px);
          -ms-transform: translateZ(50px);
           -o-transform: translateZ(50px);
              transform: translateZ(50px);
      -webkit-transition: all .6s;
         -moz-transition: all .6s;
          -ms-transition: all .6s;
           -o-transition: all .6s;
              transition: all .6s;
      
    }
    
    .item .information {
      display: block;
      position: absolute;
      top: 42px;
      height: 184px;
      width: 400px;
      text-align: left; 
     
      font-size: 12px; 
      box-shadow: none;

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 );
      -webkit-transform: rotateX(-90deg) translateZ(50px);
         -moz-transform: rotateX(-90deg) translateZ(50px);
          -ms-transform: rotateX(-90deg) translateZ(50px);
           -o-transform: rotateX(-90deg) translateZ(50px);
              transform: rotateX(-90deg) translateZ(50px);
      -webkit-transition: all .6s;
         -moz-transition: all .6s;
          -ms-transition: all .6s;
           -o-transition: all .6s;
              transition: all .6s;
      
    }
    
      .information strong {
        display: block;
        margin: .2em 0 .5em 0;
        font-size: 20px; 
      }
      .ads-wrapper {
  width: 400px;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 10px;
  font-family: Arial;
  text-align: right;
  color: #000;
}

.ads-wrapper a,
.ads-wrapper a:visited {
  font-size: 10px;
  color: #000;
  text-decoration: none;
}

.ads-content {
  display: block;
  width: 400px;
  height: 10px;
}
/*   */