.relative{position: relative;min-height: 100px; z-index: -1;} .absolute{position: absolute;z-index: 1;} /* header */ #header{width: 100%;height: 107px;zoom: 1;max-width: 1920px;margin: 0 auto; background-color: #fff;} #nav { width: 100%; height: 100%; position: relative;z-index:100;} #nav .nav_box { box-sizing: border-box;width: 100%;max-width: 1920px; margin: 0 auto;display: flex;flex-direction: row; justify-content: space-between; padding: 0 5.255%; height: 100%;} #nav .nav_box .logo_box { min-width: 110px; max-width: 110px; margin-right: 15px;} #nav .nav_box .logo_box h1,#nav .nav_box .logo_box div{line-height: 107px; height: 100%;} #nav .nav_box .navbar { width: calc(100% - 540px); display: flex;flex-direction: row; justify-content: flex-end; margin-right: 20px;} #nav .nav_box .navbar .n_item{ cursor: pointer;position: relative;z-index: 1;margin-right: 5%;} #nav .nav_box .navbar .n_item:last-child {margin-right: 0;} #nav .nav_box .navbar .n_item a{text-decoration: none; line-height: 107px; font-size: 16px; text-transform: uppercase; font-family: "Montserrat-Regular"; color: #111111; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #nav .nav_box .navbar .n_item a:hover {color: #04979E;} #nav .nav_box .navbar .n_item:hover .navSub {display: block;} #nav .nav_box .navbar .n_item .navSub a{line-height: 50px;font-family: 'Arial';font-size: 16px;} #nav .nav_box .r_nav { min-width: 240px; display: flex;flex-direction: row;justify-content: space-around;width: 300px;} #nav .nav_box .r_nav:after{clear: both;} #nav .nav_box .r_nav .nav_icon{ height: 100%;cursor: pointer;position: relative;} #nav .nav_box .r_nav .nav_icon:last-child {margin-right: 0;} #nav .nav_box .r_nav .nav_icon>a{ width: 33px; height: 100%;display: block; line-height: 107px; font-family: "Montserrat-Regular"; font-size: 16px; color: #111111;} #nav .nav_box .r_nav .nav_icon:hover .navSub {display: block;} #nav .nav_box .r_nav .navSub a{line-height: 32px;font-family: 'Arial';font-size: 16px;} #nav .nav_box .r_nav .nav_icon .language_icon{ line-height: 107px;font-size: 16px; text-transform: uppercase; font-family: "Montserrat-Regular"; color: #111111;} #nav .nav_box .r_nav .nav_icon .search_icon{ background: url(../images/search.png) no-repeat center;} #nav .nav_box .r_nav .nav_icon .sign_icon{ background: url(../images/sign.png) no-repeat center; } #nav .nav_box .r_nav .nav_icon .info_icon{ background: url(../images/info.png) no-repeat center;} #nav .nav_box .r_nav .nav_icon .navSub{width: 150px;} #nav .nav_box .r_nav .nav_icon .navSub a{text-decoration: none;} #nav .nav_box .r_nav .nav_icon .navSub a:hover a{background-color: #04979E} /*nav_hidden*/ .trans{transition: all 300ms ease 0s;} .navSub{width: 205px;background: no-repeat center top #fff;position: absolute;top: 75%;left: 50%;transform: translate(-50%,0);box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 9px 20px;box-sizing: border-box;border-radius: 5px;display: none;z-index: 999;} .subName{display: block;line-height: 36px;font-size: 14px;text-transform: capitalize;} .hoverColor{transition: all .3s;} .text-over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /*nav_hidden_end*/ /*搜索框*/ #default_search_box{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.8);left: 0;top: 0;z-index: 9999;} #default_search_box .form {width: 50%;max-width: 500px;height: 50px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} #default_search_box .text {width: 100%;height: 50px;line-height: 50px;border: 0;border-bottom-color: currentcolor;border-bottom-style: none;border-bottom-width: 0px;border-bottom: 1px solid #fff;padding-right: 35px;color: #fff;background: none;outline: none;text-indent: 10px;box-sizing: border-box;} #default_search_box .button {width: 35px;height: 48px;position: absolute;right: 0;top: 0;background: url(../images/search_btn.png) center no-repeat;cursor: pointer;border: 0;outline: none;} #default_search_box .form i {width: 30px;height: 30px;position: absolute;right: -60px;top: -60px;background: url(../images/search_close.png) center no-repeat;cursor: pointer;} /*搜索框-end*/ /* header_end */ /* footer_pc */ #footer {width:100%;height:7.63%;/*max-height: 450px;*/background-color:#0c0c0d;position: relative;z-index: 1;} #footer .footer_box{width: 90%;max-width: 1440px;margin: 0 auto ;height: 100%;/*max-height: 385px;*/padding-top: 50px;} #footer .footer_box .ft_item_box{display: flex;flex-direction: row;padding-bottom: 70px;} #footer .footer_box .ft_item_box .ft_item{width: 25%;} #footer .footer_box .footer_bottom_text {width: 100%;font-size: 16px;font-family: "Opensans-Regular";line-height: 32px;color: #4e4e4e;padding-bottom: 55px;} .t264_dd {display: flex;flex-direction: column;} .t264_dd a{display: block;font-size: 16px;font-family: "Opensans-Regular";color: #707070;margin-bottom: 15px;} /* footer_pc-end */ /* footer_mobile */ #footer_list { display: none;width: 100%; background-color:#111111;position: relative;} #footer_list .footer_list_box { width: 92%; padding: 1% 0; margin: 0 auto;} #footer_list .footer_list_box .footer_list_item{font-size: 32px;font-family: "Montserrat-Regular";color: #ffffff;margin-bottom: 15px;} #footer_list .footer_list_box .footer_list_item:last-child {margin-bottom: 0;} #footer_list .footer_bottom_text {margin: 0 auto;width: 92%;font-size: 24px;font-family: "Opensans-Regular";line-height: 160px;text-align: center;color: #555555;} .footer_icon{ width: 33px; height: 33px;background: url(../images/+.png) no-repeat center;float: right;} .foot_title{display: block;cursor: pointer;} .foot_content{display: none;} .open{display: block} .footer_bottom_text{font-size: 24px;} .t264_dt {font-size: 20px;color: #ffffff;font-family: "Montserrat-Regular";display: block;margin-bottom: 25px;} .text a {display: block;color: #555;margin-top: 5px;} /* footer_mobile-end */ /* 内页 */ .banner .wrap{left: 0;right: 0;z-index: 1;margin:auto;bottom: 10%;font-family: "Opensans-Regular";font-size: 48px;color: #fff;position: absolute;} .banner .title{border-left: 6px solid #04979E;padding-left: 35px;font-family: "Montserrat-Regular"} .wrap{max-width:1200px; margin:0 auto; zoom:1;width:92%} .wrap.i-wrap{width:1440px;} .wrap:after,.wrap:before{display:table; content:'';} .wrap:after{clear:both;} .products{} .products .left{width: 22.5%;} .products .left *{font-family: "Opensans-Regular";} .products .left .cate_title{ width: 100%; height: 49px; line-height: 49px; background: #04979E; font-size: 20px; color: #fff; text-indent: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .products .left .cate_row span{display: block;position:relative;padding:15px;line-height: 30px;font-size: 16px;color: #333333;border-top: 1px solid #ebebeb;cursor: pointer;} .products .left .cate_row:nth-child(2) span{ border-top: 0;} .products .left .cate_row span em{width: 10px;height: 100%;background: #000;position: absolute;top: 0;right: 2%;background: url(../images/icon_p_close.png) no-repeat center 25px;} .products .left .cate_row a.topa{font-size: 16px;color: #333;} .products .left .cate_row:first-child span{border-top:none;} .products .left .cate_row ul{ display: none; margin-top: 0px;padding-left: 35px;padding-bottom: 0px;transition:all 0.5s;} .products .left .cate_row ul li{margin:3px 0;} .products .left .cate_row ul li a{display: block;font-size: 16px;line-height: 25px;color: #8d8d8d;height: 0px;overflow: hidden;} .products .left .cate_row ul li a:hover{color: #04979E;} .products .left .cate_row ul li.v3{padding-left: 15px;margin:0;} .products .left .cate_row ul li.v3 a{font-size: 14px;} .products .left .cate_row.on span em{background-image: url(../images/icon_p_open.png);} .products .left .cate_row.on ul li a{height: auto;} .products .left .cate_row.on ul{ display: block; margin-top: -8px;padding-bottom: 23px;} .products .left{/*padding-top: 35px;*/} .products .left .hot_pro{ margin: 30px 0; width: 100%;} .products .left .hot_pro .title{ font-size: 18px;color: #191919;font-weight: bold;margin-bottom: 20px;} .products .left .hot_pro .list{ display: block; width: 100%; height: 100%; text-decoration: none;} .products .left .hot_pro .list .item{ margin-top: 16px; padding: 15px 0; width: 100%; height: 74px; border-bottom: 1px solid #e3e3e3;} .products .left .hot_pro .list .item:first-child{ margin-top: 0;} .products .left .hot_pro .list .item .img{ display: block; width: 74px; height: 100%;} .products .left .hot_pro .list .item .item_title{ display: block; width: calc(100% - 80px); height: 100%; line-height: 24px; font-size: 15px; color: #555; overflow: hidden;} .products .left .hot_pro .list .item .item_title:hover{ text-decoration: underline;} .products .right{width: 73.75%;} .products .right .cate_title{ margin: 0 auto; width: 96%; height: 37px; line-height: 37px; font-size: 24px; color: #000; font-family: "Montserrat-Regular";font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .products .right .brief_desction{ margin: 18px auto 0 auto; width: 96%;} .products .right .list{ margin-top: 34px;} .products .right .ueeshop_responsive_turn_page{text-align: center;} body .ueeshop_responsive_products_list{margin-top: 0;} body .ueeshop_responsive_products_list .item{margin-bottom: 30px;} body .ueeshop_responsive_products_list .item .pro{width: 90%;border:1px solid #eee;} body .ueeshop_responsive_products_list .item .info{width:90%;padding:0 5%;} body .ueeshop_responsive_products_list .item .info .name{text-align:left; line-height:180%; height:50px;} body .ueeshop_responsive_products_list .item .info .name a{font-size:16px; color:#333;font-family: "Opensans-Regular";} body .ueeshop_responsive_products_list .item .info .price{color:#333;font-family: "Opensans-Regular"; text-align: left;} body .ueeshop_responsive_turn_page{text-align: right;} body .ueeshop_responsive_turn_page span{width: auto;min-width: 54px;} body .ueeshop_responsive_turn_page span a, body .ueeshop_responsive_turn_page span font{color: #787878;width: 100%;} body .ueeshop_responsive_turn_page span em{width: 20px;height: 8px;} body .ueeshop_responsive_turn_page span em.icon_page_prev{background: url(../images/prev_page.png) no-repeat center;} body .ueeshop_responsive_turn_page span em.icon_page_next{background: url(../images/next_page.png) no-repeat center;} body .ueeshop_responsive_products_detail .description .title{padding-bottom: 0px;} body .ueeshop_responsive_products_detail .description .title span{padding-left: 25px;font-size: 30px;color: #333;font-family: "Montserrat-Regular";font-weight: bold;border-left: 5px solid #04979E;border-bottom: none;margin-bottom: 10px;} body .ueeshop_responsive_info_list .item .info .title a {font-family: "Montserrat-Regular";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;} body .ueeshop_responsive_download_list ul li .name {width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ueeshop_responsive_case_list .item .info .name a, .ueeshop_responsive_info_detail > .title, .ueeshop_responsive_case_detail > .name{font-family: "Montserrat-Regular";} .ueeshop_responsive_products_detail .info .name, #global_editor_contents, .ueeshop_responsive_products_detail .info .desc, .ueeshop_responsive_case_list .item .info .desc, .ueeshop_responsive_info_list .item .info .desc, .ueeshop_responsive_products_detail .description .contents, .ueeshop_responsive_info_detail .ext_mes, .ueeshop_responsive_article_detail > .contents *{font-family: "Opensans-Regular";} /* 新闻详细(推荐文章) */ .rale_news{ padding-bottom: 56px; width: 100%;} .rale_news .news_title{ width: 100%; height: 30px; line-height: 30px;font-family: "Montserrat-Regular";} .rale_news .news_title .title{ font-size: 22px; color: #191919;font-family: "Montserrat-Regular";} .rale_news .news_title .read_btn{ font-size: 14px; color: #888;font-family: "Opensans-Regular";} .rale_news .news_title .read_btn span{ font-size: 14px; color: #888; font-family: "Opensans-Regular"; font-weight: bold;} .rale_news .list{ display: grid; grid-template-columns: repeat(4, 23.25%); justify-content: space-between; margin-top: 23px; width: 100%;} .rale_news .list .item{height: 100%;} .rale_news .list .item .img{ position: relative; display: block; width: 100%; text-align: center; text-decoration: none; overflow: hidden;padding-top:0;} .rale_news .list .item .img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .rale_news .list .item .title{ font-family: "Montserrat-Regular";display: -webkit-box; margin-top: 15px; line-height: 21px; font-size: 16px; color: #333; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .rale_news .list .item .time{ margin-top: 8px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .rale_news .list .item .brief{ display: -webkit-box; margin-top: 6px; line-height: 24px; font-size: 14px; color: #888; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;font-family: "Opensans-Regular";} .rale_news .list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);} .rale_news.desc_news{ margin-top: 55px;} .rale_news.desc_news .news_title{ position: relative; width: 100%; text-align: center;} .rale_news.desc_news .news_title:before{ display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ddd; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .rale_news.desc_news .news_title .title{ position: relative; z-index: 1; padding: 0 40px; width: 100%; background: #fff; text-align: center;} .rale_news.desc_news .list{ grid-template-columns: repeat(2, 49%); grid-row-gap: 44px;} .rale_news.desc_news .list .item .img{ width: 39.2857%; height: 100%; text-align: center;} .rale_news.desc_news .list .item .text{ width: calc(100% - 43.5374%);} .rale_news.desc_news .list .item.no_img .text{ width: 100%;} .rale_news.desc_news .list .item .text .title{ margin-top: 0; font-size: 18px;} .rale_news.desc_news .list .item .brief{ font-size: 15px; color: #888;} @media screen and (max-width: 1280px) { #nav .list{margin: 0 26px 0 0;} } @media screen and (max-width: 1140px) { #nav .list{margin:0 16px 0 0;} } @media screen and (max-width: 1080px) { #nav .list{margin:0 2px 0 0;} } @media screen and (max-width: 991px) { #header {display: none;} .show-pc-block, .show-pc-inline-block, .hide-991{display: none!important;} .show-mb-block{display: block!important;} .show-mb-inline-block{display: inline-block!important;} .clear_991{clear: both;} .clear_gt_991{clear: none;} .banner .wrap{display: none;} body .ueeshop_responsive_products_list .item{margin-bottom: 10px;} } @media screen and (max-width: 768px) { .products{padding:0;} .products .left{display: none;} .products .right{width: 100%;} .products .page{height: auto;padding-left:20px;margin-bottom:25px;} .products .page .of{line-height: 40px;font-size: 14px;} /* footer */ #footer {display: none;} #footer_list {display: block;} #footer_list .footer_bottom_text{font-size: 14px;line-height: unset;padding: 37.5px 0;} #footer_list_item{margin-top: 20px;} .t264_dt {font-size: 16px;margin-bottom: 0;} .t264_dd a{font-size: 14px;display: block;line-height: 25px;margin-bottom: 0;} .footer_icon{width: 19px;height: 19px;} /* footer-end */ body .win_alert .win_pwd .pwd_text {max-width: 100%;} .rale_news { padding-bottom: 20px; } .rale_news .list {grid-template-columns: repeat(2, 48%);} .rale_news .list .item { margin-bottom: 20px; } body .ueeshop_responsive_download_list ul li .name{width: 60%;} } @media screen and (max-width: 640px) { .clear_991 { clear: none; } .clear_640 { clear: both; } body .ueeshop_responsive_products_detail .description .title span { font-size: 22px; padding-left: 10px; margin-right: 15px; } } body{top:0!important;} .themes_global_point .page_recom{background:#193c69;padding:60px 0 80px} .themes_global_point .page_recom .page_recom_title{font-size:32px;color:#ffffff;font-family:Muli-Bold;margin-bottom:10px} .themes_global_point .page_recom .page_content{color:#fff} .themes_global_point .page_recom .page_recom_top .page_recom_top_l{width:72%} .themes_global_point .page_recom .page_recom_top{position:relative;} .themes_global_point .page_recom .page_recom_top .page_swiper_btn{position:absolute;right:0;bottom:0} .themes_global_point .page_recom .page_recom_top .page_swiper_btn .page_swiper_prev{width:51px;height:51px;display:inline-block;background:url(../images/4d79097382.png) no-repeat center;background-size:contain;margin-right:10px;display:inline-block;transition:all .3s} .themes_global_point .page_recom .page_recom_top .page_swiper_btn .page_swiper_next{width:51px;height:51px;display:inline-block;background:url(../images/436bca3bd8.png) no-repeat center;background-size:contain;display:inline-block;transition:all .3s} .themes_global_point .page_recom .page_recom_top .page_swiper_btn .page_swiper_prev:hover{background:url(../images/5f61df7c6c.png) no-repeat center;} .themes_global_point .page_recom .page_recom_top .page_swiper_btn .page_swiper_next:hover{background:url(../images/3c670f3706.png) no-repeat center;} .themes_global_point .page_recom .page_recom_bottom{margin-top:40px;padding-bottom:5px} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_title{font-size:13px;line-height:20px;color:#ffffff;font-family:Opensans-Bold;height:60px; -webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;overflow:hidden;margin:20px auto;word-break:break-word;} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_btn{display:flex;border-radius:5px;} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_btn a{display:inline-block;width:50%;text-align:center;font-size:16px;line-height:46px;border:1px solid #3fafec;box-sizing:border-box;transition:all .3s} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_btn a:first-child{background:#3fafec;color:#fff;font-family:Opensans-Bold;border-right:unset;border-top-left-radius:5px;border-bottom-left-radius:5px} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_btn a:first-child:hover{background:#7bd0ff;border-color:#7bd0ff} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_btn a:last-child{color:#3fafec;border-left:unset;border-top-right-radius:5px;border-bottom-right-radius:5px} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_btn a:last-child:hover{color:#7bd0ff;border-color:#7bd0ff} @media screen and (max-width:991px){ .themes_global_point .page_recom .page_recom_title{font-size:48px} .themes_global_point .page_recom .page_recom_top .page_swiper_btn{display:none;} .themes_global_point .page_recom .page_recom_top .page_recom_top_l{width:100%;text-align:center;} .themes_global_point .page_recom{padding:80px 0} .themes_global_point .page_recom .page_recom_bottom .page_recom_ul{display:flex;} .themes_global_point .page_recom .page_recom_bottom .page_recom_ul .page_recom_li{width:48%;margin-right:4%;margin-bottom:40px} .themes_global_point .page_recom .page_recom_bottom .page_recom_ul .page_recom_li:nth-child(2n){width:48%;margin-right:4%} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_title{font-size: 24px;line-height: 40px;height: 120px;margin: 20px auto 30px;} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_btn a{font-size: 20px;line-height: 60px;} } @media screen and (max-width:500px){ .themes_global_point .page_recom .page_recom_title{font-size:24px} .themes_global_point .page_recom{padding:40px 0} .themes_global_point .page_recom .page_recom_bottom .page_recom_ul .page_recom_li{margin-bottom:20px} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_title{ font-size: 14px;line-height: 20px;height: 60px;margin: 10px auto 15px} .themes_global_point .page_recom .page_recom_bottom .page_recom_li_btn a{font-size: 14px;line-height: 40px;} } body .ueeshop_responsive_turn_page span a,body .ueeshop_responsive_turn_page span font,body .ueeshop_responsive_turn_page span{width:40px;height:40px;line-height:40px;min-width:40px;border-radius:5px;font-size:18px;background-color:unset;} body .ueeshop_responsive_turn_page span a,body .ueeshop_responsive_turn_page span font{background-color:unset;color:#000} body .ueeshop_responsive_turn_page span .page_item_current{font-family:Opensans-Bold;background-color:#eef2f7;color:#124391} .page_pro_list .ueeshop_responsive_products_filter_mb{margin-bottom:10px} .page_pro_list .ueeshop_responsive_products_filter dt{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 30px;} .page_pro_list .ueeshop_responsive_products_filter_select{font-size:16px;line-height:40px;height:40px;background:#305078;color:#fff;border-radius:5px} .page_pro_list .ueeshop_responsive_products_filter_select .filter_option i{top:14px;transform: rotate(-90deg);} .page_pro_list .footer_contact{display:none} .page_pro_list .bread_crumbs {max-width: 1200px;margin: auto;width:92%} .page_pro_list .bread_crumbs .bread_crumbs_title {font-family: 'Opensans-Regular';font-size: 15px;line-height: 31px;color: #000000;padding-top: 16px;padding-bottom: 20px;} .page_pro_list .bread_crumbs .bread_crumbs_title span {color: #8b8b8b;} .page_pro_list .container {max-width: 1200px;width:92%;margin: auto;display: flex;flex-wrap: wrap;margin-bottom:80px} .page_pro_list .container .container_menu {width: 21.7%;} .page_pro_list .container .container_menu .container_cate {width: 100%;background-color: #305078;border-radius: 10px;} .page_pro_list .container .container_menu .container_cate .menu_cate_name {font-family: 'Opensans-Regular';font-size: 24px;/*line-height: 30px;*/color: #fefefe;position: relative;padding: 8px 10px 8px 13px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;} .page_pro_list .container .container_menu .container_cate .menu_cate_name span {font-family: 'Opensans-Regular';font-size: 12px;/*line-height: 58px;*/color: #98a7c0;position: relative;width: 60px;padding-left: 19px;} .page_pro_list .container .container_menu .container_cate .menu_cate_name span::before {content: '';position: absolute;width: 14px;height: 15px;top: 50%;left: 0%;transform: translate(0%, -50%);background: url(../images/beed2983bf.png) no-repeat center; background-size: cover;box-sizing: border-box;} .page_pro_list .container .container_menu .container_cate .menu_cate_content {background-color: #d8f0fb;border-radius: 8px;padding: 11px 10px 20px;box-sizing: border-box;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list {margin-top: 10px;margin-top: 12px;padding: 0 10px;padding-bottom: 10px;box-sizing: border-box;background-color: #ffffff;border-radius: 10px;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list:first-child {margin-top: 0px;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_title {padding: 14px 12px 0px 2px;position: relative;box-sizing: border-box;position:relative;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_title .menu_cate_ul{position:absolute; top: 100%;z-index: 1;width: 100%;border: 1px solid #aaa;border-top: 0;background: #fff;-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);box-shadow: 0 4px 5px rgba(0,0,0,.15);display:none} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_title.cur .menu_cate_ul{display:block;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_title .menu_cate_ul a{margin: 0;list-style: none;line-height: 20px;word-wrap: break-word;-webkit-touch-callout: none;padding:5px 10px;display:block;box-sizing:border-box;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_title .menu_cate_ul a p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_title .menu_cate_ul a.current{color:#ccc} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_title a {font-family: 'Opensans-Regular';font-size: 16px;/*line-height: 58px;*/color: #000000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_title span {position: absolute;right: 1%;bottom: 0%;font-family: 'Opensans-Bold';font-size: 16px;/*line-height: 58px;*/color: #000000;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_son {margin-top: 8px;display: none;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list.cur .menu_cate_list_son {display: block;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_son .menu_cate_list_item {margin-top: 4px;display: flex;position: relative;align-items: center;background-color: #ebf0f2;padding: 4px 8px;border-radius: 5px;font-family: 'Opensans-Regular';font-size: 14px;/*line-height: 58px;*/color: #505050;padding-right:30px} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_son .menu_cate_list_item:first-child {margin-top: 0px;} .page_pro_list .container .container_menu .container_cate .menu_cate_content .menu_cate_list .menu_cate_list_son .menu_cate_list_item::after {content: '+';position: absolute;font-family: 'Opensans-Regular';font-size: 16px;/*line-height: 58px;*/color: #949494;right: 3%;top: 10%;transform: rotate(45deg);} .page_pro_list .container .container_right {width: 78.3%;padding-left: 4%;box-sizing: border-box;} .page_pro_list .container .container_right.all{width:100%;padding:0} .page_pro_list .container .container_right .container_right_head {padding-bottom: 3%;border-bottom: 1px solid #d9dfe9;box-sizing: border-box;} .page_pro_list .container .container_right .container_right_head .head_title {font-family: 'Opensans-Bold';font-size: 34px;/*line-height: 30px;*/color: #193c7c;word-break:break-word;} .page_pro_list .container .container_right .container_right_head .head_text {font-family: 'Opensans-Regular';font-size: 16px;line-height: 24px;color: #0b0b0b;padding-top: 3px;} .page_pro_list .container .container_right .container_right_title {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 25px 0;} .page_pro_list .container .container_right .container_right_title .container_right_headline {font-family: 'Opensans-Regular';font-size: 18px;/*line-height: 28px;*/color: #0b0b0b;} .page_pro_list .container .container_right .container_right_title .container_right_headline .num {font-family: 'Opensans-Bold';color: #042f74;} .page_pro_list .container .container_right .container_right_title .container_right_select {display: flex;align-items: center;} .page_pro_list .container .container_right .container_right_title .container_right_select .container_right_select_title {font-family: 'Opensans-Bold';font-size: 18px;/*line-height: 28px;*/color: #0b0b0b;} .page_pro_list .container .container_right .container_right_title .container_right_select .container_right_search {width: 269px;margin-left: 22px;margin-right: 6px;position: relative;} .page_pro_list .container .container_right .container_right_title .container_right_select .container_right_search .form {width: 100%;font-family: 'Opensans-Regular';font-size: 16px;line-height: 28px;color: #0b0b0b;padding: 5px 24px;box-sizing: border-box;border-radius: 25px;background-color: #d8f0fb;appearance: none;border: none;} .page_pro_list .container .container_right .container_right_title .container_right_select .container_right_search::after {content: '';position: absolute;width: 8px;height: 5px;background: url(../images/48f9d77dd1.png) no-repeat center;background-size: cover;top: 55%;right: 5%;transform: translate(0, -50%);} .page_pro_list .container .container_right .container_right_content {display: flex;flex-wrap: wrap;} .page_pro_list .container .container_right .container_right_content .container_right_box {width: 31.6%;display: flex;flex-direction: column;border-radius: 10px;border: 1px solid #cfcfcf;position: relative;margin-right: 22px;margin-right: 2.6%;margin-bottom: 20px;box-sizing: border-box;;background-color: #dedede;} .page_pro_list .container .container_right .container_right_content .container_right_box:nth-child(3n) {margin-right: 0;} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_img {width: 100%;position: relative;padding-top: 90%;box-sizing: border-box;border-radius: 10px;overflow: hidden;background-color:#fff} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;max-width: 76%} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content {padding: 0 18px;margin-top: 6px;padding-bottom: 20px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_text {font-family: 'Opensans-Bold';font-size: 16px;line-height: 28px;color: #193c7c;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;padding-top: 13px;transition:all .3s;height: 81px} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_text:hover{color:#3fb0ec} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_price {display: flex;padding-top: 9px;font-family: 'Opensans-Bold';font-size: 24px;/*line-height: 28px;*/color: #3fafec;box-sizing: border-box;flex-wrap: wrap;text-indent: 3px;} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_btn {display: flex;justify-content: center;background-color: #3fafec;margin-top: 21px;border-radius: 6px;width: 125px;} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_btn span {font-family: 'Opensans-Bold';font-size: 16px;/*line-height: 32px;*/color: #ffffff;padding: 5% 0;padding: 12px 0;} .page_pro_list .container .container_right .container_right_footer {display: flex;justify-content: space-between;align-items: center;} .page_pro_list .container .container_right .container_right_footer .container_right_headline {font-family: 'Opensans-Regular';font-size: 18px;line-height: 28px;color: #0b0b0b;white-space: nowrap;} .page_pro_list .container .container_right .container_right_footer .container_right_headline .num {font-family: 'Opensans-Bold';color: #042f74;} .page_pro_list .container .container_right .container_right_footer .container_right_page {} @media screen and (max-width: 1240px) { } @media screen and (max-width: 991px) { .page_pro_list .container .container_right .container_right_title .container_right_headline{margin-bottom:10px} .page_pro_list .container .container_menu {width: 100%;margin-bottom:40px} .page_pro_list .container .container_menu .container_cate .menu_cate_name {font-size: 20px;} .page_pro_list .container .container_right {width: 100%;padding-left: 0;} .page_pro_list .container .container_right .container_right_head {padding-top: 1%;} .page_pro_list .container .container_right .container_right_content .container_right_box {width: 48.5%;margin-right: 3%;} .page_pro_list .container .container_right .container_right_content .container_right_box:nth-child(3n) {margin-right: 2.6%;} .page_pro_list .container .container_right .container_right_content .container_right_box:nth-child(2n) {margin-right: 0%;} .page_pro_list .container .container_right .container_right_title{margin-bottom:10px} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_price{justify-content:center;} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_btn{margin-left:auto;margin-right:auto;} .page_pro_list .container{margin:40px auto;} } @media screen and (max-width: 500px) { .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_btn{margin-top:10px} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_btn span{font-size:14px;padding:10px 0} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_price{font-size:20px} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content .container_right_text{font-size:14px;line-height:20px;height: 60px} .page_pro_list .container .container_menu {margin-bottom:20px} .page_pro_list .bread_crumbs .bread_crumbs_title {padding-top: 8px;padding-bottom: 10px;} .page_pro_list .container .container_right .container_right_head .head_title {font-size: 24px;} .page_pro_list .container .container_right .container_right_head .head_text {font-size: 14px;} .page_pro_list .container .container_right .container_right_title {padding: 12px 0;} .page_pro_list .container .container_right .container_right_title .container_right_headline {font-size: 16px;line-height: 24px;} .page_pro_list .container .container_right .container_right_title .container_right_select .container_right_select_title {font-size: 16px;} .page_pro_list .container .container_right .container_right_title .container_right_select .container_right_search {margin-left: 11px;width: 200px;} .page_pro_list .container .container_right .container_right_title .container_right_select .container_right_search .form {padding: 5px 12px;line-height: 24px;} .page_pro_list .container .container_right .container_right_content .container_right_box .container_right_box_content {padding: 0 9px;padding-bottom: 10px;} /*.page_pro_list .container .container_right .container_right_content .container_right_box:nth-child(3n) {margin-right: 0;}*/ .page_pro_list .container .container_right .container_right_footer .container_right_headline {font-size: 16px;line-height: 24px;} .page_pro_list .container .container_right .container_right_footer{ display: flex;justify-content: flex-start;align-items: center;flex-direction: column;} .page_pro_list .container{margin:20px auto;} } .page_pro_list .page_pro_top{position:relative;} .page_pro_list .page_pro_top .page_position{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;color:#bbe7ff} .page_pro_list .page_pro_top .page_position a{color:#bbe7ff;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;} .page_pro_list .page_pro_top .page_position a:last-child{color:#ffffff} .page_pro_list .Application_list .Application_content {max-width: 1200px;width: 92%;margin: auto;display: flex;flex-wrap: wrap;padding:40px 0;box-sizing: border-box;} .page_pro_list .Application_list .Application_content .Application_box {display: flex;flex-direction: column;border-radius: 10px;width: 31.7%;margin-right: 2.4%;margin-bottom: 3.4%;box-sizing: border-box;} .page_pro_list .Application_list .Application_content .Application_box:nth-child(3n) {margin-right: 0%;} .page_pro_list .Application_list .Application_content .Application_box .Application_img {width: 100%;position: relative;padding-top: 76%;box-sizing: border-box;border-radius: 10px;overflow:hidden;} .page_pro_list .Application_list .Application_content .Application_box .Application_img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;max-width: 76%} .page_pro_list .Application_list .Application_content .Application_box .Application_txt .Application_title {font-family: 'Opensans-Regular';font-size: 20px;line-height: 30px;font-weight: bold;color: #193c69;padding-top: 7%;text-align: center;transition:all .3s} .page_pro_list .Application_list .Application_content .Application_box .Application_txt .Application_title:hover{color:#3fb0ec} .page_pro_list .ProductList_Application.normal {background-color: #3fafec;display: flex;flex-wrap: wrap;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left {width: 54.9%;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt {width: 84%;padding-top: 11%;padding-left: 34.4%;box-sizing:border-box;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt .ProductList_Application_title {font-family: 'Opensans-Regular';font-size: 36px;/*line-height: 30px;*/color: #193c69;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt .ProductList_Application_name {font-family: 'Opensans-Bold';font-size: 50px;color: #ffffff;padding-top: 1.8%;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt .ProductList_Application_text {font-family: 'Opensans-Regular';font-size: 16px;line-height: 28px;color: #ffffff;padding-top: 6%;} .page_pro_list .ProductList_Application.normal .ProductList_Application_right {width: 45.1%;box-sizing: border-box;} .page_pro_list .ProductList_Application.normal .ProductList_Application_right .ProductList_Application_img {width: 100%;position: relative;padding-top: 49.7%;box-sizing: border-box;} .page_pro_list .ProductList_Application.normal .ProductList_Application_right .ProductList_Application_img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} .page_pro_list .ProductList_Industry.circle {background-color: #3fafec;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content {display: flex;max-width: 1200px;margin: auto;flex-wrap: wrap;width:92%} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left {width: 50%;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left .ProductList_Industry_txt {padding-top: 18%;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left .ProductList_Industry_txt .ProductList_Industry_title {font-family: 'Opensans-Regular';font-size: 24px;/*line-height: 30px;*/color: #193c69;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left .ProductList_Industry_txt .ProductList_Industry_name {font-family: 'Opensans-Bold';font-size: 50px;color: #ffffff;padding-top: 0;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left .ProductList_Industry_txt .ProductList_Industry_text {font-family: 'Opensans-Regular';font-size: 16px;line-height: 28px;color: #ffffff;padding-top: 6%;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right {width: 50%;display: flex;align-items: center;padding: 54px 30px 40px 18px;box-sizing: border-box;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right .ProductList_Industry_circle {width: 216px;height: 1px;background-color: #ffffff;position: relative;padding-left: 16px;box-sizing: border-box;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right .ProductList_Industry_circle::before {content: '';position: absolute;width: 16px;height: 16px;border-radius: 50%;background-color: #ffffff;top: 50%;left: 0%;transform: translate(0, -50%);} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right .ProductList_Industry_poster {width: 336px;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right .ProductList_Industry_poster .ProductList_Industry_img {width: 100%;position: relative;padding-top: 60.145%;padding-top: 100%;border: 1px solid #2181ff;border-radius: 50%;background-color: #ffffff;box-sizing: border-box;overflow:hidden;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right .ProductList_Industry_poster .ProductList_Industry_img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} .page_pro_list .Category_list {background-color: #e6ecef;} .page_pro_list .Category_list .Category_content {max-width: 1200px;width: 92%;margin: auto;display: flex;flex-wrap: wrap;padding-top: 44px;padding-bottom: 52px;box-sizing: border-box;} .page_pro_list .Category_list .Category_content .Category_box {display: flex;flex-direction: column;border-radius: 10px;width: 23.8%;margin-right: 1.6%;margin-bottom: 2.4%;padding-bottom: 2.3%;box-sizing: border-box;background-color: #ffffff;} .page_pro_list .Category_list .Category_content .Category_box:nth-child(4n) {margin-right: 0%;} .page_pro_list .Category_list .Category_content .Category_box .Category_img {width: 100%;position: relative;padding-top: 109%;box-sizing: border-box;border-radius: 10px;} .page_pro_list .Category_list .Category_content .Category_box .Category_img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;max-width: 76%} .page_pro_list .Category_list .Category_content .Category_box .Category_txt .Category_title {font-family: 'Opensans-Regular';font-size: 28px;line-height: 36px;color: #193c69;padding: 0 3%;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;transition:all .3s;font-weight: bold;} .page_pro_list .Category_list .Category_content .Category_box .Category_txt .Category_title:hover{color:#3fb0ec} .page_pro_list .Ranges {max-width: 1200px;margin: auto;width:92%} .page_pro_list .Ranges .Ranges_tip {text-align: center;} .page_pro_list .Ranges .Ranges_tip span {font-family: 'Opensans-Regular';font-style: italic;font-size: 26px;/*line-height: 63px;*/color: #000000;padding: 2% 0%;padding-left: 96px;padding-right: 87px;box-sizing: border-box;display: inline-block;position: relative;} .page_pro_list .Ranges .Ranges_tip span::before {content: '';position: absolute;width: 71px;height: 1px;background-color: #a0a0a0;top: 54%;transform: translate(0,-50%);left: 0;} .page_pro_list .Ranges .Ranges_tip span::after {content: '';position: absolute;width: 71px;height: 1px;background-color: #a0a0a0;top: 54%;transform: translate(0,-50%);right: 0;} .page_pro_list .Ranges .Ranges_headline {font-family: 'Opensans-Bold';font-size: 36px;/*line-height: 63px;*/color: #193c69;text-align: center;} .page_pro_list .Ranges .Ranges_content {display: flex;flex-wrap: wrap;padding-top: 51px;padding-top: 47px;padding-bottom: 81px;padding-bottom: 63px;box-sizing: border-box;} .page_pro_list .Ranges .Ranges_content .Ranges_box {display: flex;flex-direction: column;border-radius: 10px;width: 23.8%;margin-right: 1.6%;margin-bottom: 1.6%;padding-bottom: 3.3%;box-sizing: border-box;background-color: #ffffff;border: 1px solid #d3d3d3;} .page_pro_list .Ranges .Ranges_content .Ranges_box:nth-child(4n) {margin-right: 0%;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_img {width: 100%;position: relative;padding-top: 76%;box-sizing: border-box;border-radius: 10px;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_txt {padding: 0px 29px;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_txt .Ranges_title {font-family: 'Opensans-Bold';font-size: 32px;line-height: 30px;color: #193c69;padding-bottom: 5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px;transition:all .3s} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_txt .Ranges_title:hover{color:#3fb0ec} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_txt .Ranges_text {font-family: 'Opensans-Regular';font-size: 16px;line-height: 30px;color: #000000; -webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;overflow:hidden;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_btn {text-align: center;padding-top: 11%;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_btn a {font-family: 'Opensans-Bold';font-size: 16px;/*line-height: 32px;*/color: #ffffff;padding: 3.5% 16%;background-color: #f7941d;display: inline-block;border-radius: 10px;} @media screen and (max-width: 1440px) { .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt {width: 72%;padding-top: 4%;padding-left: 10%;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt .ProductList_Application_title {font-size: 30px;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt .ProductList_Application_name {font-size: 40px;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt .ProductList_Application_text {line-height: 24px;} .page_pro_list .ProductList_Application.normal .ProductList_Application_right .ProductList_Application_img {padding-top: 54.7%;} } @media screen and (max-width: 1240px) { .page_pro_list .Ranges {margin: auto 20px;} } @media screen and (max-width: 991px) { .page_pro_list .ProductList_Application.normal .ProductList_Application_left {width: 100%;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt {padding: 20px 4vw;width:100%} .page_pro_list .ProductList_Application.normal .ProductList_Application_right {width: 100%;} .page_pro_list .ProductList_Application.normal .ProductList_Application_right .ProductList_Application_img {padding-top: 49.7%;} .page_pro_list .Application_list .Application_content .Application_box {width: 32%;margin-right: 2%;margin-bottom:40px} .page_pro_list .Application_list .Application_content .Application_box:nth-child(2n) {margin-right: 2%;} .page_pro_list .Application_list .Application_content .Application_box:nth-child(3n) {margin-right: 0;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left {width: 100%;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left .ProductList_Industry_txt {padding:40px 0;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right {width: 100%;padding:40px 0 0} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right .ProductList_Industry_img {padding-top: 47%;} .page_pro_list .Category_list .Category_content .Category_box {width: 32%;margin-bottom: 40px;padding-bottom: 4.3%;margin-right:2%} .page_pro_list .Category_list .Category_content .Category_box:nth-child(2n) {margin-right: 2%;} .page_pro_list .Category_list .Category_content .Category_box:nth-child(3n) {margin-right: 0;} .page_pro_list .Category_list .Category_content .Category_box .Category_img {padding-top: 100%;} .page_pro_list .Ranges .Ranges_content .Ranges_box {width: 48.5%;margin-right: 3%;} .page_pro_list .Ranges .Ranges_content .Ranges_box:nth-child(2n) {margin-right: 0%;} .page_pro_list .Ranges .Ranges_tip{margin:30px 0 20px} .page_pro_list .ProductList_Application.normal{flex-direction:column-reverse;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content{flex-direction:column-reverse;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right .ProductList_Industry_circle{width:60%} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right .ProductList_Industry_poster{width:40%} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right .ProductList_Industry_circle::before{width:12px;height:12px} } @media screen and (max-width: 500px) { .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left .ProductList_Industry_txt{padding:20px 0} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left .ProductList_Industry_txt .ProductList_Industry_title {font-size: 18px;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left .ProductList_Industry_txt .ProductList_Industry_name {font-size: 25px;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_left .ProductList_Industry_txt .ProductList_Industry_text {font-size: 14px;line-height: 20px;padding-top: 4%;} .page_pro_list .ProductList_Industry.circle .ProductList_Industry_content .ProductList_Industry_right {padding:20px 0 0;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt .ProductList_Application_title {font-size: 18px;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt .ProductList_Application_name {font-size: 25px;} .page_pro_list .ProductList_Application.normal .ProductList_Application_left .ProductList_Application_txt .ProductList_Application_text {font-size: 14px;line-height: 20px;padding-top: 4%;} .page_pro_list .Application_list .Application_content {padding: 22px 0 26px;} .page_pro_list .Application_list .Application_content .Application_box {margin-bottom:20px} .page_pro_list .Application_list .Application_content .Application_box .Application_txt .Application_title {font-size: 13px;line-height: 20px;padding-top: 4%; -webkit-line-clamp: 2} .page_pro_list .Category_list .Category_content {padding-top: 22px;padding-bottom: 26px;} .page_pro_list .Category_list .Category_content .Category_box {padding-bottom: 4.3%;margin-bottom:20px} .page_pro_list .Category_list .Category_content .Category_box .Category_txt .Category_title {font-size: 13px;line-height: 20px;padding-top: 4%;} .page_pro_list .Ranges {margin: auto 10px;} .page_pro_list .Ranges .Ranges_tip span {font-size: 18px;} .page_pro_list .Ranges .Ranges_headline {font-size: 20px;} .page_pro_list .Ranges .Ranges_content {padding-top: 23px;padding-bottom: 32px;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_img {padding-top: 66%;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_txt {padding: 0px 15px;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_txt .Ranges_title {font-size: 14px;line-height: 24px;padding-bottom: 3%;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_txt .Ranges_text {font-size: 14px;line-height: 24px;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_btn {padding-top: 6%;} .page_pro_list .Ranges .Ranges_content .Ranges_box .Ranges_btn a {padding: 2.5% 12%;font-size: 14px;} } .page_pro .page_one{margin-top:15px;margin-bottom:95px} .page_pro .page_one .page_wrap_1200{display:flex;justify-content:space-between;flex-wrap:wrap;} .page_pro .page_one .page_wrap_1200 .page_one_l{width:47.5%} .page_pro .page_one .page_wrap_1200 .page_one_l .page_main_img{margin-bottom:30px} .page_pro .page_one .page_wrap_1200 .page_one_r{width:49.167%} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_title{font-size:36px;line-height:50px;color:#193c69;font-family:Opensans-Bold;word-break:break-word;} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_sku{font-size:18px;color:#000000;margin-bottom:10px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_price{margin-bottom:15px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_price .page_pro_price_one{font-size:14px;line-height:28px;color:#124391} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_price .page_pro_price_two{font-size:36px;color:#3fafec;font-family:Opensans-Bold} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box{border-radius:5px;border:1px solid #cfebf7;padding:15px 50px 15px 30px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_box_title{font-size:18px;color:#113671;font-family:Opensans-Bold;margin-bottom:20px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_title{font-size:16px;line-height:28px;color:#000000;text-align:right;width:32%;word-break:break-word;} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li{display:flex;align-items:center;justify-content:space-between;} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num{width:60%;display:flex;} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num div{height:5px;border-radius:5px;background:#e1eaf1;width:18%;margin-right:2.5%} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num div:last-child{margin-right:0} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.one div:nth-child(1){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.two div:nth-child(1){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.two div:nth-child(2){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.three div:nth-child(1){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.three div:nth-child(2){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.three div:nth-child(3){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.four div:nth-child(1){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.four div:nth-child(2){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.four div:nth-child(3){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.four div:nth-child(4){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.five div:nth-child(1){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.five div:nth-child(2){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.five div:nth-child(3){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.five div:nth-child(4){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_num.five div:nth-child(5){background:#3fafec} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc{margin:20px auto} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li{border-top:1px solid #e7f5fb;} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li .page_pro_desc_li_title{font-size:18px;font-family:Opensans-Bold;color:#193c69;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li .page_pro_desc_li_header{padding:15px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;cursor:pointer;} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li .page_pro_desc_li_header em{width:19px;height:13px;display:inline-block;background:url(../images/4508eee560.png) no-repeat center;background-size:contain;transition:all .3s} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li:last-child{border-bottom:1px solid #e7f5fb;} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li .page_pro_desc_li_body{padding:5px 10px 20px;box-sizing:border-box;display:none} /*.page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li.cur .page_pro_desc_li_body{display:block;}*/ .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li.cur .page_pro_desc_li_header em{transform:rotate(180deg);} .page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom{display:flex;width:100%} .page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom .page_qty_box{width:36%;margin-right:2%;background:#d8f0fb;border-radius:5px;display:flex;justify-content:center;align-items:center;} .page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom .page_qty_box .page_qty{font-size:14px;line-height:28px;color:#193c69} .page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom .page_qty_box .quantity_box{background:transparent;text-align:center;width:54%} .page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom .page_qty_box input{background:transparent;border:unset;font-size:36px;color:#193c69;font-family:Opensans-Bold;text-align:center;width:100%} .page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom .page_addto.add_to_inquiry{font-size:16px;line-height:60px;color:#fff;font-family:Opensans-Bold;background:#008000;border-radius:5px;display:inline-block;width:62%;text-align:center;height:auto;margin-right:0} .page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom .page_addto#login_addtocart_button{font-size:16px;line-height:60px;color:#fff;font-family:Opensans-Bold;background:#008000;border-radius:5px;display:inline-block;width:62%;text-align:center;height:auto;margin-right:0} @media screen and (max-width:991px){ .page_pro .page_one .page_wrap_1200 .page_one_l{width:100%;margin-bottom:40px} .page_pro .page_one .page_wrap_1200 .page_one_r{width:100%} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_title{font-size:48px;line-height:62px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_box_title{font-size:24px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li .page_pro_desc_li_title{font-size:26px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li .page_pro_desc_li_header{padding:25px 0} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_title{font-size:24px;line-height:38px} .page_pro .page_one .page_wrap_1200 .page_one_l .page_main_img{margin-bottom:20px} } @media screen and (max-width:500px){ .page_pro .page_one .page_wrap_1200 .page_one_l{margin-bottom:20px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_title{font-size:20px;line-height:28px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_box_title{font-size:14px;margin-bottom:10px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li .page_pro_desc_li_title{font-size:15px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li .page_pro_desc_li_header{padding:15px 0} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_title{font-size:12px;line-height:24px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_price .page_pro_price_two{font-size:30px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box{padding:10px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li{flex-direction:column; align-items: flex-start;margin-bottom:10px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_box .page_pro_ul .page_pro_li_title{width:100%;text-align:left;} .page_pro .page_one{margin-bottom:40px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_sku{font-size:15px;margin-bottom:5px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_pro_desc .page_pro_desc_li .page_pro_desc_li_body{padding:5px 5px 20px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom .page_qty_box input{font-size:24px} .page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom .page_addto#login_addtocart_button,.page_pro .page_one .page_wrap_1200 .page_one_r .page_one_bottom .page_addto.add_to_inquiry{line-height:48px;font-size:14px} .ueeshop_responsive_products_detail .gallery .products_img img{width:70%} }