/*???*/
* { padding: 0; margin: 0; font-family: "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body { font: 14px/1.231 "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0;  }
li, ul { list-style-type: none; }
input, textarea {  outline: 0;  border: 0;  }
img { border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, em, i {  font-weight: normal;  font-style: normal; }
a { text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #333; }
.container { width:68.35%; margin:0 auto; }
.lf {float:left;}
.rt {float:right;}
.clear:after {clear:both; content: "";display: block; height:0; visibility:hidden;}
@media screen and (max-width:768px){
    .container { width:96%; margin:0 auto;overflow: hidden;}
    .foot_box {
    display: block;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    align-content: space-between;
}
}




@media screen and (max-width: 1024px) and (min-width:768px){
    .container { width:92%; margin:0 auto;}
    .foot .link{
        display:block;
        width: 100%;
        margin: 0 auto;
    }
    .foot_box{
         display:block;
    }
    .foot .links a{
       display:block;
       width: 30%;
       margin: 10px auto;
    }
    .foot .qr_code {
    float: none;
    /* position: relative; */
    /* display: flex; */
    flex-wrap: nowrap;
    justify-content: space-between;
}
    .foot .message {
    float:none;
    margin: 0 0 10px 0;
    text-align: center;
    width: 79%;
}
    .foot .qr_code .code{
        float:none;
    }
}

/*

@media screen and (max-width: 935px) and (min-width:769px){
  .notice .bd .main ul li {
    float: left;
    background-color: #fff;
    width: 23.76%;
    padding: 3%;
    box-sizing: border-box;
    margin-right: 3%;
}
}
*/






/*top*/
.top { background-color: #2470ee; border-bottom: 1px solid #4e8df2; height: 36px; line-height: 36px; }
.top a { color: #8cb3f2;}
.top i { color: #4e8df2; padding: 0 10px;}
@media screen and (max-width:768px){
    .top {}
}

/*header*/
.header {padding: 0.8% 0;background-color: #2470ee;position: relative;}
.header .logo a { display: block; width: 100%;}
.header .logo a img { width: 100%; height:100%; }
.header .search {width: max-content;height: 36px;border: 1px solid #fff;border-radius: 20px;margin-top: 2%;}
.header .search input.submit {background:url("../images/search.png") no-repeat center;cursor: pointer;width: 22px;height: 36px;float: left;}
.header .search input.text{width: 74%;height:34px;color: #fff;padding-left: 15px;float: left;background: none;}
@media screen and (max-width:768px){
    .header { padding: 3% 0;}
    .header .logo { float: none;}
    .header .logo a { width: 80%; height:auto;}
    .header .search  { float: none;  width:80%; margin-top: 2%;}
.header .search input.text {
    width:80%;
}
}
@media screen and (max-width: 1919px) and (min-width:1024px){
    .header .search { width: 30%; }
    .header .search input.text{ width:82%; }
    .container {
    width: 91%;
    margin: 0 auto;
}
    .foot_box{
        display:block;
    }
    .foot .links a {
    color: #fff;
    padding-right: 20px;
    line-height: 28px;
    font-size: 18px;
    padding: 14px;
    text-align: center;
    border-radius: 25px;
    background: rgba(254, 150, 2, 1);
    display: block;
    width: 50% !important;
    margin: 20px auto;
}
}

/* 主菜单 */
.navbox { width:100%; background: url("../images/hei.png"); position: absolute; left: 0; bottom:-60px; height: 60px; line-height: 60px; z-index: 999;}
.nav .nav_pc { width: 100%;}
.nav ul li { float:left;position: relative;box-sizing: border-box;z-index: 999;}
.nav ul li .f_a { display:block;text-align:center;font-size:16px;color:#fff;}
.nav ul li:hover .f_a { background-color:#fe9602;color: #fff; transition:all .3s}
.nav ul li .s_navbox { display:none;position: absolute;left: 0;width: 100%; background:url("../images/hei.png");z-index: 9999;box-sizing: border-box}
.nav ul li .s_navbox .s_a a { color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;line-height:46px;border-top: 1px solid #fff;}
.nav ul li .s_navbox .s_a a:hover { background-color:#fe9602;color: #fff;}
.m_nav { display:none}
.headlf .m_logo { display: none}
.headrg .m_menuimg { display: none}
.active { background-color: #cf1322}
.activ2 { background-color: #cf1322}
@media screen and (max-width: 1024px) and (min-width: 0px){
    .msgNum{display: none;}
    .slider{margin-top: 44px;}
    .navbox{display:none}
    .m_img{display:block;height:44px;position:absolute;bottom:8%;right:4%;z-index:9999;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:14px;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:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
    .m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
    .m_nav .m_navList{position:absolute;width:80%; right:0; top:0;background:#0b0d19;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 #232530}
    .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;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;}
}


/*banner*/
.banner { width: 100%; position: relative;}
.banner .slideBox { width: 100%; position: relative; overflow: hidden; z-index: 0;}
.banner .slideBox .bd { width: 100%; z-index: 0; }

.banner .slideBox .bd li { display: block; width: 100%; zoom: 1;}
.banner .slideBox .bd li img { display: block; width: 100%;}
.banner .slideBox .hd { position: absolute; left: 50%; margin-left: -33px; bottom: 20px;}
.banner .slideBox .hd ul li { float: left; margin-right:8px; width:14px; height:14px; cursor: pointer; background: rgba(254,150,2,0.6); border-radius: 50%; }
.banner .slideBox .hd ul li.on { background: rgba(254,150,2,1);}
@media screen and (max-width:768px){
    .banner .slideBox .hd { display: none;}
.m_box {
    padding: 10px 0 !important;
}
}

#vsb_content table {
 overflow-x:auto;
}
/*ny*/
.m_box { padding: 40px 0; background-color: #f2f5f7;}
/*left*/
.m_box .m_left { width:18%;}
.m_box .m_left .m_line { margin-bottom: 30px; }
.m_box .m_left .m_line .head { text-align:center; background-color:#2470ee; padding: 20px 0; margin-bottom: 10px;}
.m_box .m_left .m_line .head p { color:#fff; font-size: 1.6em; line-height: 26px;}
.m_box .m_left .m_line ul li { text-align:center; line-height:50px; height:50px; overflow:hidden; position: relative; background-color:#fff; margin-bottom: 10px;
    border-left: 5px solid #2470ee; }
.m_box .m_left .m_line ul li a { color: #333; z-index: 1; position: relative;}
.m_box .m_left .m_line ul li i { display: block; width: 0; height: 50px; transition: all .3s; background-color: #2470ee; position: absolute; left: 0; top:0; }
.m_box .m_left .m_line ul li:hover i { width: 100%;}
.m_box .m_left .m_line ul li:hover a { color: #fff; }
/*right*/
.m_box .m_right { width:79%; background-color: #fff; padding: 25px 25px 40px; box-sizing: border-box}
.m_box .m_right .head2 { border-bottom:1px dashed #ccc;  padding-bottom: 15px;}
.m_box .m_right .head2 h4 {float:left;font-size: 18px;padding-left: 35px;background:url("../images/ch-icon1.png") no-repeat left center;height: 24px;line-height: 24px;}
.m_box .m_right .location { float:right; }
.m_box .m_right .location span,.m_box .m_right .location a { float:left; color:#999; margin-left: 5px;}
.m_box .m_right .location a:hover { color: #2470ee; }
@media screen and (max-width:768px){
    .m_box .m_left { width:100%; float: none;}
    .m_box .m_left .m_line {
    margin-bottom: 10px;
}
    .m_box .m_left .m_line ul { overflow: hidden; width: 105%; }
    .m_box .m_left .m_line ul li { float: left; line-height:36px; height:36px; width: 29%; margin: 1% 2% 0 0; }
    .m_box .m_left .m_line ul li i { display: none; }
    .m_box .m_right { width:100%; float: none; padding: 25px 10px 25px;}
    .m_box .m_right .head2 { display: none;}
    .m_box .m_right .location { display: none;}
}

@media screen and (max-width: 1024px) {
.header .search input.text {
}
}