@charset "utf-8";

/*PC*/
@media(min-width:769px){
    .banner{ height: 400px;background-color:#1d1e2c;  background-position:center; background-size:100%; overflow:hidden}
    .banner_content{ height: 340px;}
    .banner_content .center .tit{ font-size: 50px; padding:150px 0px 30px 0px; font-weight: bold; color: #fff; text-align: center}
    .banner_content .center .txt{ font-size: 30px; padding: 20px 0px; display: block; font-weight: bold;color: #fff; text-align: center}



    .category .category_bg{ height:60px; background:#000;height:60px; -moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
    .category_nav{ position:relative; height:60px; top:-60px;}
    .category ul li { float:left;  width:16.66%;}
    .category ul li a{ display:block; height:60px; line-height:60px; font-size:16px; color:#fff; text-align:center;}
    .category ul li a:hover,
    .category #chk{color:#fff; background:#15549a;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}


    .about{ padding: 100px 0px;  background: #fff;}
    .about .content{padding-top: 30px;}
    .about .content div{ font-size: 16px; line-height: 35px;  text-align: center; }

    .partner{ padding: 100px 0px; background: #eaeaea}
    .partner ul{width:1195px;margin:0 auto;margin-top:40px}
    .partner ul li{float:left;width:25%;text-align:center}
    .partner ul li a{display:block;overflow:hidden;padding:5px 0px}
    .partner li span{width:100%;height:175px;display:block;margin:0 auto;position:relative;transition:0.6s;transform-style:preserve-3d;cursor:pointer}
    .partner li img{width:230px;height:150px;border-radius:5px;border:1px solid #eee;box-shadow:0 0 10px 0 rgba(0,0,0,.02)}
    .partner li:hover span{transform:rotateY(180deg)}
    .partner li:hover .front{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%)}
    .front,.back{position:absolute;left:0;top:0;backface-visibility:hidden;width:100%;height:100%}
    .front{transform:rotateY(0deg);z-index:2;-webkit-animation-play-state:paused;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
    .back img{transform:rotateY(-180deg)}

}
@media (max-width:769px){

    .banner { display: none;}

    .about .content{ padding: 20px 0px;}
    .about .content div{ color: #333; font-size: 12px; line-height: 28px; text-align: center;}


    .partner ul{ padding: 15px 15px;}
    .partner ul li{ float:left; width: 50%;}
    .partner .back{ display: none;}
    .partner ul li a{ width: 100%; display: block; overflow:hidden;}
    .partner ul li a img{ margin: 0px 5px 5px 5px; display: block; width: 100%;}
}