@charset "utf-8";
@import url(base.css);
.hz{max-width: 1200px;box-sizing: border-box;margin: 0 auto;}

.header{width: 100%;}
.header.active{position:fixed;top:0;left:0;z-index:10000;border-bottom:1px solid #eee;box-sizing:border-box;}
.headerup{width: 100%;background: #f7f7f7;}
.headerupcon{width: 100%;height: 36px;}
.headerupcon p{font-size: 12px;color: #999;font-weight: 400;line-height: 36px;}
.headerbut{width: 100%;background: #fff;}
.headerbut .hz{max-width:1440px;}
.headerbutcon{width: 100%;height: 72px;}
.headerleft{float: left;margin-right: 40px;}
.headerleft a{display: block;max-width:120px;margin-top:12px;}
.headerleft a img{display: block;max-width: 100%;}
.headernav{float: left;}
.headernav>ul>li{float: left;margin-right: 75px;}
.headernav>ul>li:last-child{margin-right: 0;}
.headernav>ul>li>a{display: block;font-size: 16px;color: #232323;line-height: 72px;}
.headernav>ul>li>a i{display: inline-block;width: 16px;height: 16px;background: url(../images/xl.png) center no-repeat;vertical-align: -4px;
margin-left: 3px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headernav>ul>li:hover>a>i{transform: rotate(180deg);}
.headerdown{width: 100%;position: absolute;top: 72px;left: 0;display: none;z-index: 100;}
.headernavbj{width: 100%;height: 100vh;position: absolute;top: 72px;left: 0;background: rgba(51, 51, 51, 0.2);display: none;z-index: 10;}
.headerprout{width: 100%;background: #fff;border-top: 1px solid #eee;box-sizing: border-box;display: flex;}
.headerproutleft{float: left;width: 246px;padding: 24px 0;background: #f7f7f7;box-sizing: border-box;}
.headerproutleft ul li{width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerproutleft ul li a{display: block;width: 100%;font-size: 14px;padding: 10px 10px 10px 20px;box-sizing: border-box;color: #232323;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerproutleft ul li a i{float: right;width: 16px;height: 16px;background: url(../images/hright.png) center no-repeat;
margin-top: 2px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerproutleft ul li:hover{background: #fff;}
.headerproutleft ul li:hover a{color: #000;}
.headerproutleft ul li:hover a i{background: url(../images/hrights.png) center no-repeat;}
.headerproutleft ul li.active{background: #fff;}
.headerproutleft ul li.active a{color: #000;}
.headerproutleft ul li.active a i{background: url(../images/hrights.png) center no-repeat;}
.headerproutright{float: left;width: 954px;height: 100%;}
.headerlisted{width: 100%;padding: 20px 20px 20px 40px;box-sizing: border-box;display: none;}
.headerlisted:first-child{display: block;}
.headerlisted ul li{float: left;width: 32%;margin-right: 2%;border-top: 1px solid #eee;padding-top: 20px;margin-top: 20px;box-sizing: border-box;}
.headerlisted ul li:nth-child(3n){margin-right: 0;}
.headerlisted ul li:nth-child(1),.headerlisted ul li:nth-child(2),.headerlisted ul li:nth-child(3){border-top: 0;padding-top: 0;margin-top: 0;}
.headerimg{float: left;width: 60px;height: 60px;display:none;}
.headerimg img{display: block;width: 100%;height: 100%;}
.headertext{width: 100%;padding-left: 20px;box-sizing: border-box;}
.headertext h2{margin-bottom: 8px;}
.headertext h2 a{font-size: 14px;color: #232323;font-weight: 600;}
.headertext h2 a:hover{text-decoration: underline;}
.headertext p{margin-bottom: 8px;}
.headertext p a{font-size: 13px;color: #6c7073;font-weight: 500;line-height:24px;}
.headertext p a:hover{color:#232323;text-decoration: underline;}
.headertext p .newpro{font-size: 12px;color: #fff;display: inline-block;background-color: #83C44E;line-height: 18px;
padding: 0 6px;font-weight: 400;cursor: default;margin: 0 0 0 6px;vertical-align: top;border-radius: 2px;height: 18px;}
.headertext p .hotpro{font-size: 12px;color: #fff;display: inline-block;background-color: #ff7800;line-height: 18px;
padding: 0 6px;font-weight: 400;cursor: default;margin: 0 0 0 6px;vertical-align: top;border-radius: 2px;height: 18px;}
.headercase{width: 100%;padding: 20px 80px;box-sizing: border-box;background: #fff;border-top: 1px solid #eee;}
.headercase ul li{float: left;width: 32%;margin-right: 2%;}
.headercase ul li:last-child{margin-right: 0;}
.headercase ul li h2{font-size: 16px;color: #232323;line-height: 24px;margin-bottom: 16px;font-weight: normal;}
.headercase ul li a{display: block;font-size: 12px;line-height: 1.5;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
margin-top: 8px;color: #616265;}
.headercase ul li a:hover{text-decoration: underline;color: #232323;}
.headerserver{width: 100%;padding: 20px 80px;box-sizing: border-box;background: #fff;border-top: 1px solid #eee;}
.headerserver ul li{float: left;width: 48%;margin-right: 4%;border-right: 1px solid #eee;box-sizing: border-box;padding: 0 10%;}
.headerserver ul li:last-child{margin-right: 0;border-right: 0;}
.headerserver ul li h2{font-size: 16px;color: #232323;line-height: 24px;margin-bottom: 16px;font-weight: 600;}
.headerserver ul li h2 i{display: inline-block;width: 22px;height: 22px;vertical-align: -5px;margin-right: 4px;}
.headerserver ul li h2 i img{display: block;width: 100%;}
.headerserver ul li a{display: block;font-size: 12px;line-height: 1.5;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
margin-top: 8px;color: #616265;margin-left: 31px;}
.headerserver ul li a:hover{text-decoration: underline;color: #232323;}
.headerabout{width: 100%;padding: 20px 0;box-sizing: border-box;background: #fff;border-top: 1px solid #eee;}
.headerabout ul li{float: left;width: 16.6%;border-right: 1px solid #eee;box-sizing: border-box;display: flex;justify-content: center;}
.headerabout ul li:last-child{margin-right: 0;border-right: 0;}
.headerabout ul li h2{font-size: 16px;color: #232323;line-height: 24px;margin-bottom: 10px;font-weight: 600;}
.headerabout ul li h2 a{color: #232323;}
.headerabout ul li h2 a:hover{text-decoration: underline;}
.headerabout ul li h2 i{display: inline-block;width: 22px;height: 22px;vertical-align: -5px;margin-right: 4px;}
.headerabout ul li h2 i img{display: block;width: 100%;}
.headerabout ul li p{font-size: 12px;line-height: 1.5;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
color: #616265;margin-left: 31px;}
.headerseach{float: right;position: relative;margin-top: 16px;}
.headerseach input{width: 260px;height: 40px;font-size: 14px;border-radius: 3px;padding-left: 20px;
box-sizing: border-box;border: 1px solid #e5e5e5;color: #232323;padding-right: 50px;outline: none;}
.headerseach button{width: 40px;height: 38px;background: url(../images/seach.png) center no-repeat;
border: 0;position: absolute;top: 1px;right: 1px;outline: none;}
.banner{width: 100%;height: 460px;}
.bannercon{width: 100%;height: 100%;}
.bannercon ul li{width: 100%;height: 100%;position:relative;}
.bannercon ul li:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient( 270deg, rgba(132,0,223,0) 0%, rgba(94,0,223,0.6) 100%);z-index:10;}
.bannercon ul li a{display: block;width: 100%;height: 100%;}
.bannercon ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.bannerconter{position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;z-index:12;}
.bannertext{width: 100%;height: 100%;display: flex;align-items: center;position: absolute;transform: translateX(-100px);
opacity: 0;transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;}
.bannertext p{font-size: 20px;font-weight: 600;color: #fff;}
.bannertext h4{font-size: 50px;font-weight: 600;color: #fff;margin-top: 28px;margin-bottom: 16px;line-height: 60px;}
.bannertext span{font-size: 18px;font-weight: 300;color: #fff;line-height: 26px;display: block;}
.bannertext strong{display: block;width: 120px;height: 40px;border: 2px solid #fff;box-sizing: border-box;border-radius: 20px;
text-align: center;line-height: 36px;font-size: 14px;color: #fff;font-weight: 500;margin-top: 45px;}
.bannercon ul li.swiper-slide-active .bannertext{transform: translateX(0px);opacity: 1;}
.bannerpage .swiper-pagination-bullet{cursor: pointer;background: #fff !important;opacity: .5;}
.bannerpage .swiper-pagination-bullet-active{opacity: 1;}
.bannerprev{position: absolute;margin-top: -30px !important;z-index: -20;cursor: pointer;left: 14% !important;top: 50% !important;opacity: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 60px !important;height: 60px !important;background: url(../images/lefts.png) no-repeat center center !important;background-size: 100% 100% !important;}
.bannernext{position: absolute;margin-top: -30px !important;z-index: -20;cursor: pointer;right: 14% !important;top: 50% !important;opacity: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 60px !important;height: 60px !important;background: url(../images/rights.png) no-repeat center center !important;background-size: 100% 100% !important;}
.bannercon:hover .bannerprev{opacity: 1;z-index: 2;}
.bannercon:hover .bannernext{opacity: 1;z-index: 2;}
.conter{width: 100%;}
.statistics{width: 100%;background: #fff;}
.statisticscon{width: 100%;}
.statisticscon ul li{float: left;width: 16.6%;padding: 25px 0 20px;box-sizing: border-box;}
.statisticsimg{width: 33px;height: 28px;margin: 0 auto 12px;}
.statisticsimg img{display: block;width: 100%;}
.statisticscon ul li h5{font-size: 16px;color: #232323;margin-bottom: 5px;text-align: center;}
.statisticscon ul li p{font-size: 14px;color: #616265;text-align: center;}
.conterbox{width: 100%;background: #f7f7f7;padding: 50px 0;box-sizing: border-box;}
.sell{width: 100%;margin-bottom: 50px;}
.sellcon{width: 100%;}
.sellcon ul li{width: 32%;margin-right: 2%;background: #fff;transition: all .3s;float: left;}
.sellcon ul li:last-child{margin-right: 0;}
.sellcon ul li a{display: block;width: 100%;}
.sellimg{width: 100%;position: relative;overflow: hidden;position:relative;}
.sellimg:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient( 135deg, rgba(0,60,162,0) 0%, #8400DF 100%);opacity:0.6;}
.sellimg img{display: block;width: 100%;}
.sellimg span{position: absolute;color: #fff;font-size: 13px;padding: 3px 13px;background: rgba(0, 112, 188, .4);border-radius: 2px;
left: 20px;z-index: 10;top: 20px;transition: all .3s;box-sizing: border-box;}
.sellimg strong{padding: 0 12px 0 10px;min-width: 36px;height: 26px;box-sizing: border-box;border: 2px solid #ffffff;position: absolute;top: 77%;left: 6.1%;
border-radius: 20px;background-color: rgba(35, 35, 35, 0.6);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;
transition: all 0.3s ease;margin-top: 0;line-height: 20px;font-size: 12px;color: #fff;text-align: unset;font-weight: 500;line-height: 20px;}
.sellimg strong i{display: inline-block;width: 12px;height: 12px;background: url(../images/play.png) center no-repeat;vertical-align: -2px;}
.selltext{width: 100%;padding: 28px 0;box-sizing: border-box;}
.selltext h5{font-size: 16px;color: #232323;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
line-height: 26px;}
.selltext p{font-size: 14px;color: #616265;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;}
.sellcon ul li:hover{box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15);}
.sellcon ul li .sellimg span:hover{background-color: #0070bc;}
.sellcon ul li .sellimg strong:hover{background-color: #0070bc;border-color: #0070bc;}
.tytc{position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.8);z-index: 20000;display: none;}
.gbtc{position: absolute;top:6%;left:50%;transform: translate(-50%,0);color:#fff;font-size: 40px;cursor: pointer;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.gbtc:hover{color:#005BAC;}
.sptc_box{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:60%;height: 70%;}
.sptc_box video{outline: none;}
.hotproduct{width: 100%;margin-bottom: 50px;}
.hotproductcon{width: 100%;}
.title{width: 100%;margin-bottom: 25px;}
.title h4{font-size: 20px;color: #232323;float: left;}
.title a{float: right;font-size: 14px;color: #5D00EE;margin-top: 6px;}
.title a i{display: inline-block;width: 12px;height: 12px;background: url(../images/more.png) center no-repeat;vertical-align: -1px;}
.title a:hover{text-decoration: underline;}
.hotproductlist{width: 100%;padding-bottom: 40px !important;box-sizing: border-box;}
.hotproductlist ul li{background: #fff;height: 265px;padding: 10px 0;box-sizing: border-box;width:19%;margin-right:1.25%;}
.hotproductlist ul li a{display: block;width: 100%;}
.hotproimg{width: 150px;height: 150px;margin: 0 auto 20px;}
.hotproimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hotprotext{width: 100%;padding: 0 20px;box-sizing: border-box;}
.hotprotext h5{text-align: center;font-size: 14px;height: 44px;font-weight: 400;color: #232323;margin-top: 5px;line-height: 22px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 4px;overflow: hidden;}
.hotprotext p{text-align: center;font-size: 14px;color: #232323;line-height: 24px;}
.hotproductlist ul li:hover{box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .15);}
.hotproductlist .swiper-pagination-bullet{cursor: pointer;background: #000000 !important;opacity: .2;}
.hotproductlist .swiper-pagination-bullet-active{opacity: 1;background: #828282 !important;}
.hotproprev{position: absolute;margin-top: -25px !important;z-index: 1;cursor: pointer;left: 10px !important;top: 47% !important;opacity: 0 !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 50px !important;height: 50px !important;background: url(../images/lefts.png) no-repeat center center !important;background-size: 100% 100% !important;}
.hotpronext{position: absolute;margin-top: -25px !important;z-index: 1;cursor: pointer;right: 10px !important;top: 47% !important;opacity: 0 !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 50px !important;height: 50px !important;background: url(../images/rights.png) no-repeat center center !important;background-size: 100% 100% !important;}
.hotproductlist:hover .hotproprev{opacity: 1 !important;}
.hotproductlist:hover .hotpronext{opacity: 1 !important;}
.incase{width: 100%;}
.incasecon{width: 100%;}
.incaselist{width: 100%;}
.incaselist ul li{float: left;width:32%;margin-right:2%;}
.incaselist ul li a{display: block;width: 100%;}
.incaseimg{display: block;width: 100%;position:relative;}
.incaseimg:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient( 135deg, rgba(0,60,162,0) 0%, #8400DF 100%);opacity:0.6;}
.incaseimg img{display: block;width: 100%;}
.incasetext{width: 92%;min-height: 50px;box-sizing: border-box;border-radius: 2px;background: #fff;
padding: 30px 30px 26px;margin: 0 auto;margin-top: -62px;position: relative;z-index: 1;}
.incasetextup{width: 100%;margin-bottom: 12px;}
.incasetextup h5{float: left;font-size: 16px;color: #232323;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
width: calc(100% - 30px);}
.incasetextup span{float: right;width: 17px;height: 17px;background: url(../images/jt.png) center no-repeat;margin-top: 2px;opacity: 0;transition: all .3s;}
.incasetext p{font-size: 14px;color: #616265;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 24px;height: 72px;}
.incaselist ul li:hover .incasetextup span{opacity: 1;}
.incaseprev{position: absolute;margin-top: -25px !important;z-index: 1;cursor: pointer;left: 10px !important;top: 42% !important;opacity: 0 !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 50px !important;height: 50px !important;background: url(../images/lefts.png) no-repeat center center !important;background-size: 100% 100% !important;}
.incasenext{position: absolute;margin-top: -25px !important;z-index: 1;cursor: pointer;right: 10px !important;top: 42% !important;opacity: 0 !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 50px !important;height: 50px !important;background: url(../images/rights.png) no-repeat center center !important;background-size: 100% 100% !important;}
.incaselist:hover .incaseprev{opacity: 1 !important;}
.incaselist:hover .incasenext{opacity: 1 !important;}
.footer{width: 100%;border-top: 1px solid #e5e5e5;box-sizing: border-box;background: #fff;}
.footercon{width: 100%;}
.footerup{width: 100%;padding: 56px 0;box-sizing: border-box;}
.footerupleft{float: left;}
.footerupleftimg{width: 100%;margin-bottom: 32px;max-width:120px;}
.footerupleftimg img{display: block;width: 100%;}
.footerupleft ul li{font-size: 14px;color: #646466;line-height: 22px;margin-bottom: 8px;position: relative;}
.footerupleft ul li i{display: inline-block;width: 26px;height: 26px;vertical-align: -8px;cursor: pointer;}
.footerupleft ul li i .fweixin{display: block;width: 100%;}
.footerupleft ul li .fwx{display: block;background: #fff;width: 120px;height: 120px;box-sizing: border-box;}
.footerupleft ul li p{font-size:12px;color:#999;}
.footerupright{float: right;width: calc(100% - 460px);}
.footerupright ul li{float: left;width: 25%;}
.footerupright ul li h5{font-size: 14px;color: #19191A;line-height: 22px;margin-bottom: 15px;}
.footerupright ul li a{display: table;font-size: 12px;line-height: 18px;margin-bottom: 16px;transition: all 0.3s ease;color: #646466;}
.footerupright ul li a:hover{color: #19191A;text-decoration: underline;}
.footerlast{width: 100%;padding: 20px 0 36px 0;box-sizing: border-box;border-top: 1px solid #e5e5e5;}
.footerleft{float: left;}
.footerleft a{float: left;width: 80px;height: 40px;background: url(../images/ficon.png) no-repeat;margin-right: 20px;}
.footerleft .ficon1{background-position: -61px -28px;}
.footerleft .ficon2{background-position: -61px -126px;}
.footerleft .ficon3{background-position: -61px -222px;}
.footerleft .ficon4{background: #fff;width: auto;line-height: 40px;font-size: 12px;color: #939393;}
.footerleft .ficon4 i{display: inline-block;width: 20px;height: 20px;vertical-align: -4px;}
.footerleft .ficon4 i img{display: block;}
.footerlast p{font-size: 12px;color: #646466;float: none;line-height: 40px;text-align:center;}
.footerlast p a{color: #646466;}
.backtop{cursor: pointer;font-size: 0.9em;position: fixed;text-align: center;z-index: 999; -webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;display: none;
    -ms-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;background: #121212;color: #ffffff;border-radius: 3px;padding-left: 12px;padding-right: 12px;padding-top: 12px;padding-bottom: 12px;right: 20px;bottom: 45px;}
.backtop:hover{background: #027DB4;color: #fff;}
/* 手机端 */
.nav{width: 100%;height: 60px;background: #fff;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;}
.navleft{float: left;width: 10%;height: 60px;display: flex;align-items: center;}
.navleft a{display: block;font-size: 0;}
.navleft a img{width: 100%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #5D00EE;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: rgba(94,0,223,0.8);}
.mobilebox .close{width: 100%;height: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 20px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #fff;}
.mobilelist>ul>li:first-child{border-top: 1px solid #fff;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: rgba(94,0,223,0.8);position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav{width: 100%;display: none;}
.mobilenav>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;border-top: 1px solid #eee;}
.mobilenav>a:first-child{border-top: 0;}
.mobilenav>div>span{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px 9px 25px;
    box-sizing: border-box;border-top: 1px solid #eee;position: relative;background-color: rgba(81,0,191,0.8);}
.mobilenav>div>span i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
    position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav>.on>span i{transform: rotate(90deg);}
.mobilenav>div>ul>li>a{display: block;font-size: 14px;font-family: chainRegular;color: #fff;padding: 9px 15px 9px 35px;box-sizing: border-box;border-top: 1px solid #eee;position: relative;
background:#42009D;}
.mobileerji{display: none;}
.mobileerji>ul>li>a{position: relative;}
.mobilenav>div>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
    position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav>div>ul>li>a.on i{transform: rotate(90deg);}
.mobilefore{width:100%;display:none;}
.mobilefore>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px 9px 45px;box-sizing: border-box;border-top: 1px solid #eee;
    background:rgba(44,0,122,0.8);}
.mobileseach{width: 90%;margin: 12px auto;position: relative;}
.mobileseach input{width: 100%;height: 38px;background: #F2F2F2;font-size: 14px;color: #333;border-radius: 4px;
outline: none;border: 0;padding: 0 40px 0 10px;box-sizing: border-box;}
.mobileseach button{background: url(../images/search.png) center no-repeat;width: 38px;height: 38px;
border: 0;outline: none;display: block;position: absolute;top: 0;right: 0;}
.nbanner{width: 100%;height: 380px;position: relative;}
.nbanner img{display: block;width: 100%;height: 100%;object-fit: cover;}
.nbanner h2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 38px;color: #fff;text-align: center;width: 100%;}
.guarantee{width: 100%;padding: 50px 0;box-sizing: border-box;background: #f7f7f7;}
.guaranteeup{width: 100%;margin-bottom: 40px;}
.guaranteeupcon{width: 100%;background: #fff;border-radius: 8px;padding: 56px;box-sizing: border-box;}
.gtitle{width: 100%;text-align: center;font-size: 26px;color: #232323;font-weight: 500;margin-bottom: 56px;}
.guaranteeuplist{width: 100%;}
.guaranteeuplist ul li{float: left;width: 32%;margin-right: 2%;}
.guaranteeuplist ul li:last-child{margin-right: 0;}
.guaimg{width: 90px;height: 90px;margin: 0 auto 12px;border-radius: 50%;}
.guaimg img{display: block;width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.guaranteeuplist ul li p{text-align: center;font-size: 14px;line-height: 24px;color: #616265;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.guaranteeuplist span{display: block;padding-top: 45px;box-sizing: border-box;text-align: center;font-size: 14px;color: #616265;line-height: 24px;}
.guaranteebut{width: 100%;}
.guaranteebutcon{width: 100%;background: #fff;border-radius: 8px;padding: 56px;box-sizing: border-box;}
.guaranteebutext{width: 100%;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;box-sizing: border-box;}
.guaranteebutext p{font-size: 14px;line-height: 24px;color: #616265;margin-bottom: 20px;}
.guaranteebutext p:last-child{margin-bottom: 0;}
.guaranteebutext p img{display: block;max-width: 100%;}
.guaranteelast{width: 100%;padding-top: 40px;box-sizing: border-box;}
.guaranteelast a{font-size: 14px;line-height: 36px;background-color: #c00000;color: #fff;border-radius: 2px;transition: .3s all;display: block;
width: 116px;height: 36px;text-align: center;margin: 0 auto;}
.guaranteelast a:hover{background: #9b0912;}
/* 申请弹层 */
.apply{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 5000;display: none;}
.applybj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.5);}
.applybox{width: 520px;background: #fff;border-radius: 10px;position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);}
.applytitle{width: 100%;height: 50px;border-bottom: 1px solid #EAEAEA;padding: 0 20px;box-sizing: border-box;}
.applytitle h5{font-size: 16px;color: #333;font-weight: 500;line-height: 50px;text-align: center;}
.applycon{width: 100%;padding: 20px 10%;box-sizing: border-box;}
.applycon ul li{width: 100%;margin-bottom: 10px;}
.applycon ul li:last-child{margin-bottom: 0;}
.applycon ul li span{font-size: 14px;color: #333;font-weight: 500;line-height: 26px;margin-right: 20px;display: block;}
.applycon ul li span i{color: red;}
.applycon ul li input[type='text']{width: 100%;height: 36px;padding: 0 14px;box-sizing: border-box;
outline: none;font-size: 14px;color: #333;border-radius: 4px;border: 1px solid #eaeaea;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.applycon ul li textarea{width: 100%;height:80px;padding: 10px 14px;box-sizing: border-box;resize: none;
outline: none;font-size: 14px;color: #333;border-radius: 4px;border: 1px solid #eaeaea;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.applycon ul li textarea:focus{border-color: #002B60;}
.applycon ul li input[type='text']:focus{border-color: #002B60;}
.applycon ul .applylast{display: flex;justify-content: center;}
.applycon ul .applylast button{float: left;width: 120px;height: 36px;margin-right: 20px;outline: none;background: #002B60;font-size: 14px;color: #fff;
border: 0;border-radius: 4px;box-sizing: border-box;line-height: 36px;}
.applycon ul .applylast button:last-child{margin-right: 0;border: 1px solid #002B60;color: #002B60;background: transparent;}
.oem{width: 100%;background: #f7f7f7;}
.oemservice{width: 100%;}
.oemserviceone{width: 100%;margin-bottom: 50px;}
.oemserviceonecon{width: 100%;position: relative;z-index: 1;background: #fff;padding: 45px 125px;box-sizing: border-box;
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);border-radius: 2px;font-size: 14px;color: #616265;line-height: 24px;margin-top: -60px;}
.proservice{width: 100%;}
.proservicecon{width: 100%;}
.proone{width: 100%;margin-bottom: 25px;}
.pronavlist{width: 100%;background: #fff;padding: 20px 0;border-radius: 2px;box-sizing: border-box;}
.pronavlist ul{display: block;width: 100%;text-align: center;}
.pronavlist ul li{display: inline-block;margin-right: 80px;}
.pronavlist ul li:last-child{margin-right: 0;}
.pronavimg{background: #f7f7f7;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 50%;float: left;}
.pronavimg img{display: block;width: 24px;}
.pronavlist ul li p{float: left;line-height: 60px;font-size: 14px;color: #232323;margin-left: 15px;}
.protwo{width: 100%;padding-bottom: 50px;box-sizing: border-box;}
.pronav{width: 100%;height: 53px;border-bottom: 1px solid #E5E5E5;box-sizing: border-box;background: #fff;}
.pronav ul{width: 100%;text-align: center;}
.pronav ul li{display: inline-block;margin-right: 120px;font-size: 16px;color: #616265;line-height: 51px;box-sizing: border-box;
cursor: pointer;}
.pronav ul li:last-child{margin-right: 0;}
.pronav ul li.active{border-bottom: 2px solid #232323;color: #232323;}
.prolistcon{width: 100%;background: #fff;}
.prolist{width: 100%;display: none;}
.prolist:first-child{display: block;}
.prolist ul li{float: left;width: 25%;padding-top: 46px;box-sizing: border-box;}
.prolist ul li a{display: block;width: 100%;}
.prolistimg{width: 180px;margin: 0 auto 25px;height: 180px;}
.prolistimg img{display: block;width: 100%;object-fit: cover;height: 100%;}
.prolist ul li a p{font-size: 14px;color: #232323;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
padding-bottom: 30px;box-sizing: border-box;}
.prolist ul li:hover a p{text-decoration: underline;}
.titled h4{float: none;text-align: center;font-size: 26px;font-weight: 500;}
.prothree{width: 100%;padding-bottom: 50px;box-sizing: border-box;}
.prothree .pronavlist{margin-bottom: 25px;}
.prothreebut{width: 100%;background: #fff;}
.prothreeleft{float: left;width: 50%;}
.prothreeleft img{display: block;width: 100%;}
.prothreeright{float: left;width: 50%;padding: 0 40px;box-sizing: border-box;}
.prothreeright p{font-size: 14px;color: #232323;line-height: 24px;margin-bottom: 10px;}
.prothreeright a{font-size: 14px;color: #0070bc;}
.prothreeright a i{display: inline-block;width: 12px;height: 12px;background: url(../images/more.png) center no-repeat;vertical-align: -2px;}
.prothreeright a:hover{text-decoration: underline;}
.profore{width: 100%;padding-bottom: 50px;box-sizing: border-box;}
.caselist{width: 100%;}
.caselist ul li{width: 32%;margin-right: 2%;float: left;background: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
.caselist ul li:last-child{margin-right: 0;}
.caselist ul li a{display: block;width: 100%;}
.caselistimg{width: 100%;}
.caselistimg img{display: block;width: 100%;}
.caselistext{width: 100%;padding: 25px;box-sizing: border-box;}
.caselistext h5{font-size: 16px;line-height: 24px;font-weight: 500;margin-bottom: 10px;color: #232323;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caselistext p{font-size: 14px;color: #0070bc;}
.caselistext p i{display: inline-block;width: 12px;height: 12px;background: url(../images/more.png) center no-repeat;vertical-align: -2px;}
.caselist ul li:hover{box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);}
.prolast{width: 100%;text-align: center;padding-top: 35px;box-sizing: border-box;}
.prolast a{font-size: 14px;color: #0070bc;}
.prolast a i{display: inline-block;width: 12px;height: 12px;background: url(../images/more.png) center no-repeat;vertical-align: -2px;}
.prolast a:hover{text-decoration: underline;}
.nbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.nboxconter{width: 100%;height: 100%;position: relative;}
.nboxleft{float: left;width: 260px;position: relative;z-index: 1;}
.nboxleft ul{background: #e9e9ea;height: 380px;padding: 24px 0;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.nboxleft ul li{width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.nboxleft ul li>a{display: block;width: 100%;font-size: 14px;padding: 10px 10px 10px 20px;box-sizing: border-box;color: #232323;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.nboxleft ul li>a i{float: right;width: 16px;height: 16px;background: url(../images/hrights.png) center no-repeat;
margin-top: 2px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.nboxleft ul:hover{background: #f6f6f6;}
.nboxleft ul li:hover{background: #fff;}
.nboxleft ul li:hover>a{color: #000;}
.nboxlist{background: #fff;position: absolute;top: 0;left: 0;background: #fff;box-sizing: border-box;padding: 20px 0 20px 259px;z-index: -1;height: 380px;
display: none;}
.nboxlist a{display: block;padding: 0 30px;box-sizing: border-box;font-size: 14px;color: #3b3e40;line-height: 36px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 210px;}
.nboxlist a:hover{text-decoration: underline;}
.nboxright{width: 800px;position: absolute;top: 48%;left: 50%;transform: translateY(-50%);margin-left: -260px;}
.nboxright p{font-size: 30px;color: #232323;font-weight: 500;margin-bottom: 20px;}
.nboxright span{font-size: 18px;color: #232323;font-weight: 300;}
.product{width: 100%;}
.productone{width: 100%;background: #fff;padding: 30px 0;box-sizing: border-box;}
.productonecon{width: 100%;}
.productonecon ul li{float: left;width: calc(100% / 6);}
.productonecon ul li a{display: block;width: 100%;}
.proimg{width: 150px;height: 150px;margin: 0 auto;}
.proimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.productonecon ul li p{padding: 9px 20px 0 20px;box-sizing: border-box;text-align: center;color: #232323;font-size: 14px;line-height: 24px;
min-height: 48px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.productonecon ul li:hover p{text-decoration: underline;}
.productconter{width: 100%;padding: 50px 0;box-sizing: border-box;background: #f7f7f7;}
.hotproducted{width: 100%;padding-bottom: 50px;box-sizing: border-box;}
.hotproductedcon{width: 100%;}
.titlepro h4{font-size: 24px;font-weight: 500;}
.hotprolist{width: 100%;}
.hotprolist ul li{background: #fff;transition: all .3s;padding: 10px 0;box-sizing: border-box;float: left;
width: 19%;margin-right: 1.25%;}
.hotprolist ul li:last-child{margin-right: 0;}
.hotprolist ul li a{display: block;width: 100%;}
.hotprolist ul li .hotproimg{width: 180px;height: 180px;margin: 0 auto 20px;}
.hotprolist ul li:hover{box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .15);}
.gearpro{width: 100%;padding-bottom: 50px;box-sizing: border-box;}
.gearprocon{width: 100%;}
.gearpronav{width: 100%;margin-bottom: 20px;}
.gearpronav ul li{float: left;cursor: pointer;font-size: 14px;color: #616265;padding-bottom: 6px;box-sizing: border-box;margin-right: 25px;}
.gearpronav ul li:last-child{margin-right: 0;}
.gearpronav ul li.active{border-bottom: 2px solid #232323;}
.gearproconter{width: 100%;}
.gearproconter .hotprolist{display: none;}
.gearproconter .hotprolist:first-child{display: block;}
.incaselisted ul li{float: left;width: 32%;margin-right: 2%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.incaselisted ul li:last-child{margin-right: 0;}
.incaselisted ul li .incasetext{width: 100%;margin: 0;padding: 20px;}
.incaselisted ul li .incasetextup h5{float: none;width: 100%;font-weight: 500;}
.incaselisted ul li .incasetext p{height: auto;-webkit-line-clamp:1;}
.incaselisted ul li:hover{box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15);}
.samllnav{width: 100%;background: #fff;padding: 10px 0;box-sizing: border-box;border-top: 1px solid #e5e5e5;}
.samllnavcon{width: 100%;}
.samllnavcon a{float: left;font-size: 15px;color: #6c7073;height: 38px;line-height: 38px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.samllnavcon a:hover{color: #232323;}
.samllnavcon span{float: left;font-size: 15px;color: #6c7073;height: 38px;line-height: 38px;margin: 0 10px;}
.samlltext{font-size: 28px;color: #232323;}
.boxproduct{padding: 50px 0;box-sizing: border-box;background: #f7f7f7;}
.boxproductcon{width: 100%;margin-bottom: 20px;}
.boxproup{width: 100%;background: #fff;}
.boxlist{box-sizing: border-box;padding: 20px 0;float:left;margin-right:14px;}
/*.boxlistactive .boxlist:nth-child(n+4){display: none;}*/
.boxlist:first-child{border-top: 0;}
.boxlist span{float: left;font-size: 14px;color: #999;padding-left: 12px;box-sizing: border-box;margin-right:10px;line-height:40px;}
.boxlister{float: left;}
.boxlister select{max-width:180px;height:40px;border:1px solid #eee;border-radius:4px;outline:none;font-size:14px;color:#333;min-width:120px;}
.boxlister a{float: left;font-size: 14px;color: #616265;font-weight: 500;margin-right: 40px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.boxlister a:last-child{margin-right: 0;}
.boxlister a.active{color: #232323;}
.boxlister a:hover{color: #232323;}
.boxprobut{width: 100%;}
.boxprobut span{display: block;background: #ffffff;font-size: 14px;line-height: 34px;text-align: center;padding: 0 15px;cursor: pointer;
border:1px solid #e5e5e5;border-top: 1px solid #ffffff;color: #616265;width: 104px;margin: 0 auto;}
.boxprolistcon{width: 100%;}
.boxprolistcon ul li{float: left;width: 24%;margin-right: 1.25%;margin-bottom: 1.25%;background: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.boxprolistcon ul li:nth-child(4n){margin-right: 0;}
.boxprolistcon ul li a{display: block;width: 100%;}
.boxproimg{width: 100%;height: 180px;padding-top: 16px;margin-bottom: 10px;position: relative;}
.boxproimg img{display: block;max-width: 100%;height:100%;margin: 0 auto;}
.boxprotext{width: 100%;padding: 20px;box-sizing: border-box;}
.boxprotext h5{font-size: 14px;text-overflow: ellipsis;color: #232323;height: 48px;font-weight: 500;line-height: 24px;margin-bottom: 6px;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.boxprotext p{font-size: 12px;color: #8d8d8f;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;margin-bottom: 6px;}
.boxprotext span{font-size: 16px;color: #232323;font-weight: 600;display: block;
white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.boxprolistcon ul li:hover{box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);}
.boxprolistcon ul li:hover h5{text-decoration: underline;}
.scrpage{width: 100%;box-sizing: border-box;margin-top: 40px;}
.scrpage ul{display: table;margin: 0 auto;}
.scrpage ul li{float: left;margin-right: 8px;}
.scrpage ul li:last-child{margin-right: 0;}
.scrpage ul li a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;padding: 6px 12px;box-sizing: border-box;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: #fff;}
.scrpage ul .active a{border-color: #0070bc;background: #0070bc;color: #fff;}
.scrpage ul li:hover a{border-color: #0070bc;background: #0070bc;color: #fff;}
.download{width: 100%;padding: 50px 0;box-sizing: border-box;background: #f7f8fa;}
.downloadcon{width: 100%;}
.downloadleft{float: left;width: 310px;padding: 20px;box-sizing: border-box;background: #fff;margin-right: 10px;}
.downsearch{width: 100%;position: relative;margin-bottom: 10px;}
.downsearch input{width: 100%;height: 40px;border: 1px solid #e5e5e5;font-size: 13px;color: #232323;border-radius: 2px;outline: none;
padding: 0 30px 0 10px;box-sizing: border-box;}
.downsearch button{position: absolute;top: 0;right: 0;border: 0;height: 40px;outline: none;background: url(../images/sousuo.png) center no-repeat;width: 30px;}
.downlist{width: 100%;}
.downlist ul li{width: 100%;margin-bottom: 6px;}
.downlist ul li>a{font-size: 14px;color: #232323;display: block;line-height: 24px;padding-bottom: 8px;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.downlist ul li>a i{display: inline-block;width: 16px;height: 16px;background: url(../images/hrights.png) center no-repeat;vertical-align: -3px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.downlist ul li.active>a{color: #0070BC;}
.downlist ul li.active a i{transform: rotate(90deg);}
.downlist ul li>a:hover{color: #0070BC;}
.downlister{width: 100%;display: none;}
.downlister a{display: block;font-size: 13px;color: #616265;line-height: 22px;padding-left: 20px;box-sizing: border-box;padding-bottom: 6px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.downlister a:last-child{padding-bottom: 0;}
.downlister a:hover{color: #0070BC;}
.downloadright{float: right;width: 880px;padding: 20px;box-sizing: border-box;background: #fff;}
.downbox{width: 100%;}
.downboxup{width: 100%;height: 40px;background: #F7F7F7;border-bottom: 1px solid #eee;padding: 0 20px;box-sizing: border-box;line-height: 40px;}
.downboxup p{float: left;font-size: 14px;color: #232323;font-weight: bold;}
.downboxup p:nth-child(1){width: 53%;}
.downboxup p:nth-child(2){width: 21%;}
.downboxup p:nth-child(3){width: 13%;}
.downboxup p:nth-child(4){width: 13%;text-align: right;}
.downboxlist{width: 100%;}
.downboxlist ul li{width: 100%;height: 40px;background: #fff;border-bottom: 1px solid #eee;padding: 0 20px;box-sizing: border-box;line-height: 40px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.downboxlist ul li:hover{background: #F8F8F8;}
.downboxlist ul li p{float: left;font-size: 13px;color: #232323;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.downboxlist ul li p i{display: inline-block;width: 16px;height: 16px;vertical-align: -2px;}
.downboxlist ul li p i img{display: block;width: 100%;}
.downboxlist ul li p a{display: inline-block;width: 16px;height: 16px;}
.downboxlist ul li p a img{display: block;width: 100%;}
.downboxlist ul li p:nth-child(1){width: 53%;padding-right: 20px;box-sizing: border-box;}
.downboxlist ul li p:nth-child(2){width: 21%;}
.downboxlist ul li p:nth-child(3){width: 13%;}
.downboxlist ul li p:nth-child(4){width: 13%;text-align: right;}
.case{width: 100%;background: #f7f7f7;padding: 50px 0;box-sizing: border-box;}
.caseconter{width: 100%;}
.casetitle{width: 100%;margin-bottom: 30px;}
.casetitle h4{font-size: 26px;color: #232323;font-weight: 500;}
.caselister{width: 100%;}
.caselister ul li{float: left;width: 32%;margin-right: 2%;background: #fff;margin-bottom: 2%;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.caselister ul li:nth-child(3n){margin-right: 0;}
.caselister ul li a{display: block;width: 100%;}
.caselisterimg{display: block;width: 100%;}
.caselisterimg img{display: block;width: 100%;}
.caselistertext{width: 100%;padding: 24px 20px;box-sizing: border-box;}
.caselistertext h5{font-size: 16px;color: #232323;width: 100%;font-weight: 500;
white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;margin-bottom: 15px;}
.caselistertext p{color: #999999;font-size: 14px;min-height: 48px;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;width: 100%;line-height: 24px;margin-bottom: 15px;}
.casebut{width: 100%;}
.casebut img{float: left;max-width: 100%;height: 20px;margin-right: 10px;}
.casebut span{float: left;font-size: 13px;color: #999;}
.caselister ul li:hover{box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15);}
.casedetails{width: 100%;padding: 50px 0;box-sizing: border-box;background: #f7f7f7;}
.casedetailscon{width: 100%;}
.casesaill{width: 100%;margin-bottom: 10px;}
.casesaill a{float: left;font-size: 15px;color: #616265;}
.casesaill a:hover{text-decoration: underline;}
.casesaill span{float: left;font-size: 15px;color: #616265;margin: 0 10px;}
.casesaill strong{float: left;font-size: 15px;color: #232323;font-weight: 500;}
.casedetailsbox{width: 100%;background: #fff;padding: 32px 50px;box-sizing: border-box;}
.casedetailsboxup{width: 100%;padding-bottom: 28px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.casedetailsboxup h5{font-size: 26px;color: #333;font-weight: 500;margin-bottom: 10px;}
.casejianjie{width: 100%;margin-bottom: 30px;}
.casejianjie p{float: left;font-size: 12px;color: #999;font-weight: 400;margin-right: 18px;}
.casejianjie p:last-child{margin-right: 0;}
.casejianjie p i{display: inline-block;width: 13px;height: 13px;vertical-align: -1px;}
.casejianjie .casename i{background: url(../images/essay_author.png) center no-repeat;}
.casejianjie .casetime i{background: url(../images/essay_time.png) center no-repeat;}
.casebuted{width: 100%;display: flex;align-items: center;}
.casebutedleft{float: left;width: 200px;margin-right: 16px;}
.casebutedleft img{display: block;max-width: 100%;}
.casebutedright{float: left;}
.casebutedright p{font-size: 14px;color: #232323;line-height: 24px;}
.casedetailsboxbut{width: 100%;padding-top: 24px;box-sizing: border-box;}
.casedetailsboxbut p{font-size: 14px;color: #232323;margin-bottom: 14px;font-weight: 500;}
.casedetailsboxbut p img{display: block;max-width: 100%;}
.casedetailsboxbut p:last-child{margin-bottom: 0;}
.nbannered{width: 100%;height: 380px;position: relative;}
.nbannered img{display: block;width: 100%;height: 100%;object-fit: cover;}
.nbanneredcon{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.nbanneredcontext{width: 100%;}
.nbanneredcontext h4{font-size: 38px;color: #fff;text-align: center;font-weight: bold;margin-bottom: 20px;}
.nbanneredcontext p{font-size: 16px;color: #fff;text-align: center;font-weight: 400;}
.solution{width: 100%;}
.solutionone{width: 100%;padding: 50px 0;background: #f7f7f7;box-sizing: border-box;}
.solutiononecon{width: 100%;}
.solutiononeup{width: 100%;background: #fff;margin-bottom: 10px;}
.solutiononeupleft{float: left;width: 50%;}
.solutiononeupleft img{display: block;width: 100%;}
.solutiononeupright{float: left;width: 50%;padding: 0 30px;box-sizing: border-box;}
.solutiononeupright h5{font-size: 20px;color: #232323;font-weight: 400;margin-bottom: 20px;}
.solutiononeupright p{font-size: 14px;color: #616265;font-weight: 400;margin-bottom: 18px;line-height: 24px;}
.solutiononeupright p:last-child{margin-bottom: 0;}
.solutiononebut{width: 100%;background: #fff;}
.solutiononebut ul li{float: left;width: 25%;padding: 20px 35px;box-sizing: border-box;}
.soimg{float: left;width: 66px;height: 66px;border-radius: 50%;background: #f7f7f7;position: relative;margin-right: 15px;}
.soimg img{display: block;position: absolute;top: 50%;left: 50%;width: 35px;height: 35px;transform: translate(-50%,-50%);}
.sotext{float: left;line-height: 66px;}
.sotext p{font-size: 14px;color: #232323;font-weight: 400;}
.solutiontwo{width: 100%;padding: 50px 0;box-sizing: border-box;background: #fff;}
.solutiontwocon{width: 100%;}
.sotitle{width: 100%;margin-bottom: 35px;position: relative;}
.sotitle h4{font-size: 26px;color: #232323;text-align: center;font-weight: 500;}
.solutiontwotext{width: 100%;}
.solutiontwotext p{font-size: 14px;line-height: 24px;margin-bottom: 20px;color: #616265;text-align: center;}
.solutiontwotext p img{display: block;max-width: 100%;margin: 0 auto;}
.solutiontwotext p:last-child{margin-bottom: 0;}
.solutionthree{width: 100%;padding: 50px 0;box-sizing: border-box;background: #f7f7f7;}
.solutionthreecon{width: 100%;}
.solutionthreebut{width: 100%;}
.solutionthreelist{width: 100%;padding-bottom: 40px;box-sizing: border-box;}
.solutionthreelist ul li{background: #fff;float: left;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.solutionthreelist ul li a{display: block;width: 100%;padding: 10px 23px 23px;box-sizing: border-box;}
.soluimg{width: 180px;margin: 0 auto 15px;height: 180px;}
.soluimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.solutext{width: 100%;}
.solutext h5{font-size: 16px;color: #232323;width: 100%;font-weight: 500;
white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;margin-bottom: 15px;}
.solutext p{color: #616265;font-size: 14px;min-height: 48px;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;width: 100%;line-height: 24px;}
.solutionthreelist ul li:hover{box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15);}
.solutionthreelist .swiper-pagination-bullet{opacity: 1;background: #e5e5e5;}
.solutionthreelist .swiper-pagination-bullet-active{background: #999999;}
.sobut{position: absolute;right: 0;top: 6px;}
.sonext{position: static;width: 22px;height: 22px;border-radius: 50%;background: #616265 url(../images/sol.png) center no-repeat !important;cursor: pointer;
float: left;margin-right: 10px;}
.soprev{position: static;width: 22px;height: 22px;border-radius: 50%;background: #616265 url(../images/sor.png) center no-repeat !important;cursor: pointer;
float: left;}
.solutionfore{width: 100%;padding: 50px 0;box-sizing: border-box;background: #fff;}
.solutionforecon{width: 100%;}
.solast{background: #f7f7f7;}
.nbanneredjoin{height: 260px;overflow: hidden;}
.nbanneredjoin img{position: absolute;left: 50%;top: -70px;transform: translateX(-50%);object-fit: none;height: auto;}
.join{width: 100%;background: #f7f7f7;box-sizing: border-box;}
.joinup{width: 100%;background: #fff;padding: 12px 0;box-sizing: border-box;}
.joinupcon{width: 100%;}
.joinupcon select{width: 160px;height: 36px;color: #6c7073;font-size: 16px;border: 1px solid #dedede;border-radius: 2px;padding-left: 18px;
transition: border .2s linear 0s,box-shadow .2s linear 0s;cursor: pointer;box-sizing: border-box;}
.joinbut{width: 100%;padding: 50px 0;box-sizing: border-box;}
.joinlist{width: 100%;}
.joinlist ul li{width: 100%;background: #fff;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
padding: 42px 78px;margin-bottom: 20px;overflow: hidden;position: relative;box-sizing: border-box;height: 244px;}
.joinlist ul li:last-child{margin-bottom: 0;}
.joinbj{width: 100%;height: 40px;position: absolute;bottom: 0;left: 0;background: #fff;}
.jointitle{font-size: 20px;color: #3b3e40;margin-bottom: 16px;font-weight: 500;}
.joindz{width: 100%;margin-bottom: 20px;}
.joindz p{float: left;font-size: 14px;color: #999;font-weight: 400;margin-right: 30px;}
.joindz p:last-child{margin-right: 0;}
.joindz p i{display: inline-block;width: 20px;height: 20px;vertical-align: -6px;}
.joindz .joindizhi i{background: url(../images/recruit.png) -70px -96px no-repeat;}
.joindz .joinzhiwei i{background: url(../images/recruit.png) -70px -132px no-repeat;}
.jointext{width: 100%;}
.jointext p{font-size: 14px;color: #6c7073;line-height: 24px;}
.joinlist ul li:hover{box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15);}
.joinlast{width: 100%;padding-top: 40px;box-sizing: border-box;}
.joinlast p{font-size: 14px;color: #8d8d8f;text-align: center;line-height: 24px;}
.joinlast p span{color: #0070bc;}
.joinlast a{display: block;margin: 25px auto 0;width: 116px;height: 40px;background-color: #c00;color: #fff;border-radius: 2px;padding: 0 30px;font-size: 14px;box-sizing: border-box;
transition: all .3s;text-align: center;line-height: 40px;}
.joinlast a:hover{background: #9b0912;}
.contact{width: 100%;}
.contactone{width: 100%;padding: 50px 0;box-sizing: border-box;background: #fff;}
.contactonecon{width: 100%;}
.contactitle{width: 100%;margin-bottom: 40px;}
.contactitle h5{font-size: 26px;color: #232323;text-align: center;font-weight: 500;text-align: center;margin-bottom: 15px;}
.contactitle p{font-size: 14px;color:#616265;font-weight: 400;text-align: center;}
.contactnav{width: 100%;border-bottom: 1px solid #E5E5E5;box-sizing: border-box;margin-bottom: 40px;}
.contactnav ul{text-align: center;}
.contactnav ul li{display: inline-block;padding-bottom: 14px;box-sizing: border-box;font-size: 16px;color: #616265;margin-right: 40px;cursor: pointer;}
.contactnav ul li:last-child{margin-right: 0;}
.contactnav ul li.active{border-bottom: 2px solid #232323;color: #232323;font-weight: bold;}
.contactmap{width: 100%;}
.contactmaplist{width: 100%;background: #fff;display: none;}
.contactmaplist:first-child{display: block;}
.contactmaplisted{width: 100%;}
.contactmaplistleft{float: left;width: 50%;}
.contactmaplistleft img{display: block;width: 100%;}
.contactmaplistright{float: right;width: 50%;padding: 0 30px;box-sizing: border-box;}
.contactmaplistright h5{font-size: 16px;color: #232323;font-weight: 400;margin-bottom: 12px;}
.juti{font-size: 14px;color: #616265;font-weight: 400;margin-bottom: 4px;}
.context{font-size: 14px;color: #646466;font-weight: 400;}
.contactwo{width: 100%;padding: 50px 0;box-sizing: border-box;background: #f7f7f7;}
.contactwocon{width: 100%;}
.contitle{width: 100%;margin-bottom: 30px;}
.contitle h4{font-size: 26px;color: #232323;font-weight: 500;text-align: center;}
.contactlister{width: 100%;}
.contactlister ul li{float: left;width: 32%;margin-right: 2%;background: #fff;padding: 38px 10px;box-sizing: border-box;}
.contactlister ul li:last-child{margin-right: 0;}
.conimgs{width:80px;height:80px;border-radius: 50%;background: #f7f7f7;position: relative;margin: 0 auto 25px;}
.conimgs img{display: block;position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;transform: translate(-50%,-50%);}
.contactlister ul li h5{font-size: 16px;color: #232323;text-align: center;margin-bottom: 8px;}
.contactlister ul li p{font-size: 14px;color: #616265;text-align: center;margin-bottom: 20px;}
.contactlister ul li  a{font-size: 14px;color: #0070bc;display: table;margin: 0 auto;}
.contactlister ul li  a i{display: inline-block;width: 12px;height: 12px;background: url(../images/more.png) center no-repeat;vertical-align: -2px;}
.contactlister ul li  a:hover{text-decoration: underline;}
.boxproimg span{position: absolute;top: 0;left: 0;display: block;width: 40px;height: 18px;color: #fff;
text-align: center;line-height: 18px;z-index: 10;border-radius: 0 0 2px 0;font-size: 12px;}
.boxproimg .newprotext{background: #83c54e;}
.boxproimg .hotprotextadd{background: #FF7800;}
.videolist{width: 100%;padding: 50px 0;box-sizing: border-box;}
.videonav ul{text-align: left;}
.videonav ul li a{color: #333;}
.videonav ul li.active{border-bottom: 2px solid #1681d3;}
.videonav ul li.active a{color: #1681d3;font-weight: bold;}
.videolisted{width: 100%;}
.videolisted ul li{float: left;width: 24%;margin-right: 1.25%;margin-bottom: 2%;background: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.videolisted ul li:nth-child(4n){margin-right: 0;}
.videoimg{display: block;width: 100%;position: relative;}
.videoimg>img{display: block;width: 100%;}
.videoimg strong{padding: 0 12px 0 10px;min-width: 36px;height: 26px;box-sizing: border-box;border: 2px solid #ffffff;position: absolute;top: 77%;left: 6.1%;
border-radius: 20px;background-color: rgba(35, 35, 35, 0.6);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;
transition: all 0.3s ease;margin-top: 0;line-height: 20px;font-size: 12px;color: #fff;text-align: unset;font-weight: 500;line-height: 20px;}
.videoimg strong i{display: inline-block;width: 12px;height: 12px;background: url(../images/play.png) center no-repeat;vertical-align: -2px;}
.videotext{width: 100%;padding: 20px;border: 1px solid #eeeeee;box-sizing: border-box;}
.videotext h5{color: #3b3e40;font-size: 16px;min-height: 42px;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;width: 100%;font-weight: 500;margin-bottom: 20px;}
.videotext p{font-size: 12px;color: #999999;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.videolisted ul li:hover{box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15);}
.videolisted ul li:hover .videoimg strong{background-color: #0070bc;border-color: #0070bc;}
/* 视频弹层 */
.ttshop_video{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 8000;display: none;}
.ttshop_videobj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.ttshop_videobox{width: 900px;height: 500px;position: absolute;top: 40%;left: 50%;margin-left: -450px;margin-top: -250px;
background: #fff;border-radius: 4px;}
.ttshop_videotitle{width: 100%;border-bottom: 1px solid #ccc;height: 45px;padding: 0 20px;box-sizing: border-box;line-height: 45px;}
/* .ttshop_videotitle h5{font-size: 16px;color: #333;font-weight: 300;float: left;} */
.ttshop_videotitle i{width: 32px;height: 32px;border-radius: 50%;background: url(../images/close.svg) center no-repeat;
display: block;float: right;cursor: pointer;margin-top: 7px;}
.ttshop_videocon{width: 100%;height: 455px;background: #fff;border-radius: 0 0 4px 4px;font-size: 0;}
.ttshop_videocon div{width:100%;height:100%;}
.ttshop_videocon video{width: 100%;height: 100%;outline: none;border-radius: 0 0 4px 4px;display: block;}
.new{width: 100%;}
.new ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;background: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.new ul li:nth-child(3n){margin-right: 0;}
.new ul li a{display: block;width: 100%;}
.newimgs{width: 100%;}
.newimgs img{display: block;width: 100%;}
.newtexted{width: 100%;padding: 13px 20px;box-sizing: border-box;}
.newtexted h5{color: #232323;font-size: 14px;min-height: 48px;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;width: 100%;font-weight: 500;margin-bottom: 10px;line-height: 24px;}
.newtextlast{width: 100%;}
.newtextlast p{float: left;font-size: 12px;color: #8d8d8f;font-weight: 400;}
.newtextlast span{float: right;font-size: 12px;color: #8d8d8f;font-weight: 400;}
.new ul li:hover{box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15);}
.newdetails{width: 100%;}
.newdetailsleft{float: left;width: 880px;background: #fff;padding: 20px;box-sizing: border-box;margin-right: 10px;}
.newdetailsup{width: 100%;padding-bottom: 14px;border-bottom: 1px solid #eee;box-sizing: border-box;}
.newdetailsup h5{font-size: 20px;color: #232323;margin-bottom: 14px;}
.newdetailsupcon{width: 100%;}
.newdetailsupcon p{float: left;margin-right: 25px;font-size: 12px;color: #8d8d8f;}
.newdetailsupcon p:last-child{margin-right: 0;}
.newdetailstext{width: 100%;padding-top: 24px;box-sizing: border-box;}
.newdetailstext p{font-size: 14px;color: #232323;margin-bottom: 14px;font-weight: 500;}
.newdetailstext p img{display: block;max-width: 100%;}
.newdetailstext p:last-child{margin-bottom: 0;}
.newdetailsright{float: right;width: 310px;background: #fff;}
.newdetailsright h5{border-bottom: 1px solid #eee;padding: 12px 20px;box-sizing: border-box;font-size: 16px;color: #232323;}
.newdetailsright ul{width: 100%;padding: 12px 20px;box-sizing: border-box;}
.newdetailsright ul li{width: 100%;margin-bottom: 10px;}
.newdetailsright ul li:last-child{margin-bottom: 0;}
.newdetailsright ul li a{display: block;width: 100%;}
.newdimg{float: left;width: 130px;height: 72px;margin-right: 10px;}
.newdimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.newdtext{float: left;width: calc(100% - 140px);}
.newdtext h6{color: #232323;font-size: 14px;min-height: 48px;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;width: 100%;font-weight: 500;line-height: 24px;margin-bottom: 4px;}
.newdtext p{font-size: 12px;color: #8d8d8f;font-weight: 400;}
.about{width: 100%;}
.aboutup{width: 100%;background: #fff;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.aboutupcon{width: 100%;}
.aboutupleft{float: left;line-height: 59px;}
.aboutupleft a{float: left;font-size: 15px;color: #616265;}
.aboutupleft a:hover{text-decoration: underline;}
.aboutupleft span{float: left;font-size: 15px;color: #616265;margin: 0 6px;}
.aboutupleft strong{float: left;font-size: 15px;color: #232323;font-weight: 500;}
.aboutupright{float: right;line-height: 60px;}
.aboutupright ul li{display: inline-block;margin-right: 70px;font-size: 16px;color: #616265;font-weight: 500;box-sizing: border-box;cursor: pointer;
border-bottom: 2px solid transparent;}
.aboutupright ul li:last-child{margin-right: 0;}
.aboutupright ul li.active{border-bottom: 2px solid #232323;color: #232323;font-weight: bold;}
.aboutconter{width: 100%;}
.aboutone{width: 100%;padding: 50px 0;box-sizing: border-box;background: #fff;}
.aboutonecon{width: 100%;}
.aboutitle{width: 100%;margin-bottom: 40px;}
.aboutitle h4{font-size: 26px;color: #232323;font-weight: 500;text-align: center;}
.aboutoneconter{width: 100%;background: #fff;}
.aboutoneleft{width: 50%;position: relative;overflow: hidden;cursor: pointer;}
.aboutoneleft>img{display: block;width: 100%;}
.aboutoneleft strong{padding: 0 12px 0 10px;min-width: 36px;height: 26px;box-sizing: border-box;border: 2px solid #ffffff;position: absolute;bottom: 20px;left: 6.1%;
border-radius: 20px;background-color: rgba(35, 35, 35, 0.6);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;cursor: pointer;
transition: all 0.3s ease;margin-top: 0;line-height: 20px;font-size: 12px;color: #fff;text-align: unset;font-weight: 500;line-height: 20px;}
.aboutoneleft strong i{display: inline-block;width: 12px;height: 12px;background: url(../images/play.png) center no-repeat;vertical-align: -2px;}
.aboutoneleft:hover strong{background-color: #0070bc;border-color: #0070bc;}
.aboutoneright{width: 50%;padding: 0 35px;box-sizing: border-box;}
.aboutoneright p{font-size: 14px;color: #616265;line-height: 24px;margin-bottom: 10px;}
.aboutoneright p:last-child{margin-bottom: 0;}
.abouttwo{width: 100%;padding: 50px 0;box-sizing: border-box;background: #f7f7f7;}
.abouttwocon{width: 100%;}
.abouttwolist{width: 100%;}
.abouttwolist ul li{width: 100%;background: #fff;}
.abouttwoleft{float: left;width: 50%;padding: 32px 60px;box-sizing: border-box;}
.abouttwoleft h5{font-size: 20px;color: #232323;font-weight: 500;margin-bottom: 26px;}
.abouttwoleft i{display: block;width: 30px;height: 3px;background: #232323;margin-bottom: 24px;}
.abouttwoleft p{font-size: 14px;color: #616265;font-weight: 400;line-height: 24px;}
.abouttworight{float: right;width: 50%;}
.abouttworight img{display: block;width: 100%;}
.abouttwolist ul li:nth-child(2n) .abouttwoleft{float: right;}
.abouttwolist ul li:nth-child(2n) .abouttworight{float: left;}
.abouthree{width: 100%;padding: 50px 0;box-sizing: border-box;}
.abouthreecon{width: 100%;}
.abouthreecon .aboutitle h4{color: #fff;}
.abouthreeconter{width: 100%;}
.abouthreelist{width: 100%;}
.abouthreeup{width: 100%;margin-bottom: 24px;position: relative;}
.abouthreeup h5{font-size: 26px;color: #fff;margin-bottom: 26px;font-weight: 500;text-align: center;}
.abouthreeup span{display: flex;width: 30px;height: 30px;box-sizing: border-box;border: 1px solid #fff;border-radius: 100%;justify-content: center;align-items: center;
	margin: 0 auto;position: relative;z-index: 1;background: rgb(26,26,26);}
.abouthreeup span i{display: inline-block;width: 14px;height: 14px;background: #fff;border-radius: 100%;}
.abouthreeup b{display: block;width: calc(100% + 10px);height: 2px;background: rgba(255,255,255,0.3);position: absolute;bottom: 14px;left: 0;}
.abouthreebut{width: 100%;}
.abouthreeimg{width: 100%;}
.abouthreeimg img{display: block;width: 100%;}
.abouthreetext{width: 100%;padding: 24px 30px;background: #fff;box-sizing: border-box;}
.abouthreetext h5{font-size: 20px;color: #232323;font-weight: 500;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.abouthreetext p{font-size: 14px;color: #616265;font-weight: 400;min-height: 48px;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 24px;}
.abprev{position: absolute;margin-top: -30px !important;z-index: 10;cursor: pointer;left: 4% !important;top: 56% !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 60px !important;height: 60px !important;background: url(../images/lefts.png) no-repeat center center !important;background-size: 100% 100% !important;}
.abnext{position: absolute;margin-top: -30px !important;z-index: 10;cursor: pointer;right: 4% !important;top: 56% !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 60px !important;height: 60px !important;background: url(../images/rights.png) no-repeat center center !important;background-size: 100% 100% !important;}
.aboutfore{width: 100%;padding: 50px 0;box-sizing: border-box;background: #fff;}
.aboutforecon{width: 100%;}
.aboutforelist{width: 100%;}
.aboutforelist ul li{float: left;width: calc((100% - 50px) / 6);margin-bottom: 10px;margin-right: 10px;}
.aboutforelist ul li:nth-child(6n){margin-right: 0;}
.aboutforelist ul li img{display: block;width: 100%;}
.aboutfive{width: 100%;padding: 50px 0;box-sizing: border-box;background: #f7f7f7;}
.aboutfivecon{width: 100%;}
.aboutfivelist ul li{border-bottom: 3px solid #fff;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.aboutfivelist ul li:hover{border-color: #0070bc;}
.about.active .aboutup{position: fixed;top: 0;left: 0;z-index: 100;}
.prodetails{width: 100%;background: #fff;padding-bottom: 50px;box-sizing: border-box;}
.casesaill{padding: 14px 0;box-sizing: border-box;}
.prodetailsup{width: 100%;}
.prodetailsupleft{float: left;width: 52%;margin-right: 2%;}
.prodetailsupleftcon{width: 100%;padding: 0 90px;box-sizing: border-box;position: relative;margin-bottom: 20px;}
.prodetailsuplist{width: 100%;}
.prodetailsuplist ul li{width: 100%;}
.prodetailsuplist ul li img{width: 100%;display: block;}
.propage{display: none;}
.proprev{position: absolute;margin-top: -30px !important;z-index: 10;cursor: pointer;left: 2% !important;top: 56% !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 60px !important;height: 60px !important;background: url(../images/lefts.png) no-repeat center center !important;background-size: 100% 100% !important;}
.pronext{position: absolute;margin-top: -30px !important;z-index: 10;cursor: pointer;right: 2% !important;top: 56% !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
width: 60px !important;height: 60px !important;background: url(../images/rights.png) no-repeat center center !important;background-size: 100% 100% !important;}
.productbut{width: 100%;padding: 0 90px;box-sizing: border-box;}
.productbut ul li{float: left;width: calc((100% - 50px) / 6);border: 1px solid #e5e5e5;border-radius: 2px;box-sizing: border-box;margin-right: 10px;cursor: pointer;}
.productbut ul li.active{border-color: #616265;}
.productbut ul li:last-child{margin-right: 0;}
.productbut ul li img{display: block;width: 100%;}
.prodetailsupright{float: left;width: 46%;}
.prodetailsupright h5{font-size: 26px;color: #232323;margin-bottom: 16px;}
.promoney{width: 100%;padding: 16px;box-sizing: border-box;background: #f7f7f7;margin-bottom: 10px;}
.promoney h6{font-size: 26px;color: #232323;font-weight: 500;margin-bottom: 10px;}
.promoney p{font-size: 13px;color: #616265;font-weight: 400;}
.prolx{width: 100%;}
.prolx h6{font-size: 13px;color: #8d8d8f;font-weight: 400;margin-bottom: 8px;}
.prolx ul li{float: left;margin:0 8px 8px 0;height: 48px;border: 1px solid #ccc;box-sizing: border-box;border-radius: 3px;}
.prolx ul li a{display: block;width: 100%;padding: 0 14px;box-sizing: border-box;line-height: 48px;display: flex;align-items: center;}
.proimgs{width: 33px;height: 33px;margin-right: 12px;}
.proimgs img{display: block;width: 100%;height: 100%;object-fit: cover;}
.protexted p{font-size: 13px;color: #232323;font-weight: 400;}
.prolx ul li.active{background: #f7f7f7;border: 2px solid #616265;}
.prolx ul li.active a{line-height: 44px;}
.prolasted{width: 100%;padding-top: 10px;box-sizing: border-box;}
.prolasted a{display: block;width: 148px;height: 40px;text-align: center;line-height: 40px;border-radius: 2px;padding-left: 30px;
box-sizing: border-box;font-size: 14px;color: #fff;background: url(../images/feisu_sprite_01.png) no-repeat -260px -433px #c00000;}
.prodetailsbut{width: 100%;padding: 30px 0 50px 0;box-sizing: border-box;background: #f7f8f9;}
.prodetailsbutcon{width: 100%;background: #fff;padding: 20px 80px 40px 80px;box-sizing: border-box;}
.prodnav{width: 100%;border-bottom: 1px solid #DEDEDE;box-sizing: border-box;}
.prodnav ul li{display: inline-block;font-size: 16px;color: #8d8d8f;font-weight: 400;cursor: pointer;padding-bottom: 20px;box-sizing: border-box;
border-bottom: 2px solid #fff;margin-right: 60px;}
.prodnav ul li:last-child{margin-right: 0;}
.prodnav ul li.active{border-color: #4C4A48;color: #4C4A48;}
.probutcon{width: 100%;padding-top: 20px;box-sizing: border-box;}
.probutconlist{width: 100%;display: none;}
.probutconlist:first-child{display: block;}
.probutconlistfirst p{font-size: 14px;color: #232323;margin-bottom: 14px;font-weight: 500;}
.probutconlistfirst p img{display: block;max-width: 100%;}
.probutconlistfirst p:last-child{margin-bottom: 0;}
.prodownload{min-height: 300px;}
.prodownload ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 20px;}
.prodownload ul li:nth-child(2n){margin-right: 0;}
.prodownload ul li a{display: block;width: 100%;}
.prodownimg{float: left;width: 33px;height: 33px;margin-right: 12px;}
.prodownimg img{display: block;width: 100%;}
.prodowntext{float: left;}
.prodowntext p{font-size: 14px;color: #0070bc;font-weight: 400;line-height: 33px;}
.prodownload ul li a:hover .prodowntext p{text-decoration: underline;}
.proaddnav{display: none;width: 100%;padding: 6px 12px 0 12px;box-sizing: border-box;background: #fff;border-top: 1px solid #eee;}
.proaddnav a{float: left;font-size: 14px;color: #333;margin-right: 10px;line-height: 32px;margin-bottom: 6px;}
.proaddnav a:last-child{margin-right: 0;}

.addbanner{position:relative;}
.addbannercon{width:100%;position:absolute;top:50%;left:0;transform: translateY(-50%);}
.addbannercon h4{font-size:38px;color:#333;font-weight:500;text-align:center;margin-bottom:32px;}
.addbannerconter{width:860px;margin:0 auto;position:relative;}
.addbannerconter input{display:block;outline:none;border:2px solid #5D00EE;box-sizing:border-box;background:#fff;font-size:16px;color:#333;padding:0 80px 0 20px;border-radius:12px;
width:100%;height:56px;}
.addbannerconter button{position:absolute;top:0;right:0;outline:none;border:0;background: url(../images/addsousuo.png) center no-repeat;
width:56px;height:56px;}
.addsnbox{width:100%;background:#f7f7f7;padding:24px 0;box-sizing:border-box;}
.addsnboxconter{width:100%;background:#fff;padding:20px 40px;box-sizing:border-box;}
.addsnjieguo{width:100%;font-size:14px;color:#999;margin-bottom:24px;font-weight:500;}
.addsnboxlist{width:100%;}
.addsnboxlist ul li{width:100%;border-bottom:1px solid #e5e5e5;padding:20px 0;box-sizing:border-box;display:flex;align-items:center;}
.addsnboxlist ul li:first-child{padding-top:0;}
.addsnimg{float:left;width:180px;height:140px;}
.addsnimg img{display:block;width:100%;height:100%;object-fit:cover;}
.addsntext{width:calc(100% - 180px);float:left;padding-left:20px;box-sizing:border-box;}
.addsntext h5{font-size:16px;color:#333;font-weight:500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom:10px;}
.addsntext p{font-size:14px;color:#999;font-weight:400;margin-bottom:10px;}
.addsntext p:last-child{margin-bottom:0;}
.zanwu{width:100%;padding:50px 0;box-sizing:border-box;}
.zanwu p{font-size:14px;color:#333;text-align:center;}
@media screen and (max-width: 1500px) {
    .headerbut .hz{max-width:1380px;}
    .headernav>ul>li{margin-right: 32px;}
}

@media screen and (max-width: 1210px) {
	.hz{width: 100%;padding: 0 4%;box-sizing: border-box;}
	.headernav>ul>li{margin-right: 20px;}
    .proaddnav{display: block;}
	.headerseach input{width: 180px;}
	.conterbox{padding: 40px 0;}
	.sell,.hotproduct{margin-bottom: 40px;}
	.footerup{padding: 40px 0;}
	.footerupright{width: calc(100% - 300px);}
	.footerleft a{margin-right: 8px;}
	.guarantee{padding: 40px 0;}
	.guaranteeupcon,.guaranteebutcon{padding: 40px;}
	.gtitle{margin-bottom: 40px;}
	.oemserviceonecon{padding: 20px 60px;}
	.pronavlist ul li{margin-right: 40px;}
	.pronav ul li{margin-right: 60px;}
	.oemserviceone{margin-bottom: 40px;}
	.protwo,.prothree,.profore{padding-bottom: 40px;}
	.nbox .hz{height: 100%;}
	.nboxleft{display: none;}
	.nboxright{width: 100%;left: 0;margin-left: 0;}
	.productconter{padding: 40px 0;}
	.hotproducted,.gearpro{padding-bottom: 40px;}
	.boxproduct{padding: 40px 0;}
	.boxproductcon{margin-bottom: 40px;}
	.boxprolistcon ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
	.boxprolistcon ul li:nth-child(4n){margin-right: 2%;}
	.boxprolistcon ul li:nth-child(3n){margin-right: 0;}
	.download{padding: 40px 0;}
	.case,.casedetails{padding: 40px 0;}
	.solutionone,.solutiontwo,.solutionthree,.solutionfore{padding: 40px 0;}
	.nbanneredcontext h4{font-size: 32px;}
	.joinbut,.contactone,.contactwo,.videolist{padding: 40px 0;}
	.newdetailsleft{float: none;width: 100%;margin-right: 0;margin-bottom: 12px;}
	.newdetailsright{float: none;width: 100%;}
	.aboutlist{padding: 40px 0;}
}
@media screen and (max-width: 1024px) {
	.bannernext{right: 6% !important;}
	.bannerprev{left: 6% !important;}
	.selltext{padding: 16px;}
	.incasetext{padding: 16px;}
	.footerlast{padding: 14px 0;}
	.footerleft{float: none;}
	.footerlast p{float: none;line-height: 1.5;}
	.prothreeright{padding: 0 20px;}
	.prothreeright p{margin-bottom: 4px;}
	.pronavlist{padding: 12px 0;}
	.prolistimg{width: 140px;height: 140px;}
	.pronavlist ul li{margin-right: 20px;}
	.pronav ul li{margin-right: 40px;}
	.proimg{width: 100px;height: 100px;}
	.hotprolist ul li .hotproimg{width: 100px;height: 100px;}
	.samlltext{font-size: 20px;}
	.caselistertext{padding: 10px;}
	.casetitle{margin-bottom: 20px;}
	.casetitle h4{font-size: 24px;}
	.caselistertext h5{margin-bottom: 10px;}
	.caselistertext p{margin-bottom: 10px;}
	.solutiononeupright{padding: 0 20px;}
	.solutiononebut ul li{padding: 14px 20px;}
	.joinlist ul li{padding: 40px;}
	.videolisted ul li{width: 32%;margin-right: 2%;}
	.videolisted ul li:nth-child(4n){margin-right: 2%;}
	.videolisted ul li:nth-child(3n){margin-right: 0;}
	.aboutupright ul li{margin-right: 40px;}
	.aboutoneright{padding: 0 12px;}
	.abouttwoleft{padding: 20px;}
	.prodetailsupleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.prodetailsupright{float: none;width: 100%;}
	.prodetailsbutcon{padding: 20px;}
}
@media screen and (max-width: 990px) {
	.header{display: none;}
	.nav{display: block;}
	.banner{height: 360px;}
	.bannertext h4{font-size: 32px;line-height: 40px;}
	.bannertext strong{margin-top: 32px;}
	.downloadcon{display: block;}
	.downloadleft{float: none;width: 100%;margin-bottom: 10px;margin-right: 0;}
	.downloadright{float: none;width: 100%;}
	.caselister ul li{width: 49%;}
	.caselister ul li:nth-child(3n){margin-right: 2%;}
	.caselister ul li:nth-child(2n){margin-right: 0%;}
	.casedetailsbox{padding: 20px;}
	.casedetailsboxup h5{font-size: 24px;}
	.solutiononeup{display: block;}
	.solutiononeupleft{float: none;width: 100%;}
	.solutiononeupright{float: none;width: 100%;padding: 20px;}
	.contactmaplisted{display: block;}
	.contactmaplistleft{float: none;width: 100%;}
	.contactmaplistright{float: none;padding: 12px 14px;width: 100%;}
	.ttshop_videobox{width: 90%;margin-left: -45%;height: auto;}
	.ttshop_videocon{height: auto;}
	.aboutitle h4{font-size: 24px;}
	.aboutoneconter{display: block;}
	.aboutoneleft{width: 100%;}
	.aboutoneright{width: 100%;padding: 12px 20px;}
	.abouttworight{float: none;width: 100%;}
	.abouttwoleft{float: none;width: 100%;}
	.abouthreetext{padding: 12px 14px;}
	.addbannerconter{width:80%;}
}
@media screen and (max-width: 760px) {
	.bannerconter{padding-left: 80px;}
	.prothreebut{display: block;}
	.prothreeleft{float: none;width: 100%;}
	.prothreeright{float: none;width: 100%;padding: 20px;}
	.caselistext{padding: 10px;}
	.productonecon ul li{width: calc(100% / 3);}
	.hotprolist ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
	.hotprolist ul li:nth-child(3n){margin-right: 0;}
	.solutiononebut ul li{width: 50%;}
	.videolisted ul li{width: 49%;margin-right: 2%;}
	.videolisted ul li:nth-child(4n){margin-right: 2%;}
	.videolisted ul li:nth-child(3n){margin-right: 2%;}
	.videolisted ul li:nth-child(2n){margin-right: 0%;}
	.new ul li{width: 49%;margin-right: 2%;}
	.new ul li:nth-child(3n){margin-right: 2%;}
	.new ul li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 580px) {
	.navleft{width: 30%;}
	.bannerconter{padding: 0 4%;}
	.bannerconter .hz{height: 100%;}
	.bannertext{position: static;}
	.statisticscon ul li{width: 32%;margin-right: 2%;}
	.statisticscon ul li:nth-child(3n){margin-right: 0;}
	.sellcon ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
	.sellcon ul li:last-child{margin-bottom: 0;}
	.hotproprev,.incaseprev{opacity: 1 !important;}
	.hotpronext,.incasenext{opacity: 1 !important;}
	.footerup{padding: 20px 0;}
	.footerupleft{float: none;width: 100%;}
	.footerupleftimg{max-width: 50%;margin-bottom: 16px;}
	.footerupleft ul li i{display: none;}
	.footerupleft ul li .fwx{margin-top: 10px;}
	.footerupright{float: none;width: 100%;display:none;}
	.footerleft a{margin-right: 32px;}
	.footerleft a:last-child{margin-right: 0;}
	.nbanner{height: 360px;}
	.nbanner h2{font-size: 32px;}
	.guaranteeupcon,.guaranteebutcon{padding: 20px;}
	.gtitle{margin-bottom: 20px;font-size: 24px;}
	.guaranteeuplist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 12px;}
	.guaranteeuplist ul li:last-child{margin-bottom: 0;}
	.guaranteebutext p{margin-bottom: 10px;}
	.guaranteelast{padding-top: 20px;}
	.applybox{width: 96%;top: 50%;}
	.applycon{padding: 12px;}
	.nbanner h2{font-size: 24px;}
	.oemserviceonecon{padding: 16px;}
	.pronavlist ul{padding: 0 10px;box-sizing: border-box;}
	.pronavlist ul li{width: 50%;margin-right: 0;float: left;margin-bottom: 10px;}
	.pronavlist ul li:last-child{margin-bottom: 0;}
	.pronav{height: auto;}
	.prolist ul li{width: 50%;padding-top: 20px;}
	.prolistimg{width: 120px;height: 120px;}
	.titled h4{font-size: 20px;}
	.caselist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 10px;}
	.caselist ul li:last-child{margin-bottom: 0;}
	.prolast{padding-top: 16px;}
	.productone{padding: 12px 0;}
	.productonecon ul li{width: 50%;}
	.productonecon ul li p{padding: 8px 8px 0 8px;}
	.hotprolist ul li{width: 100%;margin-right: 0;}
	.gearpronav ul li{margin-right: 10px;}
	.titlepro h4{font-size: 20px;}
	.incaselisted ul li{float: none;width: 100%;margin-bottom: 2%;}
	.incaselisted ul li:last-child{margin-bottom: 0;}
	.nboxright p{font-size: 22px;margin-bottom: 10px;}
	.nboxright span{font-size: 14px;}
	.boxlist{padding: 10px 0;}
	.boxlist span{float: none;width: 100%;margin-bottom: 10px;display: block;}
	.boxlister{float: none;width: 100%;padding-left: 20px;padding-right: 10px;box-sizing: border-box;}
	.boxlister a{margin-right: 12px;}
	.boxprolistcon ul li{width: 100%;float: none;margin-right: 0;}
	.boxprolistcon ul li:nth-child(4n){margin-right: 0%;}
	.boxprolistcon ul li:nth-child(3n){margin-right: 0%;}
	.scrpage ul li{margin-right: 6px;}
	.scrpage ul li a{padding: 4px 8px;font-size: 12px;}
	.downloadright{padding: 10px;}
	.downboxup{padding: 0 6px;}
	.downboxlist ul li{padding: 0 6px;}
	.downboxup p:nth-child(2){display: none;}
	.downboxup p:nth-child(3){width: 24%;}
	.downboxup p:nth-child(4){width: 23%;}
	.downboxlist ul li p:nth-child(2){display: none;}
	.downboxlist ul li p:nth-child(3){width: 24%;}
	.downboxlist ul li p:nth-child(4){width: 23%;}
	.caselister ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 10px;}
	.caselister ul li:nth-child(3n){margin-right: 0%;}
	.caselister ul li:nth-child(2n){margin-right: 0%;}
	.caselister ul li:last-child{margin-bottom: 0;}
	.casebuted{display: block;}
	.casedetailsboxup{padding-bottom: 12px;}
	.casebutedleft{float: none;margin-bottom: 6px;}
	.casebutedright{float: none;}
	.casejianjie{margin-bottom: 12px;}
	.casedetailsboxbut p{margin-bottom: 10px;}
	.solutiononebut ul li{width: 100%;float: none;padding: 12px;}
	.sotitle h4{font-size: 24px;}
	.sobut{display: none;}
	.nbannered{height: 360px;}
	.nbanneredcontext h4{font-size: 24px;margin-bottom: 12px;}
	.nbanneredjoin img{position: static;height: 100%;object-fit: cover;transform: translate(0,0);}
	.joinlist ul li{padding: 20px 20px;}
	.contactitle{margin-bottom: 20px;}
	.contactitle h5{font-size: 24px;margin-bottom: 8px;}
	.contactnav{margin-bottom: 20px;}
	.contitle h4{font-size: 24px;}
	.contactlister ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 12px;}
	.contactlister ul li:last-child{margin-bottom: 0;}
	.videolisted ul li{width: 100%;margin-right: 0%;float: none;}
	.videolisted ul li:nth-child(4n){margin-right: 0%;}
	.videolisted ul li:nth-child(3n){margin-right: 0%;}
	.videolisted ul li:nth-child(2n){margin-right: 0%;}
	.videolisted ul li:last-child{margin-bottom: 0;}
	.ttshop_videobox{top: 50%;transform: translateY(-50%);margin-top: 0;}
	.contactnav ul li{margin-right: 20px;}
	.new ul li{width: 100%;margin-right: 0%;float: none;margin-bottom: 12px;}
	.new ul li:nth-child(3n){margin-right: 0%;}
	.new ul li:nth-child(2n){margin-right: 0;}
	.new ul li:last-child{margin-bottom: 0;}
	.aboutupright{display: none;}
	.aboutitle{margin-bottom: 20px;}
	.aboutoneright{padding: 12px 0;}
	.abouttwoleft h5{margin-bottom: 10px;}
	.abouttwoleft i{margin-bottom: 10px;}
	.aboutforelist ul li{width: calc((100% - 20px) / 3);}
	.aboutforelist ul li:nth-child(6n){margin-right: 10px;}
	.aboutforelist ul li:nth-child(3n){margin-right: 0;}
	.sptc_box{height: auto;width: 96%;}
	.prodetailsupleftcon{padding: 0;}
	.proprev,.pronext{width: 32px !important;height: 32px !important;}
	.productbut{display: none;}
	.prodetailsupright h5{font-size: 20px;}
	.promoney{padding: 10px;}
	.promoney h6{font-size: 18px;}
	.addbannercon h4{font-size:24px;}
	.addbannerconter{width:98%;}
	.addsnboxconter{padding:20px;}
	.addsnimg{float:none;width:100%;height:auto;margin-bottom:12px;}
	.addsnboxlist ul li{display:block;}
	.addsntext{width:100%;padding-left:0;}
}