/* 连接1 样式 */
/*-- High-Performance start --*/
.performance_main{background: #f1f3f5;padding-top: 65px;padding-bottom: 75px;}
.performance_content{text-align: center;}
.performance_content h2{font-size: 42px;line-height: 1.2;margin-bottom: 25px;}
.performance_content p{font-size: 16px;line-height: 22px;color: #757678;text-align: left;}
/*-- High-Performance end --*/

/*-- 产品 start --*/
.subProduct_main{padding: 80px 0;}
.subProduct_list .item{width:50%;position: relative;margin-top: 40px;}
.subProduct_list .item:nth-child(1),.subProduct_list .item:nth-child(2){margin-top: 0 !important;}
.subProduct_list .item::after{display: block;content: "";position: absolute;right: 0;width: 1px;top: 0;bottom: 0;background: #f1f3f5;}
.subProduct_list .item:nth-child(odd){padding-right: 45px;}
.subProduct_list .item:nth-child(even){padding-left: 45px;}
.subProduct_list .item:nth-child(2n)::after{display: none;}
.subProduct_list .item .item_text{margin-top: 16px;}
.subProduct_list .item .item_text .tit{font-size: 24px;font-family: 'gilroy-bold';}
.subProduct_list .item .item_text .desc{font-size: 14px;line-height: 18px;color: #828282;margin-top: 10px;height: 36px;}

/*-- 产品 end --*/



/* 连接2 样式 */
.Goodix_main{background: none !important;padding-top: 60px;padding-bottom: 20px;}

/* 悬浮导航 start */
/* .details_nav{background: #37bbb8;color: #fff;line-height: 70px;}
.details_nav.fixed{position: fixed;top: 90px;left: 0;right: 0;z-index: 18;}
.detailsNav_swiper .swiper-slide{width: auto;cursor: pointer;}
.detailsNav_swiper .detnavbox{opacity: 0.7;;display: block;height: 70px;font-size: 16px;min-width: 130px;text-align: center;padding: 0 10px;color: #fff;-moz-box-sizing: content-box;box-sizing: content-box;position: relative;}
.detailsNav_swiper .detnavbox::after{display: block;content: "";position: absolute;left: 0;right: 0;bottom: -100%;height: 100%;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;background-image: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.3));background-image: -moz-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.3));background-image: -o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.3));background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.3));border-bottom: 2px solid #fff;}
.detailsNav_swiper .active .detnavbox::after,.detailsNav_swiper .detnavbox:hover::after{bottom: 0;}
.detailsNav_swiper .active .detnavbox,.detailsNav_swiper .detnavbox:hover{opacity: 1;}
.detailsNav_swiper .active .detnavbox span{position: relative;z-index: 10;} */


.details_nav{border: 1px solid #e5e5e5;color: #333;line-height: 70px;border-left: none;border-right: none;background: #fff;}
.details_nav.fixed{position: fixed;top: 90px;left: 0;right: 0;z-index: 18;}
.detailsNav_swiper .swiper-slide{width: auto;cursor: pointer;}
.detailsNav_swiper .detnavbox{opacity: 0.7;;display: block;height: 70px;font-size: 16px;text-align: center;color: #333;-moz-box-sizing: content-box;box-sizing: content-box;position: relative;}
.detailsNav_swiper .detnavbox::after{display: block;content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 60px;bottom: -100%;height: 4px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;border-bottom: 2px solid #fff;background: #37bbb8;}
.detailsNav_swiper .active .detnavbox::after,.detailsNav_swiper .detnavbox:hover::after{bottom: -2px;
    z-index: 10;}
.detailsNav_swiper .active .detnavbox,.detailsNav_swiper .detnavbox:hover{opacity: 1;color: #37bbb8;}
.detailsNav_swiper .active .detnavbox span{position: relative;z-index: 10;}

/* 悬浮导航 end */

.content_title{margin-bottom: 25px;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.content_title h2{font-size: 26px;font-weight: bold;line-height: 1;}
.content_title .typeSelectionBtn{display: flex; align-items: center;}
.content_title .typeSelectionBtn a{display: flex; align-items: center; font-size: 16px; color: #020202;}
.content_title .typeSelectionBtn a img{width: 40px; height: 40px; margin-left: 10px; border-radius: 100%; background: #37bbb8;}
.content_title .xiazai{font-size: 16px;cursor: pointer;align-items: center;}
.content_title .xiazai .zai{width: 32px;height: 32px;border-radius: 50%;background: #f1f3f5;margin-left: 5px;}
.content_title .xiazai .zai i{font-size: 14px;}

/* Overview start */
.overview_main{padding: 30px 0;}
.text_content{font-size: 16px;line-height: 28px;margin-top: -10px;color: #757678;}
.text_content p{margin-bottom: 15px;}
.linexian{color: #37bbb8;border-bottom: 1px solid #37bbb8;}
.proMulti_content {align-items: flex-start;}
/* Overview end */

/* Overview start */
.viewProducts_main{background: #f1f3f5;padding: 40px 0;}
.viewPro_teble{overflow-x: auto;padding-bottom: 30px;}
.viewPro_teble::-webkit-scrollbar { height: 6px; }
.viewPro_teble::-webkit-scrollbar-thumb { border-radius: 10px; background: #fa9d1c; }
.viewPro_teble::-webkit-scrollbar-track { border-radius: 10px; background: #dddddd; }
.viewPro_teble table{min-width: 100%;border-radius: 8px 8px 0 0;overflow: hidden;}
.viewPro_teble table th{white-space: nowrap;min-width: 149px;background: #fa9d1c;color: #fff;font-size: 14px;font-weight: normal;border-color: rgba(255,255,255,0.2);text-align: left;}
.viewPro_teble table th,.viewPro_teble table td{padding: 10px 12px;}
.viewPro_teble table td{border-color: #e8e9eb;min-width: 149px;}
.viewPro_teble table td a{display: block;color: #fff;}
.viewPro_teble table a i{font-size: 18px;}
.viewPro_teble table tr{background: #fff;}
/* .viewPro_teble table th:nth-child(1) { width: 12.5%; }
.viewPro_teble table th:nth-child(2) { width: 9.16667%; }
.viewPro_teble table th:nth-child(3) { width: 8%; }
.viewPro_teble table th:nth-child(4) { width: 10%; }
.viewPro_teble table th:nth-child(5) { width: 6.66667%; }
.viewPro_teble table th:nth-child(6) { width: 11.66667%; }
.viewPro_teble table th:nth-child(7) { width: 7.83333%; }
.viewPro_teble table th:nth-child(8) { width: 8.33333%; }
.viewPro_teble table th:nth-child(9) { width: 9.16667%; }
.viewPro_teble table th:nth-child(10) { width: 16.66667%; } */
/* Overview end */

/*  Product series start */
.productSeries_main{padding: 40px 0;}
.productSeries_once a{display: flex;overflow: hidden;border-radius: 20px;flex-wrap: wrap;background: #f8f8f8;position: relative;}
.productSeries_once .left{width: 50%;}
.productSeries_once .left .lefttextbox{height: 100%;display: flex;align-items: center;padding: 40px;padding-right: 100px;}
.productSeries_once .right{width: 50%;}
.productSeries_once .left .tit{font-size: 24px;font-family: 'gilroy-bold';margin-bottom: 5px;}
.productSeries_once .left .desc{font-size: 17px;color: #828282;line-height: 24px;font-family: 'gilroy-regular';}
.productSeries_once .proimgbox{width: 170px;height: 170px;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;z-index: 10;}

.productSeries_once .left .lefttextbox .viewMore{margin: 0;margin-top: 50px;}

.productSeries_list .item{background: #f8f8f8;border-radius: 20px;width: calc(33.3333% - 20px);padding: 35px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;margin-top: 30px !important;}
.productSeries_list>.item{margin-right: 30px !important;}
.productSeries_list>.item:nth-child(3n){margin-right: 0 !important;}
.productSeries_list>.item:nth-child(-n+3){margin-top: 0 !important;}

.productSeries_listTwo .item{background: #f8f8f8;margin-right: 30px !important;border-radius: 20px;width: calc(50% - 15px);padding: 35px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;margin-top: 30px;}
.productSeries_listTwo>.item:nth-child(3n){margin-right: 30px !important;}
.productSeries_listTwo>.item:nth-child(2n){margin-right: 0 !important;}
.productSeries_listTwo>.item:nth-child(-n+2){margin-top: 0 !important;}
.productSeries_listTwo>.item:nth-child(3){margin-top: 30px !important;}

.read_linksList{margin-top: 10px;display: flex;flex-wrap: wrap;}
.read_linksList .read_more{margin-top: 10px !important;width: auto !important;padding: 0 15px;margin-right: 15px;}


.productSeries_list .read_more{margin-top: 20px;}
.productSeries_list .titbox{background: #4b4b4b;width: 175px;height: 175px;text-align: center;}
.productSeries_list .titbox img{height: 22px;}
.productSeries_list .titbox .name{font-size: 24px;color: #fff;margin-top: 16px;font-weight: 100;}
.productSeries_list .tit_name{font-size: 20px;font-weight: bold;margin-bottom: 8px;line-height: 1.5;}
.productSeries_list .tit_desc{font-size: 14px;color: #828282;line-height: 22px;height: 44px;}
.productSeries_list .item:hover{box-shadow: 0 20px 30px rgba(0,0,0,0.1);}
.productSeries_main .imgboxbox{height: 184px;}
/*  Product series end */

/*  Get Started start */
.content_title .ct_desc{font-size: 14px;color: #757678;margin-top: 15px;}
.getStarted_main{background: url(../webimages/caise_bg.jpg) center no-repeat;-o-background-size: cover;background-size: cover;padding: 150px 0;}
.getStarted_content{-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.getStarted_content .getstaret_left{width: 42%;}
.getstaret_right{width: 50%;}
.flower_img{width: 256px;margin: 0 auto;}
.getstaret_right .flower_box{position: relative;}
.getstaret_right .text_item{position: absolute;}
.getstaret_right .text_item ul{margin-top: 8px;}
.getstaret_right .text_item ul li{margin-top: 2px;-webkit-justify-content: flex-start;-moz-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.getstaret_right .text_item ul li i{min-width: 6px;background:#59b4ba;border-radius: 50%;margin-right: 6px;width: 6px;height: 6px;margin-top: 8px;}
.getstaret_right .text_item .tit{font-size: 20px;line-height: 1;font-weight: bold;}
.getstaret_right .text_item1{left: -60px;top: 2px;}
.getstaret_right .text_item2{left: -60px;top: 190px;}
.getstaret_right .text_item3{left: 37%;top: 108%;}
.getstaret_right .text_item4{left: 37%;top: -42%;}
.getstaret_right .text_item5{left: 80%;top: 25px;width: 250px;}
.getstaret_right .text_item6{left: 80%;top:175px;width: 250px;}
/*  Get Started end */

/*   why choose start */
.whyChoose_main{padding-top: 40px;padding-bottom: 20px;}
.whyChoose_list .item{width: 50%;position: relative;margin-bottom: 30px;}
.whyChoose_list .item:nth-child(odd){padding-right: 50px;}
.whyChoose_list .item:nth-child(even){padding-left: 50px;}
/* .whyChoose_list .item:nth-child(odd)::after{display: block;content: "";top: 0;width: 1px;bottom: 50px;right: 0;background: #eaebeb;position: absolute;}
.whyChoose_list .item::before{display: block;content: "";bottom: 0;height: 1px;background: #eaebeb;position: absolute;}
.whyChoose_list .item:nth-child(odd)::before{right: 50px;left: 0;}
.whyChoose_list .item:nth-child(even)::before{left: 50px;right: 0;}
.whyChoose_list .item:nth-child(3)::after{top: 50px;}
.whyChoose_list .item:nth-child(3)::before{display: none;}
.whyChoose_list .item:nth-child(4)::before{display: none;} */
.whyChoose_list .item .icon{width: 43px;}
.whyChoose_list .item .desc{width: -webkit-calc(100% - 43px);width: -moz-calc(100% - 43px);width: calc(100% - 43px);padding-left: 20px;margin-top: 7px;}
.whyChoose_list .item .desc .title{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.whyChoose_list .item .desc ul{font-size: 16px;line-height: 22px;}
/* .whyChoose_list .item .desc ul li{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;font-size: 14px;color: #828282;margin-top: 5px;}
.whyChoose_list .item .desc ul li i{border: 1px solid #59b4ba;border-radius: 50%;margin-right: 6px;width: 6px;height: 6px;margin-top: 8px;}
.whyChoose_list .item .desc ul li b{width: 4px;height: 4px;border-radius: 50%;background: #828282;margin-top: 8px;margin-right: 8px;}
.whyChoose_list .item .desc ul li.pd15{padding-left: 16px;} */
/*  why choose end */

/* 连接3 */
/* 产品多图 start */
.biaoti_main{padding-top: 60px;}
.proMulti_main{padding-bottom: 60px;}
.proMulti_content .proMulti_img{width: 410px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.proMulti_content .proMulti_text{width: calc(100% - 410px);padding-left: 40px;padding-top: 40px;}
.proMulti_content .big_box{background: #ebedef;padding: 30px 30px 16px 30px;text-align: center;width: 300px;min-height: 300px;}
.proMulti_content .big_box .title{font-size: 16px;margin-top: 20px;}
.proMulti_text .desc{font-size:16px;line-height:28px;max-height: 260px;overflow-y: auto;}
.proMulti_text .desc p{margin-bottom: 10px;}
.proMulti_text .desc p:last-child{margin-bottom: 0;}
.proMulti_text a{width: 130px;height: 45px;}
.proMulti_content .small_box{width: 90px;height: 300px;}
.smallBtn {text-align: center;cursor: pointer;}
.proMulti_content .small_box .swiper-container{height: 100%;}
.proMulti_content .small_swiper .swiper-slide{cursor: pointer;opacity: 0.3;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.proMulti_content .small_swiper .img{padding: 20px;border: 1px solid #dbdde0;height: 90px;}
.proMulti_content .small_swiper .name_cc{margin-top: 5px;font-size: 14px;text-align: center;}
.proMulti_content .small_swiper .swiper-slide{max-width: 100%;}
.proMulti_content .small_swiper .swiper-slide.active{opacity: 1;}
.proMulti_content .proMulti_links{margin-top: 25px;}
.proMulti_links a{margin-top: 0 !important;}
.proMulti_content .user_link a{border-radius: 30px;height: 45px;background:url(../webimages/userbg.jpg) center no-repeat;-o-background-size: cover;background-size: cover;color: #fff;font-size: 14px;}
.proMulti_content .user_link img{margin-right: 6px;}
.proMulti_links{display: flex;}
.proMulti_title{text-align: center;font-size: 30px;margin-bottom: 20px;line-height: 1;}
.bigproduct_neirong{width: 800px;max-width: 100%;}
.proMulti_links>.read_more{margin-right: 10px;}
/* 产品多图 end */

/* KEY FEATURES start */
.keyFeatures_main{background: #f1f3f5;padding: 40px 0;}
.keyFeatures_linebox{height: 370px;overflow: hidden;}
.keyFeatures_content{-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.keyFeatures_content .item{width: 48%;}
.keyFeatures_ul{padding-left: 0 !important;}
.keyFeatures_ul>li>ul>li{margin-bottom: 5px;}
.keyFeatures_ulbox ul{font-size: 16px;line-height: 20px;padding-left: 15px;}
.keyFeatures_ulbox ul p{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;padding: 5px 0;}
.keyFeatures_ulbox ul i{width: 7px;height: 7px;border-radius: 50%;margin-right: 8px;margin-top:6px;min-width: 7px;}
.keyFeatures_ulbox ul .shi{background: #39bbb8;}
.keyFeatures_ulbox ul .quan{border:1px solid #39bbb8;}
.keyFeatures_ulbox ul .hui{background: #cccdcd;}
/* KEY FEATURES end */


.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; display: none; text-align: center; overflow: hidden; }
.zoomDiv img { max-width: none; max-height: none; }
.zoomMask { position: absolute; background: url(../webimages/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1; width: 200px; height: 200px; }

/* OVERVIEW start */
.overviewThree_main{padding: 40px 0;}
.contenttit_box p{font-size: 16px;margin-top: 15px;}
.overviewThree_main .zai{background-color: #f1f3f5 !important;}
.overviewThree_table{overflow-x: auto; overflow-y: auto; height: 520px;}

.overviewThree_table_swiper .swiper-slide{width: auto;}
.overviewThree_scrollbar{margin-top: 40px;height: 2px;background: #dddddd;}
.swiper-scrollbar-drag{background: #fa9d1c;}

.overviewThree_table{padding-bottom: 30px;}
.overviewThree_tablecontten{position: relative;}
/* .overviewThree_tablecontten{height: 600px;} */
.overviewThree_table table{min-width: 100%;}
.overviewThree_table table th{font-size: 16px;background: #fa9d1c;color: #fff;border-color: #fab85c;text-align: left;}
.overviewThree_table table th,.overviewThree_table table td{padding: 10px;}
.overviewThree_table table th a{color: #fff;}
.overviewThree_table table td{border-color: #e8e9eb;font-size: 12px;min-width: 150px;}

/* .overviewThree_table table th:nth-child(1){width: 320px;}
.overviewThree_table table th:nth-child(2){width: 480px;}
.overviewThree_table table th:nth-child(3){width: 600px;} */
.overviewThree_table{position: relative;}
.overviewThree_content{position: relative;}

.overviewThree_table::-webkit-scrollbar { width: 6px; height: 6px; }
.overviewThree_table::-webkit-scrollbar-thumb { border-radius: 10px; background: #fa9d1c; }
.overviewThree_table::-webkit-scrollbar-track { border-radius: 10px; background: #dddddd; }

.overviewThree_fixed{ height: 45px; overflow: hidden; padding: 0px !important; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 10;}

/* OVERVIEW end */



/* Hardware start */
.hardware_main{background: #f1f3f5;padding: 40px 0;}
.hardware_content{position: relative;}
.hardware_content .swiperbox{background: #fff;overflow: hidden;border-radius: 20px;padding: 40px;}
.hardware_content .swiperbox .img{height: 177px;display: flex;align-items: center;}
.hardware_content .swiperbox .img img{max-height: 100%;}
.hardware_content .swiperbox .desc{margin-top: 30px;}
.hardware_content .swiperbox .desc .tit{font-size: 20px;line-height: 1;font-weight: bold;}
.hardware_content .swiperbox .desc .tit_desc{line-height: 20px;color: #828282;margin-top: 15px;height: 40px;}
.hardware_content .swiperbox .desc .read_more{height: 40px;margin-top: 25px;}
.sw_btn{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}
.sw_btn i{font-size: 36px;color: #d6d8d9;}
.sw_btn:hover i{color: #37bbb8;}
.sw_prev{left: -54px;}
.sw_next{right: -54px;}
/* Hardware end */

/* software start */
.software_main{background: #f1f3f5;padding: 40px 0;}
.software_swiper .software_box{background: #fff;border-radius: 20px;padding: 30px;}
.software_swiper .software_box .imgbox{width: 80px;border-radius: 10px;}
.software_swiper .software_box .software_text{margin-top: 10px;}
.software_swiper .software_box .software_text h2{font-size: 20px;line-height: 1.3;font-family: 'gilroy-bold';font-weight: bold;}
.software_swiper .software_box .software_text .desc{font-size: 14px;color: #828282;line-height: 20px;margin-top: 8px;height: 40px;overflow: hidden;}
.software_swiper .software_box .software_text .read_more{margin-top: 20px;}
.software_content{position: relative;}

.tools_main{background: none;}
.tools_main .software_box{border: 1px solid #f1f3f5;}
.dItem_list .keyFeatures_ulbox{margin-top: 10px;}
.dItem_list .keyFeatures_ulbox ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.dItem_list .keyFeatures_ulbox ul li{width: 100%;}
/* software end */

/* Documentation start */
.documentation_main{padding: 40px 0;}
.documentation_content{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.documentation_content .left{width: 240px;}
.documentation_content .right{width: -webkit-calc(100% - 260px);width: -moz-calc(100% - 260px);width: calc(100% - 260px);}
.documen_nav .item{border-radius: 6px;overflow: hidden;}
.documen_nav .item h2{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-weight: normal;height: 60px;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;background: #37bbb8;padding: 0 30px;color: #fff;font-size: 16px;cursor: pointer;}
.documen_nav .item ul li{background: #fff;border: 1px solid #f1f3f5;border-top: none;}
.documen_nav .item ul li {font-size: 16px;padding: 10px 30px;padding-right: 15px;}
/* .documen_nav .item ul li:last-child{border-bottom: none;} */
.documen_nav .item h2 i{transition: all 0.4s;transform: rotate(180deg);}
.documen_nav .item h2.active i{transform: rotate(0);}
.documen_nav .item ul li a{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;color: #a1a1a1;}
.documen_nav .item ul li i{margin-top: 7px;width: 11px;height: 11px;border-radius: 50%;border: 1px solid #cfd1d3;position: relative;margin-right: 10px;min-width: 11px;}
.documen_nav .item ul li 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;}
.documen_nav .item ul li.active a,.documen_nav .item ul li:hover a{color: #333;}
.documen_nav .item ul li.active i,.documen_nav .item ul li:hover i{border-color: #37bbb8;}
.documen_nav .item ul li.active i::after,.documen_nav .item ul li:hover i::after{background: #37bbb8;}
.documen_nav .item ul li.active a{font-weight: bold;}
.documentation_content .right{padding-left: 20px;}
.documen_table table{width: 100%;}
.documen_table table th{background: #fa9d1c;border-color: #f0bd73;color: #fff;text-align: left;}
.documen_table table th,.documen_table table td{padding: 10px 20px;font-size: 16px;}
.documen_table table td{border-color: #e4e6e9;}
.documen_table table tr:nth-child(2n){background: #fff;}

.documen_table table tr a{margin-right: 8px;color: #004895;}
.documen_table table tr a:hover{color: #37bbb8;border-bottom: 1px solid #37bbb8;}

.documen_table table tr:nth-child(2) td:nth-child(1) span{color: #37bbb8;border-bottom: 1px solid #37bbb8;}
.documen_table table tr td:nth-child(1) span:nth-child(1){margin-right:8px;}
.documen_table table tr th:nth-child(1){width: 51.7%;}
.documen_table table tr th:nth-child(2){width: 21.8%;}
.documen_table table tr th:nth-child(3){width: 11.6%;}
.documen_table table tr th:nth-child(4){width: 14.9%;}
/* Documentation end */

/* Getting start with start */
.gettingWith_main{padding: 40px 0;}
.gettingWith_list .item{overflow: hidden;margin-right: 20px;width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px);width: calc(50% - 10px);background: #f3f6f8;position: relative;border-radius: 20px;padding: 40px;}
.gettingWith_list .item:nth-child(2n){margin-right: 0;padding: 0 !important;}
.gettingWith_list .item .textbox{margin-top: 25px;}
.gettingWith_list{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.gettingWith_list .item .textbox .title{font-size: 20px;line-height: 1;font-weight: bold;}
.gettingWith_list .item .textbox .desc{font-size: 16px;color: #828282;line-height: 22px;margin-top: 10px;}
.gettingWith_list .item .img img{height: 180px;}
.gettingWith_list .item .read_more{margin-top: 25px;}
.gettingWith_list .item .hover_box{color: #fff;padding: 40px;}
.gettingWith_list .item .hover_box .h_tit{font-size: 22px;line-height: 1;margin-bottom: 20px;}
.gettingWith_list .item .hover_box ul li a{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;color: #fff;padding: 10px 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
.gettingWith_list .item .hover_box ul li .name{font-size: 16px;width: -webkit-calc(100% - 90px);width: -moz-calc(100% - 90px);width: calc(100% - 90px);overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;opacity: 0.8;}
.gettingWith_list .item .hover_box ul li .date{font-size: 16px;opacity: 0.4;}
.gettingWith_list .item .hover_box .read_more{margin-top: 30px;color: #fff;border-color: rgba(255,255,255,0.3);}
.gettingWith_list .item .hover_box ul li a:hover{color: #37bbb8;}
/* Getting start with end */

/* 视频 start */
.productVideo_main{padding: 40px 0;}
.productVideo_swiper .swiper-slide{width: auto;}
/*.productVideo_main .provideo_box{overflow: hidden;border-radius: 30px;}*/
.productVideo_main .provideo_box{ overflow:hidden;}
.productVideo_main .provideo_box .imgbox { border-radius: 15px }
.videoPadTitle { 
    margin: 10px auto 0px auto;
    text-align: center;
    font-weight: bold;
   /* overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    width:70%*/
}

.flipster{overflow: hidden !important;}
.flip-item{border-radius: 15px;overflow: hidden;}
.product_vconten{position: relative;}
/*.flip-item .product_vconten::after{position: absolute;display: block;content: "";top: 0;left: 0;right: 0;bottom: 0;background-image: linear-gradient(to right, rgba(255,255,255,0.8),rgba(255,255,255,1), rgba(255,255,255,1));}
.flip-item.flip-next .product_vconten::after{background-image: linear-gradient(to left, rgba(255,255,255,0.8),rgba(255,255,255,1), rgba(255,255,255,1));}*/
.flip-item.flip-current .product_vconten::after{display: none;}

.flipster-carousel .flip-current{border-radius: 30px;}
.flipster-carousel .flip-past, .flipster-carousel .flip-future{opacity: 0;}
.flip-item .ppbtnbox{display: none;}
.flip-item.flip-current .ppbtnbox{display: block;width: 100%;}
.flip-item .product_vconten{width: 760px;height: 420px;display: flex;align-items: center;justify-content: center;}
.ppbtnbox p{color: #fff;font-size: 16px;margin-top: 12px;width: 80%;text-align: center;margin: 0 auto;}
.ppbtnbox img{width: 46px;margin: 0 auto;}
.ppbtnbox{cursor: pointer;}
.flipster_pagination{display: flex;justify-content: center;margin-top: 20px;}
.flipster_pagination span{cursor: pointer;margin: 0 5px;width: 9px;height: 9px;border-radius: 50%;border: 2px solid #bddada;}
.flipster_pagination span.active{background: #37bbb8;border-color: #37bbb8;}

.productVideo_pagination{margin-top: 20px;text-align: center;}
.productVideo_pagination span{opacity: 1;background: none;cursor: pointer;margin: 0 5px;width: 9px;height: 9px;border-radius: 50%;border: 2px solid #bddada;}
.productVideo_pagination span.swiper-pagination-bullet-active{background: #37bbb8;border-color: #37bbb8;}
.productVideo_ipad{display: none;}
.provideo_box{position: relative;}
.provideo_box .ppbtnbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
/* 视频 end */

/* 产品大图弹窗 start*/
.big_swiper .swiper-slide{cursor: pointer;}
.bigproduct_alert{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;background: rgba(0,0,0,0.3);}
.bigproduct_content{display: flex;align-items: center;justify-content: center;height: 100%;}
.bigproduct_content .bigproduct_box{width: 80%;max-width: 900px;height: 100%;display: flex;align-items: center;}
.bigproduct_neirong{position: relative;padding:60px 0;overflow-y: auto;max-height: 90%;background: #fff;}
.bigproduct_neirong .p_closebtn{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.bigproduct_neirong .p_closebtn i{font-size: 30px;}
.bigproductBox_swiper{width: 70%;margin: 0 auto;}
.bigproductBox_swiper .title{font-size: 22px;text-align: center;margin-bottom: 20px;}
.bigpro_btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.bigpro_btn i{font-size: 30px;}
.bigpro_prev{left: 20px;}
.bigpro_next{right: 20px;}
.bigpro_btn:hover i{color: #37bbb8;}
.bigproductBox_swiper .imgbox{height: 450px;display: flex;align-items: center;justify-content: center;}
.bigproductBox_swiper .imgbox img{max-height: 500px;}
/* 产品大图弹窗 end*/
#keyFeatures_more.open i{transform: rotate(-180deg);}

.developmentContent{padding: 60px 0;}
.development_neirong{display: flex;flex-wrap: wrap;}
.development_neirong .development_leftText{width: 50%;padding-right: 20px;font-size: 16px;color: #757678;line-height: 28px;}
.development_neirong .development_rightimg{width: 50%;padding: 30px;height: 360px;}
.development_neirong .development_leftText h2{font-size: 26px;font-family: 'gilroy-bold';margin-bottom: 10px;color: #333;}
.development_neirong .development_leftText p{margin-bottom: 8px;}
.development_neirong .viewMore{cursor: pointer;margin: 30px 0 0 0;}
.development_neirong .development_rightimg{border: 1px solid #f1f3f5;display: flex;align-items: center;justify-content: center;}
.development_neirong .development_rightimg img{max-width: 100%;max-height: 100%;}
.development_leftText .devetext_cont{max-height: 314px;overflow: hidden;}
.heightauto{height: auto !important;}

/* 下载 */
.download_main{padding: 60px 0;background: #f1f3f5;}
.download_edition{display: flex;flex-wrap: wrap;}
.download_edition .item{color: #999999;font-size: 14px;line-height: 1;padding: 7px 25px;border: 1px solid #dadcde;border-radius: 23px;cursor: pointer;margin-right: 10px;margin-bottom: 10px;}
.download_edition .item:last-child{margin-right: 0;}
.download_edition .item.active,.download_edition .item:hover{color: #fff;border-color: #37bbb8;background: #37bbb8;}
.download_edition_content .d_item{display: none;}
.download_edition_content .d_item:first-child{display: block;}
.download_edition_content .d_title{font-size: 20px;font-family: 'gilroy-bold';margin-bottom: 15px;line-height: 1.1;}
.download_edition_content .d_file{display: block;cursor: pointer;position: relative;width:auto;max-width: 45%;background: #fff;border-radius: 8px;padding: 10px 30px 10px 10px;font-size: 16px;color: #37bbb8;margin-top: 10px;margin-bottom: 10px;}
.download_edition_content .d_file i{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.download_edition_content .d_date{color: #666666;}
.download_edition_content .version_description{margin-top: 10px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.download_edition_content .version_description p{font-size: 16px;line-height: 22px;color: #666666;margin-top: 10px;position: relative;padding-left: 18px;width: 48%;}
.download_edition_content .version_description p::after{display: block;content: "";width: 7px;height: 7px;background: #39bbb8;border-radius: 50%;position: absolute;top: 7px;left: 0;}
.downloadEdition_list .download_edition_content:last-child{padding-bottom: 0;border-bottom: none;}
.downloadEdition_list .download_edition_content:first-child{padding-top: 0;}
.download_edition_content  .vd_tit{font-size: 18px;margin-top: 10px;}
.bgwhite{background: #fff !important;}
.bgwhite .documen_nav .item ul li{background: #fafafa !important;}
.SoftwareMain{background: #fff !important;padding: 70px 0;}
.SoftwareMain .hardware_content .swiperbox{border: 1px solid #edeff1;}
.download_edition_content{border-bottom: 1px solid #d8dadc;padding: 30px 0;}
.productSeries_contentbox{position: relative;}
.productSeries_swiper .swiper-slide{margin-top: 0 !important;}
.productSeries_swiper .item:hover{box-shadow: none !important;}

.viewProTable_title{font-size: 20px;margin-bottom: 20px;text-align: center;}
.mtop30{margin-top: 30px;}

/* 响应处理 */
@media (max-width: 1440px) {
    .performance_content p br{display: none;}
    .performance_content h2{font-size: 36px;}
	.getstaret_right{margin-right: 70px;}
}

@media (max-width: 1260px) {
    .details_nav.fixed{top: 60px;}
    .detailsNav_swiper .detnavbox{font-size: 14px;}
    .getstaret_right .text_item .tit{font-size: 16px;}
    .getstaret_right .text_item ul li{font-size: 12px;}
    .productVideo_ipad{display: block;}
    .productVideo_pc{display: none !important;}
		.sw_prev{z-index: 100;left: -22px;}
		.sw_next{z-index: 100;right: -22px;}
}
@media (max-width: 1024px) {
    .performance_content h2{font-size: 30px;}
    .subProduct_list .item .item_text .tit{font-size: 22px;}
    
    .getStarted_content .getstaret_left{width: 100%;margin-bottom: 100px;}
    .getstaret_right{width: 100%;}
    .getstaret_right .flower_box{width: 500px;margin: 0 auto;}
    .getStarted_main{padding-top: 80px;}
    .text_content{font-size: 16px;line-height: 24px;}
    .viewPro_teble{overflow-x: auto;}
    .viewPro_teble table th,.viewPro_teble table td{font-size: 14px;}
	.getstaret_right{margin-right: 0;}
}
@media (max-width: 991px) {
    .proMulti_title{font-size: 22px;}
    .proMulti_text .desc{font-size: 18px;}
    .proMulti_text .desc br{display: none;}
    .keyFeatures_content ul{font-size: 14px;}
    .contenttit_box p{font-size: 14px;}
    .content_title{flex-wrap: nowrap;}
    .documen_table table th, .documen_table table td{font-size: 14px;padding: 15px 10px;}
    .gettingWith_list .item .textbox .title{font-size: 22px;}
    .gettingWith_list .item .textbox .desc{font-size: 14px;}
    .hardware_content .swiperbox{padding: 25px;}
    .hardware_content .swiperbox .desc .tit{font-size: 18px;}
    .software_swiper .software_box .software_text h2{font-size: 18px;}
    .software_swiper .software_box .software_text .desc{font-size: 14px;}
    .gettingWith_list .item .hover_box ul li .name,.gettingWith_list .item .hover_box ul li .date{font-size: 14px;}
}

@media (max-width: 768px) {
    .productVideo_pagination{margin-top: 5px;}
    .dItem_list .keyFeatures_ulbox ul li{width: 100%;}
    .performance_content h2{font-size: 24px;}
    .performance_content h2 br{display: none;}
    .performance_content p{font-size: 14px;}
    .performance_main,.subProduct_main{padding: 30px 0;}
    .subProduct_list .item:nth-child(odd){padding-right: 20px;}
    .subProduct_list .item:nth-child(even){padding-left: 20px;}
    .subProduct_list .item .item_text .tit{font-size: 18px;}
    .productSeries_list .item{width: 100%;border-radius: 10px;}
		.productSeries_list>.item{margin-right: 0 !important;margin-top: 20px !important;}
    .productSeries_list>.item:nth-child(-n+1){margin-top: 0px !important;}
    .Goodix_main .performance_content h2{margin-bottom: 0 !important;}
    .detailsNav_swiper .detnavbox{height: 50px;line-height: 50px;min-width: initial;}
    .detailsNav_swiper .detnavbox::after{border-bottom-width:1px ;}
    .overview_main,.viewProducts_main,.whyChoose_main,.productSeries_main{padding:30px 0;}
    .content_title h2{font-size: 22px;}
    .content_title .xiazai{font-size: 16px;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
    .productSeries_list .item{padding: 25px;}
		.productSeries_list>.item:nth-child(2),.productSeries_list>.item:nth-child(3){margin-top: 20px !important;}
		.productSeries_listTwo .item:nth-child(3n){margin-right: 0 !important;}
    .productSeries_list .tit_name{font-size: 18px;}
    .productSeries_list .tit_desc{font-size: 14px;}
    .whyChoose_list .item .desc ul li{font-size: 12px;}
    .whyChoose_list .item .desc .title{font-size: 16px;}
    .whyChoose_list .item:nth-child(odd){padding-right: 20px;}
    .whyChoose_list .item:nth-child(even){padding-left: 0;}
    .whyChoose_list .item{margin-bottom: 10px;}
    .keyFeatures_main,.overviewThree_main,.hardware_main,.software_main,.documentation_main,.gettingWith_main,.productVideo_main{padding: 40px 0;}
    .proMulti_main{padding-bottom: 40px;}
    .biaoti_main{padding-top: 30px;}
    .proMulti_title{font-size: 22px;}
    .smallBtn{display: none !important;}
    .proMulti_content .small_swiper .name_cc{font-size: 12px;}
    .proMulti_content .small_swiper .img{padding: 10px;}
    .proMulti_content .proMulti_text{padding-left: 30px;}
    .proMulti_text .desc{font-size: 16px;line-height: 26px;}
    .proMulti_content .user_link a{font-size: 16px;}
    .content_title .xiazai{font-size: 12px;}
    .documen_table table th, .documen_table table td{font-size: 12px;}
    .documen_nav .item ul li{font-size: 14px;}
    .gettingWith_list .item{padding: 25px;}
    .gettingWith_list .item .textbox .title{font-size: 18px;}
    .overviewThree_content::after{display: none;}
    .documentation_content{flex-wrap: wrap;}
    .documentation_content .left{width: 100%;}
    .documentation_content .right{width: 100%;padding-left: 0;margin-top: 20px;}
    .gettingWith_list .item .hover_box{padding: 25px;}
    .gettingWith_list .item .hover_box .h_tit{font-size: 18px;margin-bottom: 5px;}
    .productSeries_once .left{width: 100%;order: 2;}
    .productSeries_once .left .lefttextbox{padding: 40px 15px;padding-top: 80px;}
    .productSeries_once .left .desc br{display: none;}
    .productSeries_once .right{width: 100%;order: 1;position: relative;}
    .productSeries_once .proimgbox{width: 120px;height: 120px;bottom: -60px;transform: translateX(-50%);top: initial;}
    .bigproduct_neirong .p_closebtn i{font-size: 16px;}
    .bigproduct_neirong{padding: 30px 0;}
    .bigproductBox_swiper .title{font-size: 18px;margin-bottom: 10px;}
    .bigproduct_content .bigproduct_box{width: 90%;}
    .bigpro_btn i{font-size: 16px;}
    .bigproductBox_swiper{width: 80%;}
    .bigpro_prev{left: 10px;}
    .bigpro_next{right: 10px;}
    .developmentContent{padding: 40px 0;}
    .development_neirong .development_leftText{width: 100%;padding-right: 0;order: 2;margin-top: 20px;font-size: 14px;}
    .development_neirong .development_rightimg{width: 100%;order: 1;height: auto;padding: 15px;}
    .development_neirong .development_leftText h2{font-size: 20px;}
    .download_edition .item{font-size: 14px;padding: 10px 25px;}
    .download_edition_content .d_file{ 
        width: fit-content;
        max-width: 100%;
        margin-left: 0px !important;
        margin-right: 20px;
    }
    .download_edition_content .dItem_list .d_item .download_edition {
       flex-direction:row;
       justify-content: flex-start;
       align-items: flex-start;
    }
    .download_edition_content .version_description{width: 100%;}
    .download_edition_content .version_description p{width: 100%;line-height: 20px;}
    .download_edition_content .d_title{font-size: 18px;}
    .download_edition_content .d_item{margin-top: 5px;}
    .download_edition_content .d_file{font-size: 14px;}
    .download_edition_content .vd_tit{font-size: 16px;}
    .download_edition_content .version_description p{font-size: 14px;}
    .download_main{padding: 40px 0;}
    .development_leftText .devetext_cont{height: auto;}
    .proMulti_content .proMulti_img{width: 100%;}
    .proMulti_content .proMulti_text{width: 100%;padding-left: 0 !important;padding-top: 20px;}
    .proMulti_content .small_box{width: 100%;height: auto;order: 2;margin-top: 15px;}
    .proMulti_content .small_swiper .img{height: auto;}
    .proMulti_content .big_box{width: 100%;order: 1;}
		.content_title .ct_desc br{display: none;}
		.getstaret_right .text_item ul li br{display: none;}
		.getstaret_right .text_item ul li i{margin-top: 5px;}
		.overviewThree_table table td,.viewPro_teble table td{min-width: 100px;}
		.viewPro_teble,.overviewThree_table{padding-bottom: 15px;}
		.viewPro_teble::-webkit-scrollbar,.overviewThree_table::-webkit-scrollbar { height: 3px; }
    .content_title .typeSelectionBtn a{font-size: 12px;}
    .content_title .typeSelectionBtn a span{display: none;}
    .content_title .typeSelectionBtn a img{width:32px; height:32px; margin-left: 15px;}
    .overviewThree_table::-webkit-scrollbar { width: 3px; height: 3px; }
  .overviewThree_table::-webkit-scrollbar-thumb { border-radius: 10px;}
  .overviewThree_table::-webkit-scrollbar-track { border-radius: 10px;}
}
@media (max-width: 580px) {
    .proMulti_text .desc{max-height: initial;}
    .keyFeatures_ulbox ul p{padding: 2px 0;}
     /*.productVideo_main .provideo_box{border-radius: 15px;}*/
    .overviewThree_table table th,.overviewThree_table table td{width: auto !important;}
    .subNew_content .subNew_title{font-size: 18px;}
    .performance_content h2{font-size: 18px;line-height: 1.5;margin-bottom: 15px;}
    .subProduct_list .item{padding: 0 !important;width: 100%;margin-top: 20px;}
    .subProduct_list .item::after{display: none;}
    .subProduct_list .item:nth-child(2){margin-top: 20px !important;}
    .detailsNav_swiper .detnavbox{font-size: 12px;}
    .content_title h2{font-size: 16px;}
    .text_content {font-size: 14px;line-height: 24px;}
    .content_title .xiazai p:first-child{display: none;}
    .content_title{margin-bottom: 15px;}
    .viewPro_teble table th, .viewPro_teble table td{padding: 10px;font-size: 12px;}
    
    .productSeries_list .tit_name{font-size: 16px;}
    .productSeries_list .titbox .name{font-size: 18px;}
    .viewMore{font-size: 14px;margin-top: 20px;height: 45px;width: 140px;}
    .getstaret_right .text_item{position: static;margin-bottom: 20px;}
    .flower_img{display: none;}
    .download_edition_content .version_description p{font-size: 12px;}
    .getStarted_content .getstaret_left{margin-bottom: 10px;}
    .getStarted_main{padding: 40px 0;}
    .whyChoose_list .item{width: 100%;}
    .whyChoose_list .item::after{display: none !important;}
    .whyChoose_list .item::before{display: none !important;}
    .whyChoose_list .item .icon{width: 35px;}
    .getstaret_right .text_item .tit br{display: none;}
    .proMulti_content .proMulti_img{width: 100%;}
    .proMulti_content .proMulti_text{padding-left: 0;width: 100%;}
    .keyFeatures_content .item{width: 100%;}
    .keyFeatures_content ul p{padding: 3px 0;}
    .overviewThree_table table{min-width: initial;}
    .overviewThree_table table th{font-size: 12px;}
    .proMulti_text .desc{font-size: 14px;}
    .proMulti_text a{margin-top: 15px;}
    .documen_table table th, .documen_table table td{padding: 10px;}
    .hardware_content .swiperbox{border-radius: 15px;padding: 20px;}
    .software_swiper .software_box{border-radius: 15px;padding: 15px;}


    .software_swiper .software_box .software_text h2{font-size: 16px;}
    .software_swiper .software_box .software_text .desc{font-size: 12px;}
    .software_swiper .software_box .software_text .read_more{font-size: 12px;width: 120px;height: 40px;margin-top: 10px;}
    .gettingWith_list .item{width: 100%;margin: 0;margin-bottom: 20px;border-radius: 15px;}
    .gettingWith_list .item .textbox .desc{font-size: 12px;}
    .hardware_content .swiperbox .desc,.gettingWith_list .item .textbox{margin-top: 15px;}
    .gettingWith_list .item .textbox .title,.hardware_content .swiperbox .desc .tit{font-size: 16px;}
    .hardware_content .swiperbox .desc .read_more{margin-top: 20px;}
    .gettingWith_list .item .hover_box .h_tit{font-size: 16px;}
    .gettingWith_list .item .hover_box .h_tit{margin-bottom: 10px;margin-top: 20px;}
    .gettingWith_list .item .hover_box{padding: 20px;}
    .gettingWith_list .item .hover_box ul li .date{font-size: 12px;}
    .ppbtnbox p{font-size: 16px;}
    .productSeries_once .left .desc br{display: none;}
    .productSeries_once .left .tit{font-size: 18px;}
    .productSeries_once .left .desc{font-size: 14px;}
    .productSeries_once .left .lefttextbox .viewMore{margin-top: 30px;}
    .gettingWith_list .item .hover_box ul li .name,.gettingWith_list .item .hover_box .read_more{font-size: 12px;}
    .download_edition_content .d_title{font-size: 16px;}
    .download_edition .item{font-size: 12px;margin-right: 5px;margin-bottom: 5px;}
    .download_edition .item{padding: 8px 22px;}
    .download_edition_content .version_description{margin-top: 10px;}
    .proMulti_content .user_link a{font-size: 12px;height: 40px !important;width: 130px !important;}
    .proMulti_content .user_link img{width: 12px;}
		 .bigproductBox_swiper .imgbox{height: 250px;}
		 .content_title .ct_desc br{display: none;}
		 .proMulti_content .small_swiper .img{max-height: 90%;}
		 .proMulti_content .small_swiper .img{height: 100px;display: flex;align-items: center;}
		 .viewProTable_title{margin-bottom: 10px;font-size: 16px;}
		 
}


@media (max-width: 580px) {
    .productSeries_list .tit_desc{height: auto;}
		.sw_btn{display: none !important;}
		.ppbtnbox img{width: 35px;}
		    .provideo_box .ppbtnbox{width: 100%;}
}



/*user_link .img2{display: none;}
.user_link img{width: 16px;}
.user_link a:hover .img1{display: none;}
.user_link a:hover .img2{display: block;}*/
/*.proMulti_content .user_link img:hover {
  content: url("/zh/goodix-web/upload/images/userwhite.png");
}*/
/*.proMulti_content .user_link:hover a:first-child{
  content: url("/zh/goodix-web/upload/images/userwhite.png");
}*/

.proMulti_content .user_link img{display: none !important;}
.proMulti_content .user_link a p{position: relative;padding-left: 25px;}
.proMulti_content .user_link a p::after{display: block;content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 16px;height: 16px;background: url(/zh/goodix-web/upload/images/usergrey.png);background-size: cover;}
.proMulti_content .user_link a:hover p::after{background: url(/zh/goodix-web/upload/images/userwhite.png);background-size: cover;}


/*--2024新增产品列表页--*/
.pcShow{display: none;}
.mShow{display: block;}

.newProductTitle{font-size: 18px; color: #333333; font-weight: 600;}
.newProductListMain{padding:30px 0px; background: #f7f7f7;}
.newProductListMain .newProductListBox{ background: #fff; border-radius: 20px; margin-top: 15px; padding:0px; position: relative; overflow: hidden;}
.newProductListMain .newProductListBox .newProductListHead{position: absolute; left: 0px; top: 0px; background: #fff; width: 110px; padding-bottom: 1px; overflow: hidden; z-index: 15; pointer-events: none;}
.newProductListMain .newProductListBox .newProductListHead::after{content: ''; bottom: 0px; right: 0px; width: 10px; height: 1px; background: #87d6d4; position: absolute;}
.newProductListMain .newProductListBox .newProductListContainerBox{overflow-x: auto; overflow-y: hidden;}
.newProductListMain .newProductListBox .newProductListContainer{position: relative; min-width: 790px; width: 790px;}
.newProductListMain .newProductListBox .newProductList{position: relative; z-index: 10; padding-top: 20px;}
.newProductListMain .newProductListBox .newProductList .list{border-top: 1px dashed #87d6d4;border-left: 1px solid #87d6d4; min-height: 100px; margin-right: 15px; padding: 10px 0px 10px 10px; margin-left: 100px; position: relative; display: flex;}
.newProductListMain .newProductListBox .newProductList .list:first-child{border-top:none;}
.newProductListMain .newProductListBox .newProductList .list .listTitle{position: absolute; left: -85px; width: 85px; padding-right: 8px; font-size: 12px; line-height: 16px; color: #37bbb8; top: 50%; transform: translateY(-50%);}
.newProductListMain .newProductListBox .newProductList .list .listTitle::after{ width: 8px; height: 8px; content: ''; position: absolute; right: -3px; top: 50%; border-radius: 100%; transform: translateY(-50%); background: #37bbb8;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox{width: 51%; display: flex; margin-right: 3%; padding: 0px 5px;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne{display: block; flex: 1; padding: 10px 15px; margin: 0px 5px; border: 1px solid #7dd3d1; border-radius: 15px; background-image: linear-gradient(to bottom, #f6fcfc, #e6f6f6);}
.newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .listOneTitle{font-size: 14px; line-height: 1.2; color: #333333; font-weight: 600;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .listOneTitle a{color: #333333;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .listOneTitle a:hover{color: #37bbb8;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .desc{margin-top: 5px; font-size:12px; letter-spacing: -0.5px; color: #7b7b7b; line-height: 18px;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .modelNumber{padding-top: 5px;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .modelNumber p{display: flex; font-size: 13px; color: #7b7b7b; line-height: 17px;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .modelNumber p span{font-size: 28px; line-height: 0.5; margin-right: 4px;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox.KeepLeft{justify-content: flex-start;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox.KeepLeft .listOne{flex: 0 0 calc(50% - 10px);}
.newProductListMain .newProductListBox .newProductList .list .listOneBox.KeepRight{justify-content: flex-end;}
.newProductListMain .newProductListBox .newProductList .list .listOneBox.KeepRight .listOne{flex: 0 0 calc(50% - 10px);}

.newProductListMain .newProductListBox .newProductList .list .listTwoBox{width: 46%; display: flex;padding: 0px 5px;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo{display: block; flex: 1; padding: 10px 15px; margin: 0px 5px; border: 1px solid #a7c0db; border-radius: 15px;background-image: linear-gradient(to bottom, #f4f7fb, #dfe8f2);}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .listTwoTitle{font-size: 14px; line-height: 1.2; color: #333333; font-weight: 600;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .listTwoTitle a{color: #333333;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .listTwoTitle a:hover{color: #37bbb8;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .desc{margin-top: 5px; font-size:12px; letter-spacing: -0.5px; color: #7b7b7b; line-height: 18px;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .modelNumber{padding-top: 5px;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .modelNumber p{display: flex; font-size: 13px; color: #7b7b7b; line-height: 17px;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .modelNumber p span{font-size: 28px; line-height: 0.5; margin-right: 4px;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox.KeepLeft{justify-content: flex-start;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox.KeepLeft .listTwo{flex: 0 0 calc(50% - 10px);}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox.KeepRight{justify-content: flex-end;}
.newProductListMain .newProductListBox .newProductList .list .listTwoBox.KeepRight .listTwo{flex: 0 0 calc(50% - 10px);}

.newProductListMain .newProductListBox .newProductListBg{position: absolute; left: 0px; top: 20px; bottom: 0px; right: 0px; display: flex;padding: 0px 15px 0px 110px;}
.newProductListMain .newProductListBox .newProductListBg .list:nth-child(1){width: 51%; background: rgba(174,223,221,0.1); margin-right: 3%; border-radius: 20px 20px 0px 0px;}
.newProductListMain .newProductListBox .newProductListBg .list:nth-child(2){width: 46%; background: rgba(0,72,149,0.04);border-radius: 20px 20px 0px 0px;}

.newProductListMain .newProductListBox .newProductName{display: flex; border-top: 1px solid #87d6d4; margin-left: 100px; min-width: 690px; width: 690px;}
.newProductListMain .newProductListBox .newProductName .list{width: 50%; font-size: 14px; line-height: 40px; color: #5fc9c6; text-align: center;}

.newProductListMain .newProductListBox.newProductListBoxLeft .list .listOneBox{display: block; width: 100%; margin-right: 0px;}
.newProductListMain .newProductListBox.newProductListBoxLeft .newProductList .list .listOneBox .listOne{min-height: 100px; margin-top: 10px;}
.newProductListMain .newProductListBox.newProductListBoxLeft .newProductList .list .listOneBox .listOne:first-child{margin-top: 0px;}
.newProductListMain .newProductListBox.newProductListBoxLeft .newProductListBg .list{width:100%; margin-right: 0px;}
.newProductListMain .newProductListBox.newProductListBoxLeft .newProductName .list{width: 100%;}
.newProductListMain .newProductListBox.newProductListBoxLeft .newProductListContainer{width: 500px; min-width: 500px;}
.newProductListMain .newProductListBox.newProductListBoxLeft .newProductName{margin-left: 100px; min-width: 385px; width: 385px;}

.newProductListMain .newProductListContainerBox::-webkit-scrollbar { height: 6px; }
.newProductListMain .newProductListContainerBox::-webkit-scrollbar-thumb { border-radius: 10px; background: #5fc9c6; }
.newProductListMain .newProductListContainerBox::-webkit-scrollbar-track { border-radius: 10px; background: #dddddd; }

.newProductTypeSelection{position: relative; margin-top: 30px; padding: 20px 20px 30px;}
.newProductTypeSelection .imgBox{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 20px; overflow: hidden;}
.newProductTypeSelection .imgBox img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 80%;}
.newProductTypeSelection .titleBox{flex: 1; position: relative; z-index: 10;}
.newProductTypeSelection .titleBox .TypeSelectionTitle{font-size: 18px; color: #333333; font-weight: 600; line-height: 1.2;}
.newProductTypeSelection .titleBox .desc{font-size: 14px; color: #7b7b7b; line-height: 1.4; padding-top: 10px;}
.newProductTypeSelection .TypeSelectionBtn{ position: relative; z-index: 10; display: flex; padding-top: 20px;}
.newProductTypeSelection .TypeSelectionBtn a{display: flex; align-items: center; color: #fff; padding: 0px 15px; height:36px; font-size: 12px; transition: all .4s; border:1px solid #b2b2b2;color: #333333; background-color: transparent; border-radius: 36px;}
.newProductTypeSelection .TypeSelectionBtn a i{font-size: 14px; margin-left: 10px; transition: all .4s; left: 0px; position: relative;}
.newProductTypeSelection .TypeSelectionBtn a:hover{border-color: #37bbb8; background-color: #37bbb8;box-shadow: 0px 15px 20px -15px #37bbb8; color: #fff;}
.newProductTypeSelection .TypeSelectionBtn a:hover i{left: 5px;color: #fff;}

.newProductApplyMain{padding: 30px 0px;}
.newProductApplyMain .newProductApply{display: flex; flex-wrap: wrap; margin: 0px -5px;}
.newProductApplyMain .newProductApply .list{width: calc(50% - 10px); margin: 10px 5px 0px; border: 1px solid #f1f3f5; border-radius: 10px;}
.newProductApplyMain .newProductApply .list a{display: block; padding: 20px 15px;}
.newProductApplyMain .newProductApply .list a .icon img{width: 50px; border-radius: 10px; background: #e0fffe;}
.newProductApplyMain .newProductApply .list a .listTitle{margin-top: 15px; font-size: 16px; color: #333333; font-weight: 600;}
.newProductApplyMain .newProductApply .list a .desc{margin-top: 5px; font-size: 12px; color: #7b7b7b; line-height: 18px;display: -webkit-box; height: calc(18px * 3); word-wrap: break-word; text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:3; letter-spacing: -0.2px;}
.newProductApplyMain .newProductApply .list a .more{display: flex; padding-top: 20px;}
.newProductApplyMain .newProductApply .list a .more span{display: flex; align-items: center; padding: 0px 10px; height: 35px; border-radius: 35px; font-size: 12px; border: 1px solid #b2b2b2; background: transparent; transition:all .4s;}
.newProductApplyMain .newProductApply .list a .more span i{font-size: 14px; margin-left: 5px; transition: all .4s; position: relative; left: 0px;}
.newProductApplyMain .newProductApply .list a:hover .more span{background: #37bbb8; border-color: #37bbb8; color: #fff;}
.newProductApplyMain .newProductApply .list a:hover .more span i{ left: 5px; color: #fff;}

.newProductDeveloperMain{position: relative;overflow: hidden; padding: 35px 0px; min-height: 580px;}
.newProductDeveloperMain .newProductDeveloperBg{position: absolute; left: 0px; top:0px; width: 100%; height: 100%;}
.newProductDeveloperMain .newProductDeveloperBg img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.newProductDeveloperMain .container1200{position: relative; z-index: 10;}
.newProductDeveloperMain .newProductDeveloperTitle{font-weight: 600; color: #000; font-size: 15px;padding-top: 10px; padding-bottom: 4px;}
.newProductDeveloperMain .newProductDeveloperDesc{font-size: 14px; line-height:1.4; color: #7b7b7b;}
.newProductDeveloperMain .newProductDeveloperClassBox{margin-top:20px; position: relative;}
/* .newProductDeveloperMain .newProductDeveloperClassBox::after{content: ''; top: 3px; width:1000%; left: 50%; height: 1px; background: #ccc; position: absolute; left: 50%; transform: translateX(-50%);} */
.newProductDeveloperMain .newProductDeveloperClassBox::after{content: ''; top: 3px;left: -100%; right: -100%; height: 1px; background: #ccc; position: absolute;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass{overflow: hidden; position: relative;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-wrapper{display: flex; justify-content: space-between;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide{width:auto; margin-right: 20px; position: relative; cursor: pointer;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide::before{width: 6px; height: 6px; background: #999; border-radius: 100%; content: ''; display: block; margin: 0px auto;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .icon{width: 45px; position: relative; margin: 10px auto 0px;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .icon img{width: 100%; position: relative;transition: all .4s;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .icon img.defa{opacity: 0; visibility: hidden;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .icon img.hover{opacity: 1; visibility: visible; position: absolute; left: 0px; top: 0px;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .listTitle{text-align: center; font-size: 14px; font-weight: 540; color:#333;}
/* .newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide.active .icon img.defa{opacity: 0; visibility: hidden;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide.active .icon img.hover{opacity: 1; visibility: visible;} */
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide.active .listTitle{color: #333;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide.active::before{background: #37bbb8;}
.newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide:last-child{margin: 0px;}

.newProductDeveloperMain .newProductDeveloperBox{margin-top: 25px;}
.newProductDeveloperMain .newProductDeveloper{display: none;}
.newProductDeveloperMain .newProductDeveloper .imgBox{width: 100%; overflow: hidden; position: relative; border-radius: 10px;}
.newProductDeveloperMain .newProductDeveloper .imgBox img{width: 100%; display: block;}
.newProductDeveloperMain .newProductDeveloper .content{flex: 1; padding:20px 0px 0px 0px;}
.newProductDeveloperMain .newProductDeveloper .content .listTitle{font-size:18px; line-height: 1.3; color: #333333; font-weight: 600;}
.newProductDeveloperMain .newProductDeveloper .content .desc{padding-top: 10px; font-size: 14px; line-height:18px; color: #191919;}
.newProductDeveloperMain .newProductDeveloper .content .developerBtn{display: flex; padding-top: 15px;}
.newProductDeveloperMain .newProductDeveloper .content .developerBtn a{display: flex; align-items: center; color: #fff; font-size: 12px; padding: 0px 20px; height:36px;  border: 1px solid #b2b2b2; color: #333333; background: transparent;  transition: all .4s; border-radius: 36px;}
.newProductDeveloperMain .newProductDeveloper .content .developerBtn a i{font-size: 16px; margin-left: 10px; transition: all .4s; left: 0px; position: relative;}
.newProductDeveloperMain .newProductDeveloper .content .developerBtn a:hover{color: #fff;background: #37bbb8; border-color: #37bbb8; box-shadow: 0px 15px 20px -15px #37bbb8;}
.newProductDeveloperMain .newProductDeveloper .content .developerBtn a:hover i{left: 5px; color: #fff;}


.newProductDeveloperMain .newProductDeveloper.active{display: block;}


.newWhyChooseMain{padding: 30px 0px 45px;}
.newWhyChooseMain .newWhyChoose{display: flex; flex-wrap: wrap;}
.newWhyChooseMain .newWhyChoose .list{width:100%; display: flex; margin-top: 20px;}
.newWhyChooseMain .newWhyChoose .list .icon{width: 35px;}
.newWhyChooseMain .newWhyChoose .list .icon img{width: 100%; display: block;}
.newWhyChooseMain .newWhyChoose .list .content{flex: 1; padding-left: 10px;}
.newWhyChooseMain .newWhyChoose .list .content .listTitle{font-size: 15px; font-weight: 600; color: #333333;}
.newWhyChooseMain .newWhyChoose .list .content .desc{margin-top: 5px; font-size: 13px; color: #595959; line-height: 18px;}


/*--2024新增应用详情页--*/
.container1440{max-width: 1480px; padding: 0px 20px; margin: 0px auto; position: relative; z-index: 10;}
.newApplyDetailTitle{font-size: 20px; text-align: center; color: #303030; line-height: 1.2; font-weight: 600;}
.newApplyDetailBanner{position: relative;}
.newApplyDetailBanner .imgBox{padding-top: 42.6%; position: relative;}
.newApplyDetailBanner .imgBox img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.newApplyDetailBanner .newApplyDetailBannerText{ font-size: 20px; color: #fff; font-weight: 600; position: absolute; left: 0px; top:46%; transform: translateY(-50%); width: 100%; text-align: center; padding: 0px 20px;}

.newApplyDetailDesc{padding: 30px 0px 40px; font-size: 14px; line-height: 24px; color: #03060d; opacity: 0.7;}
.newApplyDetailDesc p{margin-bottom: 15px;}

.newApplyDetailSolutionMain{position: relative; padding: 35px 0px;}
.newApplyDetailSolutionMain .imgbg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.newApplyDetailSolutionMain .imgbg img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;} 
.newApplyDetailSolutionMain .newApplyDetailSolution{ margin: 0px; padding-top: 15px;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list{ width: 100%; margin: 15px 0px 0px; overflow: hidden;  position: relative; border-radius: 20px;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list a{display: block;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list .imgBox{position: relative; padding-top: 80.44%;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list .imgBox img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all .6s;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list .content{ padding: 0px 20px 20px 20px; position: absolute; left: 0px; bottom: 0px; right:0px; z-index: 10;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list .content .listTitle{font-size: 18px; line-height: 1.2; color: #fff; font-weight: 600; transition: all .6s;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list .content .desc{margin-top: 10px; font-size: 14px; line-height: 18px; color: #fff;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list .content .line{display: none; margin-top: 15px; width: 30px; height: 2px; background-color: rgba(255,255,255,0.5); transition: all .4s;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list .imgBox::after{content: ''; position: absolute; left: 0px; bottom: 0px; top: 0px; right: 0px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) 25%, rgba(0,0,0,0.9) 90%); z-index: 8;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list a .listTitle{text-decoration: underline;}
.newApplyDetailSolutionMain .newApplyDetailSolution .list:hover .content .line{background-color:rgba(255,255,255,1);}
.newApplyDetailSolutionMain .newApplyDetailSolution .list:hover .imgBox img{transform: scale(1.1);}



.newApplyRelatedRroductsMain{background: #f5f7fa; padding: 35px 0px;}
.newApplyRelatedRroducts{overflow: hidden;position: relative; margin-top: 20px;}
.newApplyRelatedRroducts .swiper-slide{background: #fff; border-radius: 15px; width: 100%; margin-right: 15px;}
.newApplyRelatedRroducts .swiper-slide a{display: block; padding: 35px 15px;}
.newApplyRelatedRroducts .swiper-slide .imgBox{ height:150px; position: relative;}
.newApplyRelatedRroducts .swiper-slide .imgBox img{position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%) scale(1); max-width: 60%; max-height: 90%;box-shadow: 8px 8px 8px rgba(94,94,94,0.4); transition: all .6s;}
.newApplyRelatedRroducts .swiper-slide .listTitle{margin-top: 20px; font-size: 18px; color: #000000; text-align: center; line-height: 1.3;}
.newApplyRelatedRroducts .swiper-slide .desc{margin-top: 10px; font-size: 14px; line-height:18px; color: #7b7b7b; text-align: center;}
.newApplyRelatedRroducts .swiper-slide .more{display: flex; justify-content: center; padding-top: 25px;}
.newApplyRelatedRroducts .swiper-slide .more span{display: flex; align-items: center; padding: 0px 20px; font-size: 13px; height: 35px; border-radius: 35px; border: 1px solid #b2b2b2; background: transparent; transition:all .4s;}
.newApplyRelatedRroducts .swiper-slide .more span i{font-size: 16px; margin-left: 10px; transition: all .4s; position: relative; left: 0px;}
.newApplyRelatedRroducts .swiper-slide:hover .more span{background: #37bbb8; border-color: #37bbb8; color: #fff;box-shadow: 0px 15px 20px -15px #37bbb8;}
.newApplyRelatedRroducts .swiper-slide:hover .more span i{ left: 10px; color: #fff;}
.newApplyRelatedRroducts .swiper-slide:hover .imgBox img{transform:translate(-50%,-50%) scale(1.1);}
.newApplyRelatedRroducts .swiper-slide:last-child{margin: 0px;}
.newApplyRelatedRroducts.twoList .swiper-wrapper{flex-wrap: wrap;transform: translate3d(0px, 0px, 0px) !important;}
.newApplyRelatedRroducts.twoList .swiper-slide{width: 100%; margin-bottom: 20px;}
.newApplyRelatedRroducts.twoList .swiper-slide a{padding:25px 20px; display: flex; flex-direction: row-reverse;}
.newApplyRelatedRroducts.twoList .swiper-slide a .content{flex: 1;}
.newApplyRelatedRroducts.twoList .swiper-slide a .content .listTitle{margin-top: 10px;text-align: left;}
.newApplyRelatedRroducts.twoList .swiper-slide a .content .desc{text-align: left;}
.newApplyRelatedRroducts.twoList .swiper-slide a .content .more{justify-content: flex-start;padding-top: 10px;}
.newApplyRelatedRroducts.twoList .swiper-slide a .imgBox{ width: 130px; height: 130px;}
.newApplyRelatedRroducts.twoList .swiper-slide a .imgBox img{max-width: 100%; max-height: 100%;}
.newApplyRelatedRroducts.fourList .swiper-wrapper{flex-wrap: wrap; transform: translate3d(0px, 0px, 0px) !important;}
.newApplyRelatedRroducts.fourList .swiper-slide{width: 100%; margin-bottom: 20px;}
.newApplyRelatedRroducts.fourList .swiper-slide a{padding:25px 20px; display: flex; flex-direction: row-reverse}
.newApplyRelatedRroducts.fourList .swiper-slide a .content{flex: 1;}
.newApplyRelatedRroducts.fourList .swiper-slide a .content .listTitle{margin-top:10px;text-align: left;}
.newApplyRelatedRroducts.fourList .swiper-slide a .content .desc{text-align: left;}
.newApplyRelatedRroducts.fourList .swiper-slide a .content .more{justify-content: flex-start; padding-top: 10px;}
.newApplyRelatedRroducts.fourList .swiper-slide a .imgBox{ width:130px; height: 130px;}
.newApplyRelatedRroducts.fourList .swiper-slide a .imgBox img{max-width: 100%; max-height: 100%;}

.newApplyWhyChooseMain{position: relative; padding: 35px 0px;}
.newApplyWhyChooseMain .imgbg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.newApplyWhyChooseMain .imgbg img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;} 
.newApplyWhyChooseMain .newApplyWhyChoose{display: flex; flex-wrap: wrap; margin: 0px; padding-top: 15px;}
.newApplyWhyChooseMain .newApplyWhyChoose .list{width: 100%; margin:15px 0px 0px ; position: relative;border-radius: 20px;}
.newApplyWhyChooseMain .newApplyWhyChoose .list a{cursor: default;}
.newApplyWhyChooseMain .newApplyWhyChoose .list .imgBg{left: 0px; top: 0px; bottom: 0px; right: 0px;border-radius: 20px; overflow: hidden; position: absolute; background: #fff; transition: all .4s;}
.newApplyWhyChooseMain .newApplyWhyChoose .list .imgBg img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;opacity: 0; visibility: hidden; transition: all .4s;}
.newApplyWhyChooseMain .newApplyWhyChoose .list .content{z-index: 10; position: relative; padding: 30px 20px;}
.newApplyWhyChooseMain .newApplyWhyChoose .list .content .icon{width: 40px; position: relative; margin: 0px auto;}
.newApplyWhyChooseMain .newApplyWhyChoose .list .content .icon img{width: 100%; display: block; transition: all .4s;}
.newApplyWhyChooseMain .newApplyWhyChoose .list .content .icon .defa{opacity: 1; visibility: visible;}
.newApplyWhyChooseMain .newApplyWhyChoose .list .content .icon .hover{opacity: 0; visibility: hidden; position: absolute; left: 0px; top: 0px;}
.newApplyWhyChooseMain .newApplyWhyChoose .list .content .listTitle{margin-top: 10px; font-size: 18px; color: #2e3032; line-height: 1.2; text-align: center;transition: all .4s;}
.newApplyWhyChooseMain .newApplyWhyChoose .list .content .desc{margin-top: 10px; font-size: 14px; line-height: 18px; color: #7b7b7b; text-align: center;transition: all .4s;}
.newApplyWhyChooseMain .newApplyWhyChoose .list:hover{position: relative; z-index: 10;}
.newApplyWhyChooseMain .newApplyWhyChoose .list:hover .imgBg{top: -10px; bottom: -10px;}
.newApplyWhyChooseMain .newApplyWhyChoose .list:hover .imgBg img{ opacity: 1; visibility: visible;}
.newApplyWhyChooseMain .newApplyWhyChoose .list:hover .content .icon .defa{opacity: 0; visibility: hidden;}
.newApplyWhyChooseMain .newApplyWhyChoose .list:hover .content .icon .hover{opacity: 1; visibility: visible;}
.newApplyWhyChooseMain .newApplyWhyChoose .list:hover .content .listTitle{color: #fff;}
.newApplyWhyChooseMain .newApplyWhyChoose .list:hover .content .desc{color: #fff;}

.newApplyWhyChooseMain .newApplyWhyChooseTips{font-size: 14px; padding-top: 25px; color: #fff; line-height: 18px;}


.newApplyTrainingMain{position: relative; padding: 30px 0px;}
.newApplyTrainingMain .imgbg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.newApplyTrainingMain .imgbg img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;} 
.newApplyTrainingMain .newApplyTrainingBox{overflow: hidden; position: relative; margin: 0px -20px; padding: 0px 20px;}
.newApplyTrainingMain .newApplyTraining{position: relative; margin-top: 15px; padding: 15px 0px 20px;}
.newApplyTrainingMain .newApplyTraining .justifyCenter{justify-content: center;}
.newApplyTrainingMain .newApplyTraining .swiper-slide{width: 50%; background: #fff; box-shadow: 0px 10px 10px rgba(0,0,0,0.3); border-radius: 20px; overflow: hidden; cursor: pointer;}
.newApplyTrainingMain .newApplyTraining .swiper-slide .imgBox{position: relative;overflow: hidden;}
.newApplyTrainingMain .newApplyTraining .swiper-slide .imgBox img{width: 100%; display: block; transform: scale(1); transition: all .6s;}
.newApplyTrainingMain .newApplyTraining .swiper-slide .imgBox i{position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); font-size: 46px; color: #fff;}
.newApplyTrainingMain .newApplyTraining .swiper-slide .content{padding: 20px 15px 30px;}
.newApplyTrainingMain .newApplyTraining .swiper-slide .content .listTitle{font-size: 16px; color: #242424; line-height: 1.2;}
.newApplyTrainingMain .newApplyTraining .swiper-slide .content .desc{font-size: 14px; line-height: 18px; margin-top: 8px; color: #3f3f3f;}
.newApplyTrainingMain .newApplyTraining .justifyCenter .swiper-slide{margin: 0px !important;}
.newApplyTrainingMain .newApplyTraining .swiper-slide:hover .imgBox img{ transform: scale(1.1);}
.newApplyTrainingMain .newApplyTrainingPage span{background: #fff;opacity: 1;}
.newApplyTrainingMain .newApplyTrainingPage span.swiper-pagination-bullet-active{background: #37bbb8;}

/*--视频播放器--*/

.pupUpVideo{position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; height: 100%; padding: 96px 20px; background: #000; display: none;}
.pupUpVideo .closeVideo{position: absolute; display: flex; align-items: center; justify-content: center; right: 15px; top: 15px; width: 30px; height: 30px; color: rgba(255,255,255,0.5); font-size: 22px; cursor: pointer; transition: all .6s ease;}
.pupUpVideo .closeVideo:hover{color: rgba(255,255,255,1);}
.pupUpVideo .videoPlayBox{width: 100%; height: 100%; display: flex; justify-content: center;}
.pupUpVideo .videoPlayBox .videoPlayContainer{ max-width: 1280px; display: flex; justify-content: center; width: auto; position: relative;}
.pupUpVideo .videoPlayBox .videoPlayContainer .videoPlay{width: 100%; position: relative;overflow: hidden; display: flex;align-self: center;}
.pupUpVideo .videoPlayBox .videoPlayContainer .videoPlay video{ width: auto; min-width: 320px;max-height: 100vh;max-width: 100vw;}
.pupUpVideo .videoPlayBox .videoPlayContainer .videoPlay iframe{ width: auto; min-width: 320px;max-height: 100vh;max-width: 100vw; width: 1280px; height: 720px;}
@media (max-width: 480px) {
  .newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide{width: 20%;}
}

@media (min-width: 768px) {
  .pcShow{display: block;}
  .mShow{display: none;}
  
  .newProductTypeSelection{margin-top: 20px; display: flex; align-items: center; padding: 35px 110px 30px 35px;}
  .newProductTypeSelection .imgBox{border-radius: 15px;}
  .newProductTypeSelection .imgBox img{object-position: center;}
  .newProductTypeSelection .titleBox .TypeSelectionTitle{font-size: 18px;}
  .newProductTypeSelection .titleBox .desc{font-size: 14px;padding-top: 10px;}
  .newProductTypeSelection .TypeSelectionBtn{padding-top:0px;}
  .newProductTypeSelection .TypeSelectionBtn a{padding: 0px 25px; font-size: 14px; height:40px;border-radius: 40px;}
  .newProductTypeSelection .TypeSelectionBtn a i{font-size: 16px; margin-left: 15px;}
  .newProductTypeSelection .TypeSelectionBtn a:hover i{left: 10px;}
  
  .newProductApplyMain{padding: 40px 0px;}
  .newProductApplyMain .newProductApply{margin: 0px -10px;}
  .newProductApplyMain .newProductApply .list{width: calc(33.333% - 20px); margin: 24px 10px 0px; border-radius: 20px;}
  .newProductApplyMain .newProductApply .list a{padding: 20px 15px;}
  .newProductApplyMain .newProductApply .list a .icon img{width: 54px; border-radius: 10px;}
  .newProductApplyMain .newProductApply .list a .listTitle{margin-top: 10px; font-size: 16px; font-weight: 600;}
  .newProductApplyMain .newProductApply .list a .desc{margin-top: 5px; font-size: 13px; line-height: 18px;height: calc(18px * 3);-webkit-line-clamp:3;}
  .newProductApplyMain .newProductApply .list a .more{padding-top: 25px;}
  .newProductApplyMain .newProductApply .list a .more span{padding: 0px 15px; height: 36px; border-radius: 36px; font-size: 12px;}
  .newProductApplyMain .newProductApply .list a .more span i{font-size: 16px; margin-left: 5px;}
  .newProductApplyMain .newProductApply .list a:hover .more span i{ left: 5px;}
  
  .newProductDeveloperMain{padding: 40px 0px; min-height: 580px;}
  .newProductDeveloperMain .newProductDeveloperTitle{padding-top: 10px; font-size: 16px;}
  .newProductDeveloperMain .newProductDeveloperDesc{font-size: 14px;}
  .newProductDeveloperMain .newProductDeveloperClassBox{margin-top: 30px;}
  .newProductDeveloperMain .newProductDeveloperClassBox::after{top: 3px;left: 3.5%; right: 3.5%;}
  .newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide{width: auto; margin-right: 0px;}
  .newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .icon{width: 50px;margin: 10px auto 0px;}
  .newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .listTitle{font-size: 16px;}
  
  .newProductDeveloperMain .newProductDeveloperBox{margin-top: 50px;}
  .newProductDeveloperMain .newProductDeveloper .imgBox{width: 400px; border-radius: 20px;}
  .newProductDeveloperMain .newProductDeveloper .content{flex: 1; padding:20px 0px 0px 40px;}
  .newProductDeveloperMain .newProductDeveloper .content .listTitle{font-size: 20px;font-weight: 600;}
  .newProductDeveloperMain .newProductDeveloper .content .desc{padding-top: 10px; font-size: 14px; line-height: 18px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn{padding-top: 20px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn a{padding: 0px 25px; height:40px; font-size: 14px; border-radius: 40px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn a i{font-size: 18px; margin-left: 15px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn a:hover i{left: 10px;}
  .newProductDeveloperMain .newProductDeveloper.active{display: flex;}
  .newProductDeveloperMain .newProductDeveloper:nth-child(-n+3){flex-direction:row-reverse;}
  .newProductDeveloperMain .newProductDeveloper:nth-child(-n+3) .content{padding:20px 40px 0px 0px;}
  
  .newWhyChooseMain{padding: 40px 0px 65px;}
  .newWhyChooseMain .newWhyChoose .list{width: 50%; padding-top: 60px; margin-top: 0px;}
  .newWhyChooseMain .newWhyChoose .list .icon{width: 40px;}
  .newWhyChooseMain .newWhyChoose .list .content{padding-left: 10px;}
  .newWhyChooseMain .newWhyChoose .list .content .listTitle{font-size: 18px;}
  .newWhyChooseMain .newWhyChoose .list .content .desc{margin-top: 6px; font-size: 14px; line-height: 20px;}
  .newWhyChooseMain .newWhyChoose .list:nth-child(odd){padding-right: 50px;}
  .newWhyChooseMain .newWhyChoose .list:nth-child(even){padding-left: 50px;}

  .container1440{margin: 0px auto;}
  .pupUpVideo{padding: 6vw 1.25vw;}
  .pupUpVideo .closeVideo{right: 1.5vw; top: 1.5vw; width: 1.875vw; height: 1.875vw;font-size: 2.5vw; }
  .pupUpVideo .videoPlayBox .videoPlayContainer{ max-width: 80vw;}
  .pupUpVideo .videoPlayBox .videoPlayContainer .videoPlay video{min-width: 20vw;}
  .pupUpVideo .videoPlayBox .videoPlayContainer .videoPlay iframe{min-width: 20vw;}

  .container1440{max-width: 750px;}
  .newApplyDetailTitle{font-size: 26px;}

  .newApplyDetailBanner .imgBox{padding-top: 22.6%;}
  .newApplyDetailBanner .newApplyDetailBannerText{ font-size: 26px;padding: 0px 20px;}

  .newApplyDetailSolutionMain{padding: 40px 0px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution{display: flex; flex-wrap: wrap; margin: 0px -10px;padding-top: 35px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list{ width: calc(33.333% - 20px); margin: 20px 10px 0px;border-radius: 15px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .imgBox{padding-top: 90.44%;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .content{ padding: 0px 20px 20px 20px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .content .listTitle{font-size: 18px;font-weight: 600;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .content .desc{margin-top: 10px; font-size: 13px; line-height: 20px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .content .line{margin-top: 15px; width: 30px; height: 2px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution.twoList .list{ width: calc(50% - 20px); margin: 20px 10px 0px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution.fourList .list{ width: calc(50% - 20px); margin: 20px 10px 0px;}


  .newApplyRelatedRroductsMain{padding: 40px 0px 50px;}
  .newApplyRelatedRroducts{margin-top: 30px;}
  .newApplyRelatedRroducts .swiper-slide{border-radius: 20px; width: calc(33.333% - 20px); margin-right: 30px;}
  .newApplyRelatedRroducts .swiper-slide a{padding: 25px 15px;}
  .newApplyRelatedRroducts .swiper-slide .imgBox{ height: 160px;}
  .newApplyRelatedRroducts .swiper-slide .imgBox img{max-width: 60%; max-height: 90%;box-shadow: 8px 8px 8px rgba(94,94,94,0.4);}
  .newApplyRelatedRroducts .swiper-slide .listTitle{margin-top: 15px; font-size: 20px;}
  .newApplyRelatedRroducts .swiper-slide .desc{margin-top: 10px; font-size: 12px; line-height: 20px; }
  .newApplyRelatedRroducts .swiper-slide .more{padding-top: 15px;}
  .newApplyRelatedRroducts .swiper-slide .more a{padding: 0px 20px; height: 35px; font-size: 12px; border-radius: 35px;}
  .newApplyRelatedRroducts .swiper-slide .more a i{font-size: 16px; margin-left: 10px;}
  .newApplyRelatedRroducts .swiper-slide .more a:hover{box-shadow: 0px 15px 20px -15px #37bbb8;}
  .newApplyRelatedRroducts .swiper-slide .more a:hover i{ left: 10px;}
  .newApplyRelatedRroducts.twoList .swiper-slide a{padding: 25px 35px;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .content .more{padding-top: 25px;}
  .newApplyRelatedRroducts.fourList .swiper-slide a{padding: 25px 35px;}
  .newApplyRelatedRroducts.fourList .swiper-slide a .content .more{padding-top: 25px;}

  .newApplyWhyChooseMain{padding: 40px 0px;}
  .newApplyWhyChooseMain .newApplyWhyChoose{margin: 0px -10px; padding-top: 35px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list{width: calc(33.333% - 20px); margin: 0px 10px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .imgBg{border-radius: 15px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .content{padding: 40px 30px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .content .icon{width: 40px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .content .listTitle{margin-top: 15px; font-size: 18px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .content .desc{margin-top: 10px; font-size: 12px; line-height: 18px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list:hover .imgBg{top: -15px; bottom: -15px;}

  .newApplyWhyChooseMain .newApplyWhyChooseTips{font-size: 14px; padding-top: 40px;line-height: 22px;}

  .newApplyTrainingMain{padding: 40px 0px;}
  .newApplyTrainingMain .newApplyTrainingBox{margin: 0px -40px; padding: 0px 40px;}
  .newApplyTrainingMain .newApplyTraining{margin-top: 20px; padding: 15px 0px 20px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide{width: 50%; box-shadow: 0px 10px 10px rgba(0,0,0,0.3); border-radius: 20px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide .imgBox i{font-size: 35px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide .content{padding: 25px 20px 30px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide .content .listTitle{font-size: 16px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide .content .desc{font-size: 12px; line-height: 18px; margin-top: 8px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .list .listOneBox{display: flex;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductList .list .listOneBox .listOne{margin-top: 0px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductListContainer{width: 520px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductName{margin-left: 100px; min-width: 405px; width: 405px;}
}

@media (min-width: 992px) {
  .container1440{max-width: 950px;}
  .newProductTitle{font-size: 22px;}
  .newProductListMain{padding: 40px 0px;}
  .newProductListMain .newProductListBox{border-radius: 20px; margin-top: 20px; padding:0px;}
  .newProductListMain .newProductListBox .newProductListHead{width: 135px;}
  .newProductListMain .newProductListBox .newProductListContainer{position: relative; width: 1000px;}
  .newProductListMain .newProductListBox .newProductList{padding-top: 20px;}
  .newProductListMain .newProductListBox .newProductList .list{min-height: 100px; margin-left: 125px; margin-right: 25px; padding: 10px 0px 10px 10px;}
  .newProductListMain .newProductListBox .newProductList .list .listTitle{left: -95px; width: 95px; padding-right: 8px; font-size: 13px; line-height: 17px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox{width: 51%;margin-right: 3%; padding: 0px 5px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne{padding: 10px 15px; margin: 0px 5px;border-radius: 15px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .listOneTitle{font-size: 15px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .desc{margin-top: 5px; font-size:12px;line-height: 16px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .modelNumber{padding-top: 5px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .modelNumber p{font-size: 13px;line-height: 17px;}
  
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox{width: 46%;padding: 0px 5px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo{padding: 10px 15px; margin: 0px 5px; border-radius: 15px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .listTwoTitle{font-size: 15px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .desc{margin-top: 5px; font-size:12px; line-height: 16px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .modelNumber{padding-top: 5px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .modelNumber p{font-size: 13px; line-height: 17px;}

  .newProductListMain .newProductListBox.newProductListBoxLeft .list{width: 53.5%;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .list .listOneBox{display: flex; width: 100%; margin-right: 0px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductList .list .listOneBox .listOne{min-height: 120px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductListBg .list{width:65.5%; margin-right: 0px;}
  
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductListContainer{width: 800px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductName{margin-left: 125px; min-width: 430px; width: 430px;}

  .newProductListMain .newProductListBox .newProductListBg{padding: 0px 25px 0px 135px;}
  .newProductListMain .newProductListBox .newProductListBg .list:nth-child(1){border-radius: 20px 20px 0px 0px;}
  .newProductListMain .newProductListBox .newProductListBg .list:nth-child(2){border-radius: 20px 20px 0px 0px;}
  
  .newProductListMain .newProductListBox .newProductName{padding-left: 10px; margin-left: 125px; width: 875px;}
  .newProductListMain .newProductListBox .newProductName .list{font-size: 14px; line-height: 40px;}
  
  .newProductTypeSelection{margin-top: 20px; padding: 35px 150px 30px 35px;}
  .newProductTypeSelection .imgBox{border-radius: 15px;}
  .newProductTypeSelection .titleBox .TypeSelectionTitle{font-size: 20px;}
  .newProductTypeSelection .titleBox .desc{font-size: 14px;padding-top: 10px;}
  .newProductTypeSelection .TypeSelectionBtn a{padding: 0px 25px; height:40px;border-radius: 40px;}
  .newProductTypeSelection .TypeSelectionBtn a i{font-size: 16px; margin-left: 15px;}
  .newProductTypeSelection .TypeSelectionBtn a:hover i{left: 10px;}
  
  .newProductApplyMain{padding: 40px 0px;}
  .newProductApplyMain .newProductApply{margin: 0px -10px;}
  .newProductApplyMain .newProductApply .list{width: calc(33.333% - 20px); margin: 24px 10px 0px; border-radius: 20px;}
  .newProductApplyMain .newProductApply .list a{padding: 30px 25px;}
  .newProductApplyMain .newProductApply .list a .icon img{width: 64px; border-radius: 20px;}
  .newProductApplyMain .newProductApply .list a .listTitle{margin-top: 10px; font-size: 18px; font-weight: 600;}
  .newProductApplyMain .newProductApply .list a .desc{margin-top: 5px; font-size: 14px; line-height: 18px;height: calc(18px * 3);-webkit-line-clamp:3;}
  .newProductApplyMain .newProductApply .list a .more{padding-top: 25px;}
  .newProductApplyMain .newProductApply .list a .more span{padding: 0px 15px; height: 36px; border-radius: 36px; font-size: 13px;}
  .newProductApplyMain .newProductApply .list a .more span i{font-size: 16px; margin-left: 5px;}
  .newProductApplyMain .newProductApply .list a:hover .more span i{ left: 5px;}
  
  .newProductDeveloperMain{padding: 40px 0px; min-height: 580px;}
  .newProductDeveloperMain .newProductDeveloperTitle{padding-top: 10px;}
  .newProductDeveloperMain .newProductDeveloperDesc{font-size: 14px;}
  .newProductDeveloperMain .newProductDeveloperClassBox{margin-top: 30px;}
  .newProductDeveloperMain .newProductDeveloperClassBox::after{top: 3px;left: 3%; right: 3%;}
  .newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .icon{width: 50px;margin: 10px auto 0px;}
  .newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .listTitle{font-size: 16px;}
  
  .newProductDeveloperMain .newProductDeveloperBox{margin-top: 50px;}
  .newProductDeveloperMain .newProductDeveloper .imgBox{width: 480px; border-radius: 20px;}
  .newProductDeveloperMain .newProductDeveloper .content{flex: 1; padding:20px 0px 0px 40px;}
  .newProductDeveloperMain .newProductDeveloper .content .listTitle{font-size: 20px;font-weight: 600;}
  .newProductDeveloperMain .newProductDeveloper .content .desc{padding-top: 10px; font-size: 14px; line-height: 18px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn{padding-top: 20px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn a{padding: 0px 25px; height:40px; border-radius: 40px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn a i{font-size: 18px; margin-left: 15px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn a:hover i{left: 10px;}

  .newProductDeveloperMain .newProductDeveloper:nth-child(-n+3){flex-direction:row-reverse;}
  .newProductDeveloperMain .newProductDeveloper:nth-child(-n+3) .content{padding:20px 40px 0px 0px;}
  
  .newWhyChooseMain{padding: 40px 0px 65px;}
  .newWhyChooseMain .newWhyChoose .list{width: 50%; padding-top: 60px;}
  .newWhyChooseMain .newWhyChoose .list .icon{width: 40px;}
  .newWhyChooseMain .newWhyChoose .list .content{padding-left: 10px;}
  .newWhyChooseMain .newWhyChoose .list .content .listTitle{font-size: 18px;}
  .newWhyChooseMain .newWhyChoose .list .content .desc{margin-top: 6px; font-size: 14px; line-height: 20px;}
  .newWhyChooseMain .newWhyChoose .list:nth-child(odd){padding-right: 80px;}
  .newWhyChooseMain .newWhyChoose .list:nth-child(even){padding-left: 80px;}
  .newApplyRelatedRroducts.twoList{margin: 30px -10px 0px;}
  .newApplyRelatedRroducts.twoList .swiper-slide{width: calc(50% - 20px); margin:0px 10px 20px;}
  .newApplyRelatedRroducts.twoList .swiper-slide a{padding: 25px 35px; display: flex; flex-direction: row-reverse;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .content{flex: 1;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .content .listTitle{margin-top: 20px;text-align: left;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .content .desc{text-align: left;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .content .more{justify-content: flex-start;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .imgBox{ width: 120px; height: 120px;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .imgBox img{max-width: 100%; max-height: 100%;}
  .newApplyRelatedRroducts.fourList{margin:30px -10px 0px;}
  .newApplyRelatedRroducts.fourList .swiper-slide{width: calc(50% - 20px); margin:0px 10px 20px;}
  .newApplyRelatedRroducts.fourList .swiper-slide a{padding: 25px 35px; display: flex; flex-direction: row-reverse}
  .newApplyRelatedRroducts.fourList .swiper-slide a .content{flex: 1;}
  .newApplyRelatedRroducts.fourList .swiper-slide a .content .listTitle{margin-top:20px;text-align: left;}
  .newApplyRelatedRroducts.fourList .swiper-slide a .content .desc{text-align: left;}
  .newApplyRelatedRroducts.fourList .swiper-slide a .content .more{justify-content: flex-start;}
  .newApplyRelatedRroducts.fourList .swiper-slide a .imgBox{ width:120px; height: 120px;}
  .newApplyRelatedRroducts.fourList .swiper-slide a .imgBox img{max-width: 100%; max-height: 100%;}
  .overview_main{padding: 40px 0;}
}

@media (min-width: 1260px) {

  .newProductTitle{font-size: 26px;}
  .newProductListMain{padding: 60px 0px;}
  .newProductListMain .newProductListBox{border-radius: 20px; margin-top: 30px; padding:0px;}
  .newProductListMain .newProductListBox .newProductListHead{width:135px;}
  .newProductListMain .newProductListBox .newProductListContainer{position: relative; width: 1200px;}
  .newProductListMain .newProductListBox .newProductList{padding-top: 20px;}
  .newProductListMain .newProductListBox .newProductList .list{min-height: 100px; margin-right: 25px; padding: 10px 0px 10px 10px; margin-left: 125px;}
  .newProductListMain .newProductListBox .newProductList .list .listTitle{left: -95px; width: 95px; padding-right: 8px; font-size: 13px; line-height: 17px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox{width: 51%;margin-right: 3%; padding: 0px 5px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne{padding: 10px 20px; margin: 0px 5px;border-radius: 15px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .listOneTitle{font-size: 17px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .desc{margin-top: 5px; font-size:13px;line-height: 18px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .modelNumber{padding-top: 5px;}
  .newProductListMain .newProductListBox .newProductList .list .listOneBox .listOne .modelNumber a{font-size: 13px;line-height: 17px;}
  
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox{width: 46%;padding: 0px 5px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo{padding: 15px 20px; margin: 0px 5px; border-radius: 15px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .listTwoTitle{font-size: 17px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .desc{margin-top: 10px; font-size:13px; line-height: 18px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .modelNumber{padding-top: 5px;}
  .newProductListMain .newProductListBox .newProductList .list .listTwoBox .listTwo .modelNumber p{font-size: 13px; line-height: 17px;}

  .newProductListMain .newProductListBox .newProductListBg{padding: 0px 25px 0px 135px;}
  .newProductListMain .newProductListBox .newProductListBg .list:nth-child(1){border-radius: 20px 20px 0px 0px;}
  .newProductListMain .newProductListBox .newProductListBg .list:nth-child(2){border-radius: 20px 20px 0px 0px;}

  .newProductListMain .newProductListBox.newProductListBoxLeft .list .listOneBox{display: flex; width: 100%; margin-right: 0px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductListBg .list{width:50%; margin-right: 0px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductListContainer{width: 1200px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .newProductName{margin-left: 125px; min-width: 530px; width: 530px;}
  .newProductListMain .newProductListBox.newProductListBoxLeft .list{width: 44%;}

  .newProductListMain .newProductListBox .newProductName{padding-left: 10px; margin-left: 125px; width: 1075px;}
  .newProductListMain .newProductListBox .newProductName .list{font-size: 16px; line-height: 40px;}
  
  .newProductTypeSelection{margin-top: 30px; padding: 40px 200px 30px 40px;}
  .newProductTypeSelection .imgBox{border-radius: 20px;}
  .newProductTypeSelection .titleBox .TypeSelectionTitle{font-size: 24px;}
  .newProductTypeSelection .titleBox .desc{font-size: 16px;padding-top: 10px;}
  .newProductTypeSelection .TypeSelectionBtn a{padding: 0px 35px; height:46px; border-radius: 46px;}
  .newProductTypeSelection .TypeSelectionBtn a i{font-size: 18px; margin-left: 15px;}
  .newProductTypeSelection .TypeSelectionBtn a:hover i{left: 10px;}
  
  .newProductApplyMain{padding: 60px 0px;}
  .newProductApplyMain .newProductApply{margin: 0px -12px;}
  .newProductApplyMain .newProductApply .list{width: calc(33.333% - 24px); margin: 24px 12px 0px; border-radius: 20px;}
  .newProductApplyMain .newProductApply .list a{padding: 30px 25px;}
  .newProductApplyMain .newProductApply .list a .icon img{width: 74px; border-radius: 20px;}
  .newProductApplyMain .newProductApply .list a .listTitle{margin-top: 15px; font-size: 20px; font-weight: 600;}
  .newProductApplyMain .newProductApply .list a .desc{margin-top: 5px; font-size: 16px; line-height: 21px;height: calc(21px * 3); -webkit-line-clamp:3;}
  .newProductApplyMain .newProductApply .list a .more{padding-top: 25px;}
  .newProductApplyMain .newProductApply .list a .more span{padding: 0px 20px; height: 40px; border-radius: 40px; font-size: 14px;}
  .newProductApplyMain .newProductApply .list a .more span i{font-size: 16px; margin-left: 10px;}
  .newProductApplyMain .newProductApply .list a:hover .more span i{ left: 10px;}
  
  .newProductDeveloperMain{padding: 60px 0px; min-height: 580px;}
  .newProductDeveloperMain .newProductDeveloperTitle{font-size: 18px;padding-top: 10px;}
  .newProductDeveloperMain .newProductDeveloperDesc{font-size: 16px;}
  .newProductDeveloperMain .newProductDeveloperClassBox{margin-top: 40px;}
  .newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .icon{width: 60px;margin: 10px auto 0px;}
  .newProductDeveloperMain .newProductDeveloperClassBox .newProductDeveloperclass .swiper-slide .listTitle{font-size: 18px;}
  
  .newProductDeveloperMain .newProductDeveloperBox{margin-top: 50px;}
  .newProductDeveloperMain .newProductDeveloper .imgBox{width: 560px; border-radius: 20px;}
  .newProductDeveloperMain .newProductDeveloper .content{flex: 1; padding:20px 0px 0px 60px;}
  .newProductDeveloperMain .newProductDeveloper .content .listTitle{font-size: 26px;font-weight: 600;}
  .newProductDeveloperMain .newProductDeveloper .content .desc{padding-top: 10px; font-size: 16px; line-height: 21px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn{padding-top: 30px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn a{padding: 0px 35px; height:46px;  border-radius: 46px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn a i{font-size: 18px; margin-left: 15px;}
  .newProductDeveloperMain .newProductDeveloper .content .developerBtn a:hover i{left: 10px;}

  .newProductDeveloperMain .newProductDeveloper:nth-child(-n+3){flex-direction:row-reverse;}
  .newProductDeveloperMain .newProductDeveloper:nth-child(-n+3) .content{padding:20px 60px 0px 0px;}
  
  .newWhyChooseMain{padding: 60px 0px 85px;}
  .newWhyChooseMain .newWhyChoose .list{width: 50%; padding-top: 60px;}
  .newWhyChooseMain .newWhyChoose .list .icon{width: 45px;}
  .newWhyChooseMain .newWhyChoose .list .content{padding-left: 15px;}
  .newWhyChooseMain .newWhyChoose .list .content .listTitle{font-size: 20px;}
  .newWhyChooseMain .newWhyChoose .list .content .desc{margin-top: 10px; font-size: 16px; line-height: 24px;}
  .newWhyChooseMain .newWhyChoose .list:nth-child(odd){padding-right: 140px;}
  .newWhyChooseMain .newWhyChoose .list:nth-child(even){padding-left: 140px;}

    .pupUpVideo{padding: 5vw 1.042vw;}
    .pupUpVideo .closeVideo{right: 1.25vw; top: 1.25vw; width: 1.563vw; height: 1.563vw;font-size: 2.083vw; }
    .pupUpVideo .videoPlayBox .videoPlayContainer{ max-width: 66.667vw;}
    .pupUpVideo .videoPlayBox .videoPlayContainer .videoPlay video{min-width: 16.667vw;}
    .pupUpVideo .videoPlayBox .videoPlayContainer .videoPlay iframe{min-width: 16.667vw;}

    .container1440{max-width: 1240px;}
    .newApplyDetailTitle{font-size: 36px;}

    .newApplyDetailBanner .imgBox{padding-top: 22.6%;}
    .newApplyDetailBanner .newApplyDetailBannerText{ font-size: 36px;padding: 0px 20px;}

    .newApplyDetailSolutionMain{padding: 50px 0px;}
    .newApplyDetailSolutionMain .newApplyDetailSolution{margin: 0px -15px;padding-top: 35px;}
    .newApplyDetailSolutionMain .newApplyDetailSolution .list{ width: calc(33.333% - 30px); margin: 30px 15px 0px;border-radius: 20px;}
    .newApplyDetailSolutionMain .newApplyDetailSolution .list .imgBox{padding-top: 80.44%;}
    .newApplyDetailSolutionMain .newApplyDetailSolution .list .content{ padding: 0px 30px 30px 30px;}
    .newApplyDetailSolutionMain .newApplyDetailSolution .list .content .listTitle{font-size: 22px;font-weight: 600;}
    .newApplyDetailSolutionMain .newApplyDetailSolution .list .content .desc{margin-top: 10px; font-size: 14px; line-height: 20px;}
    .newApplyDetailSolutionMain .newApplyDetailSolution .list .content .line{margin-top: 25px; width: 35px; height: 2px;}
    .newApplyDetailSolutionMain .newApplyDetailSolution.twoList .list{ width: calc(50% - 30px); margin: 30px 15px 0px;}
    .newApplyDetailSolutionMain .newApplyDetailSolution.fourList .list{ width: calc(25% - 30px); margin: 30px 15px 0px;}

    .newApplyRelatedRroductsMain{padding: 55px 0px 70px;}
    .newApplyRelatedRroducts{margin-top: 40px;}
    .newApplyRelatedRroducts .swiper-slide{border-radius: 20px;width: calc(33.333% - 30px); margin-right: 30px;}
    .newApplyRelatedRroducts .swiper-slide a{ padding: 25px; }
    .newApplyRelatedRroducts .swiper-slide .imgBox{ height: 190px;}
    .newApplyRelatedRroducts .swiper-slide .imgBox img{max-width: 60%; max-height: 90%;box-shadow: 8px 8px 8px rgba(94,94,94,0.4);}
    .newApplyRelatedRroducts .swiper-slide .listTitle{margin-top: 30px; font-size: 24px;}
    .newApplyRelatedRroducts .swiper-slide .desc{margin-top: 10px; font-size: 14px; line-height: 20px; }
    .newApplyRelatedRroducts .swiper-slide .more{padding-top: 20px;}
    .newApplyRelatedRroducts .swiper-slide .more a{padding: 0px 30px; height: 40px; font-size: 14px; border-radius: 40px;}
    .newApplyRelatedRroducts .swiper-slide .more a i{font-size: 16px; margin-left: 10px;}
    .newApplyRelatedRroducts .swiper-slide .more a:hover{box-shadow: 0px 15px 20px -15px #37bbb8;}
    .newApplyRelatedRroducts .swiper-slide .more a:hover i{ left: 10px;}

    .newApplyRelatedRroducts.twoList{margin: 30px -10px -0px;}
    .newApplyRelatedRroducts.twoList .swiper-slide{width: calc(50% - 20px); margin: 0px 10px 20px;}
    .newApplyRelatedRroducts.twoList .swiper-slide a{padding: 35px 50px; display: flex; flex-direction: row-reverse;}
    .newApplyRelatedRroducts.twoList .swiper-slide a .content{flex: 1;}
    .newApplyRelatedRroducts.twoList .swiper-slide a .content .listTitle{margin-top: 20px;}
    .newApplyRelatedRroducts.twoList .swiper-slide a .imgBox{ width: 160px; height: 160px;}
    .newApplyRelatedRroducts.twoList .swiper-slide a .imgBox img{max-width: 100%; max-height: 100%;}
    .newApplyRelatedRroducts.fourList{margin: 30px -10px -0px;}
    .newApplyRelatedRroducts.fourList .swiper-slide{width: calc(50% - 20px); margin: 0px 10px 20px;}
    .newApplyRelatedRroducts.fourList .swiper-slide a{padding: 35px 50px; display: flex; flex-direction: row-reverse}
    .newApplyRelatedRroducts.fourList .swiper-slide a .content{flex: 1;}
    .newApplyRelatedRroducts.fourList .swiper-slide a .content .listTitle{margin-top:20px;}
    .newApplyRelatedRroducts.fourList .swiper-slide a .imgBox{ width:160px; height: 160px;}
    .newApplyRelatedRroducts.fourList .swiper-slide a .imgBox img{max-width: 100%; max-height: 100%;}

    .newApplyWhyChooseMain{padding: 50px 0px;}
    .newApplyWhyChooseMain .newApplyWhyChoose{margin: 0px -15px; padding-top: 50px;}
    .newApplyWhyChooseMain .newApplyWhyChoose .list{width: calc(33.333% - 30px); margin: 0px 15px; border-radius: 20px;}
    .newApplyWhyChooseMain .newApplyWhyChoose .list .imgBg{border-radius: 20px;}
    .newApplyWhyChooseMain .newApplyWhyChoose .list .content{padding: 50px 60px;}
    .newApplyWhyChooseMain .newApplyWhyChoose .list .content .icon{width: 45px;}
    .newApplyWhyChooseMain .newApplyWhyChoose .list .content .listTitle{margin-top: 15px; font-size: 22px;}
    .newApplyWhyChooseMain .newApplyWhyChoose .list .content .desc{margin-top: 10px; font-size: 14px; line-height: 18px;}
    .newApplyWhyChooseMain .newApplyWhyChoose .list:hover .imgBg{top: -15px; bottom: -15px;}

    .newApplyWhyChooseMain .newApplyWhyChooseTips{font-size: 14px; padding-top: 40px;line-height: 22px;}

    .newApplyTrainingMain{padding: 50px 0px;}
    .newApplyTrainingMain .newApplyTrainingBox{margin: 0px -40px; padding: 0px 40px;}
    .newApplyTrainingMain .newApplyTraining{margin-top: 30px; padding: 15px 0px 20px;}
    .newApplyTrainingMain .newApplyTraining .swiper-slide{width: 50%; box-shadow: 0px 10px 10px rgba(0,0,0,0.3); border-radius: 20px;}
    .newApplyTrainingMain .newApplyTraining .swiper-slide .imgBox i{font-size: 40px;}
    .newApplyTrainingMain .newApplyTraining .swiper-slide .content{padding: 30px 30px 40px;}
    .newApplyTrainingMain .newApplyTraining .swiper-slide .content .listTitle{font-size: 18px;}
    .newApplyTrainingMain .newApplyTraining .swiper-slide .content .desc{font-size: 14px; line-height: 21px; margin-top: 8px;}
    .overview_main{padding: 65px 0;}

    .newApplyDetailDesc{padding: 30px 0px 50px; font-size: 16px; line-height: 28px;}
    
}

@media (min-width: 1600px) {



  .container1440{max-width: 1480px;}
  .newApplyDetailTitle{font-size: 46px;}

  .newApplyDetailBanner .imgBox{padding-top: 22.6%;}
  .newApplyDetailBanner .newApplyDetailBannerText{ font-size: 46px;padding: 0px 20px;}

  .newApplyDetailSolutionMain{padding: 60px 0px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution{margin: 0px -15px;padding-top: 35px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list{ width: calc(33.333% - 30px); margin: 30px 15px 0px;border-radius: 20px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .imgBox{padding-top: 80.44%;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .content{ padding: 0px 40px 40px 40px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .content .listTitle{font-size: 28px;font-weight: 600;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .content .desc{margin-top: 15px; font-size: 16px; line-height: 22px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution .list .content .line{margin-top: 35px; width: 40px; height: 2px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution.twoList .list{ width: calc(50% - 30px); margin: 30px 15px 0px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution.fourList .list{ width: calc(25% - 30px); margin: 30px 15px 0px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution.fourList .list .content{ padding: 0px 30px 30px 30px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution.fourList .list .content .listTitle{font-size: 24px;font-weight: 600;}
  .newApplyDetailSolutionMain .newApplyDetailSolution.fourList .list .content .desc{margin-top: 10px; font-size: 14px; line-height: 22px;}
  .newApplyDetailSolutionMain .newApplyDetailSolution.fourList .list .content .line{margin-top: 20px; width: 40px; height: 2px;}

  .newApplyRelatedRroductsMain{padding: 65px 0px 80px;}
  .newApplyRelatedRroducts{margin-top: 50px;}
  .newApplyRelatedRroducts .swiper-slide{border-radius: 20px; width: calc(33.333% - 20px); margin-right: 30px;}
  .newApplyRelatedRroducts .swiper-slide a{ padding: 30px;}
  .newApplyRelatedRroducts .swiper-slide .imgBox{ height: 240px;}
  .newApplyRelatedRroducts .swiper-slide .imgBox img{max-width: 60%; max-height: 90%;box-shadow: 8px 8px 8px rgba(94,94,94,0.4);}
  .newApplyRelatedRroducts .swiper-slide .listTitle{margin-top: 40px; font-size: 28px;}
  .newApplyRelatedRroducts .swiper-slide .desc{margin-top: 10px; font-size: 16px; line-height: 22px; }
  .newApplyRelatedRroducts .swiper-slide .more{padding-top: 25px;}
  .newApplyRelatedRroducts .swiper-slide .more a{padding: 0px 35px; height: 40px; font-size: 14px; border-radius: 40px;}
  .newApplyRelatedRroducts .swiper-slide .more a i{font-size: 16px; margin-left: 10px;}
  .newApplyRelatedRroducts .swiper-slide .more a:hover{box-shadow: 0px 15px 20px -15px #37bbb8;}
  .newApplyRelatedRroducts .swiper-slide .more a:hover i{ left: 10px;}
  .newApplyRelatedRroducts.twoList{margin:30px -15px 0px;}
  .newApplyRelatedRroducts.twoList .swiper-slide{width: calc(50% - 30px); margin:0px 15px 30px;}
  .newApplyRelatedRroducts.twoList .swiper-slide a{padding: 50px 70px; display: flex; flex-direction: row-reverse;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .content{flex: 1;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .content .listTitle{margin-top: 20px;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .imgBox{ width: 210px; height: 210px;}
  .newApplyRelatedRroducts.twoList .swiper-slide a .imgBox img{max-width: 100%; max-height: 100%;}
  .newApplyRelatedRroducts.fourList{margin:30px -15px 0px;}
  .newApplyRelatedRroducts.fourList .swiper-slide{width: calc(50% - 30px); margin:0px 15px 30px;}
  .newApplyRelatedRroducts.fourList .swiper-slide a{padding: 50px 70px; display: flex; flex-direction: row-reverse}
  .newApplyRelatedRroducts.fourList .swiper-slide a .content{flex: 1;}
  .newApplyRelatedRroducts.fourList .swiper-slide a .content .listTitle{margin-top:20px;}
  .newApplyRelatedRroducts.fourList .swiper-slide a .imgBox{ width: 210px; height: 210px;}
  .newApplyRelatedRroducts.fourList .swiper-slide a .imgBox img{max-width: 100%; max-height: 100%;}

  .newApplyWhyChooseMain{padding: 60px 0px;}
  .newApplyWhyChooseMain .newApplyWhyChoose{margin: 0px -15px; padding-top: 60px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list{width: calc(33.333% - 30px); margin: 0px 15px; border-radius: 20px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .imgBg{border-radius: 20px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .content{padding: 60px 80px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .content .icon{width: 50px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .content .listTitle{margin-top: 20px; font-size: 26px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list .content .desc{margin-top: 15px; font-size: 16px; line-height: 22px;}
  .newApplyWhyChooseMain .newApplyWhyChoose .list:hover .imgBg{top: -20px; bottom: -20px;}

  .newApplyWhyChooseMain .newApplyWhyChooseTips{font-size: 16px; padding-top: 70px;line-height: 22px;}

  .newApplyTrainingMain{padding: 60px 0px;}
  .newApplyTrainingMain .newApplyTrainingBox{margin: 0px -40px; padding: 0px 40px;}
  .newApplyTrainingMain .newApplyTraining{margin-top: 35px; padding: 15px 0px 20px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide{width: 50%; box-shadow: 0px 10px 10px rgba(0,0,0,0.3); border-radius: 20px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide .imgBox i{font-size: 46px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide .content{padding: 40px 40px 55px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide .content .listTitle{font-size: 22px;}
  .newApplyTrainingMain .newApplyTraining .swiper-slide .content .desc{font-size: 14px; line-height: 21px; margin-top: 13px;}


}

/*--产品选型--*/
.productMaskLayer{position: fixed; z-index: 999; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.6); display: none;}

.productTypeSelectionMain{padding: 10px 20px 30px; min-height: 50vh;}
.productTypeSelectionMain .productTypeSelectionBox{margin-top: 20px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection{width: 100%; padding: 20px 15px; background: #f7f8fa; overflow-y: auto; max-height: 350px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection.productTypeSelectionFixed{position: fixed; left: 0px; bottom: 0px; top: 0px; width: 80%; z-index: 999; max-height:inherit; transform: translateX(-100%);  transition: all .8s ease;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection.productTypeSelectionFixed.active{transform:none; opacity:1; visibility:visible;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .closeProductTypeSelectionFixed{position: absolute; right: 15px; top: 18px; cursor: pointer; font-size: 16px; color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection::-webkit-scrollbar {width: 5px; height: 5px;background-color: #e4ecef;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection::-webkit-scrollbar-track {border-radius: 4px;background-color: #e4ecef;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset{display: flex;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list{display: flex; cursor: pointer; align-items: center; font-size: 14px; margin-right: 15px; color: #9f9d9d;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list i{ width: 30px; height: 20px; font-size: 10px; border-radius: 6px; margin-right: 5px; border: 1px solid #c6c6c7; display: flex; align-items: center; justify-content: center; transition: all .6s;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list i::before{transition: all .6s; color: #a09e9e;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list.active{color: #000000;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list.active i{background: #37bbb8; border-color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list.active i::before{transform: rotate(180deg);color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list:hover{color: #000000;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list:hover i{background: #37bbb8; border-color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list:hover i::before{transform: rotate(180deg);color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list.resetBtn:hover i::before{transform: rotate(0deg);color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list.returnBtn:hover i::before{transform: rotate(0deg);color: #fff;}

.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList{padding-top: 10px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list{padding-top: 20px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .title{ height: 40px; border-radius: 8px; padding: 0px 15px; align-items: center; cursor: pointer; background: #fff; color: #44444b; display: flex; justify-content: space-between;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .title i{font-size: 12px;transform: rotate(0deg);}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .title.active i{font-size: 12px;transform: rotate(180deg);}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .content{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxBtn{padding-top: 10px; display: flex; align-items: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxBtn a{ width:65px; height: 25px; margin-right: 10px; border-radius: 4px; font-size: 13px; border: 1px solid #b9b8b9; color: #b9b8b9; justify-content: center; display: flex; align-items: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxBtn a:hover{border-color: #37bbb8; color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxBtn a.active{border-color: #37bbb8; background: #37bbb8; color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox{padding:10px 0px 0px 15px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox .checkboxList{margin-top: 10px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox .checkboxList .layui-form-checkbox{padding-left: 20px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox .checkboxList span{color: #828282; font-size: 14px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox .checkboxList i{top: 0px; bottom: 0px; margin: auto; width: 12px; height: 12px; border-radius: 100%;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox .checkboxList i::before{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox .checkboxList .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #37bbb8 !important;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox .checkboxList .layui-form-checked i{background: none; border-color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox .checkboxList .layui-form-checked i::after{ width: 6px; height: 6px; background: #37bbb8; border-radius: 100%; content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .externalDevice{margin-top: 25px; border: 1px solid #dfe2e7; border-radius: 8px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .externalDevice .externalDeviceList{padding: 10px 15px; border-bottom: 1px solid #dfe2e7; display: flex; align-items: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .externalDevice .externalDeviceList .name{flex: 1; font-size: 14px; color: #828282;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .externalDevice .externalDeviceList .input{display: flex; border: 1px solid #dfe2e7; overflow: hidden; border-radius: 8px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .externalDevice .externalDeviceList .input input{width: 38px; height: 26px; color: #c0c1c4; font-size: 12px; background: #fff; text-align: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .externalDevice .externalDeviceList .input input:last-child{background: #e9ebef;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox{margin-top: 20px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .sliderTitle{font-size: 14px; color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider{position: relative;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs-line{ top: 7px; height: 4px; cursor: pointer;  background: #dbdcde; border: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs-bar{ top: 7px;height: 4px; cursor: pointer; background: #37bbb8 !important; border: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs-min{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs-max{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs-from{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs-to{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs-single{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs-hidden-input{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs-slider{top: 0px; width: 18px; height: 18px; background: #fff; border: 2px solid #37bbb8; box-shadow: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .irs{margin-top: 8px; height: 20px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .sliderContent{display: flex; justify-content: space-between;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .sliderContent p{font-size: 14px; min-width: 30px; text-align: center; color: #242424;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .sliderContent p:first-child{text-align:left;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .slider .sliderContent p:last-child{text-align:right;}

.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox{ width:100%; padding:30px 0px 0px 0px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox.productTypeSelectionListTableBox{padding: 0px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle{padding: 20px; position: relative; background-image: url(../images/select_ground.jpg); background-size: cover;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .titleBox{flex: 1;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .titleBox .title{font-size: 24px; color: #000000;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .titleBox .desc{padding-top: 0px; font-size: 14px; color: #7b7b7b;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link{display: flex; margin-top: 23px; position: absolute; right: 20px; top: 0px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a{display: flex; align-items: center; color: #fff; padding: 0px 15px; height:30px; font-size: 12px; transition: all .4s; border:1px solid #b2b2b2;color: #333333; background-color: transparent; border-radius: 30px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a i{font-size: 14px; margin-left: 10px; transition: all .4s; left: 0px; position: relative;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a:hover{border-color: #37bbb8; background-color: #37bbb8;box-shadow: 0px 10px 10px -10px #37bbb8; color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a:hover i{left: 5px;color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn{padding: 25px 0px 20px; display: flex; align-items: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .number{font-size: 14px; color: #574e50; padding-right: 15px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .number span{color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .btn{display: flex; align-items: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .btn a{display: flex; align-items: center; justify-content: center; border-radius: 30px; margin-left: 5px; width: 70px; height: 30px; font-size: 14px; color: #574e50; border: 1px solid #b2b2b2; transition: all .6s;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .btn a:hover{border-color: #37bbb8; background-color: #37bbb8;box-shadow: 0px 10px 15px -10px #37bbb8; color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .btn a:hover i{left: 5px;color: #fff;}

.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-table-body::-webkit-scrollbar {width: 10px; height: 10px;background-color: #e4ecef;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-table-body::-webkit-scrollbar-track {border-radius: 4px;background-color: #e4ecef;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-table-body::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #9aa4bd;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-table-view{border-color: #fff; height: auto !important;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-table-box{border:1px solid #eee;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-table-header .layui-table{background: #9aa4bd;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-table-header .layui-table tr th{border-color: rgba(255,255,255,0.3); color: #fff;background: #9aa4bd; font-weight: 600;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-form-checkbox[lay-skin=primary]{min-width: 15px !important; min-height: 15px !important;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-form-checkbox[lay-skin=primary] i{width: 15px !important; height: 15px !important; line-height: 14px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #37bbb8 !important;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-form-checked[lay-skin=primary]>i{background: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-table-header .layui-form-checkbox[lay-skin=primary]>i{border-color: #fff !important;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .layui-table-header .layui-form-checked[lay-skin=primary]>i{background: #fff; border-color: #fff !important;color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr th{background: #9aa4bd; text-align: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-grid-down{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-main table tr td{position: relative; text-align: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-main table tr td a{ color: #004895;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-main table tr td a:hover{color: #37bbb8; text-decoration: underline;}

.tooltipText{display: none; visibility: hidden; background: #37bbb8; height: auto !important; width: auto !important; box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, .2); padding: 5px 15px; border-radius: 5px; position: absolute; top: -50%; left: 50%; z-index:120; transform: translateX(-50%); white-space: nowrap; color: #fff; font-size: 14px;}
.tooltipText::after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -6px; border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #37bbb8;}
.tooltipText.tooltipTextShow{display: block;}

/* .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr th .layui-table-cell{ max-width: 140px; width: 140px; padding: 6px 10px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th .layui-table-cell{margin:auto;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(1){ max-width: 50px;width: 50px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(1) .layui-table-cell{  max-width: 50px;width: 50px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(2){  max-width: 120px;width: 120px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(2) .layui-table-cell{  max-width: 120px;width: 120px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(3){  max-width: 100px;width: 100px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(3) .layui-table-cell{  max-width: 100px;width: 100px;}

.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td{ max-width: 140px; width:140px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td a{color: #5f5f5f;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td a:hover{color: #37bbb8;text-decoration: underline;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td .layui-table-cell{ max-width: 140px; width:140px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td .layui-table-cell{margin:auto;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(1){ max-width: 50px;width: 50px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(1) .layui-table-cell{ max-width: 50px;width: 50px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(2){ max-width: 120px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(2) .layui-table-cell{ max-width: 120px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(3){ max-width: 100px;width: 100px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(3) .layui-table-cell{ max-width: 100px;width: 100px;} */

.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td a{color: #004895;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td a:hover{color: #37bbb8;text-decoration: underline;}

.showDiffHeadSubTitle{ display: table-cell !important;}
.productTypeSelectionMain .productTypeSelectionBox .exportTable table tr td.showDiscrepancy{background: #f7f8fa; color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .exportTable{position: fixed; left: 0px; z-index: -99999; visibility: hidden; pointer-events: none; bottom: 0px; opacity: 0;}
.productTypeSelectionMain .productTypeSelectionBox .exportTable .hideheadSubTitle{display: none;}

.productTypeSelectionMain .productTypeSelectionBox .noData{padding: 30px 0px;}
.productTypeSelectionMain .productTypeSelectionBox .noData .mTitle{font-size: 16px; line-height: 1.2; text-align: center; color: #999999;}
.productTypeSelectionMain .productTypeSelectionBox .noData .title{font-size: 16px; line-height: 1.2; text-align: center; color: #999999;}
.productTypeSelectionMain .productTypeSelectionBox .noData .icon{padding-top: 15px; display: flex; justify-content: center; align-items: center;}
.productTypeSelectionMain .productTypeSelectionBox .noData .icon span{ width: 14px; margin: 0px 5px; height: 4px; border-radius: 4px; background: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(2){width: 80px; background: #ccc;}
.productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(3){width: 20px; background: #ccc;}
.productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(4){width: 6px;}
.productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(5){width: 10px;background: #ccc;}
.productTypeSelectionMain .productTypeSelectionBox .noData.distinguish .title{display: none;}

/*--产品对比--*/
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList{margin-top: 15px; border: 1px solid #dfe2e7; border-radius: 8px; overflow: hidden;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list{padding: 8px 15px; border-bottom: 1px solid #dfe2e7; background: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list .layui-form-checkbox{padding-left: 20px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list span{color: #828282; font-size: 14px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list i{top: 0px; bottom: 0px; margin: auto; width: 15px; height: 15px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #37bbb8 !important;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list .layui-form-checked span{ color: #333333;font-weight: 600;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list .layui-form-checked i{background: none; border-color: #37bbb8; background: #37bbb8; color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list:last-child{border: none;}

.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox{display: flex; justify-content: space-between;padding-bottom: 20px; align-items: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy{display: flex; visibility: hidden;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox{margin-right: 0px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-checkbox{padding-left: 25px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox span{color: #828282; font-size: 14px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox i{top: 0px; bottom: 0px; margin: auto; margin-right: 5px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-radio>*{font-size: 14px; font-weight: 600;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-radioed>i{ color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-radioed{ color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-radio:hover>*{ color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-checked[lay-skin=primary]>i{border-color: #37bbb8 !important;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #37bbb8 !important;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-checked span{ color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-checked i{background: none; border-color: #37bbb8; background: #37bbb8; color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .exportBtn{display: flex; visibility: hidden;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .exportBtn a{display: flex; align-items: center; color: #fff; padding: 0px 30px; height:30px; font-size: 14px; transition: all .4s; border:1px solid #b2b2b2;color: #333333; background-color: transparent; border-radius: 30px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .exportBtn a i{font-size: 14px; margin-left: 10px; transition: all .4s; left: 0px; position: relative;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .exportBtn a:hover{border-color: #37bbb8; background-color: #37bbb8;box-shadow: 0px 10px 10px -10px #37bbb8; color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .exportBtn a:hover i{left: 5px;color: #fff;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox.active .discrepancy{visibility: visible;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox.active .exportBtn{visibility: visible;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header{background: #9aa4bd;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-cell{padding: 0px; height: auto; white-space:inherit; word-break: break-all;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-hover{background: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th .layui-table-cell{ width: 121px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th:nth-child(1) { width: 220px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th:nth-child(1) .layui-table-cell{ width: 220px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th .layui-table-cell{padding: 10px 10px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body{height: auto !important;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table .headTitle{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td{font-weight: 100; font-size: 14px; color:rgba(36,36,36,0.8);}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td .layui-table-cell{ width: 121px; padding:5px 10px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td:nth-child(1) .layui-table-cell{ width: 109px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td:nth-child(2) .layui-table-cell{ width: 110px;}

.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr.aRow td:nth-child(1) .layui-table-cell{ width: 220px;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr.aRow td:nth-child(2) .layui-table-cell{ width: 121px;}

.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td.headSubTitle{font-size: 14px; color: #545454; font-weight: 600;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td.headThreeTitle{color: #242424; font-weight: 540;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td.showDiscrepancy{background: #f7f8fa; color: #37bbb8;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td.hideheadSubTitle{display: none;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .noDataBox{width: 100%; height: 100%; padding-bottom: 40px; display: flex;justify-content: center;}
.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .noDataBox .noData p{font-size: 16px; color: #5e5e5e;}

.productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr.showHeadSubTitle td.hideheadSubTitle{display: table-cell;}


@media (max-width: 350px) {
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn{display: block; padding-bottom: 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .number{ padding-bottom: 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .btn a{flex: 1;}
}

@media (max-width: 480px) {
  .tips_popup .mask .box .abstract .abstract_text, .tips_popup .mask .box .title{font-size: 14px;}
}

@media (min-width: 768px) {
  .productTypeSelectionMain .productTypeSelectionBox .noData{padding: 35px 0px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .mTitle{font-size: 24px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .title{font-size: 24px;display: block !important;}
  .productTypeSelectionMain .productTypeSelectionBox .noData.distinguish .mTitle{display: none;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon{padding-top: 15px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span{ width: 14px; margin: 0px 10px; height: 7px; border-radius: 7px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(2){width: 195px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(3){width: 50px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(4){width: 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(5){width: 12px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list{font-size: 14px;margin-right: 15px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list i{ width: 33px; height: 22px; font-size: 12px; border-radius: 6px; margin-right: 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList{margin-top: 15px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list{padding: 10px 15px}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list .layui-form-checkbox{padding-left: 25px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list span{ font-size: 14px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list i{top: 0px; bottom: 0px; margin: auto; width: 15px; height: 15px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle{padding: 20px 40px 35px;display: flex; align-items: center;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .titleBox{flex: 1;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .titleBox .title{font-size: 20px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .titleBox .desc{padding-top: 10px; font-size: 12px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link{position: relative; right: auto; top: auto; margin: 0px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a{ padding: 0px 25px; height:32px; font-size: 12px; border-radius: 32px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a i{font-size: 14px; margin-left: 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a:hover{box-shadow: 0px 10px 15px -12px #37bbb8;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .btn a{margin-left: 10px; width: 100px; font-size: 14px;}

  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th .layui-table-cell{width: 166px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th:nth-child(1) { width: 265px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th:nth-child(1) .layui-table-cell{ width: 265px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th .layui-table-cell{padding: 10px 20px;width: 166px;}
  
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td{font-size: 12px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td .layui-table-cell{width: 167px;padding: 5px 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td:nth-child(1) .layui-table-cell{ width: 132px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td:nth-child(2) .layui-table-cell{ width: 132px;}

  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr.aRow td:nth-child(1) .layui-table-cell{ width: 265px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr.aRow td:nth-child(2) .layui-table-cell{ width: 166px;}
  
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td.headThreeTitle{color: #242424; font-weight: 540;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td.headSubTitle{font-size: 13px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .noDataBox{padding-top: 50px;}

}
@media (min-width: 992px) {
  .productTypeSelectionMain .productTypeSelectionBox{display: flex;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection{width: 330px;max-height: 770px; position:static; left: auto; right: auto; top: auto; bottom: auto; z-index:10; transform: none !important;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection.productTypeSelectionFixed{position: static; left: auto; z-index: 0; bottom: auto; top: auto; width: 330px; max-height:680px; transition: none;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .closeProductTypeSelectionFixed{display: none;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox{ width: calc(100% - 330px); padding:0px 0px 0px 30px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox.productTypeSelectionListTableBox{padding:0px 0px 0px 30px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox{margin-right: 0px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox .layui-form-checkbox{padding-left: 25px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox span{font-size: 14px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .exportBtn a{padding: 0px 30px; height:30px; font-size: 14px;border-radius: 30px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .exportBtn a i{font-size: 14px; margin-left: 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .btn a.screenBtn{display: none;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxBtn a{ width: 86px; height: 32px;font-size: 14px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .checkboxListBox .checkboxList span{font-size: 14px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productTypeSelectionList .list .sliderBox .sliderTitle{font-size: 14px;}

}

@media (min-width: 1200px) {
  .productTypeSelectionMain .productTypeSelectionBox .noData{padding: 50px 0px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .mTitle{font-size: 30px; }
  .productTypeSelectionMain .productTypeSelectionBox .noData .title{font-size: 30px; }
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon{padding-top: 35px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span{ width: 14px; margin: 0px 10px; height: 7px; border-radius: 7px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(2){width: 195px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(3){width: 50px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(4){width: 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .noData .icon span:nth-child(5){width: 18px;}

  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list{font-size: 16px;margin-right: 20px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .hiddenReset .list i{ width: 41px; height: 27px; font-size: 14px; border-radius: 6px; margin-right: 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList{margin-top: 25px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list{padding: 10px 20px}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list .layui-form-checkbox{padding-left: 35px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list span{ font-size: 14px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelection .productCompareList .list i{top: 0px; bottom: 0px; margin: auto; width: 15px; height: 15px;}

  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle{padding: 20px 40px 35px;display: flex; align-items: center;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .titleBox{flex: 1;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .titleBox .title{font-size: 24px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .titleBox .desc{padding-top: 10px; font-size: 14px; }
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a{ padding: 0px 35px; height:36px; font-size: 14px; border-radius: 36px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a i{font-size: 14px; margin-left: 10px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTitle .link a:hover{box-shadow: 0px 10px 15px -10px #37bbb8;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionBtn .btn a{margin-left: 15px; width: 125px; font-size: 14px;}

  /* .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr th{ max-width: 190px; width: 190px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr th .layui-table-cell{ max-width: 190px; width: 190px;padding: 6px 15px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th .layui-table-cell{margin:auto;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(1){ max-width: 60px; width: 60px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(1) .layui-table-cell{  max-width: 60px;width: 60px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(2){  max-width: 160px;width: 160px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(2) .layui-table-cell{  max-width: 160px;width: 160px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(3){  max-width: 120px;width: 120px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-header .layui-table tr:nth-child(1) th:nth-child(3) .layui-table-cell{  max-width: 120px;width: 120px;}

  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td{ max-width: 190px;width: 190px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td .layui-table-cell{ max-width: 190px;width: 190px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td .layui-table-cell{margin:auto;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(1){ max-width: 60px;width: 60px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(1) .layui-table-cell{ max-width: 60px;width: 60px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(2){ max-width: 160px;width: 160px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(2) .layui-table-cell{ max-width: 160px;width: 160px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(3){ max-width: 120px;width: 120px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productTypeSelectionTableList .layui-table-body .layui-table tr td:nth-child(3) .layui-table-cell{ max-width: 120px;width: 120px;} */

  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th .layui-table-cell{ width: 221px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th:nth-child(1) { width: 365px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th:nth-child(1) .layui-table-cell{ width: 365px; }
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-header tr th .layui-table-cell{padding: 10px 20px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td{font-size: 14px; width: auto;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td .layui-table-cell{width: 221px; padding: 15px 15px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td:nth-child(1) .layui-table-cell{ width: 182px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td:nth-child(2) .layui-table-cell{ width: 182px;}

  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr.aRow td:nth-child(1) .layui-table-cell{ width: 365px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr.aRow td:nth-child(2) .layui-table-cell{ width: 221px;}


  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td.headSubTitle{font-size: 15px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .productCompareBox .layui-table-body table tr td.headThreeTitle{color: #242424; font-weight: 540;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .discrepancy .discrepancyCheckbox span{font-size: 16px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .discrepancyBox .exportBtn a{padding: 0px 50px; font-size: 14px;}
  .productTypeSelectionMain .productTypeSelectionBox .productTypeSelectionTableBox .noDataBox{padding-top: 100px;}

}