body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section ,iframe {display: block}
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {font-size: 14px;line-height:26px; font-family: "Helvetica Neue","Helvetica","Arial",sans-serif,sans-serif,"PingFang SC","Microsoft Yahei","Heiti SC";color:#828282}
button, input, select, textarea {font-size: 14px;line-height:24px;  }
button{border: 0}
:-moz-ui-invalid:not(output) {box-shadow: none;}
table {border-collapse: collapse;border-spacing: 0}
th {text-align: inherit}
fieldset, img {border: 0}
img{vertical-align: middle}
del {text-decoration: line-through}
address, caption, cite, code, dfn, em, th, var {font-style: normal;}
ol, ul {list-style: none}
caption, th {text-align: left}
q:before, q:after {content: ''}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -.5em}
sub {bottom: -.25em}
a{text-decoration: none;color:inherit;transition: 0.3s;}
a:hover {text-decoration: none;}
.clearfix:after,.clf:after{visibility: hidden; display: block;font-size: 0;content: '.'; clear: both;height: 0}
.clearfix,.clf{zoom: 1;}
.clear { font-size: 0;line-height: 0;height: 0;clear: both; visibility: hidden; overflow: hidden}
.fn-text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 14px;line-height: 1.5;}
input,textarea,button{outline: none;border: 0;font-family: "Helvetica Neue","Helvetica","Arial",sans-serif,sans-serif,"PingFang SC","Microsoft Yahei","Heiti SC";}
textarea{
    resize: none;
}
em, b, i, code, strong {
    font-style: normal;
}
.swiper-container1{height: 420px;margin-bottom: 70px !important;}
.m-news1 .news-button1{    margin-bottom: 50px !important;}
.toubu{position: fixed !important;width: 100%;background: #fff;z-index: 99999;transition: all .5s; top: 0px;}
#head{transition: all .5s;}
.toubu .g_nav,.toubu .g_top{visibility:initial !important;}
/*头部开始*/
.g_top{ height:134px;}
.top_t{ height:40px; line-height:40px;color:#1c1c1c;}
.top_t p{ float:right;}
.top_t p a{ padding: 0 13px 0 26px; color:#1c1c1c; height:40px; line-height:40px;display: inline-block;}
.top_t .tico1{background:url(../images/tico1.jpg) no-repeat 0 10px;}
.top_t .tico2{background:url(../images/tico2.jpg) no-repeat 0 10px;}
.top_t .tico3{background:url(../images/tico3.jpg) no-repeat 0 10px;}
.top_t .tico4{background:url(../images/tico4.jpg) no-repeat 0 10px;}
.top_t .tico5{background:url(../images/tico5.jpg) no-repeat 0 10px;}
.top_c h1{ float:left; border-right: 2px solid #1ea1fb;
    margin-top: 33px;
    padding-right: 24px;
    margin-right: 20px;}
.top_c h2{ float:left; height:60px; margin:35px 0 0 0; color: #1477e5; font-size: 26px; font-weight: bold;}
.top_c h2 i{font-size: 14px;font-style: normal;color: #8f8f8f;display: block;font-weight: normal;letter-spacing:-0.3px}
.top_c h2 em{ display:block; color:#333333; font-weight:normal; font-size: 24px;line-height: 22px; margin-top: 10px;}
.top_c p{ float:right; margin:52px 0 0 0 ;line-height:1.5; padding: 0 0 0 40px; background:url(../images/tel.jpg) no-repeat left 12px; color:#333333; font-size:16px;font-family:"Microsoft Yahei"}
.top_c p span{ display:block; font-size:26px; color:#1477e5;font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
.nav-ul{display: flex;align-items: center;justify-content: space-around;}
/* 导航 */
.g_nav{ background:url(../images/nav-bj.jpg)no-repeat;    background-size: 100% 100%;height:70px;line-height:70px;}
.g_nav li{ float:left; font-size:16px; position:relative;width: 100%;
    text-align: center;}
.g_nav li .hn-text{ display:inline-block; height: 100%;width:100%;color:#fff; text-decoration: none; transition: background-color 0.3s ease; }
.g_nav li .hn-text:hover,.g_nav .cur .hn-text{color: #fff;background: #ffa401;}

.g_nav .erj{position: absolute;left:0;top:60px;background:url(../images/nav-bj.jpg)no-repeat; background-size: 100% 100%; padding:20px 10px 20px 10px; width: 135px;z-index: 11; display:none;}
.g_nav .erj li{float: left; background: none; height: 26px;line-height: 26px;}
.g_nav .erj li a{float: left;background:url(../images/xlaico.png) no-repeat 0 10px;height: 26px;line-height: 26px;color: #666666;width: 120px;border: none; padding-left: 20px;font-weight: normal;}
.g_nav .erj li a:hover{background: none;border: none;color: #1477e5;background:url(../images/xlaico.png) no-repeat 0 10px;font-weight: normal;}
.header, .content{
    width: 1200px;
    margin: 0 auto;
}
.hn-drop {
    background: #1477e5;
    z-index: 99;
    position: absolute;
    top: 70px;
    left: 0;
    width: 190px;
    display: none;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
}
.hn-drop a {
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    text-indent: 15px;
	font-weight: inherit;
    border: none !important;
}
.hn-drop li {
    width: 100%;
    /* line-height: 30px; */
    /* padding-left: 20px; */
}
.hn-drop a:hover {
    padding-left: 20px;
}
/* 分页样式 */
.frontier-paging { margin-top: 32px;  
   /* float: right; */
   }
.frontier-paging ul { display: inline-block; vertical-align: bottom; width:100% !important;}
.frontier-paging ul span, 
.frontier-paging ul a { display: block; float: left; margin: auto 2px; padding: 4px 12px; background: #FFF; 
box-shadow: 0 0 8px rgba(0,0,0,0.07); border-radius: 2px; font-size: 14px; color: #999; }
.frontier-paging ul a.page-num-current,
.frontier-paging ul a:hover { background: #1477e5; color: #FFF; }


.anlion{
	background-image: -moz-linear-gradient( 45deg, rgb(22,119,243) 0%, rgb(29,162,249) 100%) !important;
	background-image: -webkit-linear-gradient( 45deg, rgb(22,119,243) 0%, rgb(29,162,249) 100%) !important;
	background-image: -ms-linear-gradient( 45deg, rgb(22,119,243) 0%, rgb(29,162,249) 100%) !important;
	color: #1779f4 !important;
}



.web{display:none;}
@media screen and (max-width: 768px){
	.magnifier{width:100% !important;}
	.magnifier-container{width:100% !important;height:300px !important;}
	.images-cover img{height:300px !important;width: 100%;margin-left: -50% !important;}
	.images-cover{width:90% !important;margin:auto;}
	.pc-banner{margin-top:50px !important;}
	.pc-banner .swiper-slide{width:100% !important;height:200px !important;}
	.pc-banner .swiper-slide img{width:100% !important;height:100% !important;}
	.pc{display:none;}
	.web{display:block !important;}
	.glForm-left,.wsc-breadCon,.lixTop-left,#map_container{width:100% !important;}
	.content{width:100% !important;}
	body{max-width:100% !important;min-width:100% !important;}
	#allmap{width:100% !important;height: 300px !important;}
	.form-tea textarea{width:100% !important;}
	.lixTop-left{margin-left:0px !important; margin-bottom: 20px !important;}
	.form-input input{width:100% !important;}
	.banner-tle{font-size: 20px !important;    padding-top: 20px !important;}
	.banner-tex{font-size: 16px !important;    margin-top: 10px !important;}
	.banner{margin-top: 50px !important;}
	.wsc-breadCon{display:none !important;}
	.lix-top{padding:0px 3% !important;margin-top: 30px !important;}
	.lix-top{background:#fff !important;}
	#map_container{height: 310px !important;}
	.lixYz-cls{width:94% !important;margin:auto !important;float:inherit !important;margin-bottom:10px !important;}
	.lixTop-tit,.lixTop-intro,.lixTop-ipo,.lixTop-left ul{padding-left: 20px;padding-right:10px;}
	.fl-form .gl-tle{font-size:25px !important;padding-left: 20px;}
	.glForm-main{margin-top: 20px !important;}
	.form-tea textarea{padding:5px 0px 0px 0px !important;    text-indent: 16px;}
	.glForm-right{width:100% !important;background-size:100% 100% !important;}
	.hhs{margin-top:0px !important;}
	.hhs-cls{width:94% !important;margin:auto !important;float:inherit !important;margin-bottom:10px !important;}
	.hhs-img img{padding-top:30px;}
	.lix-ytm{padding-bottom:0px !important;}
	.footRas-right{display:none;}
	.footer-ras{height:auto !important;}
	.footRas-left{width:94% !important;margin:auto !important;float:inherit !important;}
	.footRas-logo{margin:auto !important;float:inherit !important;}
	.footRas-logo img {display: block;margin: auto;padding-top: 50px;margin-bottom: 30px;width: 150px;}
	.footRas-cls{width:50%;margin-left:0px !important;margin-bottom: 20px;    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */padding-left:50px;}
	.footRas-cont{width:100%;}
	.footRas-bot{height:auto !important;line-height:30px !important;}
	.wscSup-nav{margin-top: 0px !important}
	.footBot-left{padding: 20px;text-align: center;    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */width: 100%;padding-bottom: 50px;}
	.footRas-tex li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.blk{width:94% !important;padding:40px 3% 0px 3% !important;margin-bottom:0px !important;}
	.aboutI-img,.aboutI-img iframe{width:100% !important;height:200px !important;}
	.aboutI-cont{width:94% !important;height:auto !important;padding:3% !important;}
	#youku-playerBox{width:100% !important;}
	.aboutI-info{padding:0px !important;}
	.aboutI-top{width: 94%;margin: auto;margin-top: 55px;}
	.aboutWh-cls{width:94% !important;margin: auto !important;float:inherit !important;}
	.aboutWh-img{padding-top:30px;}
	.aboutSs{padding-bottom: 20px;background-size: 100% 100% !important;}
	.aboutSs-title{font-size:28px !important;}
	.aboutSs-intro{padding: 0px 15px;}
	.gl-head{width:94%;margin:auto;}
	.banner{height: 200px !important;}
	.newDt-cls{width:94% !important;margin:auto !important;float:inherit !important;margin-bottom:10px !important;}
	.ryHead{padding:40px 15px 20px 15px !important;margin-top:40px !important;}
	.aboutI-head{padding-bottom:40px !important;}
	.aboutZs-title{width:94% !important;margin:auto !important;margin-top:30px !important;font-size:25px !important;}
	.gl-tle{font-size:25px !important;}
	.rzq .swiper-slide img,.txrz .swiper-slide img{width:100%;height:100%;}
	.rzq ,.txrz{height:300px !important;width:70% !important;}
	.fwZc-cls{width:94% !important;margin:auto !important;float:inherit !important;}
	.fwZc-img{padding-top: 40px;}
	.newsHe{display:none;}
	.newIndex-box{width:94% !important;margin:auto !important;float:inherit !important;margin-bottom: 20px !important;}
	.newIndex-img,.newIndex-img img{width:100% !important;height:auto !important;}
	.new-main .list-item{width:94% !important;margin:auto !important;margin-bottom: 20px !important;padding:0px !important;}
	.new-main .list-img,.new-main .list-img img{width:100% !important;height:auto !important;margin-left: 0px !important;}
	.new-main .list-info{margin-left: 0px !important;width:100% !important;  box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */padding: 20px;}
	.frontier-paging{padding-right:15px;}
	.newsList-main-tit{padding-left:15px;}
	.caseDetail-left{width:100% !important;}
	.dl-prev,.wsc-detlink{width:100% !important;}
	.dta{display:none;}
	.caseDetail{margin-top: 50px !important;}
	.bkL-tle{font-size: 20px !important;}
	.caseDetail-cont{padding: 40px 20px 60px !important;}
	.detail-right{width:94% !important;margin:auto !important;float:inherit !important;padding-top:20px !important;    overflow: hidden;}
	.wsc-detlink{    height: auto !important;}
	.dl-prev{border-bottom:1px dashed #cccc;}
	.fwMain-cls{width:94% !important;margin:auto !important;float:inherit !important;margin-bottom:20px !important;}
	.fwZd{width:100% !important;}
	.fwZd-tle{padding:35px 35px 0px 35px !important;font-size:18px !important;}
	.fwZd-text{font-size:16px !important;}
	.fwZd-post a{height: 35px !important; line-height:35px !important;}
	.fwMain-cls .fwMain-img img{width:100% !important;}
	.fwZd-post{margin-top:0px !important;}
	.fwZc-text{text-align:center !important;}
	.proList-right{width:94% !important;margin:auto !important;float:inherit !important;}
	.proList-left{width:94% !important;margin:auto !important;float:inherit !important;}
	.caseList{width:100% !important;margin:0px !important;}
	.proNav{margin: auto;}
	.case-box{width:100% !important;margin-left:0px !important;}
	.case-img{width:100% !important;}
	.caseDetail-img{width:100% !important;height:auto !important;}
	.caseDetail-img img{width:100% !important;height:auto !important;border-radius:5px !important}
	.caseDetail-info{width:100% !important;height:auto !important;}
	.caseI-cont{padding-left:0px !important}
	.caseI-tag{padding-left:10px;}
	.detail-bq a{margin-bottom:5px;}
	.caseDetail-title a{position:relative !important;display: block;}
	.caseDetail-title{font-size:25px !important;}
	.proList-main{width:100% !important;margin-left:0px !important;}
	.newZx-cls,.newZx-title{width:100% !important;}
	.pro-list .list-item{width:100% !important;margin-left:0px !important;}
	.pro-list .list-img,.pro-list .list-img img{width:100% !important;height:auto !important;padding: 5px;box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */}
	.gl-case{width:94% !important;margin:auto !important;}
	.newZx-main{width:94% !important;margin:auto !important;}
	.newZx-cls{margin-left:0px !important;}
	.newZx-time{display:none;}
	.pro-gallery-wrap{width:100% !important;float: inherit !important;}
	.galleryBigImgBox{width:100% !important;}
	.modelHead-cont{width:94% !important;margin:auto !important;float:inherit !important;}
	.proDtaril-main,.proDetail-left{width:100% !important;padding-top:0px !important;}
	.proDetail-right{display:none;}
	.proDetail-nav{width:100% !important;line-height: 40px !important;height:40px !important;}
	.modelHead-title{margin-top: 40px; font-size: 25px !important;}
	.modelHead-ges{margin-top:30px !important}
	.modelHead-ges span{margin-top: 10px !important;margin-left: 10px !important;}
	.proDetail-cont{ padding: 40px 20px 20px  !important;}
	.l-layout{width:100% !important;}
	.product .pro-content,.product .pro-nav,.advantage .advantage-list{display:block !important;}
	.m-news1 .news-tab-content1{min-width:100% !important;max-width:100% !important;}
	.cut-line .cutline-bottom .cutline-right{display:none !important;}
	.m-banner{display: none;}
	.web-banner .swiper-slide img{width: 100%;height: 100%;}
	.container{width: 100% !important;}
	.web-banner{ margin-top: 50px !important;height: 200px !important}
	.title a{font-size: 25px !important;}
	.title span{    font-size: 16px !important;}
	.product .pro-nav .pro-nav-ul{width: 49%;float: left;margin-right: 2%;  margin-bottom: 10px !important;}
	.product .pro-nav .pro-nav-ul:nth-child(2n){margin-right: 0px;}
	.product .pro-nav .pro-nav-ul .titcel{width: 100% !important;height: 50px !important;}
	.product .pro-nav{overflow: hidden;padding: 15px;}
	.product .title{padding-bottom: 10px !important;}
	.product .pro-content{padding: 15px;overflow: hidden;margin-bottom: 0px  !important;padding-top: 0px;}
	.product .pro-content .pro-li{width: 99% !important;float: left;border: none !important; margin-right: 2%;margin-bottom: 10px;}
	.product .pro-content .pro-li:nth-child(2n){margin-right: 0px;}
	.product .pro-content .pro-li img{width: 100% !important;}
	.product .pro-content .pro-li .pro-info{width: 100% !important;    height: 40px !important;}
	.product .pro-content .pro-li .pro-info .pro-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px !important; padding-left: 10px !important;
		width: 60% !important;height: 40px !important;line-height: 40px !important;}
	.product .pro-content .pro-li .pro-info .pro-btn{width: 40% !important;height: 40px !important;line-height: 40px !important;}
	.u-title{font-size: 25px !important;    margin-bottom: 10px  !important;margin-top: 40px;}
	.m-video .video-play{margin-bottom: 20px !important;}
	.m-video .video-button span{font-size: 16px !important}
	.m-video{height: auto !important;margin-bottom: 0px !important;    padding-bottom: 30px !important; padding-top: 30px  !important;    margin-top: 20px !important;}
	.m-video:before{display: none;}
	.advantage .advantage-info{width: 100% !important;}
	.in-gd,.advantage .advantage-list-center,.m-modal-mask.show{display: none;}
	.product .pro-nav .pro-nav-ul .titcel .column-name{font-size: 14px !important;}
	.case-tab{padding: 15px;padding-top: 50px !important;}
	.case-tab .clearfix{margin-top: 30px;}
	.m-case .tab-nav{width: 100% !important;float: initial !important;overflow: hidden;}
	.m-case .nav-item{width: 49%;margin-right: 2%;float: left; box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */height: 60px !important;line-height: 60px !important; }
	.m-case .nav-item:nth-child(2n){margin-right: 0px;}
	.m-case .img-icon{margin-top: 15px !important;margin-right: 9px !important;}
	.m-case .tab-content{margin-left: 0px !important;padding-left: 0px !important;}
	.case-name{font-size: 18px !important;margin-top: 20px;}
	.case-name:before{height: 18px !important;top: 0px !important;}
	.case-more{display: none}
	.case-item{width: 100% !important;margin-bottom: 10px;}
	.case-img img{max-width: 100% !important;}
	.case-tit{height: 30px !important;font-size: 16px !important;margin-bottom: 0px !important;}
	.case-loc{margin-top: 0px !important;}
	.case-item + .case-item{margin-left: 0px !important;}
	.cut-line .cutline-top{font-size: 18px !important;text-align: center; padding-top: 65px !important;}
	.cut-line .cutline-bottom .cutline-icon{width: 25%;margin-right: 0px !important;}
	.cut-line{height: 250px !important;}
	.cut-line .cutline-bottom .cutline-icon p{font-size: 14px;}
	.cut-line .cutline-bottom{margin-top: 0px !important;}
	.m-case{padding-bottom: 30px !important;}
	.cut-line .cutline-bottom .cutline-icon img{width: 50px !important;height: 50px !important;}
	.advantage .title{padding-top: 50px !important;padding-bottom: 30px !important;}
	.advantage .advantage-list{padding: 15px;margin-bottom: 0px !important;}
	.advantage .advantage-list-left{margin-top: 0px !important;}
	.advantage .advantage-info .advantage-div-top img{width: 100%;}
	.advantage .advantage-info .advantage-div-top{position: relative !important;top: 10px !important;left: 10px !important;height: auto !important;}
	.advantage .advantage-info .advantage-div-bottom{margin-top: 30px !important;padding-left:25px !important;padding-right: 25px !important;}
	.m-news1 .news-tab-nav1{width: 33.33%;padding: 0px !important;}
	.m-news1{padding-top: 30px !important;padding-bottom: 0px !important;}
	.m-news1 .news-tab1{margin-top: 20px !important;    margin-bottom: 10px !important;}
	.shouji-new{padding: 15px !important;box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */height: 410px;
    margin-bottom: 30px !important;}
    .m-news1 .img img{width: 100%;max-width: 100% !important;height: auto;max-height: auto !important;}
    .m-news1 .prev, .m-news1 .next{width: 40px !important;height: 40px !important;background-size: 100% 100% !important;}
    .m-news1 .news-tit1{height: 30px !important;}
    .m-news1 .news-button1{height: 35px !important;line-height: 35px !important;font-size: 16px !important;}
    .friLink .item-dt, .friLink .item-dd{display: block !important;}
    .friLink{padding: 20px !important;}
    .friLink .item-dt{margin-bottom: 10px;}

	.one_2019{width:33.33% !important;}
	.total_2019{display:block !important;height: auto;
    overflow: hidden;display:none !important;}
	.protemptwo li{width:48% !important;}
	.proDetail-css img{max-width:100%;}
	.nylist li{width:48% !important;}
	.nylist_pic img{height:auto;}
}

/* 移动端样式 */
.hl-web{display: none;}
.mHeader {
	position: fixed;
	height: 50px;
	z-index: 1000;
	width: 100%;
	background: #fff;
	top: 0px;
	left: 0px;
	display: none;
	border-bottom: 1px solid #f3eaea;
}
.mIcon {
    width: 35px;
    height: 30px;
    position: fixed;
    z-index: 100;
    right: 10px;
	top: 10px;
}
.controlIcon {
    display: block;
    width: 30px;
    height: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
    transition: all .4s ease;
    background: #1477e5;
}
.mLogo {
    width: 150px;
    height: auto;
    padding: 2px;
    position: relative;
    z-index: 10;
    margin-top: 5px;
    margin-left: 10px;
}
.mLogo img {
    width: 90%;
    height: 90%;
    /*margin-top: 3%;*/
}
.mMenu {
    position: fixed;
    top: 50px;
    background: #fff;
    z-index: 9;
    width: 100%;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    padding: 20px 20px 0px 20px;
}
.mMenu ul {
    padding-left: 0px;
}
.mMenu ul li {
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}
.mMenu ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #6f6f6f;
    text-decoration: none;
    padding-left: 10px;
	width: 100%;
}
.nav_m_list li a {
    color: #fff !important;
}
.m-cross {
    position: absolute;
    right: 13px;
    top: 0;
    width: 14px;
    height: 40px;
    display: block;
    transition: all .4s;
}
.m-cross1{
    position: absolute;
    right: 13px;
    top: 0;
    width: 14px;
    height: 40px;
    display: block;
    transition: all .4s;
}
.mMenu ul {
    padding-left: 0px;
}
.nav_m_list {
    display: none;
    background: #5A9EFF;
}
.nav_m_list1 {
    display: none;
    background: #000;
}
.mMenu ul li {
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.mIconActive .controlIcon:nth-child(1){
animation: 0.5s ease-out forwards animate1;
-webkit-animation: 0.5s ease-out forwards animate1;
}
.mIconActive .controlIcon:nth-child(2){
opacity: 0;
}
.mIconActive .controlIcon:nth-child(3){
animation: 0.5s ease-out forwards animate2;
-webkit-animation: 0.5s ease-out forwards animate2;
}
.mIconClose .controlIcon:nth-child(1){
animation: 0.5s ease-out forwards animate3;
-webkit-animation: 0.5s ease-out forwards animate3;
}
.mIconClose .controlIcon:nth-child(2){
opacity: 1;
}
.mIconClose .controlIcon:nth-child(3){
animation: 0.5s ease-out forwards animate4;
-webkit-animation: 0.5s ease-out forwards animate4;
}
@-webkit-keyframes animate1{
0%{	
-webkit-transform:rotate(0deg) translateY(0px);
}
100%{
-webkit-transform:rotate(45deg) translateY(6px) translateX(6px);
}	
}
@keyframes animate1{
0%{	
transform:rotate(0deg) translateY(0px);	
}
100%{
transform:rotate(45deg) translateY(6px) translateX(6px);
}	
}
@-webkit-keyframes animate2{
0%{	
-webkit-transform:rotate(0deg) translateY(0px);
}
100%{
-webkit-transform:rotate(-45deg) translateY(-8px) translateX(8px);
}	
}
@keyframes animate2{
0%{	
transform:rotate(0deg) translateY(0px);	
}
100%{
transform:rotate(-45deg) translateY(-8px) translateX(8px);
}	
}
@-webkit-keyframes animate3{
0%{	
-webkit-transform:rotate(45deg) translateY(8px) translateX(8px);	
}
100%{
-webkit-transform:rotate(0deg) translateY(0px);
}	
}
@keyframes animate3{
0%{	
transform:rotate(45deg) translateY(8px) translateX(8px);
}
100%{	
transform:rotate(0deg) translateY(0px);	
}	
}
@-webkit-keyframes animate4{
0%{	
-webkit-transform:rotate(-45deg) translateY(-8px) translateX(8px);
}
100%{	
-webkit-transform:rotate(0deg) translateY(0px);
}	
}
@keyframes animate4{
0%{	
transform:rotate(-45deg) translateY(-8px) translateX(8px);
}
100%{	
transform:rotate(0deg) translateY(0px);	
}	
}
.m-cross::before, .m-cross::after {
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background: #d9d9d9;
    position: absolute;
    right: 0;
    top: 20px;
}
.m-cross::after {
    transform: rotate(90deg);
    transition: all .3s;
}
.m-cr::after {
    transform: rotate(0deg);
}
.m-cross1::before, .m-cross1::after {
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background: #d9d9d9;
    position: absolute;
    right: 0;
    top: 20px;
}
.m-cross1::after {
    transform: rotate(90deg);
    transition: all .3s;
}