@charset "utf-8";
/* =====================内页样式======================== */
/*分页*/
/*分页*/
.pagination{display:flex;text-align:center;justify-content:center;align-items:center;width: 100%;flex-wrap: wrap}
.pagination a{margin-left:5px;border:1px solid #c4c6cf;border-radius:3px;background:transparent;color:#333;font-size:16px;display: block;height: 40px;line-height: 40px;padding: 0 15px}
.pagination a:hover{background: #2877b1;border-color: #2877b1;color: #fff}
.pagination .click-page{display: flex;align-items: center}
.pagination .click-page.no-page{background: #f7f8fa;color: #cccccc;pointer-events: none;}
.pagination a.active,#pagination a:hover{border:1px solid #2877b1;background:#2877b1;color:#fff}
.pagination a.page-dot{border: none;padding: 0 5px}
.pagination a.page-dot:hover{background:0 0}
.pagination a span.lft-ico{margin-right:10px;font-weight:700;font-family:"\5B8B\4F53"}
.pagination a span.rgt-ico{margin-left:10px;font-weight:700;font-family:"\5B8B\4F53"}
.pagination .page-rgt{display:flex;align-items:center}
.pagination .page-num{margin:0 20px;font-size:16px}
.pagination .page-num span{color: #2877b1}
.pagination .page-go{color:#999;font-size:16px;display: flex;align-items: center}
.pagination .page-go input{width:50px;height:40px;border:1px solid #c9cbd3;border-radius:3px;text-align:center;margin: 0 5px}
.pagination .page-go input:focus{border-color: #2877b1}
.pagination .page-go .go-btn{display: inline-block}


/* 内页头部菜单公共样式 */

/* ************************************ */
/* 产品中心内页公共部分 */
.product-comitem{width: 100%;position: relative;height: 382px;}
.product-comitem img{width: 100%;height: 100%; object-fit: cover;}
.product-comcont{width: 100%;height: 100%; position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.product-comcont h2{font-size: 40px;color: #ffffff;font-weight: 800;margin-bottom: 20px;}
.product-comcont p{ font-size: 20px;color: #ffffff;line-height: 30px;max-width: 588px;}
.product-pubcont{width: 100%;padding: 45px 30px; background-color: #f3f6fa;border: 1px solid #eaeff4;}
.product-pubcont h2{font-size: 24px;color: #2775af;font-weight: 800;line-height: 34px;}
.product-pubcont span{display: block; font-size: 18px;color: #333333;font-weight: 800;line-height: 30px;margin: 12px 0 12px;}
.product-pubcont p{font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 28px;}
.product-pubmenu{width: 100%;border: 1px solid #eaeff4;margin: 60px 0;}
.product-pubmenu ul li{float: left;border-right:1px solid #eaeff4}
.product-pubmenu .product-pubsub{display: flex;justify-content: center; width: 100%;height: 68px;color: #444444;line-height: 68px;text-align: center;position: relative;transition: all .4s ease;padding: 0 25px}
.product-pubmenu .product-pubsub::after{content: ''; width: 0;height: 2px;background-color: #1c67aa;position: absolute;right: 0;bottom: 0;transition: all .4s ease;}
.product-pubmenu ul li.active .product-pubsub::after,.product-pubmenu ul li:hover .product-pubsub::after{width: 100%;right: auto;left: 0;}
.product-pubmenu ul li.active .product-pubsub,.product-pubmenu ul li:hover .product-pubsub{color:#1c67aa;}
.product-pubmenu .product-pubsub i{display: inline-block;width: 32px;height: 68px;transition: all .4s ease;}
.product-pubmenu .product-pubsub .menuicon1{background: url('../images/gather/proTicon1.png')no-repeat center;}
.product-pubmenu .product-pubsub .menuicon2{background: url('../images/gather/proTicon2.png')no-repeat center;}
.product-pubmenu .product-pubsub .menuicon3{background: url('../images/gather/proTicon3.png')no-repeat center;}
.product-pubmenu ul li.active .product-pubsub .menuicon1,.product-pubmenu ul li:hover .product-pubsub .menuicon1{background: url('../images/gather/proTicon1B.png')no-repeat center;}
.product-pubmenu ul li.active .product-pubsub .menuicon2,.product-pubmenu ul li:hover .product-pubsub .menuicon2{background: url('../images/gather/proTicon2B.png')no-repeat center;}
.product-pubmenu ul li.active .product-pubsub .menuicon3,.product-pubmenu ul li:hover .product-pubsub .menuicon3{background: url('../images/gather/proTicon3B.png')no-repeat center;}
.product-pubmenu .product-pubsub h2{ font-size: 16px;height: 68px;line-height: 68px;}
.product-public{width: 100%;margin-top: 150px;height: 210px;position: relative;}
.product-public img{width: 100%;height: 100%; object-fit: cover;}
.product-public-cont{width: 100%;height: 100%; position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.product-public-cont p{ font-size: 18px;color: #ffffff;line-height: 30px;max-width: 588px;margin-bottom: 24px;}
.product-public-cont a{display: block;width: 160px;height: 37px;font-size: 14px;color: #ffffff; border-radius: 18.5px;border: 2px solid #ffffff;text-align: center;line-height: 33px;transition: all .4s ease;}
.product-public-cont a:hover{background-color: #ffffff;color:#1c67aa;}
.product-pubsub.ontrue::after{width: 100%;right: auto;left: 0;}
.product-pubsub.ontrue,.product-pubmenu ul li:hover .product-pubsub{color:#1c67aa;}
.product-pubsub.ontrue .menuicon1,.product-pubmenu ul li:hover .product-pubsub .menuicon1{background: url('../images/gather/proTicon1B.png')no-repeat center;}
.product-pubsub.ontrue .menuicon2,.product-pubmenu ul li:hover .product-pubsub .menuicon2{background: url('../images/gather/proTicon2B.png')no-repeat center;}
.product-pubsub.ontrue .menuicon3,.product-pubmenu ul li:hover .product-pubsub .menuicon3{background: url('../images/gather/proTicon3B.png')no-repeat center;}
/* 产品中心 */
.product{width: 100%;overflow:hidden}
.product-model{width: 100%;padding: 65px 0 90px;}
.product-moditem{width: 100%;display: flex;justify-content: space-between;position: relative}
.product-modmenu{width: 16%;}
.product-modmenu .product-title{width: 100%;position: relative;background-color:#2775af ; background-image: linear-gradient(to right,#2775af,#449dca);padding: 0 38px;z-index: 1;}
.product-modmenu .product-title h2{font-size: 32px;color: #ffffff;font-weight: 800;height: 80px;line-height: 80px;}
.product-modmenu .product-title span{display: inline-block; position: absolute;left: 38px;top: 0;font-size: 42px;color:rgba(255, 255, 255, .1);font-weight: 800;height: 80px;line-height: 80px;z-index: -1;}
.product-modmenu ul{width: 100%;}
.product-modmenu ul li{width: 100%;border: 1px solid #eaeff4;border-top: 0;position: relative;}
.product-modsub{display: block;font-size: 16px;color: #333333;font-weight: 800;line-height: 22px;padding: 30px;}
.product-modedrop.ontrue{display: none;}
.product-modmenu ul li::after{display: none; content: '';width: 42px;height:80px;background: url('../images/public/proArr.png')no-repeat center;position: absolute;right: 0;top: 0;z-index: -1;}
.product-modedrop{display: none; width: 100%; padding:0px 52px 32px;}
.product-modedrop a{display:block;font-size: 14px;color: #757575;line-height: 28px;transition: all .4s ease;}
.product-modedrop a.active,.product-modedrop a:hover{color: #2775af;}
.product-modnum{width:82.666%;margin-left:auto;overflow:hidden;position: relative}
.table-out{display:flex;border:1px solid #e9e9e9;overflow: hidden}
.table-out .lft-table td,.table-out .lft-table th{border-left:0}
.lft-table td{color:#2775af}
.table-out .lft-table{position:relative}
.table-out .lft-table thead{position:absolute;top:0}
.table-out .lft-table tbody{margin-top:80px;display:block}
.table-out .rgt-table td:last-child,.table-out .rgt-table th:last-child{border-right:0;overflow: hidden}
.table-out .rgt-table td{border-left:0}
.table-out .rgt-table{overflow-y:hidden;overflow-x:auto;position:relative;width: 100%}
.table-out .rgt-table::-webkit-scrollbar{height:30px;background:#f2f2f2;padding:20px}
.table-out .rgt-table::-webkit-scrollbar-thumb{background:#bebebe;border-radius:30px;border:10px solid transparent;background-clip:content-box}
.table-out thead th{background:#f1f1f1;font-weight:700;color:#555}
.table-out td,th{border:1px solid #e9e9e9;min-width:140px;height:80px;text-align:center;max-width:140px;padding:0 10px}
.table-out tbody tr:nth-child(even){background:#f9f9f9}
.table-out .head-table{table-layout:fixed;position:absolute;top:0}
.table-out .rgt-table .cont{margin-top:80px}
.table-out .lft-btn{height:30px;border-right:1px solid #e9e9e9;display:flex;align-items:center;justify-content:center;background: #fff;position: relative;z-index: 9;min-width: 140px}
.table-out .lft-btn .table-next{margin-left:50px}
.table-out .lft-btn a{color:#bebebe;display:flex;align-items:center}
.table-out .lft-btn a svg{transition:all .4s ease}
.table-out .lft-btn a:hover svg{color:#2775af}
.scroll{position: fixed;left: 0;width: 936px;bottom: 0;display: flex;border: 1px solid #e9e9e9;background: #f2f2f2;opacity: 0}
.scroll .lft-btn{width: 141px;background: #fff}
.scroll-sub{display: block;height: 1px}
.scroll-cont{overflow-x: auto}
.scroll-cont::-webkit-scrollbar{height:30px;background:#f2f2f2;padding:20px}
.scroll-cont::-webkit-scrollbar-thumb{background:#bebebe;border-radius:30px;border:10px solid transparent;background-clip:content-box}
.scroll.show{opacity: 1}

    /* 产品描述 */
.prodshow{width: 100%;padding-top: 78px;}
.prodshow-submenu{width: 100%;padding-bottom: 48px;}
.prodshow-subcont{width: 100%;display: flex;padding: 48px 0;border-bottom: 1px solid #eeeeee;}
.prodshow-subcont h2{font-size: 18px;color: #333333;font-weight: 800;min-width: 144px;line-height: 30px}
.prodshow-subcont ul{width: 88%;}
.prodshow-subcont ul li{width: 100%;font-size: 16px;color: #777777;line-height: 30px;}
.prodshow-golist{display: block;width: 100px;height: 37px;border-radius: 18.5px;border: 2px solid #2775af;text-align: center;line-height: 33px;transition: all .4s ease}
.prodshow-golist:hover{background: #2775af;color: #fff}

.prodtool-itemul{width: 100%;}
.prodtool-itemsli{width: 100%;display: none;}
.prodtool-itemsli.active{display: block;}

/* 工具下载 */
.prodtool{width: 100%;padding-top: 78px;}
.prodtool-menuitem{width: 100%;display: flex;justify-content: center;align-items: center;}
.prodtool-menuitem .prodtool-submenu{width: 142px;margin-right: 20px;cursor:pointer;}
.prodtool-menuitem .prodtool-titsub{display: flex;justify-content: center;align-items: center;font-size: 15px;color: #666; width: 100%;height: 38px;border:2px solid #e8e8e8;border-radius: 18.5px;text-align: center;position: relative;transition: all .4s ease;}
.prodtool-menuitem  .prodtool-submenu.ontrue .prodtool-titsub,.prodtool-menuitem .prodtool-submenu:hover .prodtool-titsub{color:#1c67aa;border:2px solid #1c67aa;}
.prodtool-menuitem .prodtool-titsub i{display: inline-block;width: 32px;height: 38px;transition: all .4s ease;}
.prodtool-menuitem .prodtool-titsub .subicon1{background: url('../images/gather/subicon1.png')no-repeat center;}
.prodtool-menuitem .prodtool-titsub .subicon2{background: url('../images/gather/subicon2.png')no-repeat center;}
.prodtool-menuitem .prodtool-titsub .subicon3{background: url('../images/gather/subicon3.png')no-repeat center;}
.prodtool-menuitem .prodtool-titsub .subicon4{background: url('../images/gather/subicon4.png')no-repeat center;}
.prodtool-menuitem  .prodtool-submenu.ontrue .prodtool-titsub .subicon1,.prodtool-menuitem .prodtool-submenu:hover .prodtool-titsub .subicon1{background: url('../images/gather/subicon1B.png')no-repeat center;}
.prodtool-menuitem  .prodtool-submenu.ontrue .prodtool-titsub .subicon2,.prodtool-menuitem .prodtool-submenu:hover .prodtool-titsub .subicon2{background: url('../images/gather/subicon2B.png')no-repeat center;}
.prodtool-menuitem  .prodtool-submenu.ontrue .prodtool-titsub .subicon3,.prodtool-menuitem .prodtool-submenu:hover .prodtool-titsub .subicon3{background: url('../images/gather/subicon3B.png')no-repeat center;}
.prodtool-menuitem  .prodtool-submenu.ontrue .prodtool-titsub .subicon4,.prodtool-menuitem .prodtool-submenu:hover .prodtool-titsub .subicon4{background: url('../images/gather/subicon4B.png')no-repeat center;}
.prodtool-menunum{width: 100%;margin-top: 42px;}
.prodtool-menunum ul{margin-left: -2%;display: none;}
.prodtool-menunum ul.ontrue {display: block;}
.prodtool-menunum ul.ontrue li{animation: toTop 1s ease both;}
@keyframes toTop{0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}
.prodtool-menunum ul li,.down-list li{float: left; width: 31.33333333%;margin-left: 2%;border: 1px solid #eaeff4;margin-top: 18px;}
.prodtool-numitem{width: 100%;height: 90px;display: flex;justify-content:space-around;align-items: center;}
.prodtool-numitem .texticon{width: 76px;height: 76px;border: 1px solid #eaeff4;background: url('../images/gather/Toltxt.png') no-repeat center;}
.prodtool-numitem .lodicon{width: 32px;height: 90px;background: url('../images/gather/TloadB.png')no-repeat center;}
.prodtool-menucont span{font-size: 13px;color: #777777;line-height: 32px;}
.prodtool-menucont h3{font-size: 15px;color: #444444;line-height: 32px;}


/* 样片申请 */
.prodrush{width: 100%;padding-top: 78px;}
.prodrush-form{margin:33px 0 0;}
.prodrush-list{width:101.875%;margin:0 0 0 -1.875%;}
.prodrush-list li{width:33.33334%;padding:10px 0 10px 1.840490797546012%;float:left;}
.prodrush-list li.w100{width:100%;}
.prodrush-list .prodrush-box{padding:0 16px 0 24px;border:1px solid #e5e5e5;position:relative;}
.prodrush-box .text,.prodrush-box select{width:100%;height:48px;line-height:48px;font-size:16px;color:#333;border:0px;margin:0px;}
.prodrush-box select{background: url("../images/gather/selctArr.png")no-repeat center;background-position: right;}
.prodrush-box .text::-webkit-input-placeholder{color:#b2b2b2;}
.prodrush-box .hint{display:block;width:24px;line-height:48px;font-size:16px;color:#c6361f;text-align:center;position:absolute;left:0px;top:0px;}
.prodrush-list .prodrush-sub{display:block;width:112px;height:36px;line-height:36px;border-radius: 18.5px; font-size:15px;color:#fff;background:#1c67aa;cursor: pointer;}
.prodrush-list .yzm-box .text{padding:0 10px;width:70%;height:50px;border:1px solid #e5e5e5;float:left;}
.prodrush-list .yzm-box .yzm-img{display:block;width:28%;height:50px;border:1px solid #e5e5e5;float:right;}
.prodrush-list .yzm-box .yzm-img img{width:100%;height:100%;}
.prodrush-box .text::-webkit-input-placeholder,.prodrush-box select::-webkit-input-placeholder{color:#b2b2b2;}



/* 解决方案 */
.precept{width: 100%;}
.precept-item{width: 100%;max-height: 640px;position: relative;margin-bottom: 10px;}
.precept-item:last-child{margin-bottom: 0;}
.precept-item img{width: 100%;height: 100%; object-fit: cover;}
.precept-item .incontain{display: flex;justify-content: flex-start;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.precept-item:nth-child(even) .incontain{display: flex;justify-content: flex-end;}
.precept-contitem{width:50%;}
.precept-contitem h2{font-size: 36px;color: #ffffff;font-weight: 800;padding-bottom: 24px;position: relative;}
.precept-contitem h2::after{content: '';width: 43px;height: 2px;background-color: #ffffff;position: absolute;left: 0;bottom: 0;}
.precept-contitem p{font-size: 16px;color: #ffffff;line-height: 28px;}
.precept-list{width: 100%;margin:46px 0 30px 0;}
.precept-list ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.precept-list ul li{width: 31.33333%;margin-right:2%;margin-bottom: 12px;}
.precept-list ul li a{display: block;width: 100%;height: 38px;border: 1px solid #ffffff;text-align: center;line-height: 36px;font-size: 16px; color: #ffffff;background-color: transparent;transition: all .4s ease;}
.precept-list ul li a:hover{background-color: #ffffff;color: #2774af;}

/* 智能驾驶方案 */
.netdrive-comitem{width: 100%;position: relative;height:640px;}
.solution-nav{background: rgba(39,117,175,.2);color: #fff;z-index: 1;position: absolute;top: 0;left: 0;width: 100%}
.solution-nav .incontain{height: 68px;display: flex;align-items: center}
.solution-nav .item{font-size: 16px;margin-right: 48px;position:relative}
.solution-nav .item:after{content:'';position:absolute;bottom:-22px;left:0;width:100%;height:2px;background:#4da7c4;opacity:0}
.solution-nav .item.active{Color:#4da7c4}
.solution-nav .item.active:after{opacity:1}
.netdrive-comitem img{width: 100%;height: 100%; object-fit: cover;}
.netdrive-comcont{width: 100%;height: 100%; position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.netdrive-comcont h2{font-size: 40px;color: #ffffff;font-weight: 800;margin-bottom: 20px;font-weight: bold;}
.netdrive-p{height: 56px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.netdrive-p.active{height: auto;-webkit-line-clamp: unset;overflow: unset}
.netdrive-comcont p{ font-size: 16px;color: #ffffff;line-height: 28px;max-width: 968px;text-align: center;}
.netdrive-comcont a{display: block; width: 160px;height: 38px;font-size: 14px;color: #ffffff;border-radius: 18.5px; border: 2px solid #ffffff;line-height: 36px;text-align: center;margin-top: 50px;transition: all .4s ease;background-color: transparent;}
.netdrive-comcont a:hover{background-color: #ffffff;color:#2774af;}
.netdrive-trait{width: 100%;padding: 100px 0;}
.netdrive-pubtit{width: 100%;text-align: center;}
.netdrive-pubtit h2{font-size: 34px;font-weight: 800;color: #333333;}
.netdrive-traititem{width: 100%;margin-top: 104px;display: flex;}
.netdrive-traitul{width: 29.3333%;margin-left: 6%;position: relative}
.netdrive-traitul:nth-child(2):after{content: '';background: url("../images/gather/traitimg-bg1.png");width: 34px;height: 116px;position: absolute;left: 18px;top: 0}
.netdrive-traitul:nth-child(2):before{content: '';background: url("../images/gather/traitimg-bg2.png");width: 34px;height: 116px;position: absolute;right: 8px;top: 117px}
.netdrive-traitul:first-child{margin-left: 0;}
.netdrive-traitli{width: 100%;display: flex;margin-bottom: 70px;}
.netdrive-traitnum{width: 38px; transform: skewX(-10deg);margin-right: 30px;}
.netdrive-traitnum i{display: block; width: 38px;height: 38px;background-color: #1380d4;background-image:linear-gradient(to bottom, #0d8def 0% ,#157ac5 100%);text-align: center;line-height: 38px;font-size: 20px;color: rgba(255,255,255,.8);font-style: normal;font-family: 'impact'}
.netdrive-traitcom h2{font-size: 18px;color: #333333;font-weight: 800;margin-bottom: 20px;}
.netdrive-traitcom p{font-size: 15px;color: #555555;line-height: 26px;}
.netdrive-traitimg{width: 86%;height: 230px;margin-left: 8%;transform: skewX(-11deg);overflow: hidden;border: 8px solid transparent;border-image: linear-gradient(to bottom, #68b2f6, #5ccae9);border-image-slice: 10;display: flex;align-items: center;justify-content: center}
.netdrive-traitimg img{width: 120%;height: 120%;object-fit: cover;transform: skewX(11deg);position: absolute}
.netdrive-prod{width: 100%;height: 645px; padding: 100px 0;background: url(../images/gather/netprodB.jpg)no-repeat center /cover;}
.netdrive-prod .neth2{color: #ffffff;}
.netdrive-proditem ul{display: flex;flex-wrap: wrap; margin-left: -2%;margin-top: 40px;}
.netdrive-proditem li{width: 31.33333%;margin-left: 2%;}
.netdrive-prodshow{width: 100%;}
.netdrive-prodimg{width: 100%;height: 210px;background-color: #ffffff;display: flex;justify-content: center;align-items: center;overflow: hidden;border-bottom: 1px solid #ececec;}
.netdrive-prodimg img{max-width: 100%;max-height: 100%;object-fit: cover;}
.netdrive-prodcont{width: 100%;padding: 36px 0;background-color: #ffffff;text-align: center;}
.netdrive-prodcont h2{font-size: 20px;color: #333333;font-weight: 800;margin-bottom: 18px;}
.netdrive-prodcont p{font-size: 15px;color: #333333;margin-bottom: 22px;}
.netdrive-prodcont .netclick{font-size: 14px;color: #828282;}
.netdrive-scene{width: 100%;background-color: #e9eef2;padding: 100px 0;}
.netdrive-sceneitem{width: 100%;margin-top: 42px;}
.netdrive-scenetop{width: 100%;display: flex;justify-content: flex-start; margin-bottom: 1%;}
.netdrive-scenecont{width: 32.3333%;margin-left: 1%;position: relative;}
.netdrive-scenecont:first-child{margin-left: 0;}
.netdrive-sceneimg{width: 100%;height: 204px;overflow: hidden;}
.netdrive-sceneimg img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease;}
.netdrive-scenecont h2{font-size: 24px;color: #ffffff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .4s ease;}
.netdrive-scenebot{width: 100%;display: flex;justify-content: flex-start;}
.netdrive-scenebot .netdrive-scenecont{width: 49%;}
.netdrive-scenecont:hover .netdrive-sceneimg img{transform: scale(1.12);}
.netdrive-scenecont:hover h2{color:#2774af;}
.netdrive-skill{width: 100%;padding-top: 100px;}
.netdrive-skillitem{width: 100%;display: flex;justify-content: space-between;margin-top: 42px;overflow: hidden;}
.netdrive-skillimg{width: 49%;margin-right: 2%;overflow: hidden;}
.netdrive-skillimg img{width: 100%;object-fit: cover;}
.netdrive-skillcont{width: 49%;display: flex;flex-direction: column;justify-content: flex-end;}
.netdriive-skillshow{width: 100%;margin-bottom: 15px;height: 90px;background-color: #e7eff7;transition: all .4s ease;padding-left: 34px;display: flex;flex-direction: column;justify-content: center;overflow: hidden;}
.netdriive-skillshow:last-child{margin-bottom: 0;}
.netdriive-skillshow.ontrue{height: 152px;background-color: #1e79bd;}
.netdriive-skillshow.ontrue h2{font-size: 20px;color: #ffffff;font-weight: 800;}
.netdriive-skillshow.ontrue p{transform: translateY(0);display: block;}
.netdriive-skillshow h2{font-size:16px;color: #555555;margin-bottom:16px;transition: all .4s ease;}
.netdriive-skillshow p{font-size:14px;color: #ffffff;line-height: 22px;max-width: 70%;transform: translateY(58px);transition: all .4s ease;display: none;}

.com-nav{position:relative;height:80px;display:flex;align-items:center;background: #f8fcff;z-index: 1;}
.com-nav:after{content:'';background:#2775af;width:20%;position:absolute;left:0;top:0;height:80px;z-index:-1}
.com-nav .incenter{height:100%;display:flex}
.com-nav .contain{height:100%;display:flex}
.com-nav-tit{height:100%;align-items:center;display:flex;width:24.5%;color:#fff;background:linear-gradient(to right,#2775af 0,#3398c7 100%);font-size:16px;padding-right:28px}
.com-nav-tit .symbol{padding:0 15px}
.com-nav-tit .cat-name{font-weight:700;font-size:18px}
.com-nav-tit i{display:block;background:url(../images/public/iconArrW.png) no-repeat;background-size:100%;width:10px;height:5px;margin-left:auto}
.com-nav-item{width:76.5%;display:flex;align-items:center}
.com-nav-item ul{display:flex;width:100%}
.com-nav-item li{width:50%;text-align:center;font-size:15px;color:#666}
.com-nav .contain li{width: 16%}
.com-nav-item li.active{font-size:16px;font-weight:700;color:#2877b1}
.com-nav-item li a{transition:all .4s ease}
.com-nav-item li a:hover{color:#2877b1}

/*服务支持*/
.down-center{padding:95px 0 90px}
.down-center h2{font-size:34px;font-weight:700;line-height:32px;color:#333;text-align:center}
.down-search{margin-top:40px;display:flex;justify-content:space-between}
.down-search .item{height:146px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #f6f8fa;padding:0 10px;width:32%;transition:all .4s ease}
.down-search .item:hover{box-shadow:0 5px 20px 0 rgba(17,58,93,.1);border-color:#2877b1}
.down-center h4{font-size:20px;color:#333;margin-bottom:15px}
.down-select{display:flex;justify-content:space-between;width:100%}
.down-search select{width:86%;border:1px solid #eaeff4;height:42px;padding:0 12px;font-size:15px;color:#999;cursor:pointer;background:#fff url(../images/gather/select-icon.png) no-repeat calc(100% - 12px) center/6px;transition:all .4s ease}
.down-search input:focus,.down-search select:focus{border-color:#2877b1}
.down-search input{width:86%;border:1px solid #eaeff4;height:42px;padding:0 12px;font-size:15px;color:#999;background:#fff url(../images/gather/select-icon.png) no-repeat calc(100% - 12px) center/6px;transition:all .4s ease}
.down-search input::placeholder{color:#999}
.down-search a{display:flex;align-items:center;justify-content:center;background:#2775af;width:12%;transition:all .8s ease}
.down-select.two select{width:42%}
.down-search a:hover{opacity:.6}
.down-center .pagination{margin-top:40px}
.video-explain{background:#f6f7f9;padding:86px 0 60px}
.video-explain h2{font-size:34px;font-weight:700;color:#333;text-align:center}
.explain-banner{display:flex;justify-content:space-between;color:#fff;margin:40px 0 60px}
.explain-banner img{width:100%;height:100%;object-fit:cover}
.explain-lft{height:452px;width:66.5%;position:relative;border-radius:6px;overflow:hidden}
.explain-cont{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:50px 55px}
.explain-cont h3{font-size:30px;line-height:44px}
.explain-cont p{font-size:16px;line-height:44px}
.explain-cont a{display:block;width:124px;height:36px;background:#2877b1;font-size:14px;text-align:center;line-height:36px;border-radius:5px;margin-top:10px;transition:all .4s ease}
.explain-cont a:hover{box-shadow:0 10px 18px rgba(40,119,177,.5)}
.explain-cont a span{font-family:"\5B8B\4F53";padding-left:10px}
.explain-rgt{width:32%;display:flex;flex-direction:column;justify-content:space-between}
.explain-item{position:relative;height:48%;border-radius:6px;overflow:hidden;cursor:pointer}
.explain-item h3{position:absolute;bottom:0;font-size:18px;padding:20px;width:100%;line-height:26px;background:rgba(0,0,0,.1)}
.explain-item i{display:block;width:42px;height:42px;background:url(../images/gather/video-btn.png) no-repeat center/100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;z-index:999}
.explain-item:hover i{opacity:.5}
.explain-item img{transition:all .8s ease}
.explain-item:hover img{transform:scale(1.2)}
.link-item{display:flex;flex-wrap:wrap;justify-content:space-between}
.link-item:after{content:'';width:32%}
.link-item span:nth-child(1){font-family:"\5B8B\4F53";padding-right:10px}
.link-item a{display:flex;align-items:center;width:32%;margin-bottom:25px;font-size:16px;color:#555}
.link-item a:hover{color:#2877b1}
.link-item a span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.video-explain .swiper-wrapper{padding-bottom:70px}
.video-explain .swiper-pagination-bullet-active{width:10px;height:10px;background:#2c7bb1}


/*合作代理商*/
.com-block{padding:90px 0}
.cooperation-img{text-align:center;margin-top:40px}
.cooperation-img img{max-width:100%;margin:0 auto;object-fit:cover}
.com-block h2{font-weight:700;font-size:34px;color:#333;text-align:center}

/*投资者关系*/
.investor p{font-size:18px;color:#555;margin:50px 0 70px;line-height: 24px;}
.investor h3{font-size:31px;font-weight:700;color:#333}
.investor .address{font-size:22px;line-height:24px;color:#868686;margin:25px 0 35px}
.investor li{font-size:18px;line-height:24px;color:#797979;font-weight:lighter;display:flex;margin-bottom: 20px;}
.investor li span{display:block;min-width:106px;font-weight:700;color:#333;padding-right:10px;}

/*新闻*/
.news-cat{display:flex;margin-top:30px;justify-content:center}
.news-cat .item{display:flex;align-items:center;justify-content:center;height:40px;width:120px;border-radius:30px;border:2px solid #b4b4b4;color:#555;font-size:15px}
.news-cat .item.active,.news-cat .item:hover{border-color:#2877b1;color:#2877b1}
.news-cat .item:not(:first-child){margin-left:30px}
.performance-top{height:436px;display:flex;justify-content:space-between;margin-top: 70px}
.performance-swiper,.performance-top .swiper-slide,.performance-top .swiper-wrapper{height:100%;width:100%}
.performance-top .swiper-slide a{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%}
.performance-swiper{width:49%;position:relative;margin-left:unset;margin-right:auto}
.performance-swiper .info{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:rgba(0,0,0,.2);color:#fff;font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.performance-top .swiper-next,.performance-top .swiper-prev{position:absolute;top:50%;height:52px;width:52px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);z-index:1;transition:all .4s ease;color:#fff;cursor: pointer}
.performance-top .swiper-next:hover,.performance-top .swiper-prev:hover{background:rgba(0,0,0,.5)}
.performance-top .swiper-prev{left:2px}
.performance-top .swiper-next{right:2px}
.performance-top .rgt{padding:0 56px 0 36px;background:#f8f8f8;width:49%;display:flex;flex-direction:column;justify-content:center}
.performance-top .rgt .time{font-size:16px;color:#adadad}
.performance-top .rgt h3{font-size:18px;color:#333;font-weight:700;line-height:34px;margin:15px 0 30px}
.performance-top .rgt p{line-height:24px;color:#737373}
.performance-top .rgt .more-btn{color:#2877b1;margin-top:50px}
.obj-cover{width: 100%;height: 100%;object-fit: cover}
.per-list{margin-top:40px;display:flex;justify-content:space-between;flex-wrap:wrap}
.per-list .cell{display:flex;background:#f2f2f2;padding:50px 40px 50px 0;align-items:center;width:100%;margin-bottom:20px;position:relative;z-index:1}
.per-list .cell:hover{color:#fff;box-shadow:0 0 30px rgba(40,119,117,.5);background: #2877b1}
.per-list .cell .lft{width:10%;text-align:center}
.per-list .cell .rgt{width:90%}
.per-list .cell .lft .num{font-size:36px;font-weight:700;line-height:28px;font-family:Arial;color:#333}
.per-list .cell .lft .time{font-size:14px;line-height:28px;color:#555}
.per-list .cell .rgt .tit{font-size:18px;line-height:28px;white-space:nowrap;text-overflow:ellipsis;color:#333;overflow:hidden;font-weight:700}
.per-list .cell .rgt .desc{font-size:14px;line-height:22px;margin-top:15px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:45px;color:#929292}
.per-list .cell:hover .desc,.per-list .cell:hover .num,.per-list .cell:hover .time,.per-list .cell:hover .tit{color:#fff}
.performance .pagination{margin-top:25px}

/*新闻详情*/
.top-nav-link{background:#e8e8e8;padding-bottom:15px}
.nav-link{color:#5d5d5d;display:flex;padding-top:15px;flex-wrap:wrap}
.nav-link .arrow-ico{margin:0 15px;font-family:\5B8B\4F53;font-weight:700}
.article{background:#f5f5f5;padding:60px 0}
.article .incontain{display:flex;justify-content:space-between}
.article .art-cont{width:70%;background:#fff;padding:35px 30px}
.article .art-cont .title-info{margin-bottom:40px;padding:20px 0 30px;border-bottom:1px solid #f5f5f5}
.article .art-cont .title-info .time{display:flex;color:#aaa;font-size:13px;justify-content:center;align-items:center}
.article .art-cont .title-info .time img{margin-right:10px}
.article .art-cont img{max-width:100%;object-fit:cover}
.article .art-cont h1{font-size:24px;line-height:36px;font-weight:700;text-align:center;color:#333}
.article .art-cont .article-time{font-size:13px;color:#a8a8a8;margin:10px 0 30px;text-align:center}
.article .art-cont p{font-size:14px;color:#777;line-height:30px}
.article .art-bott{margin-top:50px;display:flex;justify-content:space-between;padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid #f0f0f0;align-items:center}
.article .return-btn{width:124px;height:40px;border-radius:25px;font-size:14px;border:2px solid #2775af;color:#2877b1;display:flex;align-items:center;justify-content:center}
.article .return-btn:hover{color:#fff;background:#2775af}
.article .arc-nav a{position:relative;display:block;font-size:14px;color:#666;padding-left:15px}
.article .arc-nav a:not(:first-child){margin-top:20px}
.article .arc-nav a:after{content:'';width:7px;height:7px;background:#a0a0a0;border-radius:50%;top:8px;left:0;position:absolute;transition:all .5s ease}
.article .arc-nav a:hover{color:#2775af}
.article .arc-nav a:hover:after{background:#2775af}
.article br{content:'';display:block;height:.7em}
.art-rgt{width:28%;background:#fff;height:100%;padding:25px 20px}
.art-rgt .rgt-tit{font-size:22px;font-weight:700;color:#333;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #f3f3f3}
.art-rgt .picture{height:206px;width:100%;overflow:hidden}
.art-rgt h3{font-size:15px;line-height:26px;color:#5d5d5d;margin-top:20px;font-weight:700}
.rgt-news{display:block}
.rgt-news img{transition:all .8s ease}
.rgt-news:not(:first-child){margin-top:30px}
.rgt-news:hover img{transform:scale(1.2)}

/*人才招聘*/
.joinUs-main{background:#f7f7f7}
.joinUs-job{margin-top: 40px}
.joinUs-job .join-title{display:flex;background:#44484a;color:#fff;padding:20px 50px;font-size:16px;line-height:30px;align-items:center}
.joinUs-job .join-title.cell{background:#fff;color:#555;margin-top:15px;padding:0;flex-wrap:wrap}
.joinUs-job .job-tit:nth-child(1){width:35%}
.joinUs-job .job-tit:nth-child(2){width:30%}
.joinUs-job .job-tit:nth-child(3){width:20%}
.joinUs-job .job-tit:nth-child(4){width:15%;text-align:center}
.joinUs-job .join-top i{transition:all .4s ease;display:block;width:36px;height:36px;background:url(../images/gather/jobs-1.png) no-repeat;margin:0 auto}
.joinUs-job .join-top.ontrue i{background:url(../images/gather/jobs-2.png) no-repeat}
.joinUs-job .join-top:hover i{transform:scale(.9)}
.joinUs-job .join-cont{width:100%;border:1px solid #f2f2f2;padding:34px 42px}
.joinUs-job .join-top{display:flex;width:100%;align-items:center;padding:20px 50px;cursor:pointer}
.joinUs-job .join-content{border-top:1px solid #f2f2f2;padding:34px 42px;display:none;width:100%}
.joinUs-job .join-content h6{font-weight:700;color:#333;font-size:16px;line-height:30px;margin-bottom:18px}
.joinUs-job .join-content h6:not(:first-child){margin-top:15px}
.joinUs-job .join-content p{font-size:14px;color:#777;line-height:30px}
.joinUs-job .join-content p.end{color:#555;margin-top: 36px}
.joinUs-job .job-tit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:20px}
.joinUs-main .pagination{margin-top: 50px}

/*关于我们*/
.company-intro h2{margin-bottom:40px}
.company-intro p{font-size:16px;line-height:30px;color:#777}
.intro-list{display:flex;justify-content:space-between;margin:50px 0}
.intro-list .item{background:linear-gradient(to right,#2775af 0,#3398c7 100%);padding:35px 20px;text-align:center;border-radius:5px;font-size:24px;line-height:30px;color:#fff;width:48%}
.intro-list ul{display:flex;justify-content:space-between;margin-top:20px;flex-wrap:wrap}
.intro-list li{background:#fff;border-radius:5px;font-size:16px;color:#666;padding:0 8px;height:72px;width:32%;display:flex;align-items:center;justify-content:center;line-height:24px;transition:all .4s ease}
.intro-list li:hover{box-shadow:0 10px 18px rgba(0,0,0,.2)}
.history-out.com-block{padding:0}
.history{margin-top:40px;background:#f4f4f4}
.history .incontain{position:relative;padding:55px 0 108px;z-index:1}
.history .incontain:after{content:'';width:90px;height:100%;position:absolute;left:0;top:0;background:#fff;z-index:-1}
.history-tit{position:relative;width:168px;height:62px;z-index:1}
.history-tit span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#2775af 0,#3398c7 100%);font-size:24px;font-weight:700;color:#fff;border-radius:6px}
.history-tit:after{content:'';width:100%;height:100%;border:1px solid #4487b9;position:absolute;left:15px;top:15px;border-radius:6px;z-index:-1}
.history-cont{display:flex;z-index:1;margin-top:80px;align-items:center}
.history-lft{width:90px;display:flex;flex-direction:column;align-items:center;position:relative;height:100%}
.history-lft li{width:100%;cursor:pointer;}
.history-lft li .year{font-size:16px;color:#333;margin-bottom:30px;font-weight:700}
.history-lft li.active .year{color:#2877b1;}
/*.history-lft i{font-size:16px;color:#777;position:relative;cursor:pointer}*/
.history-lft li i{position:absolute;left:0;top:0;width:2px;height:25px;display:block;}
.history-lft i:after{content:'';position:absolute;left:0;top:5px;height:20px;width:100%;background:#2877b1}
.history-lft i:before{content:'';width:2px;position:absolute;left:0;top:0;height:4px;background:#2877b1}
.history-lft li+li{margin-top:30px}
.history-rgt .swiper-slide{background:#fff}
.history-main{padding:50px;height:100%}
.history-rgt .swiper-container{height:556px}
.history-rgt{margin-left:70px;width:78.5%;border-radius:5px;overflow:hidden}
.history-main h4{font-size:60px;font-weight:700;color:#333}
.history-main span{font-size:16px;color:#777;padding-left:20px;font-weight:400}
.history-main .icon{margin:28px 0 30px}
.history-main p{font-size:15px;line-height:30px}
.contact{background:url(../images/gather/contact-banner.jpg) no-repeat center/cover}
.contact h2{color:#fff}
.contact-cont{max-width:606px;margin:60px auto 40px;background:#fff;padding:88px 140px;text-align:center}
.contact-cont h6{font-weight:700;font-size:16px;color:#333}
.contact-cont p{font-size:15px;line-height:32px;color:#777;margin-top:20px}
.contact-cont h6:not(:first-child){margin-top:54px}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */

}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .precept-contitem h2 {font-size: 28px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
} 

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .com-block {padding: 68px 0;}
    .com-block h2 {font-size: 26px;}
    .netdrive-comcont h2{font-size: 28px;margin-bottom: 14px;}
    .down-center h2{font-size: 26px;}
    .down-center {padding: 68px 0 68px;}
    .video-explain {padding: 68px 0 48px;}
    .product-comcont h2 {font-size: 28px;margin-bottom: 14px;}
    .product-comcont p {font-size: 18px;line-height: 28px;}
    .investor p {margin: 34px 0 58px;}
    .investor h3 {font-size: 24px;}
    .investor .address {font-size: 20px;line-height: 22px;margin: 20px 0 28px;}
    .performance-top {margin-top: 48px;}
    .performance-top .rgt {padding: 0 80px 0 60px;}
    .per-list .cell {padding: 40px 30px 40px 0;}
    .netdrive-comcont a {width: 138px;height: 32px;line-height: 28px;margin-top: 38px;}
    .netdrive-comcont p {max-width: 888px;}
    .netdrive-pubtit h2 {font-size: 28px;}
    .netdrive-trait {padding: 60px 0;}
    .netdrive-prod {padding: 60px 0;}
    .netdrive-scene {padding: 60px 0;}
    .netdrive-skill {padding-top: 60px;}
    .netdrive-skillimg img {min-height: 362px;}
    .product-modmenu .product-title h2 {font-size: 28px;}
    .product-modsub {padding: 20px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .product-modmenu{width: 18%}
    .product-modnum{width: 80%}
    .company-intro h2 {margin-bottom: 28px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .com-block {padding: 60px 0;}
    .prodshow{padding-top: 60px}
    .prodshow-subcont,.product-model{padding: 40px 0}
    .product-modmenu,.product-modnum{width: 100%}
    .product-moditem{flex-wrap: wrap}
    .product-modmenu{position: static}
    .product-modnum{margin-top: 30px}
    .down-search{flex-wrap: wrap;}
    .down-search .item {width: 100%;margin-bottom: 20px;}
    .down-center {padding: 60px 0 60px;}
    .video-explain {padding: 60px 0 48px;}
    .com-nav .incenter {flex-direction: column;}
    .com-nav-tit {width: 100%;background: linear-gradient(to right,#2775af 0,#3398c7 100%);height: 60px;}
    .com-nav{height: auto;}
    .com-nav:after {width: 100%;background: linear-gradient(to right,#2775af 0,#3398c7 100%);height: 60px;}
    .com-nav-item{width: 100%;height: 60px;line-height: 60px;}
    .explain-cont {padding:35px;}
    .explain-cont h3 {font-size: 24px;line-height: 32px;}
    .explain-item h3 {font-size: 14px;padding: 14px;line-height: 22px;}
    .prodtool {padding-top: 60px;}
    .prodtool-menunum ul li, .down-list ul li {width: 47.333333%;}
    .product-public {margin-top: 60px;}
    .intro-list {flex-direction: column;margin: 38px 0 0px;}
    .intro-list .item {margin-bottom: 30px;width: 100%;}
    .com-nav .contain{flex-direction: column;}
    .precept-contitem {width: 100%;}
    .precept-contitem h2 {font-size: 20px;padding-bottom: 12px;}
    .precept-list{margin: 24px 0 12px 0;}
    .performance-top {margin-top: 38px;height: 368px;}
    .performance-top .rgt {padding: 0 50px 0 30px;}
    .performance-top .rgt .more-btn {margin-top: 38px;}
    .per-list .cell {padding: 30px 20px 30px 0;}
    .article .art-cont {padding: 35px 20px;}
    .article .art-cont h1{font-size: 18px;line-height: 32px;}
    .article .art-cont .title-info {margin-bottom: 30px;padding: 20px 0 30px;}
    .article .art-bott {margin-top: 40px;padding-bottom: 25px;margin-bottom: 25px;}
    .art-rgt .rgt-tit {font-size: 16px;padding-bottom: 12px;margin-bottom: 16px;}
    .art-rgt {padding: 25px 10px;}
    .art-rgt h3 {font-size: 14px;line-height: 20px;margin-top: 12px;}
    .netdrive-traititem {margin-top: 48px;}
    .netdrive-traitli {margin-bottom: 38px;display: flex;justify-content: flex-start}
    .netdrive-traitnum {margin-bottom: 12px;}
    .netdrive-traitcom h2 {font-size: 16px;margin-bottom: 14px;}
    .netdrive-prod {height: auto;}
    .netdrive-scenecont h2 {font-size: 20px;}
    .netdriive-skillshow p {max-width: 92%;}
    .per-list .cell .lft .num {font-size: 28px;}
    .netdrive-traititem {flex-direction: column;}
    .netdrive-traitul {width:100%;margin-left: 0;}
    .netdrive-traitimg {width: 100%; margin-left: 0;transform: skewX(0deg);margin-bottom: 28px;}
    .netdrive-traitimg img {width: 100%; height: 100%;transform: skewX(0deg);}
    .netdrive-traitul:nth-child(2):after {display: none;}
    .netdrive-p{padding: 0 30px;height: 50px}

}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .com-block {padding: 40px 0;}
    .com-block h2 {font-size: 20px;}
    .netdrive-comcont p {max-width: 356px;font-size: 14px;line-height: 24px;}
    .prodshow{padding-top: 40px}
    .product-pubcont{padding: 10px}
    .product-pubmenu{margin: 28px 0}
    .product-pubmenu ul li{width: 50%;border: 0;border-bottom: 1px solid #eaeff4}
    .product-pubmenu ul li:nth-child(3){border-bottom: 0}
    .product-pubmenu ul li:nth-child(odd){border-right: 1px solid #eaeff4}
    .product-pubmenu .product-pubsub{padding: 0 10px}
    .product-pubmenu .product-pubsub h2{font-size: 14px}
    .prodshow-subcont h2{min-width: 100px}
    .product-public{margin-top: 32px}
    .product-public-cont{padding: 0 30px}
    .product-public-cont p{text-align: center}
    .product-modmenu .product-title h2{font-size: 20px}
    .product-modmenu .product-title span{font-size: 30px}
    .product-modsub{padding: 18px 20px;}
    .product-modmenu .product-title{padding: 0 20px}
    .table-out td, th{height: 60px}
    .table-out .lft-table tbody,.table-out .rgt-table .cont{margin-top: 60px}
    .product-comitem{height: 300px}
    .product-comcont h2{font-size: 18px}
    .product-comcont p{font-size: 14px;line-height: 20px;}
    .table-out td, th{min-width: 100px;font-size: 13px}
    .scroll{opacity: 0}
    .scroll.show{opacity: 1}
    .netdrive-comcont h2 {font-size: 20px;}
    .down-center h2 {font-size: 18px;}
    .down-search {margin-top: 24px;}
    .com-nav-tit {height: 40px;font-size: 14px;}
    .com-nav-tit .cat-name {font-size: 14px;}
    .com-nav:after {height: 40px;}
    .com-nav-item{height: auto;line-height: 40px;}
    .com-nav-item li.active {font-size: 14px;}
    .com-nav-item li {font-size: 14px;}
    .com-nav-item ul {flex-wrap: wrap;}
    .com-nav .contain li {width: 50%;}
    .down-center {padding: 40px 0 40px;}
    .down-center h4 {font-size: 16px;margin-bottom: 12px;}
    /*分页360*/
    .pagination .page-j{display: none}
    .pagination a span.lft-ico,.pagination a span.rgt-ico{margin: 0}
    .pagination a{height: 30px;line-height: 30px;font-size: 13px;padding: 0 10px}
    .pagination .page-go input{height: 30px;}
    .pagination .page-rgt {margin-top: 14px;}
    .pagination .page-num {margin-left: 0;}
    .video-explain {padding: 40px 0 40px;}
    .video-explain h2 {font-size: 18px;}
    .explain-banner {margin: 24px 0 12px;}
    .explain-banner {flex-direction: column;}
    .explain-lft {width: 100%;height: 320px;margin-bottom: 20px;}
    .explain-rgt {width: 100%;}
    .explain-cont {padding: 20px;}
    .explain-cont h3 {font-size: 18px;line-height: 28px;}
    .explain-cont p {font-size: 14px;line-height: 24px;}
    .explain-cont a {width: 98px;height: 28px;font-size: 14px;line-height: 28px;}
    .explain-item{margin-bottom: 20px;}
    .video-explain .swiper-wrapper {padding-bottom: 40px;}
    .prodtool {padding-top: 40px;}
    .product-pubcont h2 {font-size: 18px;line-height: 24px;}
    .product-pubcont span {font-size: 16px;line-height: 18px;margin: 10px 0 10px;}
    .product-pubcont p {font-size: 14px;line-height: 24px;margin-bottom: 16px;text-indent: 2em;}
    .prodtool-menuitem {flex-wrap: wrap;}
    .prodtool-menuitem .prodtool-titsub {margin-bottom: 20px;}
    .prodtool-menunum {margin-top: 0px;}
    .prodtool-menunum ul li, .down-list ul li {width: 100%;}
    .prodtool-menunum ul, .down-list ul {margin-left: 0%;}
    .prodtool-menunum ul li, .down-list ul li {margin-left: 0%;}
    .product-public-cont p {font-size: 14px;line-height: 18px;margin-bottom: 18px;}
    .product-public-cont a {width: 118px; height: 28px;line-height: 26px;}
    .intro-list .item {padding: 28px 10px;font-size: 16px;line-height: 24px;}
    .intro-list li {font-size: 14px;padding: 0 6px;line-height: 20px;}
    .company-intro p {font-size: 14px;line-height: 26px;}
    .history .incontain {padding: 40px 0 48px;}
    .history-tit span {font-size: 18px;}
    .history-tit {width: 138px;height: 48px;}
    .history .incontain:after {width: 78px;}
    .history-main h4 {font-size: 24px;}
    .history-main {padding: 12px;}
    .history-rgt { margin-left: 24px;}
    .contact-cont {max-width: 328px;padding: 24px 20px;}
    .contact-cont p {font-size: 14px;line-height: 26px;margin-top: 14px;}
    .contact-cont h6:not(:first-child) {margin-top: 28px;}
    .precept-item img {min-height: 320px;}
    .precept-list ul li a {height: 34px;line-height: 32px;font-size: 14px;}
    .precept-contitem p {font-size: 14px;line-height: 24px;}
    .precept-list ul li {width: 48%;}
    .investor p {font-size: 14px;margin: 20px 0 32px;}
    .investor h3 {font-size: 16px;}
    .investor .address {font-size: 14px;margin: 14px 0 20px;}
    .investor li {font-size: 16px;}
    .news-cat .item {height: 28px;width: 98px;font-size: 14px;}
    .performance-top {flex-direction: column;margin-top: 28px;height: auto;}
    .per-list {margin-top: 28px;}
    .news-cat {margin-top: 24px;}
    .performance-swiper {width: 100%;min-height: 220px;}
    .performance-swiper .info{font-size: 14px;}
    .performance-top .rgt {width: 100%;margin: 20px 0;padding: 10px 10px 0 10px;}
    .performance-top .rgt h3 {font-size: 16px;line-height: 24px;margin: 12px 0 24px;}
    .performance-top .rgt .time {font-size: 14px;}
    .performance-top .rgt p{font-size: 14px;line-height: 20px;}
    .performance-top .rgt .more-btn {margin-top: 15px;padding-bottom: 10px;}
    .per-list .cell{flex-direction: column;}
    .per-list .cell .lft .num{font-size: 24px;}
    .per-list .cell .rgt .tit {font-size: 16px;line-height: 26px;}
    .article {padding: 40px 0;}
    .article .incontain{flex-direction: column;}
    .article .art-cont {width: 100%;}
    .art-rgt{width: 100%;margin-top: 30px}
    .article .art-cont h1 {font-size: 16px;line-height: 24px;}
    .article .art-cont .title-info {margin-bottom: 20px;padding: 20px 0 20px;}
    .article .art-cont p {line-height: 24px;}
    .article .art-bott {margin-top: 24px;padding-bottom: 18px;margin-bottom: 18px;}
    .article .return-btn {width: 78px; height: 28px;}
    .article .art-cont {padding: 24px 20px;}
    .prodrush-list li {width: 49.33334%;}
    .prodrush-list .prodrush-sub {width: 88px;height: 32px;line-height: 32px;font-size: 16px;}
    .joinUs-job .job-tit:nth-child(4) {width: 16%;}
    .joinUs-job .join-title {padding: 20px 12px;font-size: 14px;line-height: 20px;}
    .joinUs-job .join-top {padding: 20px 12px;}
    .joinUs-job .join-content {padding: 24px 12px;}
    .joinUs-job .join-content h6 {line-height: 24px;margin-bottom: 12px;}
    .joinUs-job .join-content p.end {margin-top: 12px;}
    .joinUs-main .pagination {margin-top: 28px;}
    .solution-nav .incontain {flex-wrap: wrap;}
    .netdrive-trait {padding: 40px 0;}
    .netdrive-prodcont h2 {font-size: 16px;}
    .netdrive-prodcont p {font-size: 14px;margin-bottom: 14px;line-height: 18px;}
    .netdrive-comitem {height: 328px;}
    .netdrive-p {height: 120px;-webkit-line-clamp: unset;overflow: auto;}
    .netdrive-comcont a {display: none;}
    .netdrive-traitli {margin-bottom: 28px;}
    .netdrive-scene {padding: 40px 0;}
    .netdrive-sceneitem {margin-top: 28px;}
    .netdrive-scenetop {flex-direction: column;margin-bottom: 0;}
    .netdrive-scenecont {width:100%;margin-left: 0;margin-bottom: 20px;}
    .netdrive-scenebot{flex-direction: column;}
    .netdrive-scenebot .netdrive-scenecont {width: 100%;}
    .netdrive-skill {padding-top: 40px;}
    .netdrive-pubtit h2 {font-size: 20px;}
    .netdrive-skillitem {flex-direction: column;margin-top: 28px;}
    .netdrive-skillimg { width: 100%;margin-right: 0%;margin-bottom: 20px;}
    .netdrive-skillcont {width: 100%;}
    .link-item a {width: 100%;}
    .netdrive-proditem li{width: 100%}
    .netdrive-proditem li:not(:first-child){margin-top: 20px}
    .solution-nav .item{font-size: 13px;margin-right: 12px}
    .solution-nav .incontain{height: 40px}
    .solution-nav .item:after{bottom:-10px}
    .table-out .lft-btn{min-width: 100px}
}