/*
* Copyright , 杭州长牛科技有限公司版权所有 www.changniukj.com.com
*
* 请尊重原创，未经允许请勿转载。
* 如发现下载/防止本站前端，那么我们必将追究相应的法律责任。
*/
.banner {
    width: 100%;
    position: relative;
    height: 600px;
    overflow: hidden;
}

.banner .bd {
    position: relative;
    z-index: 0;
}

.banner .bd ul {
    width: 100% !important;
}

.banner .bd li {
    width: 100% !important;
    height: 600px;
    overflow: hidden;
    text-align: center;
}

.banner .bd li a {
    display: block;
    height: 600px;
}

.banner .hd {
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    bottom: 15px;
    position: absolute;
    z-index: 1;
    bottom: 15px;
    overflow: hidden;
}

.banner .hd ul {
    float: right;
}

.banner .hd ul li {
    float: left;
    margin: 0 5px;
    display: inline;
    cursor: pointer;
}

.banner .hd ul li img {
    width: 80px;
    line-height: 41px;
    display: block;
    border: 2px solid #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.banner .hd ul .on img {
    border-color: #FF8106;
    filter: alpha(opacity=100);
    opacity: 1;
}

.hexin {
    width: 100%;
    overflow: hidden;
    height: 150px;
    background-color: rgb(244, 247, 251);
}

.hxsan {
    width: 1280px;
    margin: 0 auto;
    height: 150px;
}

.hx_item {
    width: 33.333%;
    float: left;
    position: relative;
}

.hxlf {
    float: left;
    width: 85px;
    display: block;
    height: 85px;
    margin-top: 33px;
}

.hxrg {
    margin-top: 33px;
    float: left;
    width: 100%;
    position: absolute;
    padding-left: 100px;
}

.hxrg span {
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
}

.hxrg small {
    line-height: 1.5;
    color: #888888;
    font-size: 14px;
    /* font-family: "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei", "sans-serif"; */
}
.hxlf.tech {
    background: url(../images/techico.png) no-repeat;
    background-size: 85px;
}
.hxlf.zhiliang {
    background: url(../images/zhiliangico.png) no-repeat;
    background-size: 85px;
}
.hxlf.sev {
    background: url(../images/sevico.png) no-repeat;
    background-size: 85px;
}
.plist {
    padding: 30px 0px;
}

.pt {
    height: 120px;
    text-align: center;
}

.pt h3 {
    font-size: 32px;
    font-weight: bold;
    line-height: 60px;
}

.pt span {
    color: #aaaaaa;
    font-size: 18px;
}


.pbox {
    width: 1280px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.pbox .pbox_nav {
    width: 100%;
    /* height: 80px; */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.pbox .pbox_nav li {
    float: left;
}

.pbox .pbox_nav li a {
    position: relative;
    display: block;
    width: auto;
    height: 26px;
    line-height: 2;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    word-wrap: break-word;
    overflow: hidden;
    outline: 0;
    cursor: pointer;
    padding: 0px 10px;
    height: 35px;
    line-height: 35px;
}

.pbox-s1,
.pbox-s1 a {
    z-index: 20
}

.pbox-s2,
.pbox-s2 a {
    z-index: 19
}

.pbox-s3,
.pbox-s3 a {
    z-index: 18
}

.pbox-s4,
.pbox-s4 a {
    z-index: 17
}

.pbox-s5,
.pbox-s5 a {
    z-index: 16
}

.pbox-s6,
.pbox-s6 a {
    z-index: 15
}

.pbox-s7,
.pbox-s7 a {
    z-index: 14
}

.pbox .pbox-clip {
    /* padding-left: 25px; */
}

.pbox .pbox_nav .on {
    position: relative;
    z-index: 99
}

.pbox .pbox_nav li a:hover,
.pbox .pbox_nav .on a {
    background: #54b8e1;
    z-index: 99;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.pbox .pbox_item ul {
    zoom: 1;
    overflow: hidden;
    width: 1280px;
}

.pbox .pbox_item li {
    float: left;
    margin-top: 20px;
    display: inline;
    width: 415px;
    margin-right: 15px;
}
.pbox .pbox_item li:nth-child(3n){
    margin-right: 0px;
}
.pbox .pbox_item li img {
    width: 100%;
    height: 318px;
    object-fit: cover;
    object-position: top;
}
.pimg {
    width: 415px;
    height: 318px;
    display: inline-block;
    overflow: hidden;
}
.pbox .pbox_item li img:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.purl {
    height: 45px;
    line-height: 45px;
    width: 415px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purl a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 415px;

}
.purl a:hover{
    background: #54b8e1;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    color: #fff;
    padding-left: 10px;
}
.purl a::after{
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(../images/tjt.png) no-repeat;
    background-size: 30px;
    right: 0px;
    top: 7px;
}

.fanbox {
    width: 100%;
    overflow: hidden;
    background: url(../images/fananbg.jpg) no-repeat;
    padding: 30px 0px;
}
.fangan {
    position: relative;
    width: 1280px;
    background: #fff;
    margin: 0 auto;
    margin-top: 30px;
    height: 550px;
    margin-bottom: 30px;
}
.fant {
    width: 1280px;
    margin: 0 auto;
}

.fant span {
    font-size: 48px;
    font-weight: bold;
}


.fangan .img {
    float: left;
    position: relative
}

.fangan .img li,
.fangan .img a,
.fangan .img img {
    display: block;
    width: 960px;
    height: 548px;
}

.fangan .img li {
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

.fangan .img .first {
    display: block
}

.fangan .tab {
    float: right
}

.fangan .tab li {
    width: 315px;
    background: #79cce6;
    margin-bottom: 10px;
    text-align: center;
}
.fangan .tab li:last-child {
    margin-bottom: 0px;
}
.fangan .tab .first {
    border-top: 0
}

.fangan .tab a {
    text-decoration: none;
    display: block;
    position: relative;
    width: 100%;
    height: 83px;
    border-left: 3px solid rgba(255, 255, 255, 0);
}

.fangan .tab a b {
    position: absolute;
    left: 0;
    top: 38px;
    width: 4px;
    height: 11px;
    overflow: hidden
}

.fangan .tab a span {
    /* position: absolute; */
    overflow: hidden
}

.fangan .tab a .title {
    line-height: 83px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 100%;
}



.fangan .tab .first a {
    height: 83px;
}

.fangan .tab .on a {
    border-left: 3px solid #41a1f2
}

.fangan .tab .on a b {
    background: url(../images/dot.png) no-repeat
}

.fangan .tab .on a span {
    color: #fff;
    background: #888888;
    display: inline-block;
}


.about {
    width: 100%;
    overflow: hidden;
    background: #2196F3;
    padding: 30px 0px;
    color: #fff;
}
.ablf {
    float: left;
    width: 500px;
}

.abt {
    width: 100%;
    overflow: hidden;
}

.abt span {
    font-size: 72px;
    float: left;
}

.abtr {
    float: left;
    margin-top: 15px;
}

.abtr b {
    display: inline-block;
    font-size: 34px;
    width: 100%;
}
.abtr b:first-child {
    display: inline-block;
    font-size: 13px;
    width: 105px;
    background: #FF9800;
    color: #fff;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    height: 22px;
}
.abtxt {
    width: 100%;
    overflow: hidden;
}

.abtxt p {
    font-size: 14px;
    line-height: 26px;
    text-indent: 24px;
}
.w1280.abw {
    position: relative;
}
.abrg {
    position: absolute;
    left: 520px;
    width: 1050px;
    top: -30px;
}

.abrg img {
    height: 467px;
    object-fit: cover;
    object-position: top;
}

.abrg a {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #ff9800;
    padding: 8px 18px;
    border-radius: 3px;
}




.nright {
    width: 700px;
    float: left;
}

.nright .hd {
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #C8D1D5;
    position: relative;
    padding-right: 10px;
}


.nright .hd ul {
    z-index: 5;
    position: absolute;
    height: 40px;
    overflow: hidden;
    zoom: 1;
}

.nright .hd li {
    float: left;
    cursor: pointer;
    width: 120px;
    text-align: center;
}

.nright .hd li.on {
    height: 40px;
    line-height: 40px;
    background: #00235d;
    border-top: 0;
    border-bottom: 1px solid #00235d;
    font-weight: bold;
    color: #fff;
    width: 120px;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.nright .bd {
    clear: both;
    position: relative;
}

.nright .bd h2 {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    font-weight: bold;
}
.nright .bd h2 a{
    font-weight: bold;
}
.nright .bd h2 a:hover{
    color: #3E78B3;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.nright .bd p {
    font-size: 14px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #666666;
}

.nright .bd p a {
    color: #c00;
}
.con ul li {
    height: 35px;
    line-height: 35px;
    position: relative;
}
.nright .bd ul a {
    color: #3E78B3;
    padding-right: 80px;
    position: absolute;
    left: 0px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.nright .bd ul a:hover{
   color: #000;
}
.con ul li span{
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 0px;
}
.cont {
    width: 100%;
    height: 180px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.conm {
    float: left;
    overflow: hidden;
}

.conm img {
    height: 180px;
    width: 271px;
    object-fit: cover;
    object-position: top;
}
.conm img:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.conm a {
    display: block;
}

.contxt {
    float: left;
    width: 400px;
    margin-left: 9px;
    height: 180px;
    overflow: hidden;
    position: relative;
}
.coninfo {
    position: absolute;
    bottom: 0px;
    height: 30px;
    line-height: 30px;
}
.coninfo a {
    margin-right: 20px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
}
.coninfo span {
    margin-right: 20px;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
}
.coninfo span:nth-child(1)::before{
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background: url(../images/time.png) no-repeat;
    background-size: 22px;
    background-position: center;
    left: 0px;
    top: 0px;

}
.coninfo span:nth-child(2)::before{
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background: url(../images/eye.png) no-repeat;
    background-size: 22px;
    background-position: center;
    left: 0px;
    top: 0px;
}
.news {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.newl {
    width: 560px;
    float: left;
    margin-right: 20px;
}

.new {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 30px 0px;
}

.newt {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 30px;
}

.newt span {
    font-size: 48px;
    font-weight: bold;
    color: #000;
}

.newt p {
    color: #9b9b9b;
    font-size: 14px;
}

.ttwz h3 {
    height: 40px;
    line-height: 40px;
    display: block;
}
.ttwz h3:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.ttwz h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 800;
    width: 100%;
    display: block;
}

.ttwz p {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #d1d1d1;
}
.ttwz p:hover{
    color: #fff;
}
.ttwz {
    width: 100%;
    height: 112px;
    background: #00235d;
    padding: 0px 10px;
    color: #fff;
}
.ttimg {
    width: 100%;
    height: 315px;
    overflow: hidden;
}

.ttimg img {
    width: 100%;
    height: 315px;
    object-fit: cover;
    object-position: top;
}

.ttimg a {
    position: relative;
    display: block;
}

.ttimg h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 800;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -40px;
    color: #fff;
    padding-left: 10px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
    height: 40px;
    line-height: 40px;
}
.ttimg img:hover~h3{
    bottom: 0px;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.ttimg h3:hover{
    bottom: 0px;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.ttimg img:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.flink {
    width: 100%;
    overflow: hidden;
    height: 120px;
}

.flkbox {
    width: 1280px;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0px;
    position: relative;
}

.flkbox span {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.flist {
    padding-left: 120px;
    position: absolute;
    top: 30px;
    left: 0px;
}

.flist a {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    font-size: 14px;
}
.flist a:hover{
    color: #3E78B3;
}