
.clear{clear: both;}
.imgfit{display: flex;justify-content: center;align-items: center;}
.imgfitl{display: flex;justify-content: left;align-items: center;}
.imgfitr{display: flex;justify-content: right;align-items: center;}
.fitobj{object-fit: cover;height: 100%!important;width: 100%!important}
.fitobj2{object-fit: contain;height: 100%!important;width: 100%!important}
.bhh{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.none{display: none}
.imglimit img{max-width: 100%;}
.fwn{font-weight: normal}
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 24px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f34{font-size: 34px;}
.f36{font-size: 36px;}
.f40{font-size: 40px;}
.fw{font-weight: bold;}
.cb{color: #bbb}
.cd{color: #ddd}
/********margin*********/
.m5{margin: 5px 0}
.m10{margin: 10px 0}
.m20{margin: 20px 0}
.m30{margin: 30px 0}
.m40{margin: 40px 0}
.m50{margin: 50px 0}
.m60{margin: 60px 0}
.m70{margin: 80px 0}
/*margin-top*/
.mt3{margin-top: 3px!important;}
.mt2{margin-top: 3px!important;}
.mt5{margin-top: 5px!important;}
.mt8{margin-top: 8px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt75{margin-top: 75px!important;}
.mt80{margin-top: 80px!important;}
.mt100{margin-top: 100px!important;}
.mt150{margin-top: 150px!important;}
/*margin-bottom*/
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}

/********padding*********/
.p5{padding: 5px 0}
.p10{padding: 10px 0}
.p20{padding: 20px 0}
.p30{padding: 30px 0}
.p40{padding: 40px 0}
.p50{padding: 50px 0}
.p60{padding: 60px 0}
/*padding-top*/
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}
.pt40{padding-top: 40px!important;}
.pt50{padding-top: 50px!important;}
.pt60{padding-top: 60px!important;}
.pt70{padding-top: 70px!important;}
/*padding-bottom*/
.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}
.pb50{padding-bottom: 50px!important;}
.pb60{padding-bottom: 60px!important;}
.pb70{padding-bottom: 70px!important;}


/*text-align*/
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}

/*.layui-layer-molv .layui-layer-btn a*/
.margin{margin: 0 auto}
.h100{height: 100%}

/*overflow*/
.of{overflow: hidden;}


.w80{width: 80%;margin-left: 10%}
.w60{width: 60%;margin-left: 20%;}
.w95{width: 95%;margin: 0 auto}
.w90{width: 90%;margin: 0 auto}
.w98{width: 98%;margin: 0 auto}
.cf{color: #fff}
.c3{color: #333}
/*line-height*/
.l16{line-height: 1.6}
.l18{line-height: 1.8}
.l20{line-height: 2.0}
.l23{line-height: 2.3}
.l25{line-height: 2.5}

.line2{overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.line3{overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.line4{overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.w100{width: 100%;}
.hauto{height: auto;}
/*text-indent*/
.ti2{text-indent: 2em}
.ti1{text-indent: 1em}
.ti05{text-indent: 0.5em}
.c9{color: #999}
.c6{color: #666}
.c8{color: #888}
.c3{color: #333}
/**/
.fwl{font-weight: lighter}
.bd{background: #ddd}
.bf5{background: #f5f5f5}



body::-webkit-scrollbar {/*滚动条整体样式*/
    width:5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 3px;
    background-color: #bbb;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    /*border-radius: 10px;*/
    background: #fff;
}



.tr03{
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
.tr04{
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
}

.tr05{
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.tr055{
    transition: 0.55s;
    -moz-transition: 0.55s;
    -webkit-transition: 0.55s;
    -o-transition: 0.55s;
}

.tr06{
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
}

.tr07{
    transition: 0.7s;
    -moz-transition: 0.7s;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
}



/*主要页面*/
.mainbox{width: 100%;min-width: 1200px}
/*.container{width: 1200px;margin: 0 auto!important;}*/

.m-c{color: #c51015}
/*.m-c1{color: #00a698}*/
a{color: #333}
/**/
.font{;font-family: "Microsoft Yahei"!important;color: #727272!important;;}
.limitimg img{max-width:100%;}
.mianright{width: 900px;float: right}




.footpage{width: 100%;text-align: center;line-height: 50px;font-size: 13px;color: #666;margin-top: 30px}
.footpage a,.footpage span{display: inline-block;height: 25px;text-align: center;line-height: 25px;border:1px solid #ddd;
    border-radius: 0px;margin-left: 5px;color: #797979;padding: 2px 8px;background: #f5f5f5}
.footpage span{padding: 2px 12px;background: #f5f5f5;color: #c0121b ;border: 1px solid #c0121b }
.footpage select{display: inline-block;padding: 6px 8px;position: relative;top: -1px;border-radius: 0px;border:1px solid #ddd;background: #f5f5f5;color: #666}
.footpage a:hover{background: #fff;color: #c0121b ;}
/*
/*/
.prev dt{width: 100%;height: 45px;line-height: 45px;text-indent: 35px;border-bottom: 1px dashed #ddd;font-size: 14px;
    color: #999}
.prev dt:nth-child(1){background: url("../Image/img/prev.png") left 5px center no-repeat;background-size: 18px 18px}
.prev dt:nth-child(2){background: url("../Image/img/next.png") left 5px center no-repeat;background-size: 18px 18px}
.prev dt a{font-size: 14px;color: #666}
.prev dt a:hover{color:#c0121b }
 /**/

/*主要宽度*/
/*.container{width: 96%;margin: 0 auto;}*/


input::-webkit-input-placeholder{
    font-size: 14px;color: #666!important;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    font-size: 14px;color: #666!important;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;color: #666!important;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    font-size: 14px;color: #666!important;
}
textarea::-webkit-input-placeholder{
    font-size: 14px;color: #666!important;
}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    font-size: 14px;color: #666!important;
}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;color: #666!important;
}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    font-size: 14px;color: #666!important;
}
input,textarea{font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
font-size: 14px;}

/*分页*/
.de-page-mian {

    overflow: hidden;

    text-align: center;

    font-size: 0;

    /*margin: 10px 0 35px;*/
    padding-top: 3%;
}

.de-page-mian .page-inner {

    display: inline-block;

    overflow: hidden;

}

.de-page-mian .page-inner a {

    display: block;

    float: left;

    min-width: 26px;

    padding: 0 5px;

    height: 36px;

    border: 1px solid #dddddd;

    background: #fff;

    text-align: center;

    line-height: 36px;

    font-size: 14px;

    color: #333;

    margin-right: -1px;

    overflow: hidden;

}

.de-page-mian .page-inner a.active,

.de-page-mian .page-inner a:hover {

    color: #fff;

    border-color: #02aaaa;

    background: #02aaaa;

}

.de-page-mian .page-inner a.prev {

    margin-right: 10px;

    background: #fff url(../images/prev/prev.jpg) no-repeat center;

}

.de-page-mian .page-inner a.prev.on {

    background: #fff url(../images/prev/prev-hover.jpg) no-repeat center;

}

.de-page-mian .page-inner a.prev:hover {

    background-color: #fff;

    border-color: #dddddd;

}

.de-page-mian .page-inner a.next {

    margin-left: 10px;

    margin-right: 15px;

    background: #fff url(../images/prev/next.jpg) no-repeat center;

}

.de-page-mian .page-inner a.next.on {

    background: #fff url(../images/prev/next-hover.jpg) no-repeat center;

}

.de-page-mian .page-inner a.next:hover {

    background-color: #fff;

    border-color: #dddddd;

}

.de-page-mian .page-inner a.page-btn {

    font-size: 12px;

    margin-right: 0;

    width: 63px;

    margin-left: 10px;

}

.de-page-mian .page-inner span {

    display: block;

    font-size: 12px;

    color: #333;

    float: left;

    line-height: 38px;

}

.de-page-mian .page-inner input {

    display: block;

    float: left;

    height: 36px;

    width: 36px;

    border: 1px solid #dddddd;

    text-align: center;

    line-height: 36px;

    font-size: 14px;

    color: #333;

    margin: 0 5px;

}
/*.m-c{color: #008f51}*/

/*上一页，下一页*/
.prev-next{padding: 30px 0}
.prev-next .page-a{padding: 10px 0;font-size: 14px;border-bottom: 1px dashed #eee;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}

/*无数据*/
.mianbox{width: 100%;min-width: 1200px;}
.container{width: 1200px;margin: 0 auto;}
/*.swiper-paginationba .swiper-pagination-bullet{width: 60px;background: rgba(0,0,0,0.4);height: 4px;border-radius: 6px;}*/
/*.swiper-paginationba .swiper-pagination-bullet-active{background: #098784}*/


#fu{transition: 0.5s;
    width:150px;position: fixed;top:230px;right: 5px;z-index: 100;background:#c51015;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}
.fudong{transform: translateX(150px);}
#fu .ewm{width: 119px;height: 149px;margin: 0 auto;background: #fff}
#fu .zi{width: 116px;margin: 0 auto;text-align: center;}
#fu .zx{width: 120px;height: 40px;margin: 0 auto}
#fu .zx a{display: block;width: 120px;height: 38px;background: #fff url("../images/side/zx.jpg") left 13px center no-repeat;border-radius: 3px;
    background-size: 23px;
    color: #3f3f3f;line-height: 37px;text-indent: 45px;font-size: 15px;}
#fu .zx1 a{display: block;width: 120px;height: 35px;background: #fff url("../images/side/qq.png") left 15px center no-repeat;border-radius: 3px;
    color: #3f3f3f;line-height: 34px;text-indent: 47px;background-size: 24px;font-size: 15px;}
#fu .side{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background: url("../images/side/ful1.png") center no-repeat;cursor: pointer}
#fu .side2{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background:  url("../images/side/ful2.png") center no-repeat;cursor: pointer;display: none}

#gotop{position: fixed;z-index: 15;width: 50px;height: 50px;transition: 0.5s;background: #ccc url("../images/side/top.png") center no-repeat;
    right: 50px;bottom: 100px;cursor: pointer;display: none;background-size: 27px;
}
#gotop:hover{background: #c51015 url("../images/side/top.png") center no-repeat;background-size: 27px;}
.no-date{font-size:40px;
    color: #008f51;
    font-weight: lighter;
    text-align: center;
    line-height: 120px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);text-align: center}

.newsPage{margin-top: 00px}
.newsPage .page-a{padding: 10px 0 10px 26px;font-size: 14px;border-bottom: 1px dashed #eee;color: #666}
.newsPage .page-a a{color: #666}
.newsPage .page-a:nth-child(1){background: url("../images/prev/page_prev.png") left center no-repeat;background-size: 17px}
.newsPage .page-a:nth-child(2){background: url("../images/prev/page_next.png") left center no-repeat;background-size: 17px}
.newsPage .page-a:hover{text-decoration: underline;color:#02aaaa}
.newsPage .page-a:hover a{color:#02aaaa}

/*首页四个*/
.iab{padding: 40px 0;background: url("../images/abbg.jpg") center no-repeat;background-size: cover;}
.all-four{background: #ececec}
.all-four li{width:300px;box-sizing: border-box;float: left;}
.all-four li .son{padding: 60px 50px 30px 50px;}
.all-four li:nth-child(n+2){border-left: 1px solid #ddd;}
.all-four li .p1 font{font-family: font;font-size: 47px;color: #313131}
.all-four li .p1 .jia1{display: inline-block;width: 28px;height: 28px;border-radius: 50%;background: #fe9500;
    color: #fff;font-size: 15px;text-align: center;line-height: 28px;position: relative;top: -18px;left: 5px;}
.all-four li .p2{margin-top: 10px;color:#6d6d6d}
.all-four li .p3{color: #4d4d4d;line-height: 1.6;margin-top: 10px;}
.iab-l{width: 480px;float: left;}
.iab-l .p1{font-size: 48px;color: #141414;font-weight: bold;}
.iab-l .p2{color: #010101;background: url("../images/abll.png") bottom left no-repeat;padding-bottom: 28px;}
.iab-l li{font-size: 14px;color: #878787;line-height: 1.6}
/**/
.iab-r{width: 660px;float: right;}
.count-title{font-size: 43px;font-weight: bold;color: #02aaaa;}
.fivenum { display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;}
.fivenum li:last-child{background: none;padding-right: 0}
.fivenum .jia{font-weight: bold;font-size: 43px;color: #02aaaa;}
.fivenum .p2{font-size: 18px;color: #02aaaa;font-weight: lighter;}
.fivenum .t{width: 25px;height:25px;text-indent: 2px;line-height: 23px;color: #fff;font-size: 14px;display: inline-block;border-radius:50%;
    background: #feb900;position: relative;top: -35px;}

.iholi li{width: 23.3%;float: left;}
.iholi li:nth-child(n+2){margin-left: 2.26%;}
.iholi li .i{display: flex;align-items: center;justify-content: center;height: 230px;}
.iholi li .i img{width: 100%;object-fit: contain;}
/**/
.big-title .bt1{color: #000000;font-size: 48px;}
.big-title .bt2{margin-top: 6px;color: #000000;}







    /*优势*/
.ysi .i{width: 100%;height: 550px;border: 8px solid #c9c9c9;position: relative;box-sizing: border-box;}
.ysi .i img{opacity: 0;position: absolute;left: 0;top: 0}
.ysi .i img[data=xz]{opacity: 1}
/**/
.izl{height: 300px;width:100%;overflow: hidden;top: -120px;background: #ddd;position: relative;box-shadow: 1px 3px 7px rgba(0,0,0,0.3);}
.izl li{height: 100%;
    transition: 0.56s;
    -webkit-transition: 0.56s;
    -o-transition: 0.56s;
    opacity: 1;box-sizing: border-box;background: #fff;}
.izl li .son{padding: 0 25px;height: 300px;position: relative;box-sizing: border-box}
.izl li .son .p1{line-height: 60px;font-size: 30px;color: #565656;font-weight: bold;width: 227.5px;padding-top: 40px;}
.izl li:nth-child(1) .son .p1{background: url("../images/ysi1.png") right top 44px no-repeat;}
.izl li:nth-child(2) .son .p1{background: url("../images/ysi2.png") right top 49px no-repeat;}
.izl li:nth-child(3) .son .p1{background: url("../images/ysi3.png") right top 49px no-repeat;}
.izl li .son .p2{width: 227.5px;margin-top: 25px;font-size: 27px;font-weight: bold;color: #222;}
.izl li .son .p3{width: 227.5px;margin-top: 10px;font-size: 14px;color: #565656;}

/**/
.izl{width: 1110px;margin: 0 auto;}
.izl li .son .sb{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;height: 100%;}


.izl li .son .kl{width: 16px;height: 170px;background: #febb39;position: absolute;left: 25px;top: 0;
opacity: 0;transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
}
.izl li .son .p1b{padding-left: 65px;line-height: 60px;font-size: 30px;color: #febb39;font-weight: bold;padding-top: 40px;
    opacity: 0;
    -ms-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    -o-transform: translateX(60px);
    transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
}
.izl li:nth-child(1) .son .p1b{background: url("../images/ysi1-1.png") right 25px top 44px no-repeat;}
.izl li:nth-child(2) .son .p1b{background: url("../images/ysi2-2.png") right 25px top 49px no-repeat;}
.izl li:nth-child(3) .son .p1b{background: url("../images/ysi3-3.png") right 25px top 49px no-repeat;}
.izl li .son .p2b{font-size: 18px;padding-left: 65px;padding-right: 25px;color: #fff;opacity: 0;
    -ms-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -webkit-transform: translateX(80px);
    -o-transform: translateX(80px);
    transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
}
.izl li .son .p3b{font-size: 14px;padding-left: 65px;padding-right: 25px;color: #fff;line-height: 1.7;margin-top: 35px;opacity: 0;
    -ms-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -o-transform: translateX(100px);
    transition-delay: 0.18s;
    -moz-transition-delay: 0.18s;
    -webkit-transition-delay: 0.18s;
    -o-transition-delay: 0.18s;
}
/**/
.izl li:nth-child(1){;position: absolute;width: 50%;height: 100%;left: 0;top: 0;z-index: 1;}
.izl li:nth-child(2){;position: absolute;width: 50%;height: 100%;left: 50%;top: 0;z-index: 2;border-left: 1px solid #eee}
.izl li:nth-child(3){;position: absolute;width: 50%;height: 100%;left: 75%;top: 0;z-index: 3;border-left: 1px solid #eee}

/*展开的*/
.izl li[data=show]{background: #02aaaa}
.izl li[data=show] .p1{opacity: 0;}
.izl li[data=show] .p2{opacity: 0;}
.izl li[data=show] .p3{opacity: 0;}
/*.izl li[data=show] .son .sb{opacity: 1;}*/
.izl li[data=show] .son .sb .kl{opacity: 1;transform: translateY(0)}
.izl li[data=show] .son .sb .p1b{opacity: 1;transform: translateX(0)}
.izl li[data=show] .son .sb .p2b{opacity: 1;transform: translateX(0)}
.izl li[data=show] .son .sb .p3b{opacity: 1;transform: translateX(0)}

.izl li.xz{transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.izl li:nth-child(1).xz{transform: translateX(0);
    -ms-transform:translateX(0);
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -o-transform:translateX(0)}

