.m_1016_t{ width:100%; height:50px; margin:50px auto 0px auto; line-height:50px; text-align:center; font-size: 24px; font-weight:bold; overflow:hidden; }
.m_1016_f{ width:300px; height:30px; margin:0px auto 30px auto; line-height:30px; text-align:center; font-size: 12px; border-top:1px solid #000000; overflow:hidden; }
.m_1016_m{ width:100%; margin:0px auto 0px auto; text-align:center; overflow:hidden; }
.m_1016_figure{ overflow:hidden;}
.m_1016_figure a{ color:#FFFFFF; }
.m_1016_con{ position:relative; width:100%; height:0px;padding-bottom:142.8571%; background-color:#eeeeee; overflow:hidden;}
.m_1016_con_a{ position:absolute; top:0px; left:-52.0408%; width:204.0816%; height:100%; text-align:center; }
.m_1016_con .m_1016_con_a img{ height:100%; }
.m_1016_con:hover .m_1016_con_a img{transform: scale(1.15, 1.15) rotate(8deg);-ms-transform: scale(1.15, 1.15) rotate(8deg);-webkit-transform: scale(1.15, 1.15) rotate(8deg);-moz-transform: scale(1.15, 1.15) rotate(8deg);-o-transform: scale(1.15, 1.15) rotate(8deg); -moz-opacity:0.8; opacity:0.8; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear}
.m_1016_con_b{ position:absolute; bottom:0px; left:0px; width:100%; height:100%; background-color:#009aff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear}
.m_1016_figure:nth-child(1) .m_1016_con .m_1016_con_b{ background-color:#009aff; }
.m_1016_figure:nth-child(2) .m_1016_con .m_1016_con_b{ background-color:#78c340; }
.m_1016_figure:nth-child(3) .m_1016_con .m_1016_con_b{ background-color:#6d45de; }
.m_1016_figure:nth-child(4) .m_1016_con .m_1016_con_b{ background-color:#ce3505; }
.m_1016_con:hover .m_1016_con_b{ left:0px; height:60px; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear}
.m_1016_con_b_t{ position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:-50px; width:180px; height:50px; line-height:50px; color:#FFFFFF; font-size:20px; font-weight:bold; border-bottom:1px solid #ffffff; overflow:hidden; }
.m_1016_con_b_k{ position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:0px; width:180px; height:30px; line-height:30px; color:#FFFFFF; font-size:12px; overflow:hidden; }
.m_1016_con:hover .m_1016_con_b .m_1016_con_b_t{ position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:-15px; width:180px; height:30px; line-height:30px; color:#FFFFFF; font-size:16px; font-weight:bold; border-bottom:0px solid #ffffff; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear}
.m_1016_con:hover .m_1016_con_b .m_1016_con_b_k{ display:none; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear}
.m_1016_more{ width:180px; height:44px; margin:50px auto; line-height:44px; text-align:center; font-size: 14px; border:1px solid #000000; overflow:hidden; }
.m_1016_more:hover{ background-color:#009aff; color:#FFFFFF; border-radius:50px; border:1px solid #009aff; }
.m_1016_more:hover a{ color:#FFFFFF; }
@media screen and (min-width:1420px){ /* 执行1200px版的css*/   

}
@media screen and (min-width: 1220px) and (max-width: 1419px) { /*执行1000px版的css*/  

}
@media screen and (min-width: 750px) and (max-width: 1219px) { /*执行750px版的css*/  

}
@media screen and (max-width: 749px) { /*执行100%宽度版的css*/  
#jsx_models1016{ background-attachment:fixed;}
.m_1016_t{ width:100%; height:50px; margin:50px auto 0px auto; line-height:50px; text-align:center; font-size: 24px; font-weight:bold; overflow:hidden; }
.m_1016_f{ width:300px; height:30px; margin:0px auto 30px auto; line-height:30px; text-align:center; font-size: 12px; border-top:1px solid #000000; overflow:hidden; }
.m_1016_m{ width:300px; margin:0px auto 0px auto; text-align:center; overflow:hidden; }
.m_1016_figure{ overflow:hidden; margin-top:15px;}
.m_1016_con{ position:relative; width:100%; height:0px;padding-bottom:142.8571%; background-color:#eeeeee; overflow:hidden;}
.m_1016_con_a{ position:absolute; top:0px; left:-52.0408%; width:204.0816%; height:100%; text-align:center; }
.m_1016_con .m_1016_con_a img{ height:100%; }
.m_1016_con:hover .m_1016_con_a img{transform: scale(1.15, 1.15) rotate(8deg);-ms-transform: scale(1.15, 1.15) rotate(8deg);-webkit-transform: scale(1.15, 1.15) rotate(8deg);-moz-transform: scale(1.15, 1.15) rotate(8deg);-o-transform: scale(1.15, 1.15) rotate(8deg); -moz-opacity:0.8; opacity:0.8; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear}
.m_1016_con_b{ position:absolute; bottom:0px; left:0px; width:100%; height:60px; background-color:#009aff; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear}
.m_1016_figure:nth-child(1) .m_1016_con .m_1016_con_b{ background-color:#009aff; }
.m_1016_figure:nth-child(2) .m_1016_con .m_1016_con_b{ background-color:#78c340; }
.m_1016_figure:nth-child(3) .m_1016_con .m_1016_con_b{ background-color:#6d45de; }
.m_1016_figure:nth-child(4) .m_1016_con .m_1016_con_b{ background-color:#ce3505; }
.m_1016_con_b_t{ position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:-15px; width:180px; height:30px; line-height:30px; line-height:30px; color:#FFFFFF; font-size:16px; font-weight:bold; border-bottom:0px solid #ffffff; overflow:hidden; }
.m_1016_con_b_t a{ float:left; width:180px; height:50px; color:#FFFFFF;  }
.m_1016_con_b_k{ display:none; position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:0px; width:180px; height:30px; line-height:30px; color:#FFFFFF; font-size:12px; overflow:hidden; }
.m_1016_con_b_k a{ float:left; width:180px; height:50px; color:#FFFFFF;  }
.m_1016_con:hover .m_1016_con_b .m_1016_con_b_t{ position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:-15px; width:180px; height:30px; line-height:30px; color:#FFFFFF; font-size:16px; font-weight:bold; border-bottom:0px solid #ffffff; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear}
.m_1016_con:hover .m_1016_con_b .m_1016_con_b_k{ display:none; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear}
.m_1016_more{ width:180px; height:44px; margin:50px auto; line-height:44px; text-align:center; font-size: 14px; border:1px solid #000000; overflow:hidden; }
.m_1016_more:hover{ background-color:#009aff; color:#FFFFFF; border-radius:50px; border:1px solid #009aff; }
.m_1016_more:hover a{ color:#FFFFFF; }
}