@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,a { margin:0; padding:0; }
body{overflow-x:hidden;}
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0;}
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙*/
table { border-collapse:collapse; }
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    font-family:"微软雅黑","宋体";
    color:#333333;
    background:#fff;
    transition: all 0.6s;
}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#333333; text-decoration:none; }
a:hover{color:#e61a2a;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #e61a2a !important;}
ul,ol,li{list-style:none}

/*公共类*/
.w12 {  /*版心 提取 */
    width: 1200px;margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}

.clear{clear: both;}
.w128{width: 1280px;margin:0 auto;}
.df{display: flex;}
.jc{justify-content:space-between;}
.ja{justify-content:space-around;}
.fw{flex-flow: wrap;}
.ai{align-items: center;}

.text-1{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-3{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/* 头部公共 css */
#web-top{width:100%;height:170px;background:url(../images/header-back.jpg)no-repeat center;background-size:cover;box-sizing: border-box;
padding:32px 0px;}
#web-top .logo-search #logo{display: block;height:105px;}
#web-top .logo-search #logo img{height:100%;}

#web-top .logo-search .search{width:395px;background:#fff;height:50px;position:relative;}
#web-top .logo-search .search #kerword{width:100%;line-height:50px;box-sizing: border-box;padding:0px 60px 0px 20px;
font-size:16px;}
#web-top .logo-search .search .sub-but{width:50px;height:50px;font-size:0px;background:#e61a2a url(../images/search.png)no-repeat center;
position: absolute;z-index:12;top:0;right:0;}

.top-nav{width:100%;height:70px;background:#c9111f;}
.top-nav li{font-size:18px;line-height:70px;width:14%;text-align: center;position: relative;}
.top-nav li a.top-a1{color:#fff;}
.top-nav li:hover,.top-nav li.active{background:#e61a2a;}
.top-nav li a.top-a1:before{content:'';display:inline-block;width:20px;height:18px;margin-right: 6px;margin-bottom: -1px;}
.top-nav li:nth-child(1) a.top-a1:before{background:url(../images/nav-icon1.png)no-repeat center;background-size:cover;}
.top-nav li:nth-child(2) a.top-a1:before{background:url(../images/nav-icon2.png)no-repeat center;background-size:cover;}
.top-nav li:nth-child(3) a.top-a1:before{background:url(../images/nav-icon3.png)no-repeat center;background-size:cover;}
.top-nav li:nth-child(4) a.top-a1:before{background:url(../images/nav-icon4.png)no-repeat center;background-size:cover;}
.top-nav li:nth-child(5) a.top-a1:before{background:url(../images/nav-icon5.png)no-repeat center;background-size:cover;}
.top-nav li:nth-child(6) a.top-a1:before{background:url(../images/nav-icon6.png)no-repeat center;background-size:cover;}
.top-nav li:nth-child(7) a.top-a1:before{background:url(../images/nav-icon7.png)no-repeat center;background-size:cover;}
.top-nav li .top-son{position: absolute;top:70px;width:100%;left:0px;z-index:99;background:#c9111f;display: none;}
.top-nav li .top-son a{display: block;border-top:1px solid #fff;color:#fff;font-size: 16px;line-height: 50px;}
.top-nav li .top-son a:hover{background:#e61a2a;}
.top-nav li:hover .top-son{display: block;}


.ear-but{font-size:16px;line-height:16px;margin-bottom:20px;text-align:right;}
.ear-but a{display: inline-block;margin-left:20px;}
.ear-but a img{margin-right:8px;}


.row-1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.row-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    line-clamp: 2;-webkit-box-orient: vertical;}
.row-3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
    line-clamp: 3;-webkit-box-orient: vertical;}
/* 底部信息 */
#foot{width:100%;background:url(../images/foot-back.png)no-repeat center;background:cover;box-sizing: border-box;
  padding:55px;text-align: center;color:#fff;}
#foot p{font-size:16px;line-height:16px;margin-bottom:15px;}
#foot p:last-child{margin-bottom:0px;}
#foot a{color:#fff;}

/* 悬浮框 */
#right-list{width:120px;background:#227ce2;border-radius:10px;position:fixed;top:30%;right:2%;z-index:999;}
#right-list li{border-bottom:1px solid #fff;padding:20px 0px;text-align: center;position: relative;}
#right-list li img{height:21px;}
#right-list li h3{font-size:14px;margin-top:10px;color:#fff;}
#right-list li .rwms{width:140px;box-sizing: border-box;padding:10px;position: absolute;top:-10%;left:-140px;
  box-shadow: 0px 4px 2px rgba(220,220,220,0.3);background:#fff;display: none;text-align: center;}
#right-list li .rwms img{width:120px;height:120px;}
#right-list li .rwms .ssm{font-size:14px;line-height:24px;}
#right-list li:hover .rwms{display: block;}

@media screen and (min-width:780px) {
   .foot-div span{display: none;}
   .mobile-nav{display: none;}
}

/* 移动端样式 */
@media screen and (max-width:780px) {
    /* 导航 */
   .top-nav,.logo-search .search,.ss{display: none;}
    #web-top{height:auto;padding:3%;}
   .w128{width:100%;box-sizing: border-box;}
   .w580{width:100%;}
   #com-head .web-top{height:auto;padding: 0.15rem 0px 0.2rem;position: fixed;top: 0;left: 0;z-index:9999;}
   #web-top .logo-search #logo{height:0.8rem;}
  .nav-but img{width:80%;}
  .banner-list{margin:2% 0px !important;box-shadow:0px 0px 4px rgba(220,220,220,0.3);}


  .nav-list{width:60%;box-sizing: border-box;padding:6% 0px;background:#323232;color:#fff;}
  .nav-list a{color:#fff;}
  .nav-list .offcanvas-body a:hover,.nav-list .offcanvas-body .active a{color:#e61a2a;}
  .offcanvas-header,.offcanvas-body{padding:0;}
  .nav-list .offcanvas-header{font-size: 0.32rem;line-height: 0.4rem;margin-bottom: 6%;padding-left: 5%;}
  .nav-list .offcanvas-header h5{font-weight: bold;font-size: 0.36rem;line-height: 0.5rem;}
  .nav-list .offcanvas-body{box-sizing: border-box;padding:0rem;}
  .nav-list .offcanvas-body li{font-size:16px;line-height:0.8rem;border-bottom: 1px solid #404040;padding: 0.1rem 0px;}
  .nav-list .offcanvas-body li:before{content:'';display:inline-block;width:0.4rem;height:0.4rem;
  margin-left: 6%; margin-bottom: -5px; margin-right: 0.2rem;}
   .nav-list .offcanvas-body li:nth-child(1):before{background:url(../images/nav-icon1.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(2):before{background:url(../images/nav-icon2.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(3):before{background:url(../images/nav-icon3.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(4):before{background:url(../images/nav-icon4.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(5):before{background:url(../images/nav-icon5.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(6):before{background:url(../images/nav-icon6.png)no-repeat;background-size:100% 100%;}
  .nav-list .offcanvas-body li:nth-child(7):before{background:url(../images/nav-icon7.png)no-repeat;background-size:100% 100%;}
  
.nav-list .offcanvas-body li:nth-child(1).active:before{background:url(../images/nav-iconon1.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(2).active:before{background:url(../images/nav-iconon2.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(3).active:before{background:url(../images/nav-iconon3.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(4).active:before{background:url(../images/nav-iconon4.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(5).active:before{background:url(../images/nav-iconon5.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(6).active:before{background:url(../images/nav-iconon6.png)no-repeat;background-size: cover;}
.nav-list .offcanvas-body li:nth-child(7).active:before{background:url(../images/nav-iconon7.png)no-repeat;background-size: cover;}

  #foot{padding:6% 3% !important;}
  #foot p{line-height: 0.4rem !important;margin-bottom: 0.15rem !important;font-size:0.24rem;}

  #right-list{width:1.8rem;border-radius:0.1rem;background: rgba(34,124,226,0.8);}
  #right-list li{padding:0.2rem 0px;}
  #right-list li img{height:0.21rem;}
  #right-list li h3{font-size: 0.2rem;margin-top: 0.1rem;}
  #right-list li .rwms{width:1.8rem;left: -1.8rem;}
  #right-list li .rwms img{width: 1.4rem;height: 1.4rem;}
  #right-list li .rwms .ssm{font-size: 0.2rem;line-height: 0.4rem;}


}