/*???*/
* { 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;  max-width:1300px;}
.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:90%; margin:0 auto;}
}


/*top*/
.top { background-color: #355e19; border-bottom: 1px solid #4f9b1b; height: 36px; line-height: 36px; }
.top a { color: #4f9b1b;}
.top i { color: #4f9b1b; padding: 0 10px;}
@media screen and (max-width:768px){
    .top { display: ;}
}
.pb_sys_style1 .p_no_d {
    border: 1px solid #355e19 !important;
    color: #fff;
    background-color: #355e19 !important;
}
/*header*/
.header { padding: 1.5% 0; background-color: #355e19; position: relative;padding-bottom:0;}
.header .logo{ width: 50%;}
.header .logo a { display: block; width: 100%;}
.header .logo a img { width: 100%; height:100%; }
.header .search { width: 26%; height: 36px; border: 1px solid #fff; border-radius: 20px; margin-top: 2.5%; }
.header .search input.submit { background:url("../images/search.png") no-repeat center; cursor: pointer; width: 18px; height: 36px; float: left;}
.header .search input.text{ width:82%; 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;width:100%;}
    .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: 30%;}
    .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}
@media screen and (max-width: 1024px) and (min-width: 0px){
    .msgNum{display: none;}
    .slider{margin-top: 44px;}
    .navbox{display:none}
.header .search {  margin-right:10%}
    .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;}
}



/*ny*/
.m_box { padding: 40px 0; background-color: #f2f5f7;}
/*left*/
.m_box .m_left { width:20%;}
.m_box .m_left .m_line { margin-bottom: 30px; }
.m_box .m_left .m_line .head { text-align:center; background-color:#355e19; 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:auto; overflow:hidden; position: relative; background-color:#fff; margin-bottom: 10px;
    border-left: 5px solid #355e19; }
.m_box .m_left .m_line ul li>span.on{
  /*  transform:rotateZ(45deg)*/
}
.m_box .m_left .m_line ul li>span{
    
position: absolute;
    
right: 10px;
    
line-height: 50px;
    
top: 0;
    
font-size: 20px;
    
color: #333;
    
cursor: pointer;
    
z-index: 9;
    
width: 50px;
    
text-align: center;
    
transition: all .5s;
}
.m_box .m_left .m_line ul li dl{background: rgba(51,51,51,.05);margin: 0 15px 10px 15px;}
.m_box .m_left .m_line ul li>dl dd{
    position: relative;
    border-bottom: 1px solid #fff;
}
.m_box .m_left .m_line ul li>dl dd>span{
    position: absolute;
    right: 10px;
    line-height: 40px;
    top: 0;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    z-index: 9;
    width: 40px;
    text-align: center;
    transition: all .5s;
}
.m_box .m_left .m_line ul li>dl dd>span.on{
    transform: rotateZ(45deg);
}
.m_box .m_left .m_line ul li>dl dd a{
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding: 5px 10px;
}
.m_box .m_left .m_line ul li a {color: #333;z-index: 1;position: relative;display: block;}
.m_box .m_left .m_line ul li i { display: block; width: 0; height: 50px; transition: all .3s; background-color: #355e19; position: absolute; left: 0; top:0; }
.m_box .m_left .m_line ul li  .on { color:#fff; background-color: #355e19;}

/*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: 5px;/* 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: #355e19; }
@media screen and (max-width:768px){
    .m_box .m_left { width:100%; float: none;}
    .m_box .m_left .m_line ul {/* overflow: hidden; */width: 105%;display: flex;flex-wrap: wrap;}
    .m_box .m_left .m_line ul li {float: left;line-height:36px;/* height:36px; */width: 45.5%;margin: 0 2% 0 0;text-align: left;padding-left: 0px; text-indent: 6px;box-sizing: border-box;overflow: visible;}
    .m_box .m_left .m_line ul li dl{position:absolute;z-index: 9;background: #fff;left: 0;right: 0;top: 100%;z-index: 10;margin: 0;width: 100%;box-shadow: 0px 10px 10px rgba(0,0,0,.1);display: none;}
    .m_box .m_left .m_line ul li>span{line-height:36px;width: 36px;right: 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 (min-width:1025px){
    .m_box .m_left .m_line ul li:hover i { width: 100%;}
.m_box .m_left .m_line ul li:hover>a {color: #fff;}
.m_box .m_left .m_line ul li:hover>span { color: #fff; }
}