body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0;font-family:"微软雅黑";}
img { border:0; }
.clear { clear:both; }
em,i{ font-style:normal}
a:hover { text-decoration:none; color:#e51e01;font-family:"微软雅黑";}
.w1200{ width:1400px; margin:0 auto}
.w90{ width:90%; margin-left: 5%;}
.w80{ width:80%; margin-left: 10%;}

.ny-content{width: 100%;background-color: #f6f6f6;height: auto;padding: 10px 0px 20px 0px;display: flex;align-items: center;justify-items: center}
.ctop{ background:#f6f6f6; height:42px; line-height:42px;}
.ctop .topwz{ text-align:left; color:#909090; font-size:14px}
.ctop .topyy{ float:right}
.ctop .topyy img{ margin-right:5px; margin-left:10px}
.cfl{ float: left;}
.cfr{ float:right;}

.main_image {width:100%; height:430px;overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:430px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:430px;}
.main_image li span {display:block; width:100%; height:430px}
.main_image li a {display:block; width:100%; height:430px}
.main_image li img{width:100%;height:430px;}

div.flicking_con {width:990px; margin:0 auto; position:relative; z-index:999;}
div.flicking_con .flicking_inner {position:absolute; top:400px; left:420px; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:60%;margin-top:-37px;display:none;}
#btn_prev{background: no-repeat left top;left:100px;}
#btn_next{background:url("../images/hover_right.png") no-repeat right top;right:100px;}

.product-list{margin-top: 10px;}
.mg60{margin: 0px 0px 20px 60px}
.nconl{ width:270px;}
.nconr{ width:1070px;background-color: #fff;padding: 10px 15px 10px 15px;}
.nconr h3{ height:40px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:10px; color:#006ec7}
.nconr h3 span{ float:right; font-size:14px; font-weight:normal; color:#888}
.nconr h3 span a{ color:#888}

.czjz{display: flex;align-items: center;justify-content: center;}

.details-nr{width:1000px;background-color: #fff;padding: 10px 15px 10px 15px;}
.details-nr h3{ height:40px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:10px; color:#006ec7}
.details-nr h3 span{ float:right; font-size:14px; font-weight:normal; color:#888}
.details-nr h3 span a{ color:#888}

.pageContent{ width:1000px;background-color: #fff;padding: 10px 15px 10px 15px;}
.pageContent h3{ height:40px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:10px; color:#006ec7}
.pageContent h3 span{ float:right; font-size:14px; font-weight:normal; color:#888}
.pageContent h3 span a{ color:#888}

.price-chart{width: 100%;padding-left: 30px;padding-right: 30px;}
.cpjg{ width:calc(100% - 330px);background-color: #fff;padding: 10px 15px 10px 15px;}
.cpjg h3{height:45px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:10px; color:#006ec7}
.cpjg h3 span{color: #2c2c2c}
.cpjg h3 label{background-color: #006ec7;padding: 10px;color: white;}
.cpjg h2{height:45px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:10px; color:#006ec7;text-align: center;}
.query-div{font-size: 16px;height: 40px;line-height: 40px; width:calc(100% - 30px);background-color: #fff;padding: 10px 15px 10px 15px;}
.query-div label{color: #006ec7;font-weight: bold;float: left;text-align: center;padding: 0px 5px 0px 5px;}
.query-div span{height:38px;background-color:white;color: #383838;float: left;text-align: center;padding: 0px 5px 0px 5px;}
.query-div input{width: 120px;color: #383838;float: left;border: 1px solid #e3e3e3;border-radius: 5px;padding: 7px 5px 7px 10px;}
.query-div button{cursor:pointer;width: 65px;color: white;float: left;background-color: #006ec7;margin-left: 10px;padding: 9px 10px 9px 10px;border: 1px solid #006ec7;border-radius: 5px;}
.chart-price{border: 2px solid #006ec7; border-radius: 5px;}
.date-btn{float: right;}
.date-btn span{border: 1px solid #979797;margin-right: 5px;padding: 0px 5px 0px 5px;font-size: 14px;cursor: pointer;border-radius: 5px;}
.date-btn span:hover{border: 1px solid #006ec7;background-color: #006ec7;color: white}
.active-date{border: 1px solid #006ec7 !important;background-color: #006ec7 !important;color: white !important;}
#echarts-chart{height: 500px;}
.cpfl {background-color: #fff;padding: 10px;}
.cpfl dt{ width:250px; height:80px;font-size:32px; line-height:80px; text-align:center;  color:#ffffff; background: #006ec7; font-weight:bold}
.cpfl dd a{display:block; font-size:16px; text-indent:28px; color:#1c1c1c; line-height:50px;width:250px; transition:all .2s ease;height:50px;background:url("../images/rr.gif") no-repeat left; font-weight:normal; margin-bottom:1px}
.cpfl dd a:hover{cursor: pointer;display:block; font-size:16px; color:#ffffff; text-indent:48px;transition:all .2s ease; line-height:50px;width:250px; height:50px; background:url("../images/ll.gif") no-repeat left; }

.cpfl dd span{cursor: pointer;display:block; font-size:16px; text-indent:48px;line-height:50px;width:250px; transition:all .2s ease;height:50px;font-weight:normal; margin-top:5px;border-bottom: 1px solid #f0f0f0;}
.cpfl dd span:hover{color:#ffffff !important;background:url("../images/ll.gif") no-repeat left !important; }
.check-active{color:#ffffff !important; background:url("../images/ll.gif") no-repeat left !important;}

.xscg{background-color: #fff;padding: 10px;}
.xscg_name{width:250px; height:80px;font-size:32px; line-height:80px; text-align:center;  color:#ffffff; background: #006ec7; font-weight:bold}
.news_dl_3{ width:1070px; display:inline-block; border-bottom:#b8b8b8 1px dashed; padding:14px 0; overflow:hidden; height:80px; float:left;}
.news_dl_3 dt{ background:#6f6f6f; width:85px; height:85px; color:#ffffff; line-height:28px; font-size:14px;  text-align:center; float:right; overflow:hidden;}
.news_dl_3:hover dt{ background:#006ec7; width:85px; height:85px; text-align:center; float:right; overflow:hidden;color: #FFF;}
.news_dl_3:hover dt b{color: #FFF;border-bottom:#FFF 1px solid;}
.news_dl_3 dt b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#ffffff; width:55px; margin:0 auto; border-bottom:#fff 1px solid; padding:5px 0 2px; line-height:40px;}
.news_dl_3 dt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding:5px 0 0;}
.news_dl_3 dd{ width:940px; padding:0 0 0 15px; float:left;}
.news_dl_3 dd h5{ height:25px; line-height:25px; overflow:hidden;}
.news_dl_3 dd h5 span{cursor: pointer; font-size:16px; color:#444;font-weight: bold;}
.news_dl_3 dd h5 span:hover{color:#bc0030; font-size:16px;}
.news_dl_3 dd p{ font-size:12px; color:#7d7d7d; height:60px; line-height:20px; overflow:hidden; padding-top:3px;}
.news_dl_3 dd p a{ font-size:12px; color:#197500; padding:0 0 0 20px;}
.news_dl_3 dd p .gdd{ margin-top:10px; width:100%; height:22px; float:left; background:url(../images/more.png) no-repeat left; color:#ffffff; line-height:22px; font-size:12px; padding-left:20px;}

.news_dl_3 dd h5 a{cursor: pointer; font-size:16px; color:#444;font-weight: bold;}
.news_dl_3 dd h5 a:hover{color:#bc0030; font-size:16px;}

/*公司简介*/
.jianjie{ width:100%;overflow: hidden; margin: 30px auto;  background:#006ec7;height: auto;padding: 20px 0;}
.jj_nr{margin-top: 30px;}
.jj_nr h3{font-size: 27px; color: #f5e700;height: 50px; line-height: 40px;font-weight: normal;}
.jj_nr span{font-size:12px; color: #fff; line-height: 20px;margin: 10px 0;text-transform: uppercase}

.jj_nr p{font-size:14px; color: #fff; line-height: 30px;margin-top: 5px;}
.jj_nr a{display: block; width: 125px; height: 37px;line-height: 37px; text-align: center;color: #006ec7; background: #fff; font-size: 14px;border-radius: 10px;margin-top: 20px;}
.jj_nr a:hover{color: #333;}
.jj_tu{width: 570px;height: 425px;background: #fff;margin-top: 30px;}
/*.article_info {*/
/*    display: -webkit-box; !* 使用弹性盒子布局模式 *!*/
/*    -webkit-box-orient: vertical; !* 子元素垂直排列 *!*/
/*    -webkit-line-clamp: 10; !* 限制在10行 *!*/
/*    overflow: hidden; !* 隐藏超出容器的内容 *!*/
/*    text-overflow: ellipsis; !* 超出部分显示省略号 *!*/
/*    white-space: normal; !* 使用正常的白空格处理方式，允许换行 *!*/
/*}*/
/* 固定小部件位置 */
.fixed-widget {position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 50;}

/* 小部件项目样式 */
.widget-item {width: 48px;height: 48px;cursor: pointer;background-color: #fff;margin-bottom: 6px;position: relative;border-radius: 5px;right: 8px;border: 1px solid #c9c9c9;display: grid;align-items: center;justify-items: center;}

.img-cs{height: 40px;width: 40px;}

/* 服务信息框样式 */
.service-box {display: none;position: absolute;width: 180px;height: auto;background-color: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 8px;text-align: center;top: 0;right: 50px;border: 1px solid #e0e0e0;}

.service-box p {margin: 0;font-size: 18px;color: red;}
/* 微信二维码样式 */
.wechat-qr {width: 100%;height: auto;margin-bottom: 4px;}

.box-border {width: 340px !important;}
.sev-t span {font-size: 42px;float: left;display: block;line-height: 45px;margin-right: 10px;color: #d3d3d3;}
.sev-t p {float: left;color: #de0312;font-size: 24px;line-height: 45px;}
.sev-b {padding-top: 15px;margin-top: 5px;border-top: 1px solid #e4e4e4;}
.sev-b li {float: left;width: 33.33333%;}
.sev-b li a {display: inline-block;color: #999;font-size: 13px;line-height: 36px;}

/* 文字闪烁(t) */
.flicker{
    display: inline-block;
    font-size: 26px;
    background: linear-gradient(left,  #9b99ff, #0101eb);
    background: -webkit-linear-gradient(left,  #9b99ff, #0101eb);
    background: -o-linear-gradient(right,  #9b99ff, #0101eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation:scratchy 0.5s linear forwards infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation:scratchy 5s linear forwards infinite;
    -moz-animation: scratchy 0.5s linear forwards infinite;
    -ms-animation: scratchy 0.5s linear forwards infinite;
    -o-animation: scratchy 0.5s linear forwards infinite;
}

@keyframes  scratchy {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 200px -50%;
    }
    99% {
        background-position: 1000px -100%;
    }
    100% {
        background-position: 0 0;
    }
}
/* 添加兼容性前缀 */
@-webkit-keyframes scratchy {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 200px -50%;
    }
    99% {
        background-position: 1000px -100%;
    }
    100% {
        background-position: 0 0;
    }
}
@-moz-keyframes scratchy {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 200px -50%;
    }
    99% {
        background-position: 1000px -100%;
    }
    100% {
        background-position: 0 0;
    }
}
@-ms-keyframes scratchy {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 200px -50%;
    }
    99% {
        background-position: 1000px -100%;
    }
    100% {
        background-position: 0 0;
    }
}
@-o-keyframes scratchy {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 200px -50%;
    }
    99% {
        background-position: 1000px -100%;
    }
    100% {
        background-position: 0 0;
    }
}