@charset "utf-8";
/* CSS Document */


.link_rt{line-height:25px;background:#222;padding:10px 0px;}
.link_rt ul{max-width:1200px;padding:0px 15px;margin:0px auto;}
.link_rt span{color: #fff;font-size: 14px;display:inline-block;margin-right:18px;}
.link_rt em{color: #fff;font-size: 12px;display:inline-block;}
.link_rt em a{color: #fff;margin-right:10px;display:inline-block;}

.link_rt em a:hover{text-decoration:underline;}


.footer{background:#fff;padding:10px 0px 0px;border-top: 2px solid #02a0e1;padding-top: 40px;}
.foo_ster{padding-bottom: 40px;}
.foo_ster ul{max-width:1200px;padding:0px 15px;margin:0px auto;}
.footer_b{margin:0px auto;font-size:12px;line-height:25px;color:#666;text-align:center;border-top:2px solid #000;padding:5px 15px;}
.footer_b a{color:#02a0e1;margin-right:10px;}

.foo_ster ul li{float:left;}
.foo_ster ul li:nth-child(1){width:29%;margin-right:2%;}
.foo_ster ul li:nth-child(2){width: 22%;margin-right:2%;}
.foo_ster ul li:nth-child(3){width: 22%;margin-right:2%;}
.foo_ster ul li:nth-child(4){float:right;width:20%;text-align:right;}
.foo_ster ul li:nth-child(4) span{text-align:right;font-size:30px;}

.fs_xd_mcd{display:inline-block;background:#53b9e3;color:#fff;font-size:14px;border-radius: 2px;height:40px;line-height:40px;width:150px;text-align:center;position: relative;overflow: hidden;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);margin-top:20px;}
.foo_ster ul li span{display:block;margin-bottom: 10px;font-size: 15px;line-height:30px;color: #333;font-weight: bold;}
.foo_ster ul li em.nes_mcdf{display:block;}
.foo_ster ul li em.nes_mcdf a{display:block;line-height: 32px;height: 32px;overflow:hidden;color: #333;font-size: 13px;position:relative;}
.mfr_kcd{display:block;line-height: 28px;color: #333;font-size: 12px;}
.foo_ster ul li em.nes_mcdf a:after{content: '';display: block;width: 0%;height: 1px;background-color: #02a0e1;position: absolute;left: 0;bottom: 0;opacity: 0;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.foo_ster ul li em.nes_mcdf a:hover:after{width: 100%;opacity: 1;}
.mfr_kcd:hover{color: #02a0e1;}

.lind_mdr2 dd{line-height: 28px;color: #333;font-size: 13px;}
.nd_mt1{background: url(../images/contact_ico.png) 0px 0px no-repeat;padding-left:24px;}
.nd_mt2{background: url(../images/contact_ico.png) 0px 5px no-repeat;padding-left:24px;}
.nd_mt3{background: url(../images/contact_ico.png) 0px -37px no-repeat;padding-left:24px;}
.nd_mt4{background: url(../images/contact_ico.png) 0px -81px no-repeat;padding-left:24px;}


.mfr_kcd{text-decoration:underline;}
.hcn_nc_xd{display:block;font-size:14px;line-height:25px;color:#333;margin:10px 0px;}

.btn_wave_circle{background-color:red;border-radius:1000px;position:absolute;left:0;top:0;width:0;height:0;margin-left:0;margin-top:0;pointer-events:none;z-index: -1;}
.fs_xd_mcd:hover{color: #fff!important;background-color: #02a0e1;}
.explode-circle{animation:explode .5s forwards}
.desplode-circle{animation:desplode .5s forwards}
@keyframes explode{0%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.1)}100%{width:300%;padding: 150% 0;margin-left:-150%;margin-top:-150%;background-color:#02a0e1}}
@keyframes desplode{0%{width:300%;padding: 150% 0;margin-left:-150%;margin-top:-150%;background-color:#02a0e1}100%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.1)}}


.ne_vs_mcdf{display:block;margin-bottom: 10px;}
.ne_vs_mcdf a{display:block;}
.e_vs_mct1{display:block;line-height: 25px;color: #333;font-size: 12px;height: 25px;overflow:hidden;font-style:normal;}
.e_vs_mct2{display:block;line-height: 20px;color: #333;font-size: 12px;height:40px;overflow:hidden;font-style:normal;}
.ne_vs_mcdf span{display:block;line-height: 28px;color: #333;font-size: 14px;font-weight:bold;height: 28px;overflow:hidden;margin: 4px 0px !important;position:relative;}
.ne_vs_mcdf span:hover{color: #02a0e1;}
.ne_vs_mcdf span:after{content: '';display: block;width: 0%;height: 1px;background-color: #02a0e1;position: absolute;left: 0;bottom: 0;opacity: 0;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.ne_vs_mcdf span:hover:after{width: 100%;opacity: 1;}

/*gotop*/
.back_tp {position:fixed;text-align:center;right:15px;bottom:50px;display:block;background-color: #53b9e3;border-radius:50%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);background-clip:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:99999;cursor:pointer;font-size:28px;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}
.back_tp.active{opacity:1;visibility:visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.back_tp em{display:none;}
.back_tp:before{content:"";display:inline-block;display: inline-block;width: 55px;height: 55px;border-radius:50%;background-image: url(../images/btn_up.png);background-position: center;background-repeat: no-repeat;-webkit-background-size: auto 17px;background-size: auto 17px;vertical-align: top;}
.back_tp:hover:before{border-color: #fff;}

.back_tp:after{content: '';display: block;border: 5px solid #fff;border-radius: 50%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.back_tp:hover:after{border-width: 3px;left: 4px;right: 4px;top: 4px;bottom: 4px;opacity: 1;}




@media (max-width:960px) {
.foo_ster ul li{width:45% !important;padding:0px;margin-bottom:20px;margin-right:5% !important;}
.foo_ster ul li:nth-child(2n){margin-right:0px !important;}
.foo_ster ul li:nth-child(4){float:left;width:45%;text-align:left;}
.foo_ster ul li:nth-child(4) span{text-align:left;font-size:30px;}

}
@media (max-width:600px) {
.foo_ster ul li{width:100% !important;margin-right:0% !important;}


}