@charset "utf-8";
/* CSS Document */
html,body{width: 100%;height: 100%;}
.act_ive{overflow:hidden;}
.header{width:100%;background:#242f35;}



.header_fixed{position:fixed;left:0px;top:0px;z-index:1002;box-shadow: 1px 0px 4px rgba(0, 0, 0, .2);}

.tel_slec{position:absolute;right:0px;top:23px;color: #ffdb60;line-height:24px;width:170px;border-left: 1px solid #445863;padding-left:30px;}
.tel_slec em{display:block;line-height:24px;font-size:16px;background:url(../images/tel1.png) left center no-repeat;padding-left:30px;}

.top{max-width:100%;margin:0px auto;height:70px;position: relative;}
.logo_l{position: absolute;display:block;display:flex;justify-content:center;align-items:center;height:70px;width:225px;left: 0px;top: 0px;background: url(../images/logo_bg.jpg) no-repeat right center;padding-right: 40px}
.logo_l img{max-height:70px;max-width:200px; vertical-align:middle;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}



.nav{height:70px;line-height:70px;margin:0px 200px 0px 250px;display:flex;justify-content:center;align-items:center;}
.nav ul{max-width:1370px;margin:0px auto;}
.nav ul li{line-height:70px;text-align: center;color: #ffffff;display:inline-block;position:relative;padding: 0px 30px;}
.nav ul li a.dnc_mdfe{color:#fff;font-size: 16px;height: 70px;line-height: 70px;display:block;position:relative;}
.nav ul li a.dnc_mdfe:after {display: block;content: "";width:0px;overflow: hidden;background-color: #ffdb60;margin: 0;padding: 0;position: absolute;top: 0px;left: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;z-index: 0;height: 0px;height:4px;}

.nav ul li:hover a.dnc_mdfe:after{width:100%;} 
.nav ul li:hover a.dnc_mdfe{color:#ffdb60;}
.nav ul li.omm a.dnc_mdfe{color:#ffdb60;}
.nav ul li.omm a.dnc_mdfe:after{width:100%;}


.ter{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}


.nre_mdc{position: absolute;width:220px;margin-left: -110px;left: 50%;top:70px;z-index: 100;visibility: hidden;opacity:0;transition: all .6s cubic-bezier(.075,.82,.165,1);-webkit-transition: all .6s cubic-bezier(.075,.82,.165,1);-moz-transition: all .6s cubic-bezier(.075,.82,.165,1);-ms-transition: all .6s cubic-bezier(.075,.82,.165,1);-o-transition: all .6s cubic-bezier(.075,.82,.165,1);text-align: center;}
.nre_mdc:before {content: "";display: inline-block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: #242f35;opacity: 0;transform-origin: top;-webkit-transform-origin: top;-moz-transform-origin: top;-ms-transform-origin: top;-o-transform-origin: top;transform: scale(0.85);-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-ms-transform: scale(0.85);-o-transform: scale(0.85);transition: all .6s cubic-bezier(.075,.82,.165,1);-webkit-transition: all .6s cubic-bezier(.075,.82,.165,1);-moz-transition: all .6s cubic-bezier(.075,.82,.165,1);-ms-transition: all .6s cubic-bezier(.075,.82,.165,1);-o-transition: all .6s cubic-bezier(.075,.82,.165,1);}
.nre_mdc_mdf {visibility: visible;opacity:1;}
.nre_mdc_mdf:before {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);opacity:1;}


.nre_mdc a{font-size: 15px;line-height: 40px;height: 40px;overflow:hidden;display:block;text-align: left;width: 100%;color: #fff;padding: 0;position: relative;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.1);} 
.nre_mdc a:hover{color:#fff;}

.spn_msf{display:none;}

.mul_m{display:none;float:right;margin-top: 3px;width: 30px;height: 25px;}
.mul_m span, .mul_m:after, .mul_m:before {display: block;height: 2px;width: 100%;background: #fff; -webkit-transition: all .5s;transition: all .5s;}
.mul_m span { margin: 7px 0;}
.mul_m:after, .mul_m:before {content: '';-webkit-transform-origin: 7.5%; transform-origin: 7.5%;}


.clicked.clicked span { -webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}
.clicked.clicked:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.clicked.clicked:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.wap_nav{width:0px;position:fixed;left:0px;top:0px;height:0px;overflow:hidden;background: #242f35; -webkit-transition: all .5s;transition: all .5s;z-index:2;height:100%;overflow-y:scroll;}
.ap_n_bg{position:fixed;left:0px;top:0px;background:rgba(255,255,255,0);width:100%;height:100%;display:none;}
.wap_nav_lh{width:0px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.wap_nav ul li{min-height: 40px;line-height:40px;border-bottom: solid 1px rgba(255,255,255,.3);text-align: left;position:relative;}
.wap_nav ul li a.dnc_md_fe{display:block;color:#fff;font-size:14px;padding: 0 15px;}

.nre_m_mdc{display:none;overflow-y:scroll;max-height:220px;border-top: solid 1px rgba(255, 255, 255, 0.15);background: rgba(255, 255, 255, 0.1);}
.nre_m_mdc a{display:block;height: 35px;line-height: 35px;padding: 0 35px;text-align: left;color:#fff;font-size:13px;border-bottom: solid 1px rgba(255, 255, 255, 0.15);position:relative;}
.nre_m_mdc a:after{content:' ';position:absolute;top:50%;margin-top:-3px;left:15px;width:5px;height:5px;border:rgba(255, 255, 255, 0.35) solid;border-width:1px 1px 0px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nre_m_mdc a:last-child{border-bottom:0px;}
.ip_down{display:block;position:absolute;right: 0px;top: 0px;width: 32px;z-index: 1;height: 40px;background: #242f35;padding-right: 15px;}
.ip_down:after{content: "";position: absolute;border: solid #fff;width: 6px;height: 6px;left: 15px;top: 15px;border-width: 1px 1px 0px 0px;-webkit-transform: rotate(135deg);transform: rotate(135deg);transition: all .3s cubic-bezier(.4,.01,.165,.99);}
.add_mdf:after{content: "";position: absolute;border: solid #fff;width: 6px;height: 6px;left: 15px;top: 19px;border-width: 1px 1px 0px 0px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: all .3s cubic-bezier(.4,.01,.165,.99);}


.wap_nav ul li.omm a{color:#fff;}


.wap_secr{position: fixed;z-index: 99999;left: 100%;bottom: 0;top: 0;width: 90%;background:rgba(0,0,0,.85);padding: 35px 5% 0 5%;-webkit-transition: all .5s;transition: all .5s;}
.wap_secr ul{width: 99%;margin:50px auto;}
.wap_secr.select{left:0px;}
.wap_secr ul{position:relative;}
.clst_xc{display: block;position:absolute;right: 0px;top: -40px;width:30px;height:30px;background: url(../images/i_ndf.png) -32px -300px no-repeat;cursor:pointer;}
.wap_secr em{display:block;line-height:50px;overflow:hidden;background:#fff;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;margin-top: 80px;position: relative;}
.tp_t_mxt1{height:50px;background:none;color:#666;font-size:16px;border:0px;outline:none;width: 95%;padding-left: 3%;}
.tp_t_mxt2{background: url(../images/secr1.png) center center no-repeat;cursor:pointer;background-size:28px 28px;width: 50px;height: 52px;border:0px;font-size:0px;cursor: pointer;position: absolute;right: 0px;top: 0px;display: block;z-index: 1;}



.se_rift{display:block;color: #666;background: #fff;border-bottom: 1px solid #e5e5e5;padding: 30px 10px;}
.se_rift ul{max-width:1120px;padding:0px 15px;margin:0px auto;}
.se_rift ul li{display:block;height: 45px;width: 540px;position: relative;overflow: hidden;background: #fff;border-radius: 35px;-moz-border-radius: 35px;-webkit-border-radius: 35px;border:1px solid #e5e5e5;padding-left: 25px;background-size: 20px 20px;margin:0px auto;}
.tp_t_m_xt1{height: 45px;overflow: hidden;line-height: 45px;color: #666;font-size: 14px;border-right: 0;background: none;outline: none;width:100%;border: 0px;}
.tp_t_m_xt2{display: block;width: 120px;height: 45px;overflow: hidden;line-height: 45px;color: #fff;font-size: 15px;text-align: center;background:#242f35;border: none;outline: none;cursor: pointer;border-radius:20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;position: absolute;right: 0px;top: 0px;}







@media (max-width:1600px) {

.nav ul li{padding: 0 25px;}


}

@media (max-width:1500px) {
.nav ul li{padding: 0 20px;}
.nav ul li a.dnc_mdfe{font-size:15px;}

}
@media (max-width:1380px) {
.nav ul li{padding: 0 15px;}
.nav ul li a.dnc_mdfe{font-size:15px;}

}


@media (max-width:1290px) {
.nav ul li{padding: 0 10px;}
}

@media (max-width:1200px) {
.tel_slec{display:none;}
.nav{margin:0px 0px 0px 250px;}
}


@media (max-width:1000px) {
.top{max-width:100%;height:50px;background:#242f35;}
.nav,.lo_sec_m{display:none;}
.mul_m{display:block;position:absolute;left:15px;top:15px;margin-top:0px;}
.spn_msf{display: flex;justify-content: center;align-items:center;position:absolute;right:15px;top: 11px;margin-top:0px;height: 30px;text-align: right;}
.spn_msf a{display:block;float:left;margin-left: 5px;width: 30px;height: 30px;text-align: center;display: flex;justify-content: center;align-items:center;}
.spn_msf a img{display:inline-block;vertical-align:middle;}
.spn_msf a img{display:inline-block;vertical-align:middle;max-height: 18px;}


.top{position:relative;padding: 0px;}
.logo_l{padding-top:0px;text-align:center;display:block !important;width:75%;margin:0px auto;height:50px;display:flex;justify-content: center;align-items:center;padding:0px 10%;background:none;position: static;}
.logo_l img{max-height: 40px;max-width: 300px;margin-top: 5px;}
.wap_nav_lh{width:260px;}
.header_m .logo_l{padding-top:0px;text-align:center;display:block;width:100%;margin-top:0px;margin-left:50px;}

.container_active{transform: translateX(260px);transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}

}


@media (max-width:650px) {
.se_rift{display:none;}	
}