.showTechnologiesWrap { position: relative; }
.showTechnologiesWrap .bg { height: 100%; width: auto; max-width: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: -2; }
.showTechnologiesWrap .showTechnologies { position: relative; text-align: center; z-index: 2; background: rgba(255, 255, 255, 0.9); padding-top: 3.125%; padding-bottom: 35px; }
.showTechnologiesWrap .title { font-size: 40px; font-family: 'opensanslight', 'Microsoft YaHei', SimSun, Sans-serif; color: #000; }
@media screen and (max-width: 1400px) { .showTechnologiesWrap .title { font-size: 36px; } }
@media screen and (max-width: 875px) { .showTechnologiesWrap .title { font-size: 24px; } }
.showTechnologiesWrap .desc { margin: 5% auto 0; font-size: 22px; max-width: 1200px; color:#000; position: relative;}
.showTechnologiesWrap .desc:before{content:"";width:33px;height:31px;background: url(../../img/block2_icon01.png);position: absolute;bottom:100%;right:100%;}
.showTechnologiesWrap .desc:after{content:"";width:33px;height:31px;background: url(../../img/block2_icon02.png);position: absolute;top:100%;left:100%;}
.showTechnologiesWrap .desc span { color: #FFB830; }
.showTechnologiesWrap .wrap { margin: 4.6875% auto 0; max-width: 1200px; }
.showTechnologiesWrap .box { width: 24.16667%; text-align: center; }
.showTechnologiesWrap .box:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.showTechnologiesWrap .imgWrap { display: inline-block; width: 42.41379%; padding-top: 42.41379%; position: relative; border-radius: 50%; background: #FFB830; }
.showTechnologiesWrap .imgWrap img { width: 69.9187%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: 0.2s linear all; -moz-transition: 0.2s linear all; -webkit-transition: 0.2s linear all; -o-transition: 0.2s linear all; -ms-transition: 0.2s linear all; }
.showTechnologiesWrap .imgWrap i { width: 100%; height: 0; padding-top: 100%; border-radius: 50%; background: #FFB830; position: absolute; top: 50%; left: 50%; margin-top: -50%; margin-left: -50%; animation: mymoveOne 3s infinite; -webkit-animation: mymoveOne 2.5s infinite; z-index: -1; }
.showTechnologiesWrap .tit { display: block; margin-top: 20.68966%; font-size: 16px; color: #000; font-family: 'opensansbold', 'Microsoft YaHei', SimSun, Sans-serif; }
.showTechnologiesWrap .des { @Include ol; color: #000; }

@-webkit-keyframes mymoveOne { 0% { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
    100% { transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); filter: alpha(opacity=0); opacity: 0; } }

@keyframes mymoveOne { 0% { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
    100% { transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); filter: alpha(opacity=0); opacity: 0; } }
@media screen and (max-width: 875px) { .showTechnologiesWrap .showTechnologies { padding-top: 0; padding-bottom: 5px; }
    .showTechnologiesWrap .desc { font-size: 16px; margin-top: 20px; }
    .showTechnologiesWrap .box { width: 48%; margin-bottom: 30px; }
    .showTechnologiesWrap .tit { margin-top: 25px; } }