@charset "utf-8";
*{ box-sizing:border-box; -webkit-appearance: none; }
*:focus { outline: none; }
html, body{ height: 100%;}
body { margin: 0;line-height:1.5; font-size:14px;font-family:"微软雅黑",microsoft yahei; color:#333; background:#fff; }
ul,li{list-style: none; padding: 0; margin: 0;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}

.bg_main{ background:#19A7FD;}
.bg_main img{border-radius: 50%;}

.w-simgtext{}
.w-simgtext ul,.w-simgtext li{ list-style:none; margin:0; padding:0;}
.w-simgtext li{ margin-top:50px;}
.w-simgtext a{ display:block;text-decoration:none;}
.w-simgtext a:hover{ text-decoration:none;}
.w-simgtext h3{ margin: 0;line-height: 1.5; font-weight: normal;}
.w-simgtext p{margin-bottom: 0; line-height: 1.7;}

.w-simgtext2 li{ float: left; width: 25%; *width:24.99%; min-width: 200px; }
.w-simgtext2 li .item{position:relative; width: 260px;  height: 260px; margin: 0 auto; text-align: center;}
.w-simgtext2 li .s_img{max-width: 86px; max-height: 86px; margin:0 auto; overflow: hidden;}
.w-simgtext2 li .s_img img{ max-width: 100%; max-height: 100%;transition: all 0.5s; -webkit-transition: all 0.5s;}
.w-simgtext2 li .line{ height: 1px; margin: 15px auto;}
.w-simgtext2 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; }
.w-simgtext2 li .sigt1 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;overflow: hidden;border-radius: 50%; -webkit-border-radius: 50%;border:1px solid #0589f8; background:#0589f8; transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt1 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .w-simgtext2 li .sigt1 .sigt_text{ top:50%;}
.w-simgtext2 li .sigt1 h3{ font-size: 24px; color:#ffffff; }
.w-simgtext2 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff; }
.w-simgtext2 li .sigt2 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;opacity:0;border-radius: 50%; -webkit-border-radius: 50%; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0.7); -webkit-transform: scale(0.7); transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt2 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .w-simgtext2 li .sigt2 .sigt_text{ top:50%;}
.w-simgtext2 li .sigt2 .s_img img{ transform: translateX(100%); -webkit-transform: translateX(100%);transition: all 0.5s; -webkit-transition: all 0.5s;}
.w-simgtext2 li .sigt2 .line{width: 0; background: #fff;transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt2 h3{ font-size: 24px; color:#fff;}
.w-simgtext2 li a:hover .sigt1 .bg{transform: scale(1.3); -webkit-transform: scale(1.3);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-simgtext2 li a:hover .sigt1 .s_img img{ transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.w-simgtext2 li a:hover .sigt2 .s_img img{ transform: translateX(0); -webkit-transform: translateX(0);}
.w-simgtext2 li a:hover .sigt2 .line{ width: 80px; }
.w-simgtext2 li a:hover .sigt2 .bg{transform: scale(1); -webkit-transform: scale(1);opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.w-simgtext2 li a:hover .sigt2 .sigt_text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}


@media screen and (max-width: 992px){
	.sigt2{ display:none;}
 	.w-simgtext2 li{ min-width:50%; margin-top:15px;}
    .w-simgtext2 li:nth-child(2n+1){ clear: both;}
	.w-simgtext2{ margin: 0 -0.3em;} 
    .w-simgtext2 li a{margin: 0 0.3em;}
    .w-simgtext2 li .item{ width: auto; height: auto; }
    .w-simgtext2 li .line{ margin: 0.3em auto;}
    .w-simgtext2 li .sigt1{ position: relative; }
    .w-simgtext2 li .sigt1 .bg{border-radius:0; -webkit-border-radius:0;}
    .w-simgtext2 li .sigt1 .sigt_text{position: relative; transform: none; -webkit-transform: none; top:0; padding:2em 5%;}
    :root .w-simgtext2 li .sigt1 .sigt_text{top:0;}
}

@media (max-width:480px){
 
    .w-simgtext2 li .s_img{ max-width: 4.5em; max-height: 4.5em;}
    .w-simgtext2 li .sigt1 h3{ font-size: 105%;}

}