/*首页-主体样式 */
.m{width:100%; margin:0 auto; overflow:hidden;}
.i_about{width:100%; margin:0 auto; margin-top:4%;}
.i_about_title{width:100%; text-align:center; margin:0 auto;}
.i_about_title h1{width:100%; text-align:center; font-family:"微软雅黑"; color:#e60000; font-size:30px; background:url(../images/line.png) no-repeat bottom center; padding-bottom:14px; font-weight:lighter; text-align:center; margin:0 auto;}
.i_about_title h1 em{padding-bottom:6px; width:100%; text-align:center; float:left;}
.i_about_title p{width:85%; text-align:center; margin:0 auto; margin-top:2%; line-height:22px; font-family:"微软雅黑"; font-size:14px;}
.i_about_n{width:100%; margin:0 auto; margin-top:6%;}
.shortcut{width:100%; padding-bottom:6%; position:relative;overflow:hidden;}
.shortcut li{ width:16.66%; position:relative; overflow:hidden;float:left;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;top:0px;}
.shortcut li em{ width:25%; margin:0 auto;}
.shortcut a{display:block;width:100%; text-align:center;}
.shortcut a img{width:100px; height:100px; margin:0 auto;}
.shortcut a span{line-height:18px;font-family:arial;color:#333333; font-family:"Microsoft YaHei"; font-size:18px; clear:both;transition:all 1s;-webkit-transition:all 1s; margin:22px 0; display:block; width:100%; text-align:center;}
.shortcut a .imgH{left:-50%;transition:all 0.2s ease; position:absolute; -webkit-transition:all 0.2s ease;}
.shortcut a:hover{text-decoration:none;}
.shortcut a .imgH:hover{display:block; left:20.7%;}
.shortcut a:hover span{animation:img4 0.8s linear infinite alternate;-webkit-animation:img4 1s linear infinite alternate;}

/*首页-响应式案例样式 */
@media all and (max-width: 1920px) {
    .logo{margin:0.6% 0 0 0;}
    .i_contact_title h1 em{margin: 2% 0; margin-bottom:0;}
    .blog_list li{height:98px;}
    .blog_Rtime{margin: 3.4% 0 0 3.8%;}
    .blog_list li a{height:94px; width:99.4%;}
    .blog_Rmore{width:79%; margin: 3.5% 3.8% 0 0;}
    .blog_l{min-height: 337px;}
    .shortcut a:hover .imgH{display:block;left:22.8%;}
    .shortcut a .imgH{left:-80%; top:0;}
    .NavMore{display:none;}
    .NavMore_top{display:none;}
}
@media all and (max-width: 1680px) {
    .shortcut a:hover .imgH{display:block;left:22.2%;}
}
@media all and (max-width: 1660px) {
    .shortcut a:hover .imgH{display:block;left:22.2%;}
    .blog_Rmore{width:76%;}
    .blog_Rtime{margin: 3.8% 0 0 3.8%;}
}
@media all and (max-width: 1440px) {
    .shortcut a:hover .imgH{display:block;left:22.81%;}
    .blog_Rmore{width:75%; margin: 3.8% 3.8% 0 0;}
    .blog_Rtime{margin: 4.3% 0 0 3.8%;}
    .logo{margin:0.7% 0 0 0;}
}
@media all and (max-width: 1366px) {
    .shortcut a:hover .imgH{display:block;left:22.45%;}
    .blog_Rmore{width:73%; margin: 4% 3.8% 0 0;}
    .blog_Rtime{margin: 4.5% 0 0 3.8%;}
}
@media all and (max-width: 1280px) {
    .isotope .item {width: 33.33%; margin: 0;}
    .blog_title a{font-size:14px;}
    .shortcut a:hover .imgH{display:block; left:22.45%;}
    .shortcut a .imgH{left:-90%;}

}

@media all and (max-width: 1152px) {
    .blog_l{ display:none; }
    .blog_r{ width:100%;}
    .shortcut a:hover .imgH{left:16.45%;}


}
@media all and (max-width: 1192px) {
    .blog_l{ display:none; }
    .blog_r{ width:100%;}

}
@media all and (max-width: 1024px) {
    .isotope .item .title {padding:5px 35px 15px 15px; font-size:12px; color:#999;}
    .isotope .item .title-en {padding: 15px 0 0px 0; text-transform: uppercase; color: #666; font-size: 16px;}
    .blog_Rmore{width:76%; margin: 3.6% 3.8% 0 0;}
    .blog_Rtime{margin: 3.9% 0 0 3.5%;}
    .bottom{display:none;}
    .foot dl dt{width:100%; text-align:center;}
    .shortcut a:hover .imgH{left:5.45%;}
    .culture_n ul li{width:50%;  min-height:200px; float:left;}
    .culture_n ul li.c2{width:50%;}
    .culture_n ul li.c4 ,.culture_n ul li.c6{width:50%;}



}


@media all and (max-width: 800px){

    .shortcut a:hover .imgH{left:6.3%;}

}
@media all and (max-width: 768px){
    .shortcut a:hover .imgH{left:7%;}
    .i_contact_n{margin-top: 10%;}
}
@media all and (max-width: 640px){

    .shortcut a:hover .imgH{left:10.3%;}

    .shortcut li{width:50%;}
    .flex-direction-nav li a{display:none;}
    .shortcut a img{width:80%; height:auto;}
    .shortcut a{margin-bottom:12%;}
    .shortcut a span{font-size:14px;}
    .shortcut a .imgH{top:0;}


}


@media all and (max-width: 479px) {
    .isotope .item {width: 100%;}
}
@media all and (max-width: 369px){
    .shortcut a:hover .imgH{left:10%;}
}
@media all and (max-width: 360px){
    .shortcut a:hover .imgH{left:10%;}
}
@media all and (max-width: 320px){
    .shortcut a:hover .imgH{left:10%;}
    .service_list li{width:157px;  float:none; margin:0 auto; margin-bottom:20px;}
}