/*
* @Author: insrc
* @Date:   2017-12-28 09:32:20
* @Last Modified by:   insrc
* @Last Modified time: 2018-01-03 14:43:16
*/
/* 配置 */
@charset "GB2312";
a:hover{
    text-decoration:none;
}
body{
    font-family:'微软雅黑',Verdana,Georgia,SimSun,Arial,Helvetica,'sans-serif';
}
*::selection{
    background-color: rgba(255,255,255,0);
}
@font-face {
  font-family: 'iconfont';  /* project id 524836 */
  src: url('//at.alicdn.com/t/font_524836_pdzvdh3erynzh0k9.eot');
  src: url('//at.alicdn.com/t/font_524836_pdzvdh3erynzh0k9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_524836_pdzvdh3erynzh0k9.woff') format('woff'),
  url('//at.alicdn.com/t/font_524836_pdzvdh3erynzh0k9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_524836_pdzvdh3erynzh0k9.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/* 公共 */
header .top{
    padding: 8px 0;
    background-color: #333333;
}
header .top .top-pack{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
header .top .top-l{
    font-size: 12px;
    color: #fff;
}
header .top .top-r a{
    color: #fff;
    font-size: 12px;
    height: 12px;
    padding:0 8px;
    border-left: 1px solid #fff;
}
header .top .top-r a:first-child{
    border-left: 0;
}
header .top .top-r .top-r-a{
    border-left: 0;
    background-color: #1c6af5;
    border-radius: 5em;
    padding-top: 3px;
    padding-bottom: 3px;
}
header .head{
    border-bottom: 2px solid #000;
}
header .head .head-pack{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
header .head .head-l{
    width: 50%;
}
header .head .head-l a{
    display: block;
}
header .head .head-r{
    width: 100%;
}
header .navigation .navbar{
    padding-top: 0;
    padding-bottom: 0;
}
header .navigation .navbar-nav{
    width: 100%;
}
header .navigation .navbar-light .navbar-nav .nav-link{
    color: rgb(100, 98, 98);
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
header .navigation .navbar-light .navbar-nav .ename{
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    color: rgb(100, 98, 98);
}
header .navigation .navbar-light .navbar-nav .nav-item:hover .nav-link{
    color: #ffffff;
    background-color: #1c6af5;
}
header .navigation .navbar-nav .nav-item{
    position: relative;
}
header .navigation .navbar-nav .nav-item:hover .ename{
    color: #ffffff;
} 
header .navigation .navbar-nav .nav-item .dw{
    visibility: hidden;
    /*width: max-content;*/
    min-width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    padding: 10px;
    display: block;
    background-color: rgba(0, 0, 0, 0.6);
}
header .navigation .navbar-nav .nav-item:hover .dw,
header .navigation .navbar-nav .nav-item:hover .dw:hover{
    visibility: visible;
}
header .navigation .navbar-nav .nav-item .dw a{
    display: block;
    color: rgba(255, 255, 255, 0.9);
    padding: 8px 15px;
    white-space: nowrap;
    text-align: left;
    font-size: 13px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
header .navigation .navbar-nav .nav-item .dw a:hover{
    color: #ff7e00;
}
/* 首页 */
.index .banner .banners{
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
}
.index .banner .banner1{
    background-image: url(../images/1.jpg);
}
.index .banner .banner2{
    background-image: url(/uploadfile/202008/6/1524500113.jpg);   
<!--/uploadfile/201801/29/942211029.jpg-->
}
.index .banner .banner3{
    background-image: url(/uploadfile/202409/29/1621400497.jpg);
}
.index .recommend{
    padding: 15px 0;
    background-color: #1c6af5;
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
}
.index .recommend-pack{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.index .recommend-r{
    width: 50%;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-around;
}
.index .recommend-r a{
    color: #fff;
    display: block;
    position: relative;
}
.index .recommend-r a:before{
    content:"";
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 100%;
    left: -10px;
    top: 10px;
}
.index .product-t{
    display: block;
    margin: 50px 0;
    height: 150px;
    background:url(../images/product-t.jpg) no-repeat center;
}
.index .product-l-l{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.index .product-l-l a:nth-child(2){
    margin: 5px 0;
}
.index .product-l-l a,
.index .product-l-l img{
    width: 100%;
}
.index .product-l .row{
    margin-right: 0;
    margin-left: 0;
}
.index .product-l .col-md-4,
.index .product-l .col-md-8{
    padding: 0;
}
.index .product-l-r{
    height: 608.78px;
    background: url(../images/product-r.jpg) no-repeat center;
    background-size: cover;
}
.index .product-l-r a{
    height: 50%;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.index .product-l-r .t{
    -ms-align-items: flex-start;
    align-items: flex-start;
    justify-content: center;
    padding:0 30px;
}
.index .product-l-r .t .icon{
    width: 30px;
    height: 2px;
    background-color: #fff;
}
.index .product-l-r .t .name{
    color: #fff;
    font-size: 30px;
    line-height:80px;
    display: block;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index .product-l-r .t .description{
    color: #8eb7ff;
    font-size: 12px;
    line-height: 24px;
    text-indent: 2em;
}
.index .product-l-r .t .skip{
    display: inline-block;
    border:1px solid #fff;
    padding: 8px 20px;
    color: #fff;
    border-radius: 5em;
    margin-top: 30px;
}
.index .product-r .col-md-6{
    padding-right: 5px;
    padding-left: 5px;
}
.index .product-list{
    display: block;
    padding: 15px 0;
}
.index .product-list img{
    display: block;
}
.index .product-list .pack{
    border: solid 1px #000000;
    color: #000;
    padding: 0 8px;
    margin-top: 5px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.index .product-list:hover .pack{
    color:#fff;
    background-color:#000;
}
.index .product-list .pack .name{
    width: 75%;
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index .sproduct{
    padding: 50px 0;
}
.index .sproduct-t{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.index .sproduct-t-l a{
    color: #000;
    padding-right: 5px;
}
.index .sproduct-t-l a:after{
    content: "/";
    padding-left: 5px;
}
.index .sproduct-t-l a:last-child{
    padding-right: 0;
}
.index .sproduct-t-l a:last-child:after{
    content: "";
    padding-left: 0;
}
.index .sproduct-t-r a{
    display: inline-block;
    padding: 3px 15px;
    border:1px solid #000;
    color: #000;
    border-radius: 5px;
}
.index .sproduct-pack{
    padding:15px 0;
}
.index .sproduct-pack img{
    display: block;
}
.index .sproduct-pack .info{
    color: #000;
    background-color: #e0e0e0;
    padding: 2px 8px;
    margin-top: 5px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.index .sproduct-list .row{
    margin-right: 0;
    margin-left: 0;
}
.index .sproduct-list .col-md-3{
    padding-right: 5px;
    padding-left: 5px;
}
.index .sproduct-pack .info .name{
    width: 75%;
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index .sproduct-pack:hover .info{
    color:#fff;
    background-color:#000;
}
.index .sproduct-list{
    padding-top: 30px;
}
.index .sproduct-list .switch{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.index .sproduct-list .switch .iconfont{
    font-size: 30px;
    color: #000;
}
.index .sproduct-list .switch a{
    padding: 0 5px;
}
.index .sproduct-list .switch a:hover .iconfont{
    color: #006fd4;
}
.index .slogan{
    display: block;
    height: 228px;
    background: url(../images/slogan.jpg) no-repeat center;
}
.index .case-t{
    display: block;
    margin: 50px 0;
    height: 152px;
    background:url(../images/case-t.jpg) no-repeat center;
}
.index .case .col-md-3{
    padding-left: 8px;
    padding-right: 8px;
}
.index #case .carousel-control-prev{
    justify-content: flex-start;
}
.index #case .carousel-control-next{
    justify-content: flex-end;
}
.index .about{
    margin-top: 80px;
    padding: 50px 0;
    background: url(../images/about.jpg) no-repeat center;
}
.index .about-l{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.index .about-l-t{
    width: 100%;
    padding: 5px;
    background-color: #fff;
}
.index .about-l-c{
    margin: 20px 0;
}
.index .about-r-t{
    height: 106px;
    background: url(../images/about-r-t.png) no-repeat right;
}
.index .about-r-c{
    height: 350px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.index .about-r-c .title{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.index .about-r-c .title .name,
.index .about-r-c .title .skip,
.index .about-r-c .description{
    color: #fff;
}
.index .about-r-c .title .name{
    font-size: 18px;
    color: #f9fcff;
}
.index .about-r-c .title .skip{
    display: inline-block;
    padding: 5px 10px;
    border: solid 1px #ffffff;
    border-radius: 5em;
    font-size: 12px;
}
.index .about-r-c .description{
    color: #fefeff;
    text-indent: 2em;
    font-size: 14px;
    line-height: 24px;
}
.index .new-t{
    display: block;
    margin: 50px 0;
    height: 200px;
    background:url(../images/new-t.jpg) no-repeat center;
}
.index .new-l-t{
    height: 145px;
    background: url(../images/new-l-t.jpg) no-repeat center;
}
.index .new-l-lists{
    padding: 30px 0;
    color: #666;
    display: block;
}
.index .new-l-lists-t{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index .new-l-lists-t .iconfont{
    display: block;
    width: 4%;
}
.index .new-l-lists-t .name{
    display: block;
    width: 75%;
}
.index .new-l-lists-t .day{
    display: block;
    width: 21%;
    text-align: center;
    color: #fff;
    background-color: #1f6df8;
}
.index .new-l-lists:hover .name,
.index .new-l-lists:hover .iconfont{
    color: #1f6df8;
}
.index .new-l-lists .description{
    text-indent: 2em;
    padding: 20px 0;
    font-size: 12px;
}
.index .new-l-lists .skip{
    text-align: right;
}
.index .new-l-lists .skip .skips{
    display: inline-block;
    border:1px solid #000;
    padding: 2px 10px;
    font-size: 12px;
}
.index .new-l-lists:nth-child(n+2){
    border-top: 1px dashed rgba(0,0,0,0.3);
}
.index .new-r .list{
    padding: 30px 0;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    border-bottom: dashed 1px rgba(0, 0, 0, 0.3);
}
.index .new-r .list:last-child{
    border-bottom: 0;
}
.index .new-r .list .time{
    width: 75px;
    height: 75px;
    color: #000;
    border: 1px solid #000;
    padding: 5px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.index .new-r .list .day{
    width: 100%;
    text-align: center;
    font-size: 28px;
    border-bottom: 1px solid #000;
}
.index .new-r .list .year{
    white-space: nowrap;
}
.index .new-r .list .info{
    width: calc(100% - 75px);
    padding-left: 30px;
}
.index .new-r .list .info .name{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-weight: bold;
}
.index .new-r .list .info .description{
    padding-top: 10px;
    font-size: 12px;
    color: #666;
}
.index .friendlylink{
    padding: 15px 0;
    background-color: #e6e6e6;
}
.index .friendlylink .t{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding-bottom: 8px;
}
.index .friendlylink .t .icon{
    width: 3px;
    height: 17px;
    background-color: #1f6df8;
}
.index .friendlylink .t .cname{
    color: #333;
    padding: 0 10px;
    font-size: 16px;
    font-weight: bold;
}
.index .friendlylink .t .ename{
    color: #333;
    font-size: 12px;
    text-transform: uppercase;
}
.index .friendlylink .links a{
    display: inline-block;
    color: #333;
    line-height: 16px;
    padding: 0 8px;
    border-right: 1px solid #333;
}
footer .footer{
    background-color: #333;
}
footer .footer .title{
    background-color: #1f6df8;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 15px;
}
footer .footer .title .nav-link{
    color: #fff;
}
footer .footer .body{
    padding: 30px 0;
}
footer .footer .body .pack-l .t{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .footer .body .pack-l .b{
    padding: 15px 0;
    text-align: center;
}
footer .footer .body .pack-l .b a{
    display: inline-block;
    color: #ffffff;
    background-color: #1f6df8;
    padding: 10px 15px;
}
footer .footer .body .pack-r{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
footer .footer .body .pack-r .b{
    color: #ffffff;
    margin-top: 50px;
}
footer .copyright{
    padding: 15px 0;
    background-color: #242424;
}
footer .copyright .pack{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    color: #f9fcff;
}
footer .copyright .pack a{
    color: #f9fcff;
}
footer .copyright .r .skip{
    margin-left: 10px;
    border:1px solid #fff;
    padding: 5px 20px;
    border-radius: 2px;
}

.sitepath{
    color: #fff;
    background-color: #1c6af5;
    padding: 10px 15px;
    margin-bottom: 50px;
}
.sitepath a{
    color: #fff;
    font-size: 16px;
    margin: 0 5px;
}
.sitepath a:hover{
    color: rgba(255,255,255,.6);
}
.listpage{
    margin-top: 50px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.channel .banner,
.subd .banner,
.article .banner{
    height: 350px;
    margin-bottom: 50px;
    background: url(../images/ny.jpg) no-repeat center;
}
/* channel */
.channel .body .nav{
    justify-content: space-around;
}
.channel .body .nav .nav-link{
    color: #000;
    padding: .5rem 2rem;
}
.channel .body .nav .nav-link.active{
    color: #fff;
    background-color: #1c6af5;
}
/* //channel */

/* list */
/* 阵型列表 */
.subd .body .list .skip{
    display: block;
    border:1px solid #d8d8d8;
    margin-bottom: 30px;
}
.subd .body .list .skip img,
.subd .body .list .skip span{
    display: block;
}
.subd .body .list .skip span{
    line-height: 20px;
}
.subd .body .list .skip .name{
    text-align: center;
    color: #000;
    padding:10px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.subd .body .list .skip .time{
    text-align: right;
    color: #9E9E9E;
    padding: 0 10px;
    padding-bottom: 5px;
}
.subd .body .list .skip:hover span{
    color: #fff;
    background-color: #1c6af5;
}
/* 竖型列表 */
.subd .body-c .list .skip{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    color: #000;
    border-bottom: 1px #dddddd dashed;
}
.subd .body-c .list .skip:hover{
    color:rgba(0,0,0,.5);
}
.subd .body-c .list .skip .name:before{
    content: ">";
    padding-right: 10px;
}
/* //list */

/* article */
.article .body .title{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}
.article .body .content p{
    text-indent: 2em!important;
}
.article .body .content img{
    max-width: 100%!important;
}
.article .body .content table{
    width: 100%!important;
}
.article .body .content table tr:hover{
    color: #fff!important;
    background-color: #1c6af5!important;
}
.article .prenext{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}
/* //article */
.subd{
    padding-bottom: 50px;
}
.article{
    padding-bottom: 80px;
}
.inner-subd{
    padding-bottom: 0;
}
.inner .right .name{
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 15px;
}
.inner-left .list-group{
    margin-bottom:30px;
    text-align:center;
}
.inner .related{
    width: 100%;
    overflow: hidden;
    height: auto;
}
.inner .related .pack{
    display: block;
    margin: 0 10px;width: 180px;
}
.inner .related .pack img{width: 180px;}
.inner .related .pack .info{
    width: 180px;
}
.inner .related .pack .info .title{
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 15px;
    color: #fff;
    background-color: #232323;
    padding: 8px;
}
.cp_body img{
    max-width: 100%;
    height: auto;
}