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

.top_dlf_t{position:relative;}

.hea_tp1{font-size:13px;color:#FFFFFF;width:100%;position:absolute;left:0px;top:0px;z-index: 4;}
.hea_tp1 ul{max-width: 1500px;margin:0px auto;padding:0px 15px;height: 40px;}
.hea_tp1 ul li:nth-child(1){line-height: 40px;}
.hea_tp1 ul li em{display:block;float:left;margin-right: 25px;color: #fff;}
.hea_tp1 ul li em.dcm_dfw{float:right;margin-right: 0px;}
.hea_tp1 ul li em a{color: #fff;font-size: 14px;}
.hea_tp1 ul li em img{max-height: 18px;display:inline-block;margin-right:5px;vertical-align: text-bottom;}
.hea_tp1 ul li em.dcm_dfw a img{max-height:16px;display:inline-block;margin-right:5px;vertical-align: middle;}
.hea_tp1 ul li em.dcm_dfw a:after{content: "";display:inline-block;margin-left:10px;vertical-align: middle;border: solid #fff;width: 5px;height: 5px;border-width: 1px 1px 0px 0px;webkit-transform: rotate(135deg);transform: rotate(135deg);transition: all .3s cubic-bezier(.4,.01,.165,.99);margin-top: -4px;}

.hea_tp1 ul li em.dcm_dfw a:hover:after {-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}



.header{width:100%;z-index: 1;position: absolute;left: 0px;top: 40px;}

.logo_l{float:left;display:block;height: 62px;display:flex;justify-content:left;align-items:center;width:350px;}
.logo_l img{max-height: 60px;max-width:300px;}
.top{max-width: 1500px;margin:0px auto;min-height: 62px;background: #000000;position: relative;z-index: 4;}

.header_fixed{width:100%;background:#000000;height: 62px;position:fixed;left:0px;top:0px;z-index:1002;-webkit-transition: all .5s;transition: all .5s;box-shadow: 0px 0px 0px #c9c7c7;}

.nav{height: 62px;line-height: 62px;float:right;}
.nav ul li{line-height: 62px;text-align: center;font-size: 15px;color: #ffffff;float:left;position:relative;margin-left: 15px;}
.nav ul li a.dnc_mdfe{color: #fff;font-size:14px;height: 62px;line-height: 62px;display:block;padding: 0 15px;position:relative;}
.nav_lin{align-items:center;bottom:20px;height:8px;justify-content:center;left:0px;position:absolute;-webkit-transition: all .5s;transition: all .5s;width:0px;z-index: 1;overflow:hidden;display: flex;}
.nav_lin span{background:#8373CE;border-radius:50%;display:inline-block;height:5px;margin-right:3px;width:5px;}
.nav_lin span:nth-child(2){background:#84B93E}
.nav ul li.omm,.nav ul li:hover{background:#CC1616;}



.nre_mdc{position: absolute;width: 200px;left:0px;top: 62px;z-index: 9;display:none;transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;padding: 5px 5px 5px 0px;background:#222222;}
.nre_mdc a{font-size: 14px;line-height:35px;height:35px;overflow:hidden;display:block;text-align: left;color: #fff;padding:0px 15px;} 
.nre_mdc a:hover{color:#fff;background:#CC1616;}

.dn_lc_md_fe{color: #fff;font-size: 13px;height: 60px;line-height: 60px;display:block;position:relative;}
.dn_lc_md_fe img{display: inline-block;margin-right: 8px;vertical-align: initial;height:15px;float: left;margin-top: 24px;}

.dn_lc_md_fe:after {content: '';display: inline-block;width: 0;height: 0;overflow: hidden;border: 4px solid #fff;border-bottom: 0;border-left-color: transparent;border-right-color: transparent;border-left-width: 3px;border-right-width: 3px;vertical-align: middle;margin-left: 8px;moz-transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.dn_lc_md_fe:hover:after {-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}

.wdl_mdsf i{font-style:normal;margin: 15px 15px;float:left;background:#fff;width:1px;height: 30px;}
.wdl_mdsf a{float:left;align-items: center;cursor:pointer;display:flex;height: 57px;justify-content:center;width: 50px;margin-top: 5px;}
.wdl_mdsf a img{vertical-align:middle;max-height:16px;}
.wdl_mdsf{text-align:center;}
.wdl_mdsf .clsx_xs{display:none;}


.dnc_mdf_mf:after{content: "";display:inline-block;margin-left:10px;vertical-align: middle;border: solid #fff;width: 7px;height: 7px;b;border-width: 1px 1px 0px 0px;webkit-transform: rotate(135deg);transform: rotate(135deg);transition: all .3s cubic-bezier(.4,.01,.165,.99);margin-top: -5px;}



.dlc_mad_m{display:none;}
.dlc_select{z-index:4;position:absolute;top:62px;width:100%;display:block;}
.dlc_mad_m ul{max-width:1470px;margin:0px auto;background:#c1c1c1;padding:15px;height: 40px;text-align: center;}
.dlc_select em{display:inline-block;height:40px;max-width: 380px;margin: 0px auto;}
.t_lt1 {height: 40px;width: 300px;line-height: 40px;border:0px;cursor:pointer;outline:none;color: #666;font-size: 14px;padding: 0px 10px;display: inline-block;background:#fff;float: left;}
.t_lt2{background: #CC1616 url(../images/secr.png) center center no-repeat;height: 40px;width: 50px;border:0px;cursor:pointer;outline:none;background-size: 20px 20px;display: inline-block;float: left;}
.header_fixed .dlc_select{max-width:100%;}
.mul_m{display:none;float:right;margin-top: 3px; width: 30px; height: 20px;}
.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;width:90%;}
.mul_m:after{width:80%;}
.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;width:100%;}
.clicked.clicked:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width:100%;}
.clicked.clicked:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);width:100%;}
.wp_lin{height:60px;}
.wap_nav{width:100%;position:fixed;left:0px;top:0px;height:0px;overflow:hidden;background: #fff; -webkit-transition: all .5s;transition: all .5s;z-index:1001;}

.wap_nav ul{padding:0px 10px;}
.wap_nav ul li{min-height: 55px;line-height: 55px;text-align: left;position:relative;border-bottom: 1px solid #EEE;}
.wap_nav ul li.omm{color:#D4322C;}
.wap_nav ul li.omm a.dnc_md_fe{color:#D4322C;}
.wap_nav ul li a.dnc_md_fe{display:block;color:#111111;font-size:16px;padding: 0 10px;}
.nre_m_mdc{border-top: 1px solid #eee;display:none;overflow-y:scroll;max-height:220px;}
.nre_m_mdc a{display:block;height: 44px;line-height: 44px;padding: 0 30px;border-bottom: 1px solid #eee;text-align: left;color:#111111;font-size:14px;background: #fff;}


.ip_down{display:block;position:absolute;right: 15px;top: 0px;width: 45px;z-index: 1;height: 55px;background: #fff;text-align: center;}
.ip_down:after{content: '';display: inline-block;width: 0;height: 0;overflow: hidden;border: 8px solid #333;border-bottom: 0;border-left-color: transparent;border-right-color: transparent;border-left-width: 6px;border-right-width: 6px;vertical-align: middle;margin-left: 8px;moz-transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.hea_tp1 ul li em.dcm_dfw a:hover:after {-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform: rotate(-45deg);margin-top: 2px;}


.wap_nav ul li a.add_mdf:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

.dl_lc_mad_m{padding:15px;}
.dl_lc_mad_m em{display:block;border: 1px solid #d4d4d4;border-radius: 2px;height: 45px;padding: 0px 15px;position: relative;}
.t_l_ct1 {height: 45px;width: 100%;line-height: 45px;border:0px;cursor:pointer;outline:none;color: #666;font-size: 14px;background:none;}
.t_l_ct2{background:url(../images/secr1.png) center center no-repeat;height: 45px;width: 51px;position:absolute;right:0px;top:0px;border:0px;cursor:pointer;outline:none;background-size: 20px 20px;border-left: 1px solid #d4d4d4;}

.ea_t_ld{background: #8373CE;height:10px;position:absolute;bottom:0px;width:100%}
.ea_t_ld:before{background-image:radial-gradient(circle at 6px,at -3px,transparent 7.2px,#FFF 8.2px);background-image:radial-gradient(circle at 6px -3px,transparent 7.2px,#FFF 8.2px);background-size:12px 12px;height:7.2px}
.ea_t_ld:after,.ea_t_ld:before{background-repeat:repeat;bottom:0px;content:"";left:0px;position:absolute;right:0px}
.ea_t_ld:after{background-image:radial-gradient(circle at 6px,at 9px,#FFF 0,transparent 8.2px);background-image:radial-gradient(circle at 6px 9px,#FFF 7.2px,transparent 8.2px);background-size:24px 12px;height:9px}

.lc_mat{width:100%;height:100%;position:fixed;left:0px;top:0px;background:rgba(0,0,0,0.8);z-index:3;display:none}



@media (max-width:1380px) {
.nav ul li a.dnc_mdfe{padding:0px 10px;}
.logo_l{width:310px;}
}
@media (max-width:1300px) {
.nav ul li a.dnc_mdfe{font-size:14px;}
}

@media (max-width:1200px) {
.nav ul li a.dnc_mdfe{font-size:13px;}
.logo_l{width:260px;}
.logo_l img{max-width:220px;}
}


@media (max-width:1100px) {
.nav,.hea_tp1,.tr_md_fi_lin,.dlc_mad_m,.lc_mat{display:none;}
.lc_mat{display:none !important;}
.wap_nav_lh{height:100%;overflow-y: scroll;}
.mul_m{display:block;position:absolute;right:15px;top: 14px;margin-top:0px;}
.header{height: 50px;width:100%;background: #000;top: 0px;}
.top{position:relative;z-index:1002;background: #000;}
.logo_l{padding-top:0px;height: 50px;}
.logo_l img{max-height: 45px;max-width: 345px;margin-top: 0px;}
.top{min-height: 50px;}
}