/* 首页 */
.banner img{width:100%}
.pcban .swiper-button-next,
.pcban .swiper-button-prev{width:62px;height:62px;top:46.5%;margin-top:0;background-color:rgba(0,0,0,0.4);border-radius:62px;color:#fff;font-size:26px;line-height:62px}
.pcban .swiper-button-next{right:6.771vw}
.pcban .swiper-button-prev{left:6.771vw}
.wapban{display:none}
.wapban.swiper-container-horizontal>.swiper-pagination-progressbar{top:auto;bottom:0;height:8px;background-color:#ccc}
.wapban .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#e6270e}
.indexpro{padding:92px 0 88px;background-color:#f5f5f5}
.indextop .cntitle{font-size:36px;text-align:center}
.indextop .cntitle span{font-size:36px;font-weight:bold}
.indextop .entitle{color:#999;font-size:18px;text-align:center;font-weight:bold;letter-spacing:8px;margin-top:5px;}
.indextop .linebox{margin-top:25px;text-align:center;height:1px}
.indextop .linebox .redline{width:5px;height:1px;background-color:#e6270e;display:inline-block;vertical-align:top}
.indextop .linebox .hsline{width:20px;height:1px;background-color:#999;margin-left:3px;display:inline-block;vertical-align:top}
.indexprobox{margin-top:42px}
.indexproitem{width:32.5%;margin-right:1.25%;display:block;margin-bottom:20px;background-color:#fff}
.indexproitem.first, .indexproitem.last{margin-right:0}
.indexprobig{width:66.25%;margin-right:1.25%;background-color:#e7f1f6;padding:2.865vw 3.3335vw 2.188vw 4.063vw;position:relative;margin-bottom:20px}
.indexprobig .box{display:block}
.indexprobig .box .img{width:76.36%}
.indexprobig .box .textbox{width:23.64%;padding-top:18px}
.indexprobig .box .textbox .type{color:#000;height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexprobig .box .textbox .title{font-size:24px;font-weight:bold;color:#000;height:32px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexprobig .box .textbox .line{width:12px;height:2px;background-color:#e6270e;margin-top:16px;}
.indexprobig .box .textbox .more{width:142px;height:40px;background-color:#e6270e;border-radius:20px;margin-top:39px;text-align:center;line-height:40px;color:#fff;font-size:12px;box-shadow: 0px 24px 29px 0px rgba(176, 20, 0, 0.17)}
.indexprobig .box .textbox .num{font-size:48px;font-weight:bold;margin-top:38px;color:rgba(0,0,0,0.2);font-family:"cenbold"}
.indexprobig .swiper-button-next,
.indexprobig .swiper-button-prev{left:auto;top:auto;bottom:74px;background-image:none;margin-top:0;width:46px;height:46px;border:1px solid #cececf;font-size:20px;font-weight:bold;font-family:宋体, SimSun;text-align:center;border-radius:46px;line-height:46px}
.indexprobig .swiper-button-prev{right:126px}
.indexprobig .swiper-button-next{right:64px}
.indexprobig .swiper-button-prev:hover,
.indexprobig .swiper-button-next:hover{background-color:#e6270e;color:#fff;border:1px solid #e6270e;box-shadow:6px 10.392px 40px 0px rgba(230, 39, 14, 0.47)}
.indexproitem .bot{border-top:1px solid #e8e8e8;padding:1.615vw 36px}
.indexproitem .bot .more{width:26px;height:26px;border-radius:26px;background-color:#ddd;text-align:center;line-height:24px;font-weight:bold;text-align:center;font-size:18px;color:#999}
.indexproitem .bot .name{color:#666;line-height:26px;max-width:calc(100% - 41px);font-size:18px;height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexproitem:hover .bot .more{background-color:rgb(230, 39, 14);color:#fff;box-shadow:6px 10.392px 40px 0px rgba(230, 39, 14, 0.47)}
.indexpromore{width:230px;height:60px;display:block;background-color:#e6270d;margin:63px auto 0;box-shadow:0px 24px 29px 0px rgba(176, 20, 0, 0.17);border-radius:60px;text-align:center;line-height:60px;color:#fff}
.indexpromore span{font-family:宋体, SimSun;color:#fff;font-weight:bold}
.indexpan{padding:92px 0 76px;border-bottom:1px solid #eee;margin-bottom:3px;background-color:#fff}
.indexpan .indexpanslide{margin-top:42px;position:relative}
.indexpan .indexpanslide img{width:100%}
.indexpan .indexpanslide .box{display:block;height:100%}
.indexpan .indexpanslide .box .title{text-align:center;padding:0 10px;color:#666}
.indexpan .indexpanslide .box:hover .title{color:#e60219}
.indexpan .indexpanslide .swiper-slide:after{content:"";width:1px;height:100%;position:absolute;top:0;right:-1px;background-color:#eee;z-index:19}
.indexpan .indexpanslide .swiper-slide:nth-of-type(5n):after{display:none}
.indexpan .indexpanslide .swiper-button-next,
.indexpan .indexpanslide .swiper-button-prev{width:62px;height:62px;outline:none;margin-top:-31px;background-color:#e5e5e5;border-radius:62px;text-align:center;line-height:62px;font-size:24px;font-family:宋体, SimSun;font-weight:bold;background-image:none;opacity:1}
.indexpan .indexpanslide .swiper-button-next{right:8%}
.indexpan .indexpanslide .swiper-button-prev{left:8%}
.indexpan .indexpanslide .swiper-button-next:hover,
.indexpan .indexpanslide .swiper-button-prev:hover{background-color: rgb(230, 39, 14);color:#fff;box-shadow: 0px 24px 29px 0px rgba(230, 39, 14, 0.3);}
.indexnew{padding:90px 0 103px;background-image:url(../img/inewsbg.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.indexnew .indextop .cntitle,
.indexnew .indextop .cntitle span{color:#fff}
.indexnewsslide{margin-top:46px;position:relative}
.indexnewsslide .box{display:block;height:100%;background-color:#fff}
.indexnewsslide .box .img{overflow:hidden}
.indexnewsslide .box .textbox{padding:36px 40px}
.indexnewsslide .box .textbox .title{font-size:18px;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexnewsslide .box .textbox .text{color:#999;line-height:2.143;height:26px;margin-top:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexnewsslide .box .textbox .bot{margin-top:35px}
.indexnewsslide .box .textbox .more{font-family:"cenbold"}
.indexnewsslide .box .textbox .date{color:#ccc;margin-left:8px;line-height:16px}
.indexnewsslide .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.indexnewsslide .box:hover .textbox .more,
.indexnewsslide .box:hover .textbox .title{color:#e6270d}
.indexnewsslide .swiper-button-next,
.indexnewsslide .swiper-button-prev{width:62px;height:62px;outline:none;margin-top:-31px;background-color:rgba(0,0,0,0.4);border-radius:62px;text-align:center;color:#fff;line-height:62px;font-size:24px;font-family:宋体, SimSun;font-weight:bold;background-image:none;opacity:1}
.indexnewsslide .swiper-button-next{right:6.5%}
.indexnewsslide .swiper-button-prev{left:6.5%}
.indexnewsslide .swiper-button-next:hover,
.indexnewsslide .swiper-button-prev:hover{background-color:rgb(230, 39, 13,1);color:#fff;box-shadow: 0px 24px 29px 0px rgba(230, 39, 14, 0.3)}
.indexabout{padding:115px 0 125px}
.indexaboutlist{width:50%}
.indexaboutlist .img{height:493px;overflow:hidden}
.indexaboutlist .textbox{height:493px;background-color:#fff;padding:55px 65px 0 65px;position:relative}
.indexaboutlist .textbox .text{color:rgb(153, 153, 153);line-height:2.429;margin-top:18px;height:136px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.indexaboutlist .img img{width:100%;height:100%}
.indexaboutlist .more{width:72px;height:72px;display:block;margin:38px auto 0;border-radius:50%;text-align:center;line-height:66px;font-size:38px;color:#fff;background-color:rgb(230, 39, 14);box-shadow:0px 24px 29px 0px rgba(230, 39, 14, 0.2);}
.indexaboutlist .textbox:after{content:"";position:absolute;left:50%;background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.indexaboutlist.iabout .textbox:after{width:40px;height:20px;background-image:url(../img/ibt.png);bottom:-20px;margin-left:-20px}
.indexaboutlist.iservice .textbox:after{width:25px;height:12px;background-image:url(../img/ibd.png);top:-12px;margin-left:-6px}
.indexaboutlist .textbox .indextop .linebox .redline{background-color:#eb6100}
.indexaboutlist .textbox .icon{width:54px;margin:0 auto 16px}
.indexpanslide .swiper-pagination, .indexaboutlist .wapimg{display:none}
.wapindexpro{display:none}

@media (max-width:1560px){
    .indexprobig .swiper-button-next, .indexprobig .swiper-button-prev{bottom:30px}
    .indexaboutlist .img, .indexaboutlist .textbox{height:413px}
    .indextop .cntitle, .indextop .cntitle span{font-size:32px}
    .indexaboutlist .textbox{padding:40px 50px 0 50px}
    .indexaboutlist .more{width:62px;height:62px;line-height:62px;margin:28px auto 0}
}

@media (max-width:1440px){
    .indexpro{padding:62px 0 58px}
    .indexpromore{margin:40px auto 0}
    .indextop .cntitle, .indextop .cntitle span{font-size:28px}
    .indextop .linebox{margin-top:16px}
    .indextop .entitle{font-size:17px;letter-spacing:6px}
    .indexprobig .box .textbox{padding-top:0}
    .indexprobig .box .textbox .more, .indexprobig .box .textbox .num{margin-top:25px}
    .indexprobig .box .textbox .title{font-size:20px;height:26px}
    .indexprobig .box .textbox .num{font-size:38px}
    .indexpan{padding:62px 0 46px}
    .indexnew{padding:60px 0 73px}
    .indexaboutlist .img,
    .indexaboutlist .textbox{height:363px}
    .indexaboutlist .textbox .text{line-height:2;height:84px;-webkit-line-clamp:3}
    .indexabout{padding:85px 0 95px}
    .indexpan .indexpanslide .swiper-button-next, .indexpan .indexpanslide .swiper-button-prev{width:52px;height:52px;line-height:52px;margin-top:-26px}
    .indexpan .indexpanslide .swiper-button-next, .indexnewsslide .swiper-button-next{right:4%}
    .indexpan .indexpanslide .swiper-button-prev, .indexnewsslide .swiper-button-prev{left:4%}
    .indexnewsslide .swiper-button-next, .indexnewsslide .swiper-button-prev{width:52px;height:52px;margin-top:-26px;line-height:52px}
}


@media (max-width:993px){
    .pcban{display:none}
    .wapban{display:block}
    .indexpan{padding:30px 0 60px;position:relative}
    .indextop .cntitle, .indextop .cntitle span{font-size:20px}
    .indextop .entitle{font-size:14px;letter-spacing:5px}
    .indextop .linebox{margin-top:8px}
    .indexpan .indexpanslide{margin-top:30px}
    .indexpanslide .swiper-pagination{display:block;width:100%;text-align:center;bottom:-38px}
    .indexpanslide .swiper-pagination .swiper-pagination-bullet{width:37px;height:6px;background-color:#999;margin:0 7px;border-radius:0;opacity:1}
    .indexpanslide .swiper-pagination .swiper-pagination-bullet-active{background-color:#e6270e}
    .indexpanslide .swiper-button-next, .indexpanslide .swiper-button-prev{display:none}
    .indexpan .swiper-container:after{content:"";width:100%;height:1px;background-color:#eee;position:absolute;top:50%}
    .indexnew{padding:30px 0 55px;background-image:url(../img/inewsbgwap.jpg)}
    .indexnewsslide{margin-top:30px}
    .indexnewsslide .wrap{padding:0 54px}
    .indexnewsslide .swiper-button-next, .indexnewsslide .swiper-button-prev{width:40px;height:40px;line-height:40px;background-color:transparent}
    .indexnewsslide .swiper-button-next{right:7px}
    .indexnewsslide .swiper-button-prev{left:7px}
    .indexpromore{width:148px;height:42px;line-height:42px}
    .indexaboutlist{width:100%}
    .indexaboutlist .img, .indexaboutlist .textbox{height:auto}
    .indexaboutlist .textbox{padding:35px 35px 50px 35px}
    .indexaboutlist .textbox .text{line-height:1.8;height:74px}
    .indexaboutlist .more{width:46px;height:46px;line-height:40px;font-size:28px}
    .indexaboutlist.iservice .img{display:none}
    .indexaboutlist .wapimg{display:block}
    .indexaboutlist .wapimg img{width:100%}
    .indexabout{padding:35px 0}
    .indextop .linebox .hsline{width:16px;margin-left:2px}
    .indexnewsslide .box .textbox{padding:25px 20px}
    .indexnewsslide .box .textbox .text{line-height:1.8;height:54px;margin-top:4px}
    .indexnewsslide .box .textbox .bot{margin-top:22px}
    .indexaboutlist .textbox .icon{width:38px}
    .indexaboutlist.iservice .textbox:after{top:auto;bottom:-12px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg)}
    .wapindexpro{display:block;margin-top:35px;position:relative}
    .pcindexpro{display:none}
    .wapindexpro{padding-bottom:36px}
    .wapindexpro .indexproitem{width:100%;display:block;margin-right:0;margin-bottom:0}
    .wapindexpro .indexproitem img{width:100%}
    .indexproitem .bot{padding:5vw 25px}
    .indexpro .indexpromore{margin:30px auto 0}
    .wapindexpro .swiper-pagination{width:100%;text-align:center;bottom:0}
    .wapindexpro .swiper-pagination-bullet{width:37px;height:6px;margin:0 7px;background-color:#999;opacity:1;border-radius:0}
    .wapindexpro .swiper-pagination-bullet-active{background-color:#e6270e}
    .indexproitem .bot .name{font-size:16px}
    .navchilditem .img{text-align:left}
    .indexpro{padding:35px 0}
}

/* 案例展示 */
.caseitems{margin:0 auto 6vw}
.caseitem{display:block;border-bottom:1px solid #ddd;padding-bottom:55px;margin-bottom:5.4vw}
.caseitem:nth-last-of-type(1){margin-bottom:0}
.caseitem .img{overflow:hidden}
.caseitem .img img{width:100%}
.caseitem .textbox{width:calc(100% - 481px);padding:10px 1.4vw 0 3.6vw}
.caseitem .textbox .title{font-size:18px;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.caseitem .textbox .text{color:rgb(102, 102, 102);line-height:2.571;height:105px;margin-top:1.5vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.caseitem .textbox .more{width:181px;height:49px;background-color:#e6270e;line-height:49px;text-align:center;border-radius:49px;margin-top:2.6vw;color:#fff}
.caseitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.caseitem:hover .title{color:#e6270e}
.caseitem:hover .more{box-shadow:0px 4px 22px rgba(0,0,0,0.06)}
.casedetail{width:calc(100% - 461px - 4.376vw);margin-right:4.376vw}
.casedetail .title{font-size:30px;font-weight:bold}
.casedetail .date{width:100%;height:62px;background-color:#eee;line-height:62px;padding:0 28px;margin-top:25px;font-family:"siyuanre"}
.casedetail .date span{font-family:"cen"}
.casedetail .img{margin-top:36px}
.casedetail .casedetail-top{margin-top:40px}
.casedetail .casedetail-bot{margin-top:56px}
.casedetail-listname{width:100%;height:60px;background-color:#eee;padding-left:16px;color:#e6270e;font-size:24px;line-height:60px}
.casedetail-listcon{padding:20px 0 68px 18px}
.reccase{width:461px;background-color:#fff}
.reccase .reccasetitle{height:122px;background-color:#e6270e;line-height:122px;padding-left:2.555vw;color:#fff;font-size:30px;font-weight:bold}
.reccase .reccaseitem{display:block;padding:40px 2.555vw 35px;border-bottom:1px solid #f5f5f5}
.reccase .reccaseitem:nth-last-of-type(1){border-bottom:none}
.reccase .reccaseitem .title{font-size:18px;font-family:"siyuanbo";height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1 }
.reccase .reccaseitem .date{color:#999;font-family:"cen";margin-top:3px}
.reccase .reccaseitem:hover .title{color:#e6270e}

@media (max-width:1366px){
    .caseitem .textbox .more{width:136px;height:40px;line-height:40px}
    .reccase{width:311px}
    .casedetail{width:calc(100% - 311px - 4.376vw)}
    .reccase .reccasetitle, .casedetail .title{font-size:24px}
    .reccase .reccaseitem{padding:30px 2.555vw 25px}
}
@media (max-width:993px){
    .caseitems{margin:0 auto 25px}
    .caseitem{padding:0 0 15px 0;margin-bottom:15px}
    .caseitem .img, .caseitem .img img, .caseitem .textbox{width:100%}
    .caseitem .textbox{padding:15px 0 0;margin-top:7px}
    .caseitem .textbox .text{line-height:1.8;height:75px}
    .caseitem .textbox .more{width:100px;height:34px;line-height:34px;margin-top:15px}
    .casedetail{width:100%;margin-right:0}
    .reccase{width:100%;margin-top:25px}
    .casedetail .date{height:40px;line-height:40px;padding:0 15px;margin-top:15px}
    .reccase .reccasetitle, .casedetail .title{font-size:18px}
    .casedetail .img{margin-top:20px}
    .casedetail .casedetail-top{margin-top:25px}
    .casedetail .casedetail-bot{margin-top:35px}
    .casedetail-listname{height:40px;line-height:40px;font-size:18px;padding:0 15px;margin-top:15px}
    .casedetail-listcon{padding:15px}
    .reccase .reccasetitle{padding-left:15px;height:82px;line-height:82px}
    .reccase .reccaseitem{padding:20px 15px}
    .reccase .reccaseitem .title{font-size:16px}
}

/* 产品展示 */
.productnav{width:400px}
.productnavtop{width:100%;height:138px;font-family:"siyuanre";font-size:30px;color:#e60219;line-height:108px;padding-left:33px;position:relative;background-image:url(../img/pronavbg.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.productnavtop:after{content:"";width:100px;height:2px;background-color:#e60219;position:absolute;bottom:40px;left:33px}
.productnavitems{background-color:#f4f4f4}
.productnavitem-name{border-bottom:1px solid #dedede;padding:0 72px;position:relative;cursor:pointer}
.productnavitem-name a{line-height:86px;font-size:18px;transition:.4s;-webkit-transition:.4s}
.productnavitem-name:after{content:">";font-family:宋体, SimSun;color:#666;font-size:20px;line-height:86px;font-weight:bold;position:absolute;top:0;right:54px;transition:.4s;-webkit-transition:.4s}
.productnavitem-child{padding:10px 0;display:none}
.productnavitem-childlist{padding:0 104px 0 72px;position:relative}
.productnavitem-childlist a{font-size:16px;color:#666;line-height:24px;padding:8px 0 8px 32px;display:inline-block;transition:.4s;-webkit-transition:.4s}
.productnavitem-childlist:after{content:"";width:12px;height:2px;background-color:#999;position:absolute;top:50%;margin-top:-1px;left:72px;transition:.4s;-webkit-transition:.4s}
.productnavitem-childlist:before{content:">";font-family:宋体, SimSun;color:#ec0011;font-size:16px;line-height:24px;font-weight:bold;position:absolute;top:8px;right:72px;opacity:0;transition:.4s;-webkit-transition:.4s}
.productnavitem-name.cur a,
.productnavitem.active .productnavitem-name a{color:#ec0011}
.productnavitem-name.cur:after{color:#ec0011;transform:rotate(90deg);-webkit-transform:rotate(90deg);font-size:22px}
.productnavitem.active .productnavitem-name:after{color:#ec0011}
.productnavitem.active2 .productnavitem-name:after{color:#ec0011;transform:rotate(90deg);-webkit-transform:rotate(90deg);font-size:22px}
.productnavitem-childlist:hover:after,
.productnavitem-childlist.active:after{background-color:#ec0011}
.productnavitem.active2 .productnavitem-child{display:block}
.productnavitem-childlist.active:before,
.productnavitem-childlist:hover:before{opacity:1}
.productnavitem-childlist.active a,
.productnavitem-childlist:hover a{color:#ec0011}

.productnavitem-childlist:hover:after{background-color:#ec0011}
.productnavitem-childlist:hover:before{opacity:1}
.productnavitem-childlist:hover a{color:#ec0011}

.productitemsbox{width:calc(100% - 400px - 5vw);margin-left:5vw}
.productitem{width:47.5%;display:block;background-color:#f1f1f1;margin-right:5%;margin-bottom:43px}
.productitem:nth-of-type(2n){margin-right:0}
.productitem .img{overflow:hidden}
.productitem .img img{width:100%}
.productitem .textbox{padding:22px 28px}
.productitem .textbox .title{font-size:18px;height:22px;margin-bottom:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.productitem .textboxbot{padding-top:24px;border-top:1px solid #dedede}
.productitem .textboxbot .text{max-width:calc(100% - 44px);color:#999;height:20px;overflow:hidden;line-height: 20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.productitem .textboxbot .more{margin-top:2px}
.prodetailbox{border-top:10px solid #dadada;background-color:#fff}
.prodetailboxtop{padding:34px 78px 24px;border-bottom:1px solid #dedede}
.prodetailboxtop .title{font-size:30px;text-align:center}
.prodetailboxtop .gallery-thumbs{margin-top:13px}
.prodetailboxtop .gallery-top{margin-top:50px}
.prodetailboxtop .gallery-thumbs .swiper-slide,
.prodetailboxtop .gallery-top .swiper-slide{overflow:hidden}
.prodetailboxtop .gallery-top .swiper-slide:hover img,
.prodetailboxtop .gallery-thumbs .swiper-slide:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.prodetailboxtop .gallery-thumbs .swiper-slide-thumb-active{border:2px solid #ec0011;;transition:.4s;-webkit-transition:.4s}
.prodetailboxbot .propage{width:50%;padding:32px 18px 32px 78px}
.prodetailboxbot .propage.next{padding:32px 28px 32px 78px}
.prodetailboxbot .propage.prev{border-right:1px solid #dedede}
.prodetailboxbot .propage .name, .prodetailboxbot .propage .text{color:#666}
.prodetailboxbot .propage .text{width:calc(100% - 56px)}
.prodetailboxbot .propage .text:hover{color:#ec0011}
.casedetail-bot{margin-top:54px}

@media (max-width:1366px){
    .productnav{width:360px}
    .productnavitem-name{padding:20px 35px}
    .productnavitem-name a{line-height:30px}
    .productnavitem-name:after{line-height:1;top:50%;margin-top:-10px;right:25px}
    .productnavitem-childlist{padding:0 64px 0 32px}
    .productnavitem-childlist:after{left:42px}
    .productitemsbox{width:calc(100% - 360px - 5vw)}
    .productnavitem-name:after{}
    .prodetailboxbot .propage{width:50%;padding:32px 18px 32px 48px}
    .prodetailboxbot .propage.next{padding:32px 28px 32px 48px}
}

@media (max-width:993px){
    .productnav{width:100%}
    .productitemsbox{width:100%;margin-left:0;margin-top:45px}
}
@media (max-width:768px){
    .productnavitem-name{height:58px;padding:0 20px}
    .productnavitem-name a{font-size:16px;line-height:58px}
    .productnavitem-name:after{font-size:18px;line-height:58px;right:20px}
    .productnavitem-childlist{padding:0 0 0 20px}
    .productnavitem-childlist:after{left:30px}
    .productnavitem-child{padding:6px 0}
    .productnavitem-childlist a{font-size:14px;display:block;line-height:22px;padding:5px 0 5px 32px}
    .productitem{width:100%;margin-right:0;margin-bottom:15px}
    .productitem .textbox{padding:10px 15px}
    .productitem .textbox .title{font-size:16px;height:20px;margin-bottom:12px}
    .productitem .textboxbot{padding-top:12px}
    .productitems{padding-bottom:15px}
    .productnavtop{font-size:24px;padding-left:22px}
    .productnavtop:after{width:80px;left:22px}
    .productitemsbox{margin-top:25px}
    .prodetailboxbot{padding:10px 0}
    .prodetailboxbot .propage{width:100%;padding:10px 15px}
    .prodetailboxbot .propage.prev{border-right:none}
    .prodetailboxbot .propage.next{padding:10px 15px}
}

/* 服务支持 */
.servicebox{margin-bottom:69px}
.servicelist{width:25%;background-color:#ebebeb;display:block;padding:36px}
.servicelist:nth-of-type(2),
.servicelist:nth-of-type(4),
.servicelist:nth-of-type(5),
.servicelist:nth-of-type(7){background-color:#f4f4f4}
.servicelist .title{max-width:65%;font-size:18px;line-height:2;text-align:justifyLeft;color:rgb(51, 51, 51);height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.servicelist .text{color:rgb(102, 102, 102);margin-top:66px;line-height:2.143;height:150px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.servicelist .more{width:22px;height:12px;background-image:url(../img/sermore.png);background-repeat:no-repeat;background-position:left center;margin-top:42px}
.servicelist:hover .title{color:#e6270e}
.servicelist:hover .more{background-position:right center}
.serdetailbox{padding:0 0 80px}
.serdetailbox .title{font-size:30px;text-align:center;margin-bottom:38px}
.serdetailbox .text{border-top:1px solid #dddd;padding-top:60px}


@media (max-width:1440px){
    .servicelist .title{max-width:85%}
}
@media (max-width:1360px){
    .servicelist{padding:30px}
    .servicelist .text{margin-top:46px}
    .servicelist .more{margin-top:32px}
}
@media (max-width:993px){
    .servicelist{width:50%;padding:20px}
    .servicelist .title{max-width:100%}
    .servicelist:nth-of-type(3),
    .servicelist:nth-of-type(6){background-color:#f4f4f4}
    .servicelist:nth-of-type(5),
    .servicelist:nth-of-type(4){background-color:#ebebeb}
    .serdetailbox .title{margin-bottom:20px;font-size:22px}
    .serdetailbox .text{padding-top:30px}
    .serdetailbox{padding:0 0 30px}
}
@media (max-width:768px){
    .servicelist{width:100%;padding:20px 15px}
    .servicelist:nth-of-type(4),
    .servicelist:nth-of-type(6),
    .servicelist:nth-of-type(8){background-color:#f4f4f4}
    .servicelist:nth-of-type(3),
    .servicelist:nth-of-type(5),
    .servicelist:nth-of-type(7){background-color:#ebebeb}
    .servicelist .title{height:36px}
    .servicelist .text{height:76px;line-height:1.8;margin-top:10px;-webkit-line-clamp:3}
    .servicelist .more{margin-top:20px}
}

/* 公司简介 */
.abouttop{position:relative}
.abouttop .imgbox{width:55.56%;position:absolute}
.abouttop .imgbox .img, .aboutbot .img{overflow:hidden}
.abouttop .textbox{width:51.39%;padding:3.44vw 3.13vw 4.17vw 7.815vw;background-color:#181818}
.abouttop .textbox .cntitle{color:#fff;font-size:24px}
.abouttop .textbox .entitle{color:#999;font-size:16px;font-family:Arial;margin-top:.63vw}
.abouttop .textbox .text{margin-top:2.19vw;color:rgb(153, 153, 153);line-height:2.571}
.abouttop .textbox .icon{margin-top:3.06vw}
.aboutnumbox{padding:2.605vw 0 0 50px}
.aboutnumbox .aboutnumlist{position:relative;margin-right:1.25vw;margin-bottom:10px}
.aboutnumbox .aboutnumlist .num{color:#cb1523;font-size:36px;font-family:Arial;line-height:1}
.aboutnumbox .aboutnumlist .text{font-size:18px;margin-left:3px;transform:translateY(8px);-webkit-transform:translateY(8px)}
.aboutnumbox .aboutnumlist .unit{color:#cb1523;position:absolute;top:-7px}
.aboutnumbox .aboutnumlist:nth-of-type(1) .unit{right:388px}
.aboutnumbox .aboutnumlist:nth-of-type(2) .unit{right:92px}
.aboutnumbox .aboutnumlist:nth-of-type(3) .unit{right:56px}
.aboutbot{margin-top:60px}
.aboutbot .textbox{width:47%;padding:0 3.3vw 0 3.75vw}
.aboutbot .textbox p{color:rgb(102, 102, 102);line-height:2.571}
.aboutbot .img{width:51.39%}
.abouttop .imgbox .img:hover img,
.aboutbot .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.pagebox.devebox{padding:52px 0 152px;background-image:url(../img/devebg.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.devebox .deveslide{padding:160px 0 148px;position:relative}
.devebox .deveslide:after{content:"";width:1px;height:100%;background-color:#dedede;position:absolute;top:0;left:50%;margin-left:-0.5px}
.devebox .swiper-slide{height:auto}
.deveslide .item{width:50%;cursor:pointer}
.deveslide .item .img{width:100px;height:100px;margin-left:43px;background-color:#dedede;padding:8px;position:relative;border-radius:100px;transition:.4s;-webkit-transition:.4s}
.deveslide .item.lf .img{margin-right:43px;margin-left:0}
.deveslide .item .img:after{content:"";border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:30px solid #dedede;position:absolute;top:20px;z-index:-1}
.deveslide .item.lf .img:after{border-left:30px solid #dedede;border-right:none;right:-20px;transition:.4s;-webkit-transition:.4s}
.deveslide .item.rt .img:after{left:-20px;transition:.4s;-webkit-transition:.4s}
.deveslide .item .img img{width:100%;height:100%;border-radius:84px}
.deveslide .item{position:relative}
.deveslide .item::before{content:"";width:11px;height:11px;background-color:#fff;border:2px solid #dedede;border-radius:11px;position:absolute;top:44px;box-sizing:border-box;transition:.4s;-webkit-transition:.4s}
.deveslide .item.rt::before{left:-5.5px}
.deveslide .item.lf::before{right:-5.5px}
.deveslide .item.rt .textbox{margin-left:38px}
.deveslide .item.lf .textbox{margin-right:38px}
.deveslide .item .textbox{max-width:calc(100% - 181px)}
.deveslide .item .year{font-size:36px;font-weight:bold;transition:.4s;-webkit-transition:.4s}
.deveslide .item .text{font-size:18px;line-height:1.667;margin-top:18px}
.deveslide .swiper-button-next, 
.deveslide .swiper-button-prev{opacity:1;width:40px;height:40px;left:50%;outline:none;margin-left:-20px;right:auto;margin-top:0;background-color:#dedede;border-radius:40px;background-image:none;padding:16.5px 14px}
.deveslide .swiper-button-next{top:auto;bottom:0}
.deveslide .swiper-button-prev{top:0;bottom:auto}
.deveslide  .swiper-container{height:710px}
.deveslide .swiper-button-next:hover, 
.deveslide .swiper-button-prev:hover{background-color:#e6270e}
.deveslide .swiper-slide:hover .item .img{background-color:#e6270e}
.deveslide .swiper-slide:hover .item::before{border:2px solid #e6270e}
.deveslide .swiper-slide:hover .item.rt .img:after{border-right:30px solid #e6270e}
.deveslide .swiper-slide:hover .item.lf .img:after{border-left:30px solid #e6270e}
.deveslide .swiper-slide:hover .item .year{color:#e6270e}
.panteritems{padding-bottom:37px}
.panteritem{width:18.72%;margin-right:1.6%;display:block;background-color:#fff;padding:10px;margin-bottom:47px;box-shadow:0px 0px 20px rgba(219,219,219,0.1)}
.panteritem:nth-of-type(5n){margin-right:0}
.panteritem .img{overflow:hidden}
.panteritem .img img{width:100%}
.panteritem .title{margin:22px 0 28px;padding:0 10px;text-align:center;font-size:18px}
.panteritem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.panteritem:hover .title, .honoritem:hover .box .text{color:#e6270e}
.pagebox.panter{padding:77px 0 95px}
.honoritems{padding-bottom:40px}
.honoritem{width:23.229025%;margin-right:2.3616%;margin-bottom:48px;cursor:pointer}
.honoritem:nth-of-type(4n){margin-right:0}
.honoritem .box{background-color:#fff;height:100%}
.honoritem .box .imgbox{padding:28px 0}
.honoritem .box .img{overflow:hidden}
.honoritem .box img{max-width:84%;margin:0 auto;display:block}
.honoritem .box .text{border-top:1px solid #ddd;font-size:16px;text-align:center;padding:30px 15px 42px 15px}
.honoritem:hover .box img{transform:scale(1.05);-webkit-transform:scale(1.05)}


@media (max-width:1366px){
    .aboutnumbox{padding:3.605vw 0 0 1.5vw}
    .aboutbot .textbox{padding:0 3vw 0 1.5vw}
    .abouttop .textbox{padding:2.6vw 2.53vw 2.33vw 8.17vw}
}

@media (max-width:1100px){
    .abouttop .imgbox{width:100%;position:static;margin-bottom:30px}
    .abouttop .textbox{width:100%;padding:40px}
    .aboutnumbox .aboutnumlist{margin-right:20px}
    .abouttop .imgbox img, .aboutbot .img, .aboutbot .img img{width:100%}
    .aboutbot .textbox{width:100%;padding:30px 40px}
    .devebox .deveslide{padding:100px 0 88px}
    .deveslide .item .img{width:80px;height:80px;margin-left:33px}
    .deveslide .item .img:after{border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #dedede}
    .deveslide .swiper-slide-active .item.rt .img:after{border-right:20px solid #e6270e}
    .deveslide .item.rt .img:after{left:-15px}
    .deveslide .item::before{top:35px}
    .deveslide .item .textbox{max-width:calc(100% - 151px)}
    .deveslide .item.rt .textbox{margin-left:28px}
    .deveslide .item.lf .textbox{margin-right:28px}
    .deveslide .item .text{margin-top:10px}
    .deveslide .item .year{font-size:28px;line-height:1}
    .deveslide .item.lf .img:after{border-left:20px solid #dedede;right:-15px}
    .deveslide .item.lf .img{margin-right:33px}
    .deveslide .swiper-container{height:530px}
    .panteritem{width:31.3333%;margin-right:3%}
    .panteritem:nth-of-type(5n){margin-right:3%}
    .panteritem:nth-of-type(3n){margin-right:0}
    .panteritems{padding-bottom:10px}
    .panteritem:nth-last-of-type(1),
    .panteritem:nth-last-of-type(2),
    .panteritem:nth-last-of-type(3){margin-bottom:37px}
    .pagebox.panter{padding:47px 0 65px}
}

@media (max-width:768px){
    .aboutnumbox{padding:25px 5px 0}
    .aboutnumbox .aboutnumlist .num{font-size:22px}
    .aboutnumbox .aboutnumlist .text{font-size:14px;-webkit-transform:translateY(3px);transform:translateY(3px)}
    .aboutnumbox .aboutnumlist:nth-of-type(1) .unit{right:37px}
    .aboutnumbox .aboutnumlist:nth-of-type(2) .unit{right:69px}
    .aboutnumbox .aboutnumlist:nth-of-type(3) .unit{right:40px}
    .aboutnumbox .aboutnumlist:nth-of-type(3){margin-right:0}
    .aboutnumbox .aboutnumlist .unit{top:-10px}
    .abouttop .textbox{padding:20px}
    .abouttop .textbox .cntitle{font-size:20px}
    .abouttop .textbox .entitle{margin-top:8px}
    .abouttop .textbox .text{margin-top:15px;line-height:1.8}
    .aboutbot .textbox{padding:10px 18px}
    .aboutbot .textbox p{line-height:1.8}
    .devebox .deveslide{padding:48px 0}
    .deveslide .item .img{width:60px;height:60px;margin-left:23px;padding:4px}
    .deveslide .item .img:after{border-top:14px solid transparent;border-bottom:14px solid transparent}
    .deveslide .swiper-slide-active .item.rt .img:after{border-right:14px solid #e6270e}
    .deveslide .item.rt .img:after{left:-11px;top:16px}
    .deveslide .item::before{top:24px}
    .deveslide .item .textbox{max-width:100%;width:100%;margin-top:15px}
    .deveslide .item.rt .textbox{margin-left:0;padding-left:15px}
    .deveslide .item.lf .textbox{margin-right:0;padding-right:15px;}
    .deveslide .item .text{margin-top:5px;line-height:1.4}
    .deveslide .item .year{font-size:20px;line-height:1}
    .deveslide .item.lf .img:after{border-left:14px solid #dedede;right:-11px;top:16px}
    .deveslide .item.lf .img{margin-right:33px}
    .deveslide .swiper-container{height:460px}
    .pagebox.devebox{padding:20px 0 35px}
    .panteritem{margin-bottom:15px}
    .panteritem:nth-last-of-type(1), .panteritem:nth-last-of-type(2), .panteritem:nth-last-of-type(3){margin-bottom:15px}
    .pagebox.panter{padding:25px 0 35px}
    .panteritem{width:100%;margin-right:0}
    .panteritem .title{margin:10px 0 15px}
    .honoritem{width:48%;margin-right:4%}
    .honoritem:nth-of-type(4n){margin-right:4%}
    .honoritem:nth-of-type(2n){margin-right:0}
    .honoritem:nth-last-of-type(2){margin-bottom:0}
    .honoritem:nth-last-of-type(1){margin-bottom:0}
    .honoritem .box .imgbox{padding:18px 0}
    .honoritem .box .text{padding:20px 15px}
    .honoritems{padding-bottom:25px}
}
@media (max-width:380px){
    .aboutnumbox .aboutnumlist{margin-right:10px}
    .aboutnumbox .aboutnumlist .num{font-size:20px}
    .aboutnumbox .aboutnumlist .unit{top:-10px;font-size:12px}
    .aboutnumbox .aboutnumlist .text{transform:translateY(1px);-webkit-transform:translateY(1px)}
}
@media (max-width:370px){
    .aboutnumbox .aboutnumlist{width:100%;margin-bottom:25px}
    .aboutnumbox .aboutnumlist:nth-of-type(3){margin-bottom:0}
    .aboutnumbox .aboutnumlist .unit{top:-12px}
    .aboutnumbox .aboutnumlist:nth-of-type(1) .unit{right:216px}
    .aboutnumbox .aboutnumlist:nth-of-type(2) .unit{right:242px}
    .aboutnumbox .aboutnumlist:nth-of-type(3) .unit{right:230px}
}

/* 联系我们 */
.con-left{width:36.527%;margin-right:5%}
.con-left .cntitle{font-size:24px}
.con-left .entitle{color:#666;font-family:Arial;text-transform:Uppercase;margin-top:4px}
.con-leftitems{margin-top:2.4vw}
.con-left .item{margin-bottom:1.2vw;position: relative;padding-left: 125px;}
.con-left .item:nth-last-of-type(1){margin-bottom:0}
.con-left .item .icon{ position: absolute; left: 0; top: 0;}
.con-left .item .name{/* margin-left:0.9vw; */font-size:16px;position: absolute;left: 25px;top: 0; line-height:20px;}
.con-left .item .text{width:calc(100% - 76px - 0.9vw);margin-left:8px;color:#666;font-size:16px}
.con-left .item:nth-of-type(2) .icon{margin-top:4px}
.con-left .item:nth-of-type(3) .icon{margin-top:3px}
.con-left .item:nth-of-type(4) .icon,
.con-left .item:nth-of-type(5) .icon{margin-top:2px}
.con-right .inputitem{width:100%;height:60px;padding:10px 20px;border:1px solid #ccc;margin-bottom:17px}
.con-right .inputitem .name{line-height:40px;color:#999;font-family:"Microsoft JhengHei"}
.con-right .inputitem .name span{color:#db3229}
.con-right .inputitem .input{margin-left:15px;width:calc(100% - 78px);height:40px}
.con-right .inputitem .input input{width:100%;height:100%;font-size:16px;color:#353232;background-color:transparent}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none}
input[type="number"]{-moz-appearance:textfield}
.con-right .inputitem.content{height:182px}
.con-right .inputitem.content .input{margin-top:8px}
.con-right .inputitem.content .input textarea{width:100%;height:100%;font-size:16px;color:#353232;background-color:transparent}
.con-right{width:58.473%}
.con-right .submit{width:100%;height:60px;background-color:#db3229;border:none;color:#fff;font-size:16px;outline:none;cursor:pointer}
.pagebox.contact{padding:84px 0 93px}
.conmap{height:546px}
.conmap img{height:100%}
.joinbgfff{background-color:#fff}
.pagebox.join{padding:75px 0}
.pagebox.join .w16{width:16%}
.pagebox.join .w14{width:14%}
.pagebox.join .w12{width:12%}
.jointop{margin-bottom:28px}
.jointop .jointopitem{font-size:16px}
.jointop .jointopitem:nth-of-type(1){padding-left:40px}
.joinitems{margin-bottom:50px}
.joinitems .joinitem{background-color:#f4f4f4;margin-bottom:10px}
.joinitems .joinitemtop{height:80px}
.joinitems .joinitem .lf{color:#666;line-height:80px}
.joinitems .joinitem .name{padding-left:40px;height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.joinitems .joinitem .num{padding-left:28px}
.joinitems .joinitem .depar{padding-left:10px}
.joinitems .joinitem .address{padding-left:17px}
.joinitems .joinitem .educa,
.joinitems .joinitem .exper{padding-left:6px}
.joinitems .joinitem .more{height:80px;background-image:url(../img/joinmore.png);background-repeat:no-repeat;background-position:center center}
.joinitems .joinitemtop.cur{background-color:#e6270e}
.joinitems .joinitemtop.cur .lf{color:#fff}
.joinitems .joinitemtop.cur .more{background-image:url(../img/joinmorecur.png)}
.joinitembot{padding:35px 44px 48px;background-color:#f9f9f9;display:none}
.joinitembot .joinitembot-name{font-size:24px;font-weight:bold;margin-bottom:20px}
.joinitembot .joinitembot-item{margin-bottom:20px}
.joinitembot .joinitembot-item:nth-last-of-type(1){margin-bottom:0}
.joinitembot .joinitembot-itemname{margin-bottom:10px}


@media (max-width:1366px){
    .conmap{height:446px}
}

@media (max-width:993px){
    .pagebox.contact{padding:54px 0 63px}
    .conmap{height:386px}
    .con-left{width:100%;margin-right:0}
    .con-right{width:100%;margin-top:30px}
    .con-left .item .name{margin-left:8px}
    .con-left .item .text{width:calc(100% - 84px)}
    .con-leftitems{margin-top:20px}
    .con-left .item{margin-bottom:10px; padding-left:25px; padding-top:30px; padding-bottom: 20px;}
    .con-left .cntitle{font-size:20px}
    .con-right .inputitem{height:48px;padding:6px 15px;margin-bottom:10px}
    .con-right .inputitem .name{line-height:36px}
    .con-right .inputitem .input{height:36px}
    .joinitems .joinitem .name,
    .jointop .jointopitem:nth-of-type(1){padding-left:40px;padding-left:15px}
    .pagebox.join{padding:45px 0}
    .jointop .jointopitem,
    .joinitems .joinitem .lf{display:none}
    .jointop .jointopitem:nth-of-type(1),
    .joinitems .joinitem .name,
    .joinitems .joinitem .more{display:block}
    .joinitems .joinitem .more{float:right}
    .joinitems .joinitemtop,
    .joinitems .joinitem .name,
    .joinitems .joinitem .more{height:58px}
    .joinitems .joinitem .lf{line-height:58px}
    .joinitembot{padding:30px}
    .joinitembot .joinitembot-name{font-size:20px;margin-bottom:10px}
    .joinitems .joinitem .name,
    .jointop .jointopitem:nth-of-type(1){width:60%}
    .joinitems .joinitem .more{background-position:right 15px center}
    .joinitems{margin-bottom:35px}
}

@media (max-width:768px){
    .pagebox.contact{padding:25px 0 45px}
    .conmap{height:286px}
    .pagebox.join{padding:30px 0}
    .joinitembot{padding:20px}
}
@media (max-width:560px){
    .conmap{height:236px}
}
@media (max-width:420px){
    .conmap{height:206px}
}
@media (max-width:360px){
    .conmap{height:166px}
}

/* 新闻资讯 */
.newsitem{display:block;padding:41px;margin-bottom:39px;background-color:#f4f4f4}
.newsitem:nth-last-of-type(1){margin-bottom:0}
.newsitem .img{overflow:hidden}
.newsitem .img img{width:100%}
.newsitem .textbox{width:calc(100% - 372px);padding:15px 20px 0 45px} 
.newsitem.big .textbox{width:calc(100% - 507px);padding:22px 34px 0 74px} 
.newsitem .textbox .title{font-size:24px;height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .textbox .text{color:#666;height:56px;line-height:2.571;margin-top:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem.big .textbox .text{height:116px;-webkit-line-clamp:4}
.newsitem .textbox .bot{margin-top:46px}
.newsitem .textbox .bot .date{font-family:"cen";color:#999}
.newsitem .textbox .bot .more{font-family:宋体, SimSun}
.newsitems{padding-bottom:89px}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.newsitem:hover .textbox .title{color:#e6270e}
.newsitem:hover{box-shadow:0px 4px 28px rgba(0,0,0,0.08)}
.newsdetail-r{width:405px;background-color:#f4f4f4;padding:30px}
.newsdetail-rbig, .newsdetail-ritem, .newsreturn{display:block}
.newsdetail-rbig .title{width:95%;font-size:20px;height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsdetail-rbig .text{color:rgb(153, 153, 153);margin-top:24px;line-height:2.143;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.newsdetail-rbig .more{color:#999;margin-top:48px}
.newsdetail-r .line{width:100%;height:2px;background-color:#dedede;margin:40px 0 30px;position:relative}
.newsdetail-r .line:after{content:"";width:30%;height:2px;background-color:#e80017;position:absolute;top:0;left:0}
.newsdetail-ritem{color:#666;font-size:18px;height:60px;margin-bottom:22px;line-height:1.667;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsdetail-ritem:nth-last-of-type(1){margin-bottom:0}
.newsreturn{width:166px;height:40px;border-radius:3px;background-color:#dedede;text-align:center;line-height:40px;margin-top:28px}
.newsdetail-l{width:calc(100% - 2.085vw - 405px);margin-right:2.085vw;background-color:#f4f4f4}
.ndetailtop{padding:54px 98px 72px 94px;border-bottom:1px solid #dedede}
.ndetailtop .title{font-size:30px}
.ndetailtop .other{margin-top:30px;padding-bottom:21px;border-bottom:1px solid #ccc}
.ndetailtop .other .date, .ndetailtop .other .name{color:#999;letter-spacing:1px;line-height:27px}
.ndetailtop .other .date{font-family:Arial}
.ndetailtop .other .name{margin-left:40px}
.shareitems .text{color:#666;line-height:27px}
.shareitem{margin-right:10px}
.shareitem.last{margin-right:0}
.ndetailbox{padding-top:62px}
.ndetailbot{padding:46px 98px 46px 94px}
.ndetailbot .newpage{max-width:392px;position:relative;padding-left:80px}
.ndetailbot .name{ position:absolute; left:0; top:0;}
.ndetailbot .name, .ndetailbot .text{color:#666;line-height:2.143}
.ndetailbot .text{display:block;width:calc(100% - 56px)}
.ndetailbot .text:hover,
.newsdetail-ritem:hover,
.newsdetail-rbig:hover .title,
.newsdetail-rbig:hover .more{color:#e80017}
.newsreturn:hover{background-color:#e80017;color:#fff}


@media (max-width:1366px){
    .newsdetail-r{width:305px}
    .newsdetail-l{width:calc(100% - 2.085vw - 305px)}
}

@media (max-width:993px){
    .newsitem{margin-bottom:25px}
    .newsitems{padding-bottom:40px}
    .newsitem .img, .newsitem .img img{width:100%}
    .newsitem .textbox,
    .newsitem.big .textbox{width:100%;padding:30px}
    .newsdetail-l, 
    .newsdetail-r{width:100%}
    .newsdetail-l{margin-right:0}
    .newsdetail-l .ndetailtop{padding:35px}
    .ndetailbot{padding:35px}
    .newsdetail-r{margin-top:30px}
    .newsdetail-rbig .title{height:26px;font-size:18px;-webkit-line-clamp:1}
    .newsdetail-rbig .text{line-height:1.8;margin-top:15px;height:52px;-webkit-line-clamp:2}
    .newsdetail-rbig .more{margin-top:25px}
    .newsdetail-r .line{margin:20px 0}
    .newsdetail-ritem{font-size:16px;height:26px;margin-bottom:8px;-webkit-line-clamp:1}
    .ndetailbox{padding-top:45px}
}

@media (max-width:768px){
    .newsitem{margin-bottom:15px}
    .newsitems{padding-bottom:25px}
    .newsitem .textbox,
    .newsitem.big .textbox{padding:15px 0}
    .newsitem{padding:15px}
    .newsitem.big .textbox .text{height:78px;line-height:2;-webkit-line-clamp:3}
    .newsitem .textbox .title{font-size:20px;height:24px}
    .newsitem .textbox .text{height:56px;margin-top:15px;line-height:2}
    .newsitem .textbox .bot{margin-top:20px}
    .ndetailbot .newpage{max-width:45%}
    .newsdetail-l .ndetailtop,
    .ndetailbot,
    .newsdetail-r{padding:15px}
    .ndetailtop .title{font-size:22px}
    .ndetailtop .other{margin-top:15px;padding-bottom:10px}
    .ndetailtop .other .name{margin-left:15px}
    .newsreturn{width:130px;height:34px;line-height:34px;margin-top:18px}
    .ndetailbot .name, .ndetailbot .text{line-height:1.8}
    .ndetailtop .otherleft,
    .ndetailtop .shareitems{width:100%}
    .ndetailbox{padding-top:25px}
    .ndetailbot .text{ width:auto;}
}