/* 棣栭〉 */
.indexabout{padding:76px 0 128px;background-image:url(../img/indexaboutbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.iaboutleft{width:390px;margin-right:90px}
.iaboutleft .title{font-size:24px}
.iaboutleft .desc{font-size:30px;color:#ee7700;font-weight:bold;margin-top:50px}
.iaboutleft .more,
.iaboutright .more{width:160px;height:50px;display:block;border-radius:50px;color:#fff;background-color:#ee7700;padding-left:30px;margin-top:55px;line-height:50px;background-image:url(../img/curlmore.png);background-repeat:no-repeat;background-position:right 30px center;transition:.4s;-webkit-transition:.4s}
.iaboutleft .more:hover{padding-left:52px;background-position:right 20px center}
.iaboutright .more{display:none}
.iaboutright{width:calc(100% - 480px)}
.iaboutright .text{color:rgb(123, 123, 123);line-height:2.143}
.iaboutright .numbox{margin-top:50px}
.iaboutright .numbox .numlist{margin-right:52px}
.iaboutright .numbox .numlist:nth-last-of-type(1){margin-right:0}
.iaboutright .numbox .numlist .top{color:#919191;font-size:12px}
.iaboutright .numbox .numlist .bot{margin-top:10px}
.iaboutright .numbox .numlist .numUp{font-family:"dinbold";font-size:48px;font-weight:bold;line-height:1;color:#ee7700;margin-right:6px}
.iaboutright .numbox .numlist .add{color:#ee7700;font-size:24px;font-weight:bold;font-family:Arial;line-height:1.2}
.iaboutright .numbox .numlist .unit{color:#ee7700}
.indexpro{padding:46px 0 0}
.indexpro .top .title{font-size:24px;text-align:center}
.indexpro .top .img{width:995px;max-width:100%;margin:44px auto 34px}
.indexpro .top .wapimg{display:none}
.indexpro .swiper-slide{width:25%}
.indexpro .swiper-slide .img{overflow:hidden}
.indexpro .swiper-slide .img img{transition:.4s;-webkit-transition:.4s}
.indexpro .swiper-slide .showtitle{writing-mode:vertical-lr;writing-mode:tb-lr;position:absolute;top:38px;right:25px;color:#fff;font-size:24px}
.indexpro .swiper-slide .textbox{width:100%;height:100%;background-color:rgba(238,119,0,0.8);position:absolute;top:0;left:0;overflow:hidden;opacity:0;transition:.4s;-webkit-transition:.4s}
.indexpro .swiper-slide .textbox .textbox-top{position:absolute;top:20%;left:0;margin-top:-74.5px;transition:.4s;-webkit-transition:.4s}
.indexpro .swiper-slide .textbox .textbox-top .title{color:#fff;font-size:24px;text-align:center;padding:0 42px}
.indexpro .swiper-slide .textbox .textbox-top .desc{color:#fff;margin-top:28px;line-height:2.143;text-align:center;padding:0 38px;max-height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexpro .swiper-slide .textbox .more{position:absolute;bottom:0;left:50%;margin-left:-25px;transition:.4s;-webkit-transition:.4s}
.indexpro .swiper-slide:hover .textbox{opacity:1}
.indexpro .swiper-slide:hover .textbox .textbox-top{top:50%}
.indexpro .swiper-slide:hover .textbox .more{bottom:40px}
.indexpro .swiper-slide:hover .showtitle{display:none}
.indexnew{padding:72px 0 104px;background-color:#f9f9f9}
.indexnew .indextop{font-size:24px}
.indexnew .inewbox{background-color:#fff;border-radius:20px;box-shadow:0px 0px 57px rgba(215,215,215,0.66);margin-top:56px}
.indexnew .img{width:600px;height:400px;overflow:hidden}
.indexnew .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.indexnew .img img{height:100%}
.indexnew .inew-r{width:calc(100% - 600px);height:400px;padding:21px 50px 0 50px;border-top-right-radius:20px;border-bottom-right-radius:20px;position:relative}
.indexnew .inew-r .newmore{width:160px;height:50px;display:block;border-radius:50px;color:#fff;background-color:#ee7700;padding-left:30px;margin-top:55px;line-height:50px;;position:absolute;bottom:-25px;right:50px;background-image:url(../img/curlmore.png);background-repeat:no-repeat;background-position:right 30px center;transition:.4s;-webkit-transition:.4s}
.indexnew .inew-r .newmore:hover{padding-left:52px;background-position:right 20px center}
.indexnew .inew-r .inewitem{display:block;padding:27px 0;border-bottom:1px solid #eeeeee}
.indexnew .inew-r .inewitem:nth-last-of-type(1){border-bottom:none}
.indexnew .inew-r .inewitem .date{color:#ccc;font-size:16px;font-weight:bold;font-family:Arial}
.indexnew .inew-r .inewitem .date span{color:#ee7700;font-size:24px;font-weight:bold;font-family:Arial}
.indexnew .inew-r .inewitem .textbox{width:calc(100% - 85px);margin-left:30px}
.indexnew .inew-r .inewitem .textbox .title{font-size:16px;font-weight:bold;max-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:.4s;-webkit-transition:.4s}
.indexnew .inew-r .inewitem .textbox .text{color:#666;margin-top:8px;transition:.4s;-webkit-transition:.4s;max-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexnew .inew-r .inewitem:hover .textbox .title{color:#ee7700}
.indexnew .inew-r .inewitem:hover .textbox .text{color:#ee7700}
.indexnew .swiper-pagination{text-align:right;padding:0 10px}
.indexnew .swiper-pagination .swiper-pagination-bullet{background-color:#fff;opacity:1}
.indexnew .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ee7700}
.indexweb{padding:116px 0;background-image:url(../img/indexweb.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexweb .mapbox{position:relative}
.indexweb .mapbox .wapmapbox{display:none}
.indexweb-l .title{color:#fff;margin-top:6px;font-size:24px}
.indexweb-l .text{color:#fff;line-height:2.143;margin-top:46px}
.indexweb-l .more{width:160px;height:50px;display:block;border-radius:50px;margin-top:54px;color:#ee7700;background-color:#fff;padding-left:30px;margin-top:55px;line-height:50px;background-image:url(../img/inmore.png);background-repeat:no-repeat;background-position:right 30px center;transition:.4s;-webkit-transition:.4s}
.indexweb-l .more:hover{padding-left:52px;background-position:right 20px center}
.indexweb .mapbox .mapitems .maplist{position:absolute;cursor:pointer}
.indexweb .mapbox .mapitems .maplist .textbox{width:266px;padding:20px 15px;border-radius:6px;background-color:rgba(0,0,0,0.2);position:absolute;bottom:28px;left:-127px;visibility:hidden;opacity:0;transition:.4s;-webkit-transition:.4s}
.indexweb .mapbox .mapitems .maplist .textbox:after{content:"";border-right:5px solid transparent;border-left:5px solid transparent;border-top:6px solid rgba(0,0,0,0.2);position:absolute;bottom:-6px;left:50%;margin-left:-3px}
.indexweb .mapbox .mapitems .maplist .textbox .title{font-size:18px;color:#fff;font-weight:bold;line-height:30px;text-align:center}
.indexweb .mapbox .mapitems .maplist:nth-of-type(1){top:60px;left:100px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(2){top:180px;left:157px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(3){top:200px;left:194px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(4){top:253px;left:158px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(5){top:71px;left:267px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(6){top:97px;left:295px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(7){top:106px;left:326px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(8){top:142px;left:325px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(9){top:136px;left:360px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(10){top:115px;left:374px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(11){top:141px;left:402px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(12){top:152px;left:450px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(13){top:177px;left:444px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(14){top:175px;left:466px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(15){top:135px;left:474px}
.indexweb .mapbox .mapitems .maplist:nth-of-type(16){top:109px;left:488px}
.indexpro .swiper-pagination{text-align:right;padding:0 15px}
.indexpro .swiper-pagination-bullet{background-color:#fff;opacity:1}
.indexpro .swiper-pagination-bullet-active{background-color:#ee7700}
.indexban .swiper-button-next,
.indexban .swiper-button-prev{width:40px;height:40px;color:#fff;margin-top:-20px;background-color:rgba(238,119,0,0.45);z-index:8;border-radius:40px;box-shadow:0px 4px 22px rgba(0,0,0,0.08);background-image:none;font-family:瀹嬩綋, 'SimSun';font-weight:bold;font-size:20px;line-height:40px;text-align:center}
.indexban .swiper-button-next{right:3vw}
.indexban .swiper-button-prev{left:3vw}
.indexban .swiper-button-next:hover,
.indexban .swiper-button-prev:hover{background-color:#ee7700;color:#fff}
.indexban .swiper-pagination{display:none}

@media (min-width:993px){
    .indexweb .mapbox .mapitems .maplist:hover .textbox{visibility:visible;opacity:1}
}

@media (max-width:1365px){
    .iaboutright .numbox .numlist{margin-right:30px}
    .iaboutleft{margin-right:60px}
    .iaboutright{width:calc(100% - 450px)}
    .indexpro .swiper-slide .textbox .textbox-top .title{padding:0 20px}
    .indexpro .swiper-slide .textbox .textbox-top .desc{margin-top:15px;-webkit-line-clamp:2;max-height:60px;padding:0 20px}
    .indexnew .inew-r .inewitem{padding:18px 0}
    .indexnew .img{width:500px}
    .indexnew .inew-r{width:calc(100% - 500px)}
}

@media (max-width:993px){
    .indexweb .mapbox .mapitems .maplist .textbox{display:none}
    .indexabout{padding:30px 0;background-image:url(../img/wapindexaboutbg.png)}
    .iaboutleft{width:100%;margin-right:0}
    .iaboutright{width:100%;margin-top:22px}
    .iaboutleft .title{font-size:20px}
    .iaboutleft .desc{font-size:22px;margin-top:10px;padding-right:82px}
    .iaboutleft .more{display:none}
    .iaboutright .text{line-height:1.6}
    .iaboutright .more,
    .indexnew .inew-r .newmore{width:108px;height:36px;line-height:36px;display:block;margin-top:22px;padding-left:15px;background-position:right 15px center;background-size:6px auto}
    .iaboutright .numbox{margin-top:20px}
    .iaboutright .numbox .numlist{width:33.3333%;margin-right:0}
    .iaboutright .numbox .numlist:nth-of-type(1),
    .iaboutright .numbox .numlist:nth-of-type(2),
    .iaboutright .numbox .numlist:nth-of-type(3){margin-bottom:15px}
    .iaboutright .numbox .numlist .bot{margin-top:0}
    .iaboutright .numbox .numlist .numUp{font-size:30px}
    .iaboutright .numbox .numlist .add{font-size:16px;line-height:12px;margin-top:4px}
    .iaboutright .numbox .numlist .unit{font-size:12px}
    .indexpro{padding:25px 0 0}
    .indexpro .top .title{font-size:20px}
    .indexpro .w1200{padding:0}
    .indexpro .top .wapimg{display:block;margin:20px 0}
    .indexpro .top .wapimg img{width:100%}
    .indexpro .top .img{display:none}
    .indexpro .swiper-slide .showtitle{font-size:18px;top:25px;right:20px}
    .indexpro .swiper-slide .textbox{display:none}
    .indexnew{padding:35px 0}
    .indexnew .inewbox{margin-top:35px;border-radius:10px}
    .indexnew .img,
    .indexnew .img img{width:100%;height:auto}
    .indexnew .inew-r{width:100%;height:auto;padding:0 15px 30px}
    .indexnew .inew-r .inewitem{padding:15px 0}
    .indexnew .inew-r .inewitem .textbox{width:calc(100% -65px);margin-left:15px}
    .indexnew .inew-r .newmore{margin-top:0;bottom:-18px}
    .indexnew .inew-r .inewitem .date{margin-top:5px}
    .indexweb{padding:25px 0;background-image:url(../img/wapindexweb.png)}
    .indexweb-l .title{font-size:20px;margin-top:0}
    .indexweb-l .text{margin-top:8px;line-height:1.8}
    .indexweb-l .more{width:108px;height:36px;line-height:36px;padding-left:15px;background-position:right 15px center;background-size:6px auto;margin-top:20px}
    .indexweb .mapbox{width:100%;margin-top:25px}
    .indexweb .mapbox .mapitems .maplist .icon{width:13px}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(1){top:20%;left:15%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(2){top:60%;left:26%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(3){top:67%;left:32%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(4){top:85.5%;left:25.5%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(5){top:21.5%;left:44%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(6){top:32.5%;left:49%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(7){top:34%;left:54.5%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(8){top:45%;left:52%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(9){top:44.5%;left:59.5%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(10){top:40%;left:62%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(11){top:44%;left:67%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(12){top:49%;left:74.5%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(13){top:57%;left:73.5%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(14){top:57%;left:76.5%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(15){top:43.5%;left:78.2%}
    .indexweb .mapbox .mapitems .maplist:nth-of-type(16){top:34%;left:80.5%}
    .indexweb .mapbox .mapitems .maplist.cur .icon{opacity:0.1}
    .indexweb .wapmapbox .bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:22;background-color:rgba(0,0,0,0.7)}
    .indexweb .wapmapbox .maplist{width:calc(100% - 30px);position:fixed;top:20%;left:15px;margin-top:0;z-index:23}
    .indexweb .wapmapbox .maplist .textbox{padding:25px 15px;background-color:rgba(238, 119, 0, 0.9)}
    .indexweb .wapmapbox .maplist .title{color:#fff;font-size:18px;text-align:center;line-height:30px}
}

/* 鍏充簬鍑岀幃 */
.about{position:relative;background-image:url(../img/aboutbg.jpg);background-repeat:no-repeat;background-position:center bottom}
.abouta{padding:76px 0 65px}
.abouta .abouta-left{width:390px}
.abouta .abouta-left .title{font-size:24px}
.abouta .abouta-left .text{color:#ee7700;font-size:30px;font-weight:bold;line-height:1.333;margin-top:20px}
.abouta .abouta-right{padding-top:68px}
.abouta .numlist{margin-right:4.167vw}
.abouta .numlist .toptext{color:#919191;font-size:12px;margin-bottom:10px}
.abouta .numlist .numUp{font-family:"dinbold";font-size:48px;color:#ee7700;line-height:1;margin-right:10px}
.abouta .numlist .top{font-family:Arial;font-size:24px;font-weight:bold;color:#ee7700}
.abouta .numlist .unittext{color:#ee7700}
.aboutb{padding-left:calc((100% - 1200px) / 2);position:relative}
.aboutb .aboutslide{margin:0;border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:initial;z-index:2;}
.aboutb .slidebox{width:100%;box-shadow:0px 0px 57px rgba(215,215,215,0.66);overflow:hidden}
.aboutb .slidebox img{width:100%}
.aboutb .swiper-button-next,
.aboutb .swiper-button-prev{width:16px;height:9px;left:auto;margin-top:0;opacity:1;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;z-index:19}
.aboutb .swiper-button-next{background-image:url(../img/aboutdown.png);right:calc((100% - 1200px) / 2 - 80px);top:58%}
.aboutb .swiper-button-prev{background-image:url(../img/aboutup.png);right:calc((100% - 1200px) / 2 - 80px);top:42%}
.aboutb .swiper-button-prev.swiper-button-disabled{opacity:1}
.aboutb .swiper-button-next:hover{background-image:url(../img/aboutdown_cur.png)}
.aboutb .swiper-button-prev:hover{background-image:url(../img/aboutup_cur.png)}
.aboutc{margin-top:72px;padding-bottom:92px}
.aboutc .text{color:rgb(102, 102, 102);line-height:2.143;padding-right:68px}
.aboutmask{width:calc((100% - 1200px) / 2);height:100%;pointer-events:none;position:absolute;top:0;right:0;background-image:url(../img/aboutrtline.png);z-index:3;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.brand{padding:76px 0 0}
.brandtop .brandtoptitle{font-size:24px}
.brandtop .brandtoptext{color:rgb(102, 102, 102);line-height:2.143;margin-top:14px}
.branditems{margin-top:52px}
.branditem{padding-bottom:60px;background-image:url(../img/brandline.jpg);background-repeat:no-repeat repeat;background-position:left 74px center;}
.branditem:nth-last-of-type(1){padding-bottom:102px}
.branditem .yuan{width:30px;height:30px;border:1px solid #ee7700;border-radius:30px;background-color:#fff;position:relative;margin-left:60px;margin-top:129px}
.branditem .yuan:after{content:"";width:14px;height:14px;border-radius:14px;background-color:#ee7700;position:absolute;top:50%;margin-top:-7px;left:50%;margin-left:-7px}
.branditem .yearbox{width:520px;height:auto;padding:44px 50px 84px 50px;background-color:rgba(238, 119, 0, 0.8);border-radius:5px;position:absolute;margin-top:129px;margin-left:205px}
.branditem .yearbox .year{color:#fff;font-size:36px;font-weight:bold;font-family:Arial}
.branditem .yearbox .desc{margin-top:20px;color:#fff;font-size:24px}
.branditem .imgitem .img{overflow:hidden}
.branditem .imgitem .img img{transition:.4s;-webkit-transition:.4s}
.branditem .imgitem .textbox{width:600px;padding:70px 50px;background-color:#f9f9f9}
.branditem .imgitem .text{color:#666}
.branditem .imgitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.culture .top{padding:80px 0}
.culture .top .leftimgbox{width:300px}
.culture .top .leftimglist,
.culright-top{position:relative}
.culture .top .leftimglist .img,
.culright-top .img{overflow:hidden}
.culture .top .leftimglist .img img,
.culright-top .img img{transition:.4s;-webkit-transition:.4s}
.culture .top .leftimglist:hover .img img,
.culright-top:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.culture .top .leftimglist .textbox,
.culright-top .textbox{width:100%;position:absolute;top:24px;left:0;padding:0 30px}
.culture .top .leftimglist .textbox .title,
.culright-top .textbox .title{color:#fff;font-size:24px}
.culture .top .leftimglist .textbox .text,
.culright-top .textbox .text{color:#fff;font-size:16px;line-height:1.875;;margin-top:12px}
.culture .top .culright{width:calc(100% - 330px);margin-left:30px}
.culrightitem{width:48.8%;height:205px;margin-right:2.4%;cursor:pointer;margin-top:20px;background-color:#f9f9f9;padding:31px 30px}
.culrightitem:hover{background-color:#fff;box-shadow:0px 0px 57px rgba(215,215,215,0.66)}
.culrightitem:nth-of-type(2n){margin-right:0}
.culrightitem .textbox{width:calc(100% - 80px);margin-right:20px}
.culrightitem .title{font-size:24px;line-height:1}
.culrightitem .text{color:#666;margin-top:10px;line-height:1.8}
.culture .bot{padding:66px 0 68px;background-image:url(../img/culimg4.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.culture .bot .title{font-size:24px}
.culture .bot .text{width:590px;margin-top:20px;color:rgb(102, 102, 102);line-height:2.143;}
.culture .bot .more{display:block;width:120px;height:36px;background-color:#ee7700;line-height:36px;border-radius:36px;padding-left:20px;color:#fff;background-image:url(../img/curlmore.png);margin-top:45px;background-repeat:no-repeat;background-position:right 20px center;}
.basetop{padding:80px 0 76px}
.basetop .img{overflow:hidden}
.basetop .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.basetop .title{font-size:24px;margin-top:42px}
.basetop .text{line-height:2.143;color:rgb(102, 102, 102);margin-top:24px;margin-bottom:54px}
.basetop .iconitems{text-align:center}
.basetop .iconitem{display:inline-block;margin:0 27px}
.basetop .iconitem .text{color:#666;margin-top:16px}
.basebot .one{padding:72px 0;background-color:#f9f9f9}
.basebot .one .name{text-align:center;font-size:24px}
.basebot .one .baseone{margin-top:54px}
.basebot .one .baseone .swiper-slide{width:780px}
.basebot .one .baseone .swiper-slide img{width:100%}
.basebot .one .baseone .swiper-slide .title{margin-top:26px;color:#666;font-size:20px;text-align:center;opacity:0}
.basebot .one .baseone .swiper-slide.swiper-slide-active .title{opacity:1}
.basebot .one .w1200{position:relative}
.basebot .one .swiper-button-next,
.basebot .one .swiper-button-prev{width:162px;height:162px;margin-top:-81px;outline:none;background-position:center center;background-size:100% 100%;background-repeat:no-repeat}
.basebot .one .swiper-button-next{background-image:url(../img/base-r.png);right:-162px}
.basebot .one .swiper-button-prev{background-image:url(../img/base-l.png);left:-162px}
.basebot .two{padding:72px 0}
.basebot .two .name{text-align:center;font-size:24px}
.basebot .two .basetwo{margin-top:54px}
.basebot .two .basetwo .swiper-slide{width:780px}
.basebot .two .basetwo .swiper-slide img{width:100%}
.basebot .two .basetwo .swiper-slide .title{margin-top:26px;color:#666;font-size:20px;text-align:center;opacity:0}
.basebot .two .basetwo .swiper-slide.swiper-slide-active .title{opacity:1}
.basebot .two .w1200{position:relative}
.basebot .two .swiper-button-next,
.basebot .two .swiper-button-prev{width:162px;height:162px;margin-top:-81px;outline:none;background-position:center center;background-size:100% 100%;background-repeat:no-repeat}
.basebot .two .swiper-button-next{background-image:url(../img/base-r.png);right:-162px}
.basebot .two .swiper-button-prev{background-image:url(../img/base-l.png);left:-162px}
.techcenter-one{padding:82px 0 74px}
.techcenter .title{font-size:24px}
.techcenter-one .text{margin-top:46px;color:#666;line-height:2.143}
.techcenter-one .img{margin-top:22px}
.techcenter-one .imgname{color:#ee7700;font-size:16px;text-align:center;margin-top:16px}
.techcenter-two{padding:70px 0 34px;background-color:#f9f9f9}
.techcenter-two .w1200{position:relative}
.techcenter-two .techcenterslide{margin-top:14px;padding:40px 0}
.techcenter-two .swiper-slide .img{border:1px solid #e0e0e0;overflow:hidden}
.techcenter-two .swiper-slide .img img{transition:.4s;-webkit-transition:.4s}
.techcenter-two .swiper-slide .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.techcenter-two .swiper-slide{padding:20px;background-color:#fff;box-shadow:0px 0px 57px rgba(215,215,215,0.66);cursor:pointer}
.techcenter-two .swiper-button-next,
.techcenter-two .swiper-button-prev{width:60px;height:60px;border-radius:60px;margin-top:-30px;box-shadow:0px 0px 57px rgba(215,215,215,0.66);outline:none;background-position:center center;background-size:100% 100%;background-repeat:no-repeat}
.techcenter-two .swiper-button-next{background-image:url(../img/tech-r.png);right:-102px}
.techcenter-two .swiper-button-prev{background-image:url(../img/texh-l.png);left:-102px}
.techcenter-three{padding:80px 0}
.techcenter-three .img{overflow:hidden}
.techcenter-three .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.techcenter-three .textbox{width:calc(100% - 660px);margin-left:60px}
.techcenter-three .textbox .title{font-size:24px;line-height:1}
.techcenter-three .textbox .text{margin-top:48px;color:#666;line-height:2.143}
.techcenter-three .textbox .more{display:block;width:120px;height:36px;background-color:#ee7700;line-height:36px;border-radius:36px;padding-left:20px;margin-top:52px;color:#fff;background-image:url(../img/curlmore.png);margin-top:45px;background-repeat:no-repeat;background-position:right 20px center;}
.techenalert{max-height:80%}
.honor{padding:72px 0 100px}
.honor .honortext{color:#666;line-height:2.143}
.honoritems{margin-top:25px}
.honoritem{width:31%;margin-right:3.5%;margin-bottom:30px;cursor:pointer}
.honoritem:nth-of-type(3n){margin-right:0}
.honoritem:nth-last-of-type(3),
.honoritem:nth-last-of-type(2),
.honoritem:nth-last-of-type(1){margin-bottom:0}
.honoritem .box{height:100%;background-color:#f9f9f9;padding:20px}
.honoritem .box .img{padding:20px;background-color:#fff;overflow:hidden;text-align:center}
.honoritem .box .img img{transition:.4s;-webkit-transition:.4s;display:initial}
.honoritem .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.honoritem .box .name{padding:0 15px;color:#666;font-size:16px;text-align:center;margin-top:15px;transition:.4s;-webkit-transition:.4s}
.honoritem .box:hover .name{color:#ee7700}
.honalterbox{padding:28px;position:absolute;top:25%;opacity:0;transition:.4s;-webkit-transition:.4s;left:50%;background-color:#fff;z-index:22;transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0)}
.honalterbox.cur{top:50%;opacity:1}
.honalterbox .top{position:relative}
.honalterbox .top .title{color:#ee7700;font-size:24px;padding-right:35px;text-align:center}
.honalterbox .top .close{width:28px;height:28px;position:absolute;top:0;right:0;cursor:pointer}
.honalterbox .bot{margin-top:38px}
.markeweb{padding:74px 0 52px}
.markeweb .desc{color:rgb(102, 102, 102);line-height:2.143}
.markeweb .markemaplist{margin-top:32px}
.markeweb .markemaplist.listone{padding-bottom:35px;border-bottom:1px solid #ececec}
.markeweb .markemaplist .title{color:#ee7700;font-size:24px;text-align:center}
.markeweb .markemaplist .map{width:750px;margin:39px auto 0;position:relative}
.markeweb .markemaplist .map .mapbox{width:100%;height:100%;position:absolute;top:0;left:0}
.markeweb .markemaplist .map .one .maplist,
.markeweb .markemaplist.listtwo .map .two .maplist{position:absolute;cursor:pointer}
.markeweb .markemaplist .map .one .maplist .textbox,
.markeweb .markemaplist.listtwo .map .two .maplist .textbox{width:290px;background-color:rgba(238, 119, 0, 0.8);border-radius:5px;position:absolute;visibility:hidden;bottom:0;left:-20px;opacity:0;transition:.4s;-webkit-transition:.4s;padding:16px 18px 18px 20px}
.markeweb .markemaplist .map .one .maplist .textbox:after,
.markeweb .markemaplist.listtwo .map .two .maplist .textbox:after{content:"";border-right:6px solid transparent;border-left:6px solid transparent;border-top:7px solid rgba(238, 119, 0, 0.8);position:absolute;bottom:-7px;left:23px}
.markeweb .markemaplist .map .one .maplist .textbox .title,
.markeweb .markemaplist.listtwo .map .two .maplist .textbox .title{color:#fff;text-align:left;font-weight:bold;font-size:18px}
.markeweb .markemaplist .map .one .maplist .textbox .textitem,
.markeweb .markemaplist.listtwo .map .two .maplist .textbox .textitem{color:#fff;margin-top:7px}
.markeweb .markemaplist .map .one .maplist:nth-of-type(1){top:385px;left:335px}
.markeweb .markemaplist .map .one .maplist:nth-of-type(2){top:406px;left:438px}
.markeweb .markemaplist .map .one .maplist:nth-of-type(3){top:428px;left:489px}
.markeweb .markemaplist .map .one .maplist:nth-of-type(4){top:502px;left:530px}
.markeweb .markemaplist .map .one .maplist:nth-of-type(5){top:503px;left:567px}
.markeweb .markemaplist .map .one .maplist:nth-of-type(6){top:524px;left:512px}
.markeweb .markemaplist .map .one .maplist:nth-of-type(7){top:362px;left:641px}
.markeweb .markemaplist .map .one .maplist:nth-of-type(8){top:218px;left:553px}
.markeweb .markemaplist.listtwo .map{margin:44px auto 0}
.markeweb .markemaplist .map .two .maplist:nth-of-type(1){top:85px;left:120px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(2){top:231px;left:190px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(3){top:258px;left:241px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(4){top:317px;left:199px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(5){top:86px;left:333px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(6){top:123px;left:368px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(7){top:135px;left:410px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(8){top:171px;left:395px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(9){top:174px;left:450px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(10){top:157px;left:465px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(11){top:174px;left:504px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(12){top:190px;left:564px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(13){top:221px;left:555px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(14){top:220px;left:580px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(15){top:170px;left:594px}
.markeweb .markemaplist .map .two .maplist:nth-of-type(16){top:140px;left:609px}
.wapmapbox{width:100%;display:none;margin-top:25px}
.wapmapbox .maplist{display:none;z-index:2}
.wapmapbox .maplist.cur{display:block;z-index:22}
.wapmapbox .maplist .textbox{width:100%;padding:15px;background-color:rgba(238, 119, 0, 0.8);z-index:22}
.markeweb .markemaplist .wapmapbox .title{color:#fff;font-size:18px;text-align:left}
.markeweb .markemaplist .wapmapbox .textitem{color:#fff}

@media (min-width:993px){
    .markeweb .markemaplist .map .one .maplist:hover .textbox,
    .markeweb .markemaplist.listtwo .map .two .maplist:hover .textbox{visibility:visible;bottom:28px;opacity:1}
}

@media (max-width:1550px){
	.basebot .two .swiper-button-next{background-image:url(../img/base-r.png);right:-122px}
	.basebot .two .swiper-button-prev{background-image:url(../img/base-l.png);left:-122px}
	.basebot .one .swiper-button-next{background-image:url(../img/base-r.png);right:-122px}
	.basebot .one .swiper-button-prev{background-image:url(../img/base-l.png);left:-122px}
}
@media (max-width:1460px){
	.basebot .two .swiper-button-next{background-image:url(../img/base-r.png);right:-72px}
	.basebot .two .swiper-button-prev{background-image:url(../img/base-l.png);left:-72px}
	.basebot .one .swiper-button-next{background-image:url(../img/base-r.png);right:-72px}
	.basebot .one .swiper-button-prev{background-image:url(../img/base-l.png);left:-72px}
	.techcenter-two .swiper-button-next{right:-62px}
	.techcenter-two .swiper-button-prev{left:-62px}
}

@media (max-width:1366px){
    .about{background-size:cover}
    .aboutb{padding-left:calc((100% - 86.8vw) / 2)}
    .aboutmask{width:calc((100% - 86.83vw) / 2)}
    .aboutb .swiper-button-next{right:calc(100% - 86.8vw)}
    .aboutb .swiper-button-prev{right:calc(100% - 86.8vw)}
    .aboutc .text{padding-right:0}
    .abouta .abouta-left .text{font-size:26px}
    .basebot .two .swiper-button-next{background-image:url(../img/base-r.png);right:-40px}
	.basebot .two .swiper-button-prev{background-image:url(../img/base-l.png);left:-40px}
	.basebot .one .swiper-button-next{background-image:url(../img/base-r.png);right:-40px}
	.basebot .one .swiper-button-prev{background-image:url(../img/base-l.png);left:-40px}
}

/* @media (max-width:1365px){
    .culture .top .culright,
    .culture .top .leftimgbox{width:100%}
    .culture .top .leftimglist .img img, .culright-top .img img{width:100%}
} */

@media (max-width:1280px){
    .culrightitem{height:217px}
}

@media (max-width:1240px){
    .basetop .iconitem{margin:0 15px}
    .basetop .iconitem .icon{width:100px}
}

@media (max-width:993px){
    .aboutmask{display:none}
    .aboutb .aboutslide{overflow:hidden;margin:0 auto;border-top-left-radius:5px;border-bottom-left-radius:5px;}
    .aboutb{padding:0 35px}
    .aboutc{margin-top:30px;padding-bottom:40px}
    .about{background-image:none}
    .abouta{padding:40px 0 30px}
    .abouta .abouta-left{width:100%}
    .abouta .abouta-left .title{font-size:17px}
    .abouta .abouta-left .text{font-size:20px;margin-top:5px}
    .abouta .abouta-right{width:100%;padding-top:30px}
    .abouta .numlist .numUp{font-size:30px}
    .abouta .numlist{width:22%;margin-right:0}
    .abouta .numlist:nth-last-of-type(1){width:32%}
    .abouta .numlist .top{font-size:17px;line-height:12px}
    .abouta .numlist .unittext{font-size:13px}
    .abouta .numlist .numUp{margin-right:6px}
    .aboutb .slidebox{overflow:initial}
    .branditem{padding-bottom:18px;background-position: left 20px center}
    .branditem .yuan{width:20px;height:20px;margin-left:10px;margin-top:15px}
    .branditem .yuan:after{width:10px;height:10px;margin-top:-5px;margin-left:-5px}
    .branditem .yearbox{width:calc(100% - 30px - 5%);margin-left:5%;margin-top:15px;float:left;position:static;padding:10px 15px}
    .branditem .yearbox .year{font-size:26px}
    .branditem .yearbox .desc{margin-top:8px;font-size:16px}
    .branditem .imgitem{width:calc(100% - 30px - 5%);margin-top:10px}
    .branditem .imgitem .textbox{width:100%;padding:16px 8px}
    .branditems{margin-top:30px}
    .brand{padding:35px 0 0}
    .branditem:nth-last-of-type(1){padding-bottom:55px}
    .culture .top{padding:35px 0}
    .culture .top .leftimglist .textbox .title, .culright-top .textbox .title{font-size:18px}
    .culture .top .leftimglist .textbox .text, .culright-top .textbox .text{font-size:14px;margin-top:6px}
    .culrightitem{width:100%;margin-right:0;padding:20px 15px}
    .culrightitem .textbox{width:calc(100% - 60px);margin-right:20px}
    .culrightitem .icon{width:40px}
    .culrightitem .title,
    .culture .bot .title{font-size:18px}
    .culrightitem .text{line-height:1.6}
    .culture .bot .text{width:100%;margin-top:10px;line-height:1.8}
    .culture .bot{padding:35px 0;background-size:100% 100%;}
    .culture .bot .more{width:100px;height:30px;line-height:30px;margin-top:30px}
    .basetop,
    .techcenter-one{padding:35px 0 30px}
    .basetop .title{font-size:18px;margin-top:20px}
    .basetop .text{margin-top:15px;line-height:1.8; margin-bottom:25px}
    .basetop .iconitems{zoom: 1;}
    .basetop .iconitems:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
    .basetop .iconitem{display:block;margin:0;width:33.3333%;float:left}
    .basetop .iconitem .icon{width:70px;margin:0 auto}
    .basebot .two .swiper-button-next{width:80px;height:80px;background-image:url(../img/base-r.png);right:0;margin-top:-40px}
	.basebot .two .swiper-button-prev{width:80px;height:80px;background-image:url(../img/base-l.png);left:0;margin-top:-40px}
	.basebot .one .swiper-button-next{width:80px;height:80px;background-image:url(../img/base-r.png);right:0;margin-top:-40px}
	.basebot .one .swiper-button-prev{width:80px;height:80px;background-image:url(../img/base-l.png);left:0;margin-top:-40px}
	.basebot .two .basetwo .swiper-slide,
	.basebot .one .baseone .swiper-slide{width:80%}
	.basebot .one,
	.basebot .two{padding:35px 0}
	.basebot .one .baseone,
	.basebot .two .basetwo{margin-top:15px}
	.basebot .one .name,
	.basebot .two .name,
	.techcenter .title,
	.techcenter-three .textbox .title,
	.honalterbox .top .title{font-size:20px}
	.basebot .one .baseone .swiper-slide .title,
	.basebot .two .basetwo .swiper-slide .title{font-size:16px;margin-top:10px}
	.techcenter-one .text{margin-top:15px;line-height:1.8}
	.techcenter-one .img{margin-top:10px}
	.techcenter-two{padding:35px 0 10px}
	.techcenter-two .techcenterslide{padding:20px 0;margin-top:5px}
	.techcenter-two .swiper-slide{box-shadow: 0px 0px 30px rgba(215,215,215,0.66)}
	.techcenter-two .swiper-button-next, .techcenter-two .swiper-button-prev{width:34px;margin-top:-21px;height:34px;box-shadow: 0px 0px 20px rgba(215,215,215,0.66)}
	.techcenter-two .swiper-button-next{right:10px}
	.techcenter-two .swiper-button-prev{left:10px}
	.techcenter-three{padding:35px 0}
	.techcenter-three .textbox{width:100%;margin-left:0;margin-top:15px}
	.techcenter-three .textbox .text{margin-top:15px}
	.techcenter-one .imgname{margin-top:8px}
	.honor{padding:35px 0 45px}
	.honoritem{width:100%;margin-bottom:15px;margin-right:0}
	.honoritem .box .img{padding:30px 0}
	.honoritem .box{padding:10px}
	.honoritem .box .name{margin-top:8px}
	.honalterbox{width:94%;padding:15px}
	.honalterbox .bot{margin-top:20px}
    .honalterbox .bot img{width:100%}
    .markeweb{padding:35px 0 25px}
    .markeweb .markemaplist.listone{padding-bottom:20px;margin-top:20px}
    .markeweb .markemaplist .map{width:100%;margin:20px auto 0}
    .markeweb .markemaplist .title{font-size:20px}
    .markeweb .markemaplist .map .one .maplist:nth-of-type(1){top:62%;left:45%}
    .markeweb .markemaplist .map .one .maplist:nth-of-type(2){top:64%;left:58%}
    .markeweb .markemaplist .map .one .maplist:nth-of-type(3){top:70%;left:65.5%}
    .markeweb .markemaplist .map .one .maplist:nth-of-type(4){top:81%;left:70.5%}
    .markeweb .markemaplist .map .one .maplist:nth-of-type(5){top:81%;left:74%}
    .markeweb .markemaplist .map .one .maplist:nth-of-type(6){top:84%;left:68%}
    .markeweb .markemaplist .map .one .maplist:nth-of-type(7){top:57.5%;left:85%}
    .markeweb .markemaplist .map .one .maplist:nth-of-type(8){top:33.5%;left:73.2%}
    .markeweb .markemaplist .map .maplist .icon{width:14px}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(1){top:20%;left:15%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(2){top:60%;left:26%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(3){top:67%;left:31.5%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(4){top:80.3%;left:26.3%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(5){top:21.5%;left:44%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(6){top:32.5%;left:49%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(7){top:34%;left:54.5%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(8){top:45%;left:52%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(9){top:54%;left:57%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(10){top:40%;left:62%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(11){top:44%;left:67%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(12){top:49%;left:74.5%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(13){top:57%;left:73.5%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(14){top:57%;left:76.5%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(15){top:45%;left:78.5%}
    .markeweb .markemaplist .map .two .maplist:nth-of-type(16){top:37%;left:80.5%}
    .markeweb .markemaplist .map .one .maplist .textbox, .markeweb .markemaplist.listtwo .map .two .maplist .textbox{display:none}
}

@media (max-width:768px){
    .aboutb{padding:0 15px} 
    .branditem .yearbox .year{font-size:17px}
    .branditem .yearbox .desc{margin-top:3px;font-size:14px}
}

@media (max-width:380px){
    .abouta .numlist{width:20%;margin-right:0}
    .abouta .numlist:nth-last-of-type(1){width:38%}
}
@media (max-width:360px){
    .abouta .numlist{width:19%;margin-right:0}
    .abouta .numlist:nth-last-of-type(1){width:42%}
}

/* 浜у搧 */
.product{padding:76px 0 118px}
.product .protoptext{color:rgb(102, 102, 102);line-height:1.2}
.product .proseachbox{margin:28px 0 30px}
.product .proseachbox .input{width:224px;height:36px;border:1px solid #e1e1e1;border-right:none;padding:5px 19px}
.product .proseachbox input{width:100%;height:100%}
.product .proseachbox .btn{width:36px;height:36px;background-color:#ee7700;text-align:center;line-height:36px;cursor:pointer}
.product .proseachbox .btn img{display:initial;vertical-align:middle}
.pronavbox{border-bottom:1px solid #d6d6d6}
.pronavbox .pronavitem{width:auto;height:50px;padding-right:44px;background-color:#f3f3f3;padding-left:71px;line-height:50px;cursor:pointer;color:#ee7700;font-size:16px;background-repeat:no-repeat;background-position:left 40px center;border-right:1px solid #fff;;transition:.4s;-webkit-transition:.4s}
.pronavbox .pronavitem.cur{background-color:#ee7700;color:#fff}
.pronavbox .pronavitem:nth-of-type(1){background-image:url(../img/pronavicon1.png)}
.pronavbox .pronavitem:nth-of-type(1).cur{background-image:url(../img/pronavicon1cur_.png)}
.pronavbox .pronavitem:nth-of-type(2){background-image:url(../img/pronavicon2.png)}
.pronavbox .pronavitem:nth-of-type(2).cur{background-image:url(../img/pronavicon2_cur.png)}
.pronavbox .pronavitem:nth-of-type(3){background-image:url(../img/pronavicon3.png)}
.pronavbox .pronavitem:nth-of-type(3).cur{background-image:url(../img/pronavicon3_cur.png)}
.pronavbox .prodel{line-height:50px;padding-left:24px;color:#666;background-image:url(../img/prodel.png);cursor:pointer;background-repeat:no-repeat;background-position:left center;}
.proclassbox{border:1px solid #d6d6d6}
.proclassbox .proclasslist{width:100%}
/* .proclassbox .proclasslist.cur{display:block} */
.proclassbox .proclasslistitem{width:33.3333%;border-right:2px solid #d6d6d6;padding:10px}
.proclassbox .proclasslistitem:nth-last-of-type(1){border-right:none}
.proclassbox .proclasslistitem .classname{width:100%;height:50px;background-color:#e5e5e5;text-align:center;line-height:50px;color:#666;font-size:16px}
.proclassbox .proclasslistitem.cur .classname{background-color:#ee7700;color:#fff}
.proclassbox .scrollbox{height:290px}
.proclassbox .pro-yScroll{width:100%;height:290px;overflow:auto;}
.proclassbox .scrollcont{ font-size:14px;padding:10px;line-height:26px;height:auto;position: relative;overflow:hidden;}
.proclassbox .myScrollBg{ position:absolute; right:0; top:15px; width:10px; height:100%;}
.proclassbox .myScrollBg .myScrollTop{position:absolute;cursor:pointer;top:-10px;left:0;width: 10px;height: 8px;background-image:url(../img/proup.png);background-repeat:no-repeat;background-position:center center;}
.proclassbox .myScrollBg .myScrollBottom{position:absolute;bottom:20px;left:0;width: 10px;height: 8px;cursor:pointer;background:url(../img/prodown.png) no-repeat -214px -178px;cursor: pointer;background-repeat:no-repeat;background-position:center center;}
.proclassbox .myScrollBg .myScrollMain { position:relative;width:10px; height:260px; background:#d7d7d7;}
.proclassbox .myScrollBg .myScrollBar { width:10px; height:60px;background:#f3f3f3;position:absolute; right:0; top:0; z-index:18; overflow:hidden;}
.proclassbox .myScrollBg .myScrollMain{background:#f3f3f3;}
.proclassbox .myScrollBg .myScrollBar{background:#e5e5e5;}
.proclassbox .proclasslistitem .classtitle{color:#ee7700;font-weight:bold}
.proclassbox .proclasslistitem .list{width:100%;height:36px;display:block;line-height:26px;padding:5px 20px;color:#666;transition:.4s;-webkit-transition:.4s;cursor:pointer}
.proclassbox .proclasslistitem .list:hover,
.proclassbox .proclasslistitem .list.cur{background-color:#ee7700;color:#fff}
.proclassbox .proclasslistitem.cur .myScrollBg .myScrollMain{background-color:#f8e1ca}
.proclassbox .proclasslistitem.cur .myScrollBg .myScrollMain .myScrollBar{background-color:#ee7700}
.protable{margin-top:32px}
.protablenav{height:50px;background-color:#ee7700}
.protablenav .list{width:202px;text-align:center;color:#fff;font-size:16px;line-height:50px}
.protableitems{border:1px solid #d6d6d6;}
.protableitem .list{width:200px;height:64px;padding:0 12px;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;align-items:center;justify-content:center;}
.protableitem:nth-last-of-type(1) .list,
.protableitem:nth-last-of-type(1) .other{border-bottom:none}
.protableitem .list .box{line-height:1.2;word-break:break-word;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.protableitem .other{width:198px;height:64px;position:relative;border-bottom:1px solid #d6d6d6}
.protableitem .other .see,
.protableitem .other .down{width:50%;display:block;line-height:64px;color:#666;cursor:pointer;padding-left:30px;background-repeat:no-repeat;background-position:left 10px center}
.protableitem .other .see{background-image:url(../img/see.png)}
.protableitem .other .see:hover{background-image:url(../img/see_cur.png);color:#ee7700}
.protableitem .other .down{background-image:url(../img/down.png)}
.protableitem .other .down:hover{background-image:url(../img/down_cur.png);color:#ee7700}
.protableitem .other:before{content:"";width:1px;height:14px;background-color:#d6d6d6;position:absolute;top:50%;margin-top:-7px;left:50%}

@media (max-width:1365px){
    .protablenav .list,
    .protableitem .list,
    .protableitem .other{width:16.6666%}
}

@media (max-width:993px){
    .product{padding:35px 0 50px}
    .pronavitems{width:100%}
    .pronavbox .pronavitem{width:100%;padding-left:22%;padding-right:20px;background-position:left 10% center;}
    .pronavbox .prodel{float:left}
    .proclassbox .proclasslistitem{width:100%}
    .proclassbox .proclasslistitem .classname{height:38px;line-height:38px}
    .proclassbox .proclasslistitem .list{height:32px;line-height:24px;padding:4px 15px}
    .protablenav .list,
    .protableitem .list{width:30%}
    .protablenav .list:nth-of-type(3),
    .protablenav .list:nth-of-type(4),
    .protablenav .list:nth-of-type(5),
    .protableitem .list:nth-of-type(3),
    .protableitem .list:nth-of-type(4),
    .protableitem .list:nth-of-type(5){display:none}
    .protableitem .other{width:40%}
    .protableitem .other .see, .protableitem .other .down{background-position: left 4.5% center;padding:10px 0 24px 13%;line-height:20px;font-size:12px;}
    
}


/* 濯掍綋涓績 */
.news{padding:80px 0 100px}
.newsitem{display:block;border-top:1px solid #ececec;padding:29px}
.newsitem .img{overflow: hidden}
.newsitem .img img{transition:.4s;-webkit-transition:.4s}
.newsitem .textbox{width:calc(100% - 332px);margin-left:32px}
.newsitem .textbox .title{font-size:18px;max-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .textbox .text{color: rgb(102, 102, 102);line-height: 2.143;margin-top:24px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem .textbox .bot{margin-top:66px}
.newsitem .textbox .date{font-family:Arial;font-weight:bold;color:#ee7700;line-height:36px}
.newsitem .textbox .more{width:120px;height:36px;background-color:#ee7700;line-height:36px;border-radius:36px;padding-left:20px;margin-top:52px;color:#fff;background-image:url(../img/curlmore.png);margin-top:0;background-repeat:no-repeat;background-position:right 20px center;}
.newsitem:hover{box-shadow:0px 0px 57px rgba(215,215,215,0.6);border-top:1px solid #fff}
.newsitem:hover .textbox .title{color:#ee7700;font-weight:bold}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.newsdetailbox{padding:34px 0 40px}
.newsdetailbox .top{padding-bottom:26px;border-bottom:1px solid #e3e3e3}
.newsdetailbox .title{font-size:24px}
.newsdetailbox .date{color:#999;margin-top:4px}
.newsdetailbox .newsdetailcon{padding:30px 0}
.newsdetailbox .shareitem{width:24px;height:24px;line-height:21px;border-radius:5px;background-color:#999;text-align:center;cursor:pointer;margin-right:10px;transition:.4s;-webkit-transition:.4s}
.newsdetailbox .shareitem img{vertical-align:middle;display:initial}
.newsdetailbox .shareitem:nth-last-of-type(1){margin-right:0}
.newsdetailbox .shareitemtext{color:#666;line-height:24px}
.newsdetailcon img{display:initial}
.newsdetail_bot{margin-top:30px;padding-top:30px;border-top:1px solid #e3e3e3}
.newsdetail_bot .pagerslist{margin-bottom:10px}
.newsdetail_bot .pagerslist:nth-last-of-type(1){margin-bottom:0}
.newsdetail_bot .pagerslist .name{color:#666}
.newsdetail_bot .pagerslist .text{max-width:400px;color:#666;transition:.4s;-webkit-transition:.4s}
.newsdetail_bot .pagerslist a.text:hover{color:#ee7700;font-weight:bold;text-decoration:underline}
.newsdetail_bot .return{width:120px;height:36px;background-color:#ee7700;line-height:36px;border-radius:36px;padding-left:20px;margin-top:52px;color:#fff;background-image:url(../img/curlmore.png);margin-top:0;background-repeat:no-repeat;background-position:right 20px center;}
.studyvideo{margin-top:35px}
.studyvideo video,
.videoalertbox video{width:100%}
.videoitem{width:31.6%;margin-right:2.6%;margin-bottom:30px;cursor: pointer;transition:.4s;-webkit-transition:.4s}
.videoitem:nth-of-type(3n){margin-right:0}
.videoitem:nth-last-of-type(1),
.videoitem:nth-last-of-type(2),
.videoitem:nth-last-of-type(3){margin-bottom:0}
.videoitem .imgbox{position:relative}
.videoitem .imgbox .player{width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;left:50%;margin-left:-20px}
.videoitem .name{padding:0 15px;background-color:#f9f9f9;line-height:60px;max-height:60px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:.4s;-webkit-transition:.4s}
.videoitem .img{overflow:hidden}
.videoitem .img img{transition:.4s;-webkit-transition:.4s}
.videoitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.videoitem:hover .name{background-color:#fff}
.videoitem:hover{box-shadow:0px 0px 57px rgba(215,215,215,0.66)}
.videoalertbox{max-width:80%}
.jointext{color:#666;padding-bottom:22px}
.joinitem{border-top:1px solid #ececec;padding:30px 0}
.joinitem .joinleft{width:158px}
.joinitem .joinleft .name{color:#ee7700;font-weight:bold;font-size:30px;writing-mode:vertical-lr;writing-mode:tb-lr;}
.joinitem .joinleft .name span{writing-mode:horizontal-tb;color:#ee7700;font-weight:bold;font-size:30px}
.joinitem .joinleft .icon{width:100%;margin-top:42px}
.joinitem .textbox{width:calc(100% - 158px)}
.joinitem .textbox .textlist{margin-bottom:24px}
.joinitem .textbox .textlist .name{font-size:18px;font-weight:bold}
.joinitem .textbox .textlist .text{color:#666;line-height:2.143;margin-top:16px}
.joinitem .textbox .email{width:120px;height:36px;background-color:#ee7700;line-height:36px;border-radius:36px;display:block;color:#fff;text-align:center}
.whyjointop .title{font-size:24px;color:#ee7700}
.whyjointop .text{color:#666;margin-top:14px}
.whyjoinbot{margin-top:44px}
.whyjoinbot .title{color:#ee7700;font-size:24px}
.whyjoinitems{margin-top:24px}
.whyjoinitem{width:31.6%;margin-right:2.6%;margin-bottom:30px}
.whyjoinitem .img{overflow:hidden}
.whyjoinitem .img img{transition:.4s;-webkit-transition:.4s}
.whyjoinitem:nth-of-type(3),
.whyjoinitem:nth-last-of-type(1){margin-right:0}
.whyjoinitem:nth-last-of-type(1),
.whyjoinitem:nth-last-of-type(2){margin-bottom:0}
.whyjoinitem.big{width:65.8%;position:relative}
.whyjoinitem.big .bigtextbox{width:100%;background-color:rgba(0,0,0,0.4);position:absolute;bottom:0;left:0;padding:32px 3.5% 29px 3.5%}
.whyjoinitem.big .bigtextbox .title{color:#fff;font-size:18px;font-weight:bold}
.whyjoinitem.big .bigtextbox .text{color:#fff;font-size:14px;margin-top:10px}
.whyjoinitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.whyjoinitem .textbox{background-color:#f9f9f9;padding:28px 28px}
.whyjoinitem .textbox .name{font-size:18px;font-weight:bold}
.whyjoinitem .textbox .text{color: rgb(102, 102, 102);line-height: 1.714;margin-top:14px;min-height:46px;max-height:69px}
.threeviews{margin-top:100px}
.threeviews .threeview{width:33.3333%;padding:0 3%}
.threeviews .threeview .img{width:100px;height:100px;margin:0 auto}
.threeviews .threeview .name{font-size:16px;color:#ee7800;padding:20px 0 15px;text-align:center}
.threeviews .threeview .text{text-align:center;color:#999;line-height:20px}

@media (max-width:1280px){
    .whyjoinitem .textbox{padding:23px 28px}
}

@media (max-width:993px){
    .news{padding:35px 0 50px}
    .newsdetailbox{padding:0 0 20px}
    .videoalertbox{max-width:92%}
    .threeviews{margin-top:30px}
    .threeviews .threeview .img{width:70px;height:70px}
}

@media (max-width:768px){
    .newsitem{padding:15px}
    .newsitem .img,
    .newsitem .img img,
    .newsitem .textbox,
    .whyjoinitem .img img{width:100%}
    .newsitem .textbox{margin-left:0;margin-top:10px}
    .newsitem .textbox .text{margin-top:10px;max-height:48px;line-height:1.8}
    .newsitem .textbox .bot{margin-top:25px}
    .newsdetailbox .title{font-size:20px}
    .newsdetailbox .top{padding-bottom:15px}
    .pagers{width:100%}
    .newsdetail_bot .return{float:left;margin-top:15px}
    .videoitem{width:100%;margin-right:0;margin-bottom:15px}
    .videoitem:nth-last-of-type(2),
    .videoitem:nth-last-of-type(3){margin-bottom:15px}
    .joinitem .joinleft{width:80px}
    .joinitem .joinleft .name{font-size:22px}
    .joinitem .joinleft .icon img{width:44px}
    .joinitem .textbox{width:calc(100% - 80px)}
    .joinitem{padding:15px 0}
    .whyjointop .title,
    .whyjoinbot .title{font-size:20px}
    .whyjointop .text{margin-top:6px}
    .whyjoinbot{margin-top:15px}
    .whyjoinitem{width:100%;margin-right:0;margin-bottom:15px}
    .whyjoinitem.big{width:100%;margin-bottom:15px}
    .whyjoinitem.big .bigtextbox{background-color: #f9f9f9;padding: 28px 28px;position:static}
    .whyjoinitem.big .bigtextbox .title{font-size:18px;color:#333;font-weight:bold}
    .whyjoinitem.big .bigtextbox .text{color: rgb(102, 102, 102);
        line-height: 1.714;
        margin-top: 14px;}
}

/* 鑱旂郴鎴戜滑 */
.conttop{border-bottom:1px solid #ececec;padding-bottom:40px}
.conttop .img{height:350px;overflow:hidden}
.conttop .textbox{width:calc(100% - 848px);margin-right:58px}
.conttop .textbox .title{color:#ee7700;font-size:24px;font-weight:bold;line-height:1}
.conttop .textbox .items{margin-top:35px}
.conttop .textbox .item{margin-bottom:30px}
.conttop .textbox .item .text{width:calc(100% - 60px);margin-left:20px}
.conttop .textbox .item .text .top{color:#666;font-weight:bold;line-height:1;font-size:16px}
.conttop .textbox .item .text .bot{color:#666;margin-top:4px}
.contbot{margin-top:40px}
.conlist{width:49%;margin-right:2%;margin-bottom:30px;background-color:#f9f9f9;padding:30px;cursor:pointer}
.conlist:nth-of-type(2n){margin-right:0}
.conlist .name{font-size:20px;padding-bottom:20px;border-bottom:1px solid #e4e4e4}
.conlist .textlist{color:#666;margin-top:12px}
.conlist .bot{margin-top:22px}
.conlist .seemap{width:120px;height:36px;display:block;color:#fff;background-color:#ee7700;line-height:36px;padding-left:21px;background-image:url(../img/condw.png);background-repeat:no-repeat;background-position:right 22px center;}

.conlist:hover{background-color:#fff;box-shadow:0px 0px 57px rgba(215,215,215,0.66);}

@media (max-width:993px){
    .conlist{width:100%;margin-right:0;margin-bottom:15px;padding:15px}
    .conlist .name{font-size:16px}
    .conttop .img{height:300px}
    .conttop .textbox{width:100%;margin-right:0}
    .conttop .textbox .title{font-size:20px}
    .conttop .textbox .item{margin-bottom:15px}
    .conttop{padding-bottom:25px}
    .contbot{margin-top:25px}
}
.formbox.cur{display:block}
.proformbox{width:1000px;height:580px;background-color:#fff;padding:30px 60px;z-index:22;position:absolute;top:50%;margin-top:-290px;left:50%;margin-left:-500px}
.proform{width:100%;max-height:360px;border-bottom:1px solid #ddd;overflow-y:auto}
.proformbox .formitem{padding:12px 0;border-bottom:1px solid #f3f3f3}
.proformbox .formitem .formitemname{width:100px;font-size:14px;color:#666;line-height:40px}
.proformbox .formitem .formitemname span{width:7px;display:inline-block;color:#e01c1c;font-size:14px;line-height:40px}
.proformbox .formitemiput{width:calc(100% - 100px)}
.proformbox .formitemiput input{width:100%;height:40px;color:#333}
.proformbox .formitemiput textarea{width:100%;height:100px;border:1px solid #f6f6f6;padding:8px 10px}
.proformbox .btn{width:180px;height:58px;line-height:58px;color:#fff;font-size:18px;cursor:pointer;text-align:center;margin:30px auto 0;border-radius:6px;background-color: #ee7700;}

.proformbox .formitem[know] .formitemname{width:150px}
.proformbox .formitem[know] .formitembox{width:calc(100% - 160px)}

.proformbox .formselbox{position:relative;z-index:18;width:33.3333%}
.proformbox .formselbox.cur2{z-index:0}
.proformbox .formitembox{width:calc(100% - 100px)}
.proformbox .formselbox{width:}
.proformbox .formselbox .top{width:90%;height:40px;background-color:#fff;padding:0 15px;cursor:pointer}
.proformbox .formselbox .top .formselname{width:calc(100% - 39px);margin-right:20px;word-break:break-all;text-align:left;line-height:40px;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proformbox .formselbox .top .selecticon{line-height:40px}
.proformbox .formselbox .top .selecticon img{display:inline-block;vertical-align:middle}
.proformbox .formselbox .formselitems{max-height:160px;overflow-y:auto;z-index:29;text-align:left;cursor:pointer;background-color:#fff;width:100%;position:absolute;top:46px;display:none}
.proformbox .formselbox.cur .selecticon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.proformbox .selectitem{padding-left:32px;margin-right:10px;position:relative;color:#666;font-size:18px;line-height:40px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s;cursor:pointer}
.proformbox .selectitem:after{content:"";width:20px;height:20px;border:1px solid #ddd;;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;border-radius:6px;position:absolute;top:50%;margin-top:-10px;left:0}
.proformbox .selectitem.cur,
.proformbox .selectitem:hover{color:#ee7700}
.proformbox .hideinput{width:100%;height:40px;border:1px solid #ddd;border-radius:6px;display:none}
.proformbox .hideinput input{width:100%;height:100%;padding:6px 20px;border-radius:6px}
.proformbox .selectitem.cur:after{background-image:url(../img/selcur.png);border:none}

/* .formbox2 .proformbox .inputlist2{display:inline-block} */
.formbox2 .proformbox .inputlist2:nth-of-type(1){width:60%;margin-right:10%}
.formbox2 .proformbox .inputlist2:nth-of-type(2){width:30%;border-left:1px solid #ee7700;padding-left:2%}

.prop{width:380px;height:140px;position:fixed;top:50%;margin-top:-50px;left:50%;display:none;margin-left:-140px;background-color:#fff;z-index:99;box-shadow:0px 4px 30px 0px rgba(0,0,0,0.2)}
.prop.cur{display:block}
.prop .box{text-align:center}
.prop .box .icon{display:inline-block;height:140px;line-height:140px}
.prop .box .icon img{display:inline-block;vertical-align:middle}
.prop .box .text{display:inline-block;font-size:18px;line-height:140px;margin-left:15px;font-weight:bold}
@media (max-width:993px){
    .proformbox{width:92%;height:340px;padding:10px;margin-left:-46%;border-radius:6px;margin-top:-170px}
    .proformbox .formselbox .top{width:100%;padding:0 10px;height:30px}
    .proformbox .formselbox .top .formselname{line-height:30px;max-height:30px}
    .proformbox .formitem .formitemname{width:80px;line-height:30px}
    .proformbox .formitembox{width:calc(100% - 80px)}
    .proformbox .formselbox{width:100%}
    .proformbox .formitemiput{width:calc(100% - 80px)}
    .proformbox .formitemiput input{height:30px}
    .proformbox .formitem{padding:6px 0}
    .proformbox .formitem .formitemname span{line-height:30px}
    .proformbox .formitemiput textarea{height:60px;padding:4px 5px}
    .proform{max-height:250px}
    .proformbox .btn{width:120px;height:40px;line-height:40px;margin:15px auto 0}
    .proformbox .formselbox .formselitems{top:30px;max-height:146px}
    .proformbox .formselbox.cur2{z-index:1}
    .proformbox .formselbox .top .selecticon{line-height:30px}
    .prop{width:92%;margin-left:-46%}
}