@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:#f1f9ff;
    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:#1487ff;}
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: #1487ff !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;}
.w118{width: 1180px;margin:0 auto;}
.w128{width: 1340px;margin:0 auto;}
.df{display: flex;}
.jc{justify-content:space-between;}
.ja{justify-content:space-around;}
.fw{flex-flow: wrap;}
.fd{flex-direction: column;}
.ai{align-items: center;}

.w810{width:810px;}
.w430{width:430px;}
.w580{width:590px;}
.w620{width:650px;}
.w630{width:630px;}
.w610{width:610px;}
.w-auto{width:auto;}


/* 头部公共 css */
#com-head .web-top{width:100%;height:230px;background:url(../images/top-back.jpg)no-repeat center;background-size:cover;box-sizing: border-box;padding:15px 0px 20px;}
#com-head .web-link{font-size:16px;margin-bottom:50px;line-height:22px;color:#0056b9;}
#com-head .web-link a{color:#0056b9;}
#com-head .web-link .links{width:45%;}
#com-head .web-link .links a:first-child:before{content:'';display:inline-block;width:22px;height:21px;background:url(../images/top-icon1.png)no-repeat center;margin-right: 5px;margin-bottom: -4px;}
#com-head .web-link .links a:nth-child(2):before{content:'';display:inline-block;width:22px;height:16px;background:url(../images/top-icon2.png)no-repeat center;margin-right: 5px;margin-bottom: -2px;}

@media (min-width: 1200px) {
    .form-se .keys{
        display: none;!important;
    }
}
#com-head .web-top .logo{height:90px;}
#com-head .web-top .logo img{height:100%;}
#com-head .web-top .search{width:435px;height:50px;position: relative;margin:6px 0px;}
#com-head .web-top .search .keyword{width:100%;font-size:16px;line-height:50px;border:1px solid #b5d9ff;padding-left:20px;padding-right:70px;box-sizing: border-box;}
#com-head .web-top .search .keyword input{color: #888888;}
#com-head .web-top .search .sub-but{width:52px;height:52px;position: absolute;top: 0;right:0;background:#1487ff url(../images/search-icon.png)no-repeat center;
z-index:99;cursor: pointer;border-top-right-radius:4px;border-bottom-right-radius:4px;}
#com-head .web-top .hot-search{margin-top:15px;font-size:16px;line-height:16px;color:#888888;}
#com-head .web-top .hot-search a{color:#888888;}
#com-head .web-top .hot-search a:hover{color:#1487ff;}
#com-head .head-nav{width:100%;height:70px;background:#1487ff;}
#com-head .head-nav ul{gap:0px 1%;}
#com-head .head-nav .nav-1{font-size:22px;line-height:70px;width:19.5%;text-align: center;}
#com-head .head-nav .nav-1:before{content:'';display: inline-block;width:24px;margin-right:10px;height:22px;margin-bottom:-3px;}
#com-head .head-nav .nav-1:nth-child(1):before{background:url(../images/nav-icon01.png)no-repeat center;}
#com-head .head-nav .nav-1:nth-child(2):before{background:url(../images/nav-icon02.png)no-repeat center;}
#com-head .head-nav .nav-1:nth-child(3):before{background:url(../images/nav-icon03.png)no-repeat center;height:24px;margin-bottom:-4px;}
#com-head .head-nav .nav-1:nth-child(4):before{background:url(../images/nav-icon04.png)no-repeat center;}
#com-head .head-nav .nav-1:nth-child(5):before{background:url(../images/nav-icon05.png)no-repeat center;}
#com-head .head-nav .nav-1.active,.head-nav .nav-1:hover{background:#0066db;font-weight: bold;}
#com-head .head-nav .nav-1 .nav-1a{color:#fff;}

.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.jpg)no-repeat center;padding:40px 0px;box-sizing: border-box;}
.foot .links{width:380px;}
.foot .links li{width:100%;height:40px;box-sizing: border-box;padding:0px 30px;position: relative;
background:#1487ff;border-radius:6px;cursor: pointer;}
.foot .links li h3{color:#fff;font-size:16px;line-height:40px;}
.foot .links li h3:after{content:'';display:block;width:10px;height:7px;background:url(../images/foot-icon1.png)no-repeat center;}
.foot .links li .link-list{display:none;position: absolute;width: 100%;left: 0;bottom: 45px;height: 200px;background: #fff;
overflow:hidden;box-sizing: border-box;text-align:center;border-radius:6px;overflow-y: auto;}
.foot .links li .link-list a{display: block;font-size:16px;line-height:42px;border-bottom:1px dashed #eee;}
.foot .call-info{flex:1;margin:0px 40px;font-size:16px;line-height:16px;color:#fff;}
.foot .call-info a{color:#fff;}
.foot .call-info .info-top,.foot .call-info .info-bottom{gap:20px 30px;}
.foot .call-info .info-bottom .gn-icon:before{content:'';display: inline-block;width:18px; height:20px;
background:url(../images/foot-icon2.png)no-repeat center;margin-right:6px;margin-bottom:-3px;}
.foot .foot-icon{width:320px;}
.foot .foot-icon img{width:100%;}


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

/* 移动端样式 */
@media screen and (max-width: 840px) {
	.nybanner{margin-top: 1rem;}
  .mb40{margin-bottom:0.4rem;}
  body{background:#fff;}




  .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.7rem;border-bottom: 1px solid #404040;padding: 0.1rem 0px;}
  .nav-list .offcanvas-body li:before{content:'';display:inline-block;width:0.4rem;height:0.36rem;
  margin-left: 6%; margin-bottom: -0.05rem; 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{width:0.36rem;height:0.36rem;margin-bottom: -0.08rem;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{width: 0.38rem;height: 0.36rem;margin-bottom: -0.08rem;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{width:0.4rem;height:0.4rem;margin-bottom: -0.1rem;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;}
   
  #com-head .web-link{display: none;}
  #banner{margin-top: 1rem;}
  .w128{width:100%;box-sizing: border-box;padding:0px 3%;}
  .w580,.w620,.w430,.w810,.w630,.w610{width:100%;}
   #com-head .web-top{height:auto;padding: 0.15rem 0px 0.2rem;top: 0;left: 0;z-index:9999;}
   #com-head .web-top .logo, .mobile-nav .nav-but{height:0.64rem;}
   .search-div,.head-nav{display: none;}
  .mobile-nav{display: block;}
  .mobile-nav .nav-but img{height:0.64rem;}


  .nav-list{width:60%;box-sizing: border-box;padding:5% 0px;background: #323232;color:#fff;}
  .nav-list a{color:#fff;}
  .nav-list .offcanvas-body a:hover,.nav-list .offcanvas-body .active a{color:#0d6efd;}
  .offcanvas-header,.offcanvas-body{padding:0;}
  .nav-list .offcanvas-header{font-size: 0.32rem;line-height: 0.4rem;margin-bottom: 10%;}
  .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 3%;}


  /* 底部信息 */
  .foot{background-size: cover;padding: 0.99rem 0px;}
  .foot .foot-icon{display: none;}
  .foot .links{width:100%;}
  .foot .links li{height:0.8rem;margin-bottom:0.3rem;padding:0px 3%;border-radius:0.1rem;}
  .foot .links li h3{font-size:0.32rem;line-height:0.8rem;}
  .foot .links li h3:after{width:0.2rem;}
  .foot .call-info{font-size: 0.28rem;margin: 0 auto;line-height: 0.4rem;height: 3rem;}
  .foot .call-info .info-top, .foot .call-info .info-bottom{gap:0.2rem 0.3rem;}
  .foot .links li .link-list{height: 4rem;border-radius: 0.1rem;}
  .foot .links li .link-list a{font-size: 0.32rem;line-height: 0.8rem;}
    /* 加顶部搜索 */
    #mo-search{margin-top:0.3rem;}
    #mo-search .form-se{width:100%;height:0.8rem; position: relative; }
    #mo-search .form-se .keys{width:100%;font-size:0.28rem;line-height:0.8rem;border:1px solid #b5d9ff;padding-left:0.3rem;padding-right:1rem;box-sizing: border-box;}
    #mo-search .form-se .keys input{color: #888888;}
    #mo-search .form-se .mo-sub{width:0.82rem;height:0.82rem;position: absolute;top: 0;right:0;background:#1487ff url(/material/2024/images/search-icon.png)no-repeat center;
        z-index:99;cursor: pointer;border-top-right-radius:4px;border-bottom-right-radius:4px;}


}