
/* Product Categories start */
.productCategories_main{background: #f1f3f5;padding: 60px 0;}
.proCate_title{text-align: center;font-size: 30px;margin-bottom: 30px;}
.productCategories_content{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.productCategories_left{width: -webkit-calc((100% - 1200px) / 2);width: -moz-calc((100% - 1200px) / 2);width: calc((100% - 1200px) / 2);display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.productCategories_nav{max-width: 90%;width: 260px;}
.productCategories_tablecont{width: -webkit-calc(100% - (100% - 1200px) / 2);width: -moz-calc(100% - (100% - 1200px) / 2);width: calc(100% - (100% - 1200px) / 2);padding-right: -webkit-calc((100vw - 1200px) / 2);padding-right: -moz-calc((100vw - 1200px) / 2);padding-right: calc((100vw - 1200px) / 2);}
.productCategories_nav h2{-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;background: #fff;font-size: 16px;cursor: pointer;font-weight: normal;padding: 20px 30px;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.productCategories_nav h2 i{-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;transform: rotate(180deg);}
.productCategories_nav h2:hover{color: #fff;background: #37bbb8;}
.productCategories_nav h2.active i{transform: rotate(0);}
.productCategories_nav .item{overflow: hidden;border-radius: 6px;background: #fff;margin-bottom: 25px;}
.productCategories_nav .item:last-child{margin-bottom: 0;}
.productCategories_nav .procate_list{background: #fff;}
.productCategories_nav .procate_list>li{border-top: 1px solid #f1f3f5;}
.productCategories_nav .procate_list li .navbox{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;min-height: 50px;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 30px;padding-right: 30px;font-size: 16px;color: #999999;justify-content: space-between;}
.productCategories_nav .procate_list li .navbox_list{padding: 10px 10px 10px 30px;}

.productCategories_nav .procate_list li .navbox i{transition: all 0.4s;transform: rotate(180deg);}
.productCategories_nav .procate_list li .navbox.navActive i{transform: rotate(0);}
.productCategories_nav .procate_list li .navbox_list li{color: #999999;font-size: 16px;}
.productCategories_nav .procate_list li .navbox_list li h3{display: flex;align-items: center;font-size: 14px;cursor: pointer;padding: 5px 0;}
.productCategories_nav .procate_list li .navbox_list li h3 i{width: 11px;height: 11px;border-radius: 50%;border: 1px solid #cfd1d3;position: relative;margin-right: 10px;min-width: 11px;}
.productCategories_nav .procate_list li .navbox_list li h3 i::after{display: block;content: "";position: absolute;top: 50%;left: 50%;width: 5px;height: 5px;background:none ;border-radius: 50%;margin-top: -2.5px;margin-left: -2.5px;}
.productCategories_nav .procate_list li .navbox_list li h3.cur i{border-color:#37bbb8;}
.productCategories_nav .procate_list li .navbox_list li h3.cur i::after{background:#37bbb8;}
.productCategories_nav .procate_list li .navbox_list li h3.cur{color: #333;font-weight: bold;}
.procate_list .navbox_list{padding-left: 15px !important;}
.procate_list>li>.navbox_list{padding-left: 30px !important;}
.productCategories_nav .navbox{position: relative;cursor: pointer;}
.productCategories_nav .navbox::after{position: absolute;top: 0;bottom: 0;left: 0;width: 3px;background: #37bbb8;opacity: 0;display: block;content: "";}
.productCategories_nav .navbox:hover{color: #37bbb8 !important;}

.productCategories_nav .navbox_list{display: none;}


.productCategories_search{border-radius: 6px;border: 1px solid #bddada;height: 60px;position: relative;}
.productCategories_search input{background: none;width: 100%;font-size: 16px;padding: 0 30px;width: 100%;line-height: 60px;}
.productCategories_search button{width: 120px;border-radius: 6px;background: #37bbb8;border: none;color: #fff;position: absolute;top: 0;right: 0;bottom: 0;}
.productCategories_search button i{font-size: 18px;}

.productCategories_table{overflow-x: auto;padding-bottom: 20px;}
.productCategories_table a{color: #004895;}
.productCategories_table::-webkit-scrollbar { height: 2px; }
.productCategories_table::-webkit-scrollbar-thumb { border-radius: 10px; background: #fa9d1c; }
.productCategories_table::-webkit-scrollbar-track { border-radius: 10px; background: #dddddd; }

.productCategories_table table{width: 100%;margin-top: 30px;text-align: left;border-radius: 10px;overflow: hidden;}
.productCategories_table table th{background: #fa9d1c;color: #fff;padding: 17px 30px;}
.productCategories_table table td{padding: 13px 30px;}
.productCategories_table table tr:nth-child(odd){background: #fff;}
.productCategories_table table tr:nth-child(even){background: #f9f9fa;}
.productCategories_table table th,.productCategories_table table td{border-color: #ebecee;font-size: 16px;}
.productCategories_table table .green:hover{color: #37bbb8;border-bottom: 1px solid #37bbb8;}
.productCategories_table table img{height: 22px;margin-left: 20px;}
.productCategories_table table tr th:nth-child(1){width: 47.4%;}
.productCategories_table table tr th:nth-child(2){width: 24%;}
.productCategories_table table tr th:nth-child(3){width: 16%;}
.productCategories_table table tr th:nth-child(4){width: 12.6%;}
/* Product Categories end */
.proCate_desc{font-size: 16px;line-height: 28px;color: #757678;margin-top: -5px;margin-bottom: 30px;}
.proCate_desc a{color: #37bbb8;text-decoration: underline;}
.hardware_listcont{display: flex;flex-wrap: wrap;}
.hardware_listcont .swiper-slide{width: calc(33.3333% - 20px);margin-right: 30px;margin-bottom: 30px;}
.hardware_listcont .swiper-slide:nth-child(3n){margin-right: 0;}

.software_listcont{display: flex;flex-wrap: wrap;}
.software_listcont .software_text h2{font-family: 'gilroy-bold';}
.software_listcont .swiper-slide{width: calc(33.3333% - 40px / 3);margin-right: 20px;margin-bottom: 20px;}
.software_listcont .swiper-slide:nth-child(3n){margin-right: 0;}

/* 在线文档详情 start */
.online_documents{background:#37bbb8 url(../webimages/online_bg.jpg) center no-repeat;background-size: cover;margin-top: 90px;padding-top: 70px;}
.online_title{font-size: 42px;line-height: 1;color: #fff;font-family: 'gilroy-bold';text-align: center;}
.online_documents .online_downbox{text-align: center;}
.online_documents .online_downbox .online_down{display: inline-block;}
.online_screen{margin-top: 30px;border-top: 1px solid rgba(255, 255, 255,0.2);display: flex;justify-content: center;padding: 20px 0;}
.online_screen .item{display: flex;align-items: center;position: relative;padding: 0 55px;cursor: pointer;}
.online_screen .item::after{display: block;content: "";width: 2px;height: 16px;background: rgba(255, 255, 255,0.3);position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.online_screen .item:last-child::after{display: none;}
.online_screen .item p{color: #fff;}
.online_screen .item .img{margin-right: 10px;}
.online_screen .item .online_text{display: flex;align-items: center;}
.online_screen .layui-form-select{width: 100px;}
.online_screen .item .layui-form-select .layui-input{background: none;color: #fff;}
.online_screen .item .layui-form-select .layui-input::placeholder{color: #fff;}
.online_screen .layui-form-select .layui-edge{border-top-color: #fff;}

.online_crumbs{padding: 25px 30px;background: #f1f3f5;display: flex;flex-wrap: wrap;align-items: center;}
.online_crumbs a{font-size: 16px;color: #999999;}
.online_crumbs i{color: #999999;font-size: 14px;margin: 0 12px;}
.online_crumbs .active{color: #333;}

.online_left{display: block !important;}
.online_left .productCategories_nav{margin: 0 auto;width: 290px;}
.online_left .productCategories_nav .item{margin-bottom: 3px;}
.online_left .prodCateies_search{width: 290px;max-width: 100%;}
.prodCateies_search{position: relative;margin: 0 auto 5px auto;}
.prodCateies_search input{height: 60px;border-radius: 6px;background: #fff;padding: 0 30px;width: 100%;font-size: 16px;}
.prodCateies_search button{position: absolute;top: 0;right:30px;border: none;background: none;bottom: 0;}
.prodCateies_search button i{font-size: 18px;}

.onlineDetails_main{background: #f1f3f5;padding-top: 40px;padding-bottom: 135px;}
.online_details .online_de_title{font-size: 42px;font-family: 'gilroy-bold';text-align: center;line-height: 1;}
.online_xq_content{padding-top: 25px;border-top: 1px;border-top: 1px solid #d8dadc;margin-top: 25px;}
.online_xq_content .onlineXq_text{font-size: 18px;line-height: 26px;color: #757678;}
.onlineXq_tablecontent{margin-top: 25px;}
.onlineXq_tbtitle{font-size: 20px;color: #37bbb8;font-family: 'gilroy-bold';}
.onlineXq_tablecontent .productCategories_table{overflow-x: auto;}
.onlineXq_tablecontent .productCategories_table table{margin-top: 10px;width: auto;min-width: 1520px;}
.onlineXq_tablecontent .productCategories_table table th{width: 190px !important;}
.onlineXq_tablecontent .productCategories_table::-webkit-scrollbar { height: 3px; }
.onlineXq_tablecontent .productCategories_table::-webkit-scrollbar-thumb { border-radius: 10px; background: #37bbb8; }
.onlineXq_tablecontent .productCategories_table::-webkit-scrollbar-track { border-radius: 10px; background: #dddddd; }
.onlineXq_note{background: #fff;margin-top: 40px;border-radius: 20px;padding: 35px 30px;}
.onlineXq_note h2{font-size: 18px;font-family: 'gilroy-bold';}
.onlineXq_note p{position: relative;font-size: 16px;line-height: 24px;color: #757678;padding-left: 15px;margin-top: 10px;}
.onlineXq_note p::after{display: block;content: "";width: 7px;height: 7px;background: #37bbb8;border-radius: 50%;position: absolute;top: 8px;left: 0;}
.onlineXq_links{margin-top: 30px;}
.otherlinks_title{font-family: 'gilroy-bold';font-size: 18px;margin-bottom: 10px;}
.onlineXq_links_list{display: flex;flex-wrap: wrap;}
.onlineXq_links_list a{width: 230px;height: 60px;border-radius: 30px;text-align: center;line-height: 60px;font-size: 16px;border: 1px solid #d8dadc;transition: all 0.4s;margin-right: 10px;}
.onlineXq_links_list a:hover{background: #37bbb8;color: #fff;border-color: #37bbb8;}
/* 在线文档详情 end */

/* 联系我们弹窗 start */
.contact_form{margin-top: 30px;}
.contact_pocontent{width: 800px;padding: 60px;}
.user_linetips{display: flex;align-items: center;color: #999999;line-height: 20px;margin-top: -10px;margin-bottom: 20px;}
.user_linetips img{width: 23px;min-width: 23px;max-width: 23px;margin-right: 8px;}

/* 联系我们弹窗 end */

.procateDocument_nav .navbox{justify-content: flex-start !important;}
.procateDocument_nav .navbox::after{display: none !important;}
.procateDocument_nav .navbox i{width: 11px; height: 11px; border-radius: 50%; border: 1px solid #cfd1d3;position: relative;margin-right: 10px; min-width: 11px;}
.procateDocument_nav .navbox.navActive i, .procateDocument_nav .navbox:hover i {border-color: #37bbb8;}
.procateDocument_nav .navbox i::after { display: block; content: "";position: absolute;top: 50%;left: 50%;width: 5px;height: 5px; background: none;border-radius: 50%; margin-top: -2.5px; margin-left: -2.5px;}
.procateDocument_nav .navbox.navActive i::after, .procateDocument_nav .navbox:hover i::after {background: #37bbb8;}
.procateDocument_nav .navbox.navActive{color: #333 !important;font-weight: bold;}
.procateDocument_nav .navbox:hover{color: #333 !important;}
.nohave_threelist.navActive{color: #37bbb8 !important;font-weight: bold;} 

/* 文档中心筛选条件 */
.orderBtn {font-size: 16px;padding-top: 20px; display: flex;}
.orderBtn label{margin:0 20px;}
.orderBtn input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #cbc9c9;border-radius: 50%;width: 12px;height: 12px;margin-right: 10px;position: relative;}
.orderBtn input[type="radio"]::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-radius: 50%; background-color: #cbc9c9;}
.orderBtn input[type="radio"]:checked, 
.orderBtn input[type="radio"]:hover {border: 1px solid #37bbb8;}
.orderBtn input[type="radio"]:checked::before,
.orderBtn input[type="radio"]:hover::before {background-color: #37bbb8;width: 5px;height: 5px;}









/* 响应处理 */
@media (max-width: 1700px) {
    .productCategories_content{-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    .productCategories_tablecont{width: -webkit-calc(100% - 280px);width: -moz-calc(100% - 280px);width: calc(100% - 280px);padding-right: 0;}
    .productCategories_left{width: 260px;}
    .productCategories_nav{max-width: 100%;width: 100%;}
    .productCategories_content{padding: 0 30px;}
}
@media (max-width: 1440px) {
    .productCategories_table table th, .productCategories_table table td{font-size: 14px;padding-left: 15px;padding-right: 15px;}
    .online_title{font-size: 26px;}
    .online_details .online_de_title{font-size: 28px;}
}
@media (max-width: 1260px) {
    .productCategories_nav .procate_list li .navbox{font-size: 14px;}
    .productCategories_nav .procate_list li .navbox_list a{font-size: 14px;}
    .online_documents{margin-top: 60px;padding-top: 60px;}
}

@media (max-width: 991px) {
    .proCate_title{font-size: 26px;}
    .productCategories_content{padding: 0 15px;}
    .hardware_listcont .swiper-slide{width: 100%;margin-right: 0;margin-bottom: 15px;}
    .software_listcont .swiper-slide{width: 100%;margin-right: 0;margin-bottom: 15px;}
    .proCate_desc{font-size: 16px;}
}

@media (max-width: 768px) {
    .productCategories_main{padding: 50px 0;}
    .proCate_title{font-size: 22px;margin-bottom: 20px;}
    .productCategories_left{width: 100%;}
    .productCategories_tablecont{width: 100%;margin-top: 20px;}
    .productCategories_search{height: 50px;}
    .productCategories_search input{line-height: 50px;font-size: 14px;padding: 0 15px;}
    .productCategories_search button{width: 70px;}
    .productCategories_nav h2{font-size: 14px;padding: 20px;}
    .productCategories_nav .procate_list li .navbox{padding-left: 20px;}
    .productCategories_nav .procate_list li .navbox_list{padding-left: 20px;}
    .productCategories_table table th, .productCategories_table table td{font-size: 12px;}
    .online_documents{margin-top: 0;}
    .prodCateies_search input{height: 50px;}
    .online_left .prodCateies_search{width: 100%;}
    .online_left .productCategories_nav{width: 100%;}
    .productCategories_tablecont{margin-top: 40px;}
    .online_crumbs{padding: 25px 15px;display: none;}
    .online_xq_content .onlineXq_text{font-size: 16px;}
    .online_details .online_de_title{font-size: 22px;}
    .onlineXq_links_list a{width: 160px;height: 50px;margin-bottom: 10px;line-height: 50px;font-size: 14px;}
    .onlineDetails_main{padding: 40px 0;}
    
}

@media (max-width: 580px) {
    .productCategories_main{padding: 40px 0;}
    .proCate_title{font-size: 18px;}
    .productCategories_table table td,.productCategories_table table th{padding: 10px;}
    .productCategories_table table img{margin-left: 5px;height: 10px;}
    .productCategories_table table{width: 120%;}
    .proCate_desc{font-size: 14px;}
    .online_title{font-size: 18px;}
    .online_documents{padding-top: 30px;}
    .online_documents .online_downbox .online_down{width: 70px;}
    .online_screen .item{padding: 0 10px;}
    .online_screen .item .img img{width: 16px;}
    .online_screen{margin-top: 15px;padding: 10px 0;}
    .online_xq_content .onlineXq_text{font-size: 14px;line-height: 22px;}
    .onlineXq_tbtitle{font-size: 16px;}
    .onlineXq_note{padding: 25px 15px;border-radius: 15px;}
    .onlineXq_note p{font-size: 14px;line-height: 22px;}
    .onlineXq_note h2,.otherlinks_title{font-size: 16px;}
    .online_screen .item .online_text{font-size: 12px;}
}



















