@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:#023a8e;}
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: #023a8e !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;}
/* 头部公共 css */
#com-head .web-top{width:100%;height:100px;background:url(../images/head-back.jpg)no-repeat center;background-size:cover;box-sizing: border-box;padding:15px 0px 20px;}
#com-head .web-top .logo{height:64px;}
#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;padding-left:20px;padding-right:70px;box-sizing: border-box;}
#com-head .web-top .search .sub-but{width:50px;height:50px;position: absolute;top: 0;right:0;background:#006fe8 url(../images/sousuo.png)no-repeat center;
z-index:99;cursor: pointer;}
#com-head .head-nav{width:100%;height:70px;background:#1753c4;}
#com-head .head-nav .nav-1{font-size:18px;line-height:70px;width:160px;text-align: center;}
#com-head .head-nav .nav-1.active,.head-nav .nav-1:hover{background:#006fe8;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:#1b4698;padding-top:35px;}
.foot .foot-row1{color:#abc0e8;font-size:14px;line-height:20px;padding-bottom:30px;}
.foot .foot-row1 .call-img{width:100px;margin-left:200px;}
.foot .foot-row1 .call-img img{width:100%;}
.foot .foot-row1 .call-img p{text-align: center;margin-top:10px;}
.foot .foot-row1 .call-info{flex: 1;}
.foot .foot-row1 .call-info span{display: inline-block;margin-right:50px;}
.foot .foot-row1 .call-info span:before{content:'';display:inline-block;width:20px;height:20px;margin-right:8px;margin-bottom:-4px;}
.foot .foot-row1 .call-info span.call-tel:before{background:url(../images/foot-icon01.png)no-repeat center;}
.foot .foot-row1 .call-info span.call-add:before{background:url(../images/foot-icon02.png)no-repeat center;}
.mb40{margin-bottom:40px;}

.foot .foot-div{width:100%;background:#163f8e;height:80px;font-size:14px;color:#abc0e8;}
.foot .foot-div p{line-height:80px;}
.foot .foot-div a{color:#abc0e8;}
.foot .foot-div a:hover{color:#fff;}


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

/* 移动端样式 */
@media screen and (max-width:780px) {
	.nybanner{margin-top: 1rem;}
    .mb40{margin-bottom:0.4rem;}
    .foot .foot-row1 .call-info span{margin-right:0px;margin-bottom:0.2rem;}
    .foot .foot-row1 .call-img{width: 1.8rem;margin-left: 4%;}
    .foot-logo img{height: 0.64rem;}
    .foot-div p{display: none;}
    .foot .foot-div{line-height:0.8rem;height:0.8rem;}
    .foot .foot-div span{text-align: center;flex: 1;}

    #banner{margin-top: 1rem;}
   .w128{width:100%;box-sizing: border-box;padding:0px 3%;}
   .w580{width:100%;}
   #com-head .web-top{height:auto;padding: 0.15rem 0px 0.2rem;position: fixed;top: 0;left: 0;z-index:9999;}
   #com-head .web-top .logo, .mobile-nav .nav-but{height:0.64rem;}
   .search,.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:10% 5%;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%;}
  .nav-list .offcanvas-body li{font-size:0.28rem;line-height:0.8rem;border-bottom: 1px dashed #eee;}

}