@charset "utf-8";

.block { padding: 20px 0;  }
 @media only screen and (max-width: 767px) {
.top-head{ display:none !important; }
 }
.head { position: relative; width: 100%; background: #fff;  height: 48px; z-index: 9999 }
.head .navbox { width: 1020px; margin: 0 auto }
/*.head .nav { display: block; float: left; width: calc(100% - 0px) }*/
.head .nav { display: block; float: left; width: calc(100% - 0px);width:-moz-calc(100% - 0px);	width:-webkit-calc(100% - 0px); width:100%; }
.head .nav .nav_pc { width: 100% }
/*.head .nav ul li { float: left; position: relative;  box-sizing: border-box; z-index: 999 }*/
.head .nav ul li { float: left; position: relative;  box-sizing: border-box; z-index: 999; display:block; width:99.9px;*width:99.9px;_width:99.9px; }
.head .nav ul li .f_a { line-height: 48px; display: block; text-align: center; font-size: 16px;font-weight: normal; color: #333 }
.head .nav ul li:hover .f_a { background-color: #128ee3; color: #fff; transition: all .3s }
.head .nav ul li .s_navbox { display: none; position: absolute; left: 0; width: 100%; background: #fff; z-index: 9999; box-sizing: border-box; padding:20px 10px; }
.head .nav ul li .s_navbox .s_a a { color: #666; font-size: 16px; text-transform: uppercase; display: block; text-align: center; padding:3px 0; line-height:28px; }
.head .nav ul li .s_navbox .s_a a:hover { color: #128ee3 }
.m_nav { display: none }
.headlf .m_logo { display: none }
.headrg .m_menuimg { display: none }
.active { background-color: #cf1322 }
.activ2 { background-color: #cf1322 }
.sidenav { position: relative; width: 180px; display: block; float: left }
.sidenav label { width: 180px; display: block; padding-left: 55px; box-sizing: border-box; background: #128ee3; position: relative; height: 48px; line-height: 48px; color: #fff; font-size: 16px }
.sidenav label i { width: 30px; height: 30px; display: block; position: absolute; background-size: 20px; left: 25px; top: 16px }
.sidenav .side { display: inline-block; position: absolute; top: 48px; left: 0; z-index: 999; width: 180px; background: #fff; border-top: none; background-color: rgba(255,255,255,.95); box-sizing: border-box }
.sidenav .side li { position: relative; width: 100%; padding: 5px 0; border-bottom: 1px solid #ccc; box-sizing: border-box }
.sidenav ul.side li:first-child { cursor: pointer }
.sidenav .side li a { color: #333; height: 40px; line-height: 40px; padding: 8px 0; display: block; font-size: 16px }
.sidenav .side li a:hover { background: 0 0; color: #0085cd }
.sidenav .side li a i { transition: all .3s ease 0s }
.sidenav .side li a i.side_t { margin-left: 10px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; background-size: 30px }
.sidenav .side li a:hover i { margin-left: 15px }
.icon1 { background: url(../../images/sideIcon1.png) no-repeat }
.icon2 { background: url(../../images/sideIcon1.png) no-repeat }
.icon3 { background: url(../../images/sideIcon1.png) no-repeat }
.icon4 { background: url(../../images/sideIcon1.png) no-repeat }
.icon5 { background: url(../../images/sideIcon1.png) no-repeat }
.icon6 { background: url(../../images/sideIcon1.png) no-repeat }
.icon7 { background: url(../../images/sideIcon1.png) no-repeat }
.sidenav .side li:hover .side_main { display: block; z-index: 999 }
.sidenav .side .side_main { display: none; width: 500px; background: #fff; position: absolute; left: 180px; top: 0; box-shadow: 3px 3px 5px rgba(0,0,0,.1); border: 1px #cecece solid; z-index: 7 }
.sidenav .side .side_main dl { margin: 20px; padding: 0 }
.sidenav .side .side_main dl dt { font-size: 18px; margin-bottom: 10px; color: #0173b2; font-weight: 700 }
.sidenav .side .side_main dl dt b { font-size: 15px }
.sidenav .side .side_main dl dd { margin-bottom: 10px; display: inline-block }
.sidenav .side .side_main dl dd a { position: relative; display: inline-block; color: #777; font-size: 14px; margin: 0 4px; padding: 0 5px; border-right: 2px solid #bbb; height: auto; line-height: 1.5; transition: all .2s ease 0s }
i.icon-hot, i.icon-new { display: inline-block; height: 9px; width: 24px; background: url(../../images/img_public.png) no-repeat; vertical-align: middle }
i.icon-hot { background-position: 0 -240px }
i.icon-new { background-position: -40px -240px }
.sidenav .side .side_main dl dd a span { color: #999 }
.sidenav .side .side_main dl dd a:hover { background: 0 0; color: #cf1322; transform: translateY(-2px) }
.sidenav .side .side_main dl dd a:hover b { color: #40adf5 }
.sidenav .side .side_main dl dd a:hover span { color: #40adf5 }
.slider { position: relative; overflow: hidden; width: 100% }
.slideBox .hd { height: 10px; z-index: 1; overflow: hidden; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 1 }
.slideBox .hd ul { text-align: center; padding-top: 5px }
.slideBox .hd ul li { cursor: pointer; float: left; margin-right: 5px; width: 30px; height: 10px; line-height: 14px; text-align: center; background: #fff }
.slideBox .hd ul .on { background: #00a2ff; color: #fff }
.slideBox .bd { position: relative; z-index: 0 }
.slideBox .bd li img { width: 100%; vertical-align: top }
@media screen and (max-width:1600px) and (min-width:1200px) {
.nav ul li .f_a { font-size: 14px }
.nav ul li .s_navbox .s_a a { font-size: 12px }
.foot_top ul { margin-left: 60px }
.nav ul li .s_navbox .s_a { width: 100% }
}
@media screen and (max-width:1024px) and (min-width:0px) {
.msgNum { display: none }
.slider { margin-top: 44px }
.head { display: none }
.m_img { display: block; height: 52px; background: #f3f3f3; /* position: fixed; top: 0; left: 0; */ width: 100%; z-index: 9999; border-bottom: 1px solid #ddd; overflow: hidden }
.m_img .headlf { padding-top: 2px; padding-left: 5px; float: left }
.m_img .headlf .m_logo { height: 40px; display: block }
.m_img .headrg { padding-right: 5%; padding-top: 18px; float: right }
.m_img .headrg a .m_menuimg { height: 16px; vertical-align: top; display: block }
.m_nav { display: block; position: fixed; top: 0; left: 0; width: 0; height: 0; overflow: hidden; z-index: 10000 }
.m_nav .closecover { position: absolute; width: 100%; height: 100%; background: #333; filter: alpha(opacity=0); opacity: 0; left: 0; top: 0; z-index: 1 }
.m_nav .closeicon { position: absolute; width: 20%; right: 10px; top: 3%; z-index: 999; text-align: center; filter: alpha(opacity=0); opacity: 0 }
.m_nav .m_navList { position: absolute; width: 80%; right: 0; top: 0; background: #fff; height: 100%; z-index: 100; right: -80%; overflow-y: scroll }
.m_nav .m_navList ul { padding-left: 5%; padding-right: 5% }
.m_nav .m_navList ul li { border-bottom: 1px solid #ddd }
.m_nav .m_navList ul li a { display: block; height: 45px; color: #333; line-height: 45px; padding-left: 5%; font-size: 16px }
.m_nav .m_navList ul li .m_f_a { display: flex; align-items: center; justify-content: space-between; width: 100% }
.m_nav .m_navList ul li .m_f_a a { flex: 1 }
.m_nav .m_navList ul li .m_f_a i { width: 40px; height: 35px; box-sizing: border-box; padding: 0 5px; display: block }
.icon { background: url(../../images/plus.png) 100% no-repeat; background-position: 50% 50%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
.icon_on { background: url(../../images/reduce.jpg) 50% no-repeat!important; background-position: 50% 50%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
.m_nav .m_navList ul li .m_s_nav { display: none; width: 100% }
.m_nav .m_navList ul li .m_s_nav a { display: block; height: 40px; line-height: 40px; font-size: 14px; padding-left: 10%; overflow: hidden; white-space: nowrap; width: 90%; text-overflow: ellipsis }
}