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

.go_l_lef{position:absolute;right:15px;top: 20px;line-height: 30px;}
.go_l_lef em{display:block;float:left;margin-left: 25px;color: #333;}
.go_l_lef em a{color: #333;font-size: 13px;float:left;}
.go_l_lef em img{max-height:30px;display:inline-block;margin-right:10px;vertical-align: middle;float:left;margin-top: 6px;max-height:18px;}
.go_l_lef em.dcm_dfw a img{max-height: 14px;display:inline-block;margin-right:5px;vertical-align: middle;margin-top: 0px;float: none;}
.go_l_lef em.dcm_dfw a:after {content: '';display: inline-block;width: 0;height: 0;overflow: hidden;border: 4px solid #666;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;}
.go_l_lef em.dcm_dfw a:hover:after {-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.go_l_lef em.dcm_dfw a{font-size: 13px;}

.top{padding: 30px 15px 10px;max-width:1720px;margin:0px auto;text-align:center;position:relative;-webkit-transition: all .5s;transition: all .5s;}
.logo_l{display:block;display:flex;justify-content:center;align-items:center;height:50px;width:400px;margin:0px auto;}
.logo_l img{max-height:50px;max-width:300px; vertical-align:middle;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}


.lo_sec_m{display:block;height: 30px;position:absolute;right:15px;top: 55px;line-height:30px;width: 200px;background:#f1f1f1;padding: 0px 10px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.t_lt1 {height: 30px;width: 180px;line-height: 30px;border:0px;cursor:pointer;outline:none;color: #000;font-size:12px;background:none;float: left;}
.t_lt2{background:url(../images/secr1.png) center center no-repeat;height:30px;width: 41px;position:absolute;right:0px;top:0px;border:0px;cursor:pointer;outline:none;background-size: 15px 15px;}





.nav{height:40px;line-height:40px;background: #fff;padding:0px 15px;text-align:center;margin-bottom:15px;}
.nav ul{margin:0px auto;}
.nav ul li{line-height:40px;text-align: center;color: #ffffff;display:inline-block;position:relative;margin: 0px 20px;}
.nav ul li a.dnc_mdfe{color:#000;font-size: 16px;height: 40px;line-height: 40px;display:block;position:relative;}


.dnc_mdf_mf: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;}


.nav ul li a.dnc_mdfe:before {width: 100%;content: "";background:#000;position: absolute;bottom: 0px;z-index: 0;transition: all 0.2s ease-in-out 0s;left: 0px;height: 0px;}
.nav ul li a.dnc_mdfe:hover:before,.nav ul li.omm a.dnc_mdfe:before {height: 3px;}





.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: 170px;margin-left: -100px;left: 50%;top:40px;padding: 15px;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);}
.nre_mdc:before {content: "";display: inline-block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: #fff;box-shadow: 0 0 5px #aaa;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: 34px;height: 34px;overflow:hidden;display:block;text-align: left;width: 100%;color:#333;position: relative;text-align: center;} 
.nre_mdc a:hover{text-decoration:underline;}

.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: #222; -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: #2fae99; -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, 0.15);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: #2fae99;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;}


.header_fixed .top{padding:0px 15px;}
.header_fixed{position:fixed;left:0px;top:0px;z-index:12;-webkit-transition: all .5s;transition: all .5s;box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);}
.header_fixed .go_l_lef{top: 15px;}
.header_fixed .lo_sec_m{top: 56px;}
.header_fixed .nav{margin-bottom:8px;}

@media (max-width:1430px) {
.header_fixed .nav ul li{margin: 0 20px;font-size:15px;}
.nav{text-align:left;}

}
@media (max-width:1250px) {
.header_fixed .nav ul li{margin: 0 18px;}


}



@media (max-width:1080px) {
.header_fixed .nav ul li{margin: 0 15px;}
.nav ul li a.dnc_mdfe{font-size:14px;}

}

@media (max-width:980px) {

.nav,.hea_tp1,.inx_scl_m,.lo_sec_m,.go_l_lef{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;}
.header{height:54px;background: #fff;position:fixed;left:0px;top:0px;z-index:12;-webkit-transition: all .5s;transition: all .5s;box-shadow: 0 0 7px #b9b9b9;}
.top{position:relative;padding: 0px;}
.logo_l{padding-top:0px;text-align:center;display:block !important;width:80%;margin-top:0px;height:50px;display:flex;justify-content: center;align-items:center;padding:0px 10%;}
.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;}
.index_cinran{padding-top:54px;}
.nre_mdc{top: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;}

}