/*???*/
* { 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;}
}




@media screen and (max-width: 1024px) and (min-width:768px){
    .container { width:92%; margin:0 auto;}
}

/*

@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: 1.5% 0; background-color: #2470ee; position: relative;}
.header .logo a { display: block; width: 100%;}
.header .logo a img { width: 100%; height:100%; }
.header .search {width: 25%;height: 36px;border: 1px solid #fff;border-radius: 20px;margin-top: 1%;}
.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: 83%;height:34px;color: #fff;padding-left: 15px;float: left;background: none;}
.header .search input.text::placeholder {
  color: #fff; /* 自定义颜色，比如灰色 #999、红色 #f00 等 */
}
@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%;}
}
@media screen and (max-width: 1919px) and (min-width:1024px){
    .header .search {width: 22%;}
    .header .search input.text{ width:82%; }
}

/* 主菜单 */
.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}



/*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;}
}



/*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:16px; 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; }