/* CSS Document */ body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#303030;} a:hover{ font-size:12px; color:#ff7500;font-family:Arial, Helvetica, sans-serif;} /*基础标签重置*/ html, body{font-size:14px;font-family: arial; font-style:normal;font-weight: normal;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,tfoot, s { margin:0; padding:0; border:0; vertical-align:baseline; text-decoration:none;word-wrap: break-word;} ol,ul { list-style:none;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }/* Hides from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; }/* End hide from IE-mac */ html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/} body{font-family: "arial";font-size: 1.4rem; color:#666666;background: #FFFFFF;} a{ font-size: 1.4rem; color:#666666;font-family: arial;} a:hover{font-size: 1.4rem; color:#666666;font-family: "arial";} .red{ color:#ff0000} .fl{ float:left;} .fr{ float:right} .radius{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .mt_10{margin-top: 10px;} .mb20{margin-bottom: 20px;} /*总体样式*/ input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea {-webkit-appearance: none;} input{border-radius: 0px;} input::-webkit-input-placeholder { /* WebKit browsers*/ 　　color:#999;font-family:Helvetica;font-size: 1.6rem;} input:-moz-placeholder { /* Mozilla Firefox 4 to 18*/ 　　color:#999;font-family:Helvetica;font-size: 1.6rem; } input::-moz-placeholder { /* Mozilla Firefox 19+*/ 　　color:#999;font-family:Helvetica;font-size: 1.6rem; } input:-ms-input-placeholder {/* Internet Explorer 10+*/ 　　color:#999;font-family:Helvetica;font-size: 1.6rem;} .bg_gray{background: #fafafa;} .m{max-width: 1300px;min-width:320px;margin:0 auto;} .m.hide{overflow: hidden;} .m_header{display: none;} .top{display:none} .pc_n{display: none;} .search-box{display:none;} .top_bar_bg{background: #1f2837;position: relative;z-index: 999;} .top_bar{max-width: 1300px;margin: 0 auto;padding:0px 10px;box-sizing: border-box;} .top_bar .top_l{float:left;height:60px;line-height:60px;color: #bbbbbb;font-size: 14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .top_bar .top_l a{height:60px;line-height:60px;color: #bbbbbb;font-size: 14px;padding-right:40px;} .top_bar .top_l a i{margin-right: 5px;} .top_bar .top_r{float:right;} .top_bar .top_r .list_link{ float:left; height:60px; line-height:60px; position:relative; } .top_bar .top_r .list_link .link_list{padding:0px 25px 5px 15px;color:#bbbbbb; border:none; font-family:Verdana, Geneva, sans-serif;} .top_bar .top_r .list_link .link_list b{ position:absolute; right:10px; top:30px; border-color: #bbbbbb transparent transparent ;border-style:solid dashed dashed; border-width:4px;font-size:0;height:0; line-height: 0;width:0; transition:all 0.3s ease-in 0s;} .top_bar .top_r .list_link .menu_list{ display:none;padding:0px 10%;} .top_bar .top_r .list_link.hover .menu_list{ width:400px; position:absolute; left:-130px; top:60px;background:#1f2837;display:block; z-index:1} .top_bar .top_r .list_link.hover .menu_list .a_h{ display:block;text-align: left; line-height:22px; padding: 8px 0px;border-bottom:double 1px #111926;color: #ffffff;} .top_bar .top_r .list_link.hover .menu_list .a_h span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .top_bar .top_r .list_link.hover .link_list{background: #1f2837;color: #FBFBFB;} .top_bar .top_r .list_link.hover .link_list b{top:25px; transform: rotate(180deg); border-color: #ffffff #1f2837 #1f2837; transition: all 0.3s ease-in 0s;} .top_bar .top_r .list_link .menu_list.flag{width:124px; left:0px;} .top_bar .top_r .list_link.hover .menu_list .a_h .icon-sgs {background: rgba(0, 0, 0, 0) url("../images/nav_sptb.gif") no-repeat scroll 0 0; display: inline-block;height: 13px;margin: 6px 10px 0px 0px;width: 27px;} .top_bar .top_r .list_link.hover .menu_list .a_h .icon-sp { background: rgba(0, 0, 0, 0) url("../images/nav_sptb.gif") no-repeat scroll -40px 0;display: inline-block;height: 13px;margin: 6px 10px 0px 0px;width: 13px;} .top_bar .top_r .list_link.hover .menu_list .a_h.more{ text-align:center;border-bottom:none;color: #ff7328;font-size:1.6rem;} .top_bar .top_r .list_link.hover .menu_list .a_h.more i{padding-left:5px;font-size:2rem;} .top-2{ padding-left:700px; height:120px;position:relative;z-index: 10;} .top-2 .logo{ position:absolute; left:0px; top:20px; height:80px; overflow:hidden;display: flex;align-items: center;} .top-2 .lg_pic{ position:absolute; right:0px; top:10px;} .top-2 .search{ padding-top:40px; width:70%;} .top-2 .search .search_text{ padding-left:90px; height:42px; line-height:42px; border:solid 1px #ff8645; background:#FFF; position:relative; z-index:1} .top-2 .search .search_text ul li{ z-index:0; width:auto; height:26px; line-height:26px; border-right:solid 1px #d4d4d4; float:left; padding-right:10px;margin-top: 8px;} .top-2 .search .search_text ul li.type{ position:absolute; left:0px; top:0px;} .top-2 .search .search_text ul li .li_cont{ position:relative;} .top-2 .search .search_text ul li .s_input{ cursor:pointer; width:60px; height:26px;text-indent:15px; border:0px; float:left; color:#929292; font-family:Arial, Helvetica, sans-serif;} .top-2 .search .search_text ul li .li_list{ z-index:5; display:none; position:absolute; right:-11px; top:34px; width:88px; border:solid 1px #ff8645; border-bottom:none; border-top:none; background:#FFF; z-index:999;} .top-2 .search .search_text ul li .li_list a{ display:block; width:88px; height:36px; color:#333; line-height:36px; text-indent:15px; border-bottom:solid 1px #ff8645} .top-2 .search .search_text ul li .li_list a:hover{color:#ff8645} .top-2 .search .search_text ul li.key{ background:#FFF; border:none; width:90%; border-right:none;} .top-2 .search .search_text ul li.key .s_input{ cursor:inherit; width:100%;float:left; background:none;} .top-2 .search_r{position:absolute; right:0px; top:40px;z-index: 2;} .top-2 .search_r .s_sub{ width:80px; height:44px; line-height:44px; text-align:center; color:#FFF; font-size:16px;font-family:Verdana, Geneva, sans-serif; background:#ff7328; cursor:pointer; border:none; float:left;} .menu_bg{background: #f8f8f8;position: relative;z-index: 99;} .menu{max-width:1300px;height:56px;margin: 0 auto;} .menu ul li{height:56px; padding:0px 25px; float:left; position:relative;} .menu ul li a{ display:inline-block;height:56px; line-height:56px;color: #1f2837; font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .menu ul li a:hover{ display:inline-block;height:56px; line-height:56px;color:rgb(255,115,40);font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .TwoNav{display:none;width:240px; height:auto; border:solid 1px #e5e5e5; border-top:solid 5px #ff9500; position:absolute; left:0px; top:56px; z-index:9; background:#FFF; padding:10px 0px;} .menu ul li b{ position:absolute;top:26px; right:14px; border-color: #ff7a33 transparent transparent;border-style:solid dashed dashed; border-width: 4px;font-size: 0;height: 0; line-height: 0;width:0; transition:all 0.3s ease-in 0s;} .menu ul li .TwoNav ul li{ padding:0px; height:40px; border:none; float:none; margin:0px; text-indent:10px; position:relative; background:none;} .menu ul li .TwoNav ul li a{ height:40px; line-height:40px; color:#666664; font-size:14px; display:block; padding-right:10px;} .menu ul li .TwoNav ul li a:hover{ height:40px; line-height:40px; color:#4f78d3; font-size:14px; background:#fcfcfc; padding-right:10px;} .ThirdNav{width:240px; height:auto; border:solid 1px #fcfcfc; position:absolute; left:240px; top:0px; z-index:999; background:#fcfcfc; padding:10px 0px;} .menu ul li .TwoNav ul li i{ position:absolute; left:240px; top:0px; width:1px; height:40px; line-height:40px;background:#fcfcfc; z-index:1000; display:none} .menu ul li .TwoNav ul li.current i{ display:block} .menu ul li .TwoNav ul li.one.current a.a_one{ color:#ff9500; background:#fcfcfc} .menu ul li .TwoNav ul li .ThirdNav{ display:none} .menu ul li .TwoNav ul li .ThirdNav ul li{ padding:0px 10px; height:40px; border:none; float:none; margin:0px;all:initial; text-indent:10px;} .menu ul li .TwoNav ul li .ThirdNav ul li a{ height:40px; line-height:40px; color:#666664; font-size:14px; display:block} .menu ul li .TwoNav ul li .ThirdNav ul li a:hover{ height:40px; line-height:40px; color:#4f78d3; font-size:14px; background:#fcfcfc} .menu ul li .TwoNav ul li .m_jt{ position:absolute; right:5px; top:11px; font-size:14px; font-family:"宋体"} .menu ul li .TwoNav ul li.current .m_jt{ color:#ff9500;} .swiper-container { width: 100%;height: 100%;} .swiper-slide{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center; } .swiper-pagination-bullet{background: #e5e5e5;} .swiper-pagination-white .swiper-pagination-bullet-active{background: #ffaf00;} .swiper-container.h_qt{height: 101px;overflow: visible;z-index: 9;} .header{ width:100%;height: 100px;position:absolute;left: 0px;top: 0px;background-color:rgba(0,0,0,0.8);border-bottom:solid 1px #242424;z-index: 99;} .header .logo{padding:20px 0px;position: absolute;left: 10px;top: 0px;} .header .sear_icon{position: absolute;top:42px;right: 30px; color: #e2ca01; cursor: pointer;} #detail_decorate_root .header { width: unset; height: unset; position: unset; left: unset; top: unset; background-color: unset; border-bottom: unset; z-index: unset; } .search_box{display: none;} .search_box{position: absolute;right: 0px;top: 100px;z-index: 999;} .search{height:42px;float: right;z-index:100;} .search .text_input{float:left;width:350px; height:37px; line-height:37px; border:solid 1px #d4d4d4; border-right:none; background:#FFF; text-indent:10px; color:#999;} .search .sub_btn{width:41px; height:41px; border:none; background:#ffba00; text-align:center;color:#fff;font-size:22px; cursor:pointer;} .lg_list{display: none;} .fl_list{display: none;} .foot_menu{display: none;} .g_title{font-size:3.6rem;padding: 45px 0px;color: #1f1f1f;font-weight: bold;text-align: center;} .g_title a{float: right;display:block;padding-top:12px;padding-right: 10px;font-size:2rem; color: #ff7328;} .home_promod{width:100%;} .home_promod ul li{width:325px;float:left;margin-bottom:20px;padding:0px 15px;overflow: hidden;box-sizing: border-box;} .home_promod ul li .p_pic{width:302px;height:302px;background:#ffffff;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_promod ul li .p_pic img{/*transition: all 0.6s;*/max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_promod ul li .p_pic img:hover{transform: scale(1.2);} .home_promod ul li .show_text{width:100%;height:75px;padding:10px 15px;box-sizing: border-box;} .home_promod ul li .show_text .ph_name{display:block;height:20px;line-height:20px;margin-bottom:5px;font-size: 1.6rem;color: #313131;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .home_promod ul li .show_text .p_btn{margin:0 auto;height:30px;line-height:30px; color: #1f2837;font-size:16px;display: block;text-align: left;} .home_promod ul li.show .p_pic{width:302px;height:302px;background:#ffffff;box-sizing:border-box;border:solid 4px #ff7328; -webkit-animation: bmove 2s infinite; /* Chrome, Safari, Opera */ animation: bmove 2s infinite;} @-webkit-keyframes bmove {50% {border-color:lightsalmon;}} .home_promod ul li.show .show_text{width:100%;padding:10px 15px;box-sizing: border-box; -webkit-animation: mymove 2s infinite; /* Chrome, Safari, Opera*/ animation: mymove 2s infinite;} @keyframes mymove{from {background-color:#ff7328;}to{background-color:lightsalmon;}} .home_promod ul li.show .show_text .ph_name{color: #FFFFFF;} .home_promod ul li.show .show_text .p_btn{margin:0 auto;color:#FFFFFF;} .home_about_bg{background:#1f2837;max-height:540px;position: relative;} .home_about_bg_pic{width:50%;left:0px;top:0px;} .home_about_bg_pic img{max-height: 540px;} .home_about{width:35%;height: 320px;padding:0px 40px;box-sizing:border-box;position: absolute;left: 40%;top:50%;margin-top:-160px;background: #FFFFFF;} .home_about .g_title {font-size: 3.6rem;padding-top:25px;padding-bottom:15px;color: #1f1f1f;font-weight: bold;} .home_about .text_a{font-size: 16px;line-height: 30px;max-height:150px;color: #7f7f7f; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;} .home_about .a_more{display:block;float:left;width:100px;height:32px;background:#ff7328;font-size: 16px;line-height: 32px;color: #FFFFFF;text-align: center;margin-top:20px; transition:width 2s;-webkit-transition:width 2s;/* Safari */} .home_about .a_more:hover{width:150px;border-radius:20px;} .home_about .a_more2{float:left;margin-left:20px;color:#ff7328;height:32px;font-size: 16px;line-height: 32px;margin-top:20px;} .home_about_m{display:none;} .home_proroll{width:100%;} .home_proroll ul li{width:324px;float:left;margin-bottom:35px;overflow: hidden;box-sizing: border-box;} .home_proroll ul li .p_pic{width:301px;height:301px;background:#ffffff;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .home_proroll ul li .p_pic img{transition: all 0.6s;max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_proroll ul li .p_pic img:hover{transform: scale(1.2);} .home_proroll ul li.show .show_text{width:100%;background-color:#ff7328;position: absolute;left: 0px;bottom: 0px;padding: 15px;box-sizing: border-box;} .home_proroll ul li .ph_name{display:none} .home_proroll ul li .p_btn{display:none} .home_proroll ul li.show .p_pic{width:301px;height:301px;background:#ffffff;box-sizing:border-box;border:solid 2px #ff7328;} .home_proroll ul li.show .show_text .ph_name{display:block;height:20px;line-height:20px;margin-bottom:10px;font-size: 1.6rem;color: #ffffff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .home_proroll ul li.show .show_text .p_btn{margin:0 auto;width:150px;height:40px;line-height:40px; color: #FFFFFF;font-size:16px;background: #dd4d00;display: block;text-align: center;} .swiper-pro{ width: 100%;height: 100%;} .sroll_btn{width: 124px;float: right;} .sroll_btn .prev_btn{width:52px;height:52px;line-height:52px;font-size:30px;float: left;text-align:center;background: #1b2330;color: #FFFFFF;} .sroll_btn .next_btn{width:52px;height:52px;line-height:52px;font-size:30px;float: left;text-align:center;background: #ff7328;color: #FFFFFF;} .foot_quality{padding-top: 100px;padding-bottom: 100px;margin: 0 auto;} .foot_quality dl{float: left;border-left: solid 1px #e1e1e2;padding-left: 50px; padding-right: 50px;box-sizing: border-box;} .foot_quality dl dt{float: left;font-size: 50px; color: #6d6d6d;} .foot_quality dl dd{margin-left:20px;float: left; font-size: 18px;font-weight: bold;color: #323232;} .foot_quality dl dd p{font-size: 14px;font-weight: normal;color: #555555;margin-top: 10px;} .foot_quality dl.first{border-left:none;padding-left:0px;} .foot_quality dl dt:hover {transform: rotateY(360deg);transition: all 1s; -webkit-transform:rotateY(360deg); /* Safari and Chrome */ -moz-transform:rotateY(360deg); /* Firefox */} .f_share{float: right;margin-top:45px;} .f_share span{display: block;font-size:36px; color:#f2f2f2;text-align:center;padding-bottom: 15px;} .f_share a{padding:0px 2px; font-size:24px; color:#f2f2f2;} .home_send{width:32%;padding-right: 100px;box-sizing: border-box;float: left;} .home_send .input_text{width:100%; text-indent:10px;line-height:50px;height:50px;margin-bottom:20px;background: #333333;border: none;color: #c6c6c6;font-family: arial;font-size: 16px;} .home_send .input_text.textarea{width:100%; text-indent:10px;line-height:28px;height:80px;margin-bottom:20px;background: #333333;border: none;color: #c6c6c6;box-sizing: border-box;font-family: arial;} .home_send .btn{text-align:center;width:120px;height:50px;line-height:50px;border: none;display:block;background: #000000;color: #c9c9c9;font-size: 18px;cursor: pointer;} #footer{background: #1c1c1c;margin-top:40px;padding-top: 60px;} #footer.pt0{padding-top:0px;} .footer_contact{ width:40%; float:left;} .footer_contact dl{ padding-bottom:10px;position: relative;} .footer_contact dl dt{width:110px; line-height:28px;text-align:right;position: absolute;left: 0px;top: 0px; font-size:16px; color:#707070;} .footer_contact dl dd{margin-left:130px;color: #b8b8b8;line-height: 24px;} .footer_contact dl dd a{ height:28px; line-height:28px; font-size:14px; color:#f1f1f1; padding-right:15px;} .footer_erm{ width:120px; height:120px;float:right;} .footer_bg{ width:100%;padding-top:15px;padding-bottom:30px;margin-top:30px;background: #171717;} .footer_bg .f_left{ padding-right:330px; height:60px; padding:15px 0px; position:relative;float: left;} .footer_bg .f_left .f_nav{ width:100%; height:20px;} .footer_bg .f_left .f_nav a{ padding:0px 15px; display:inline-block; border-right:solid 1px #3e3e3e; font-size:14px;} .footer_bg .f_left .f_nav a.last{ border-right:none;} .footer_bg .f_left .copyright{ padding-top:15px; height:20px; text-indent:15px;line-height:20px;} .f_nav{ width:100%; height:20px;padding-top:15px;} .f_nav a{ padding:0px 15px; display:inline-block; border-right:solid 1px #c8e1b2; font-size:14px; color:#b2b2b2;} .f_nav a:hover{ padding:0px 15px; display:inline-block; border-right:solid 1px #c8e1b2; font-size:14px; color:#f2f2f2;} .f_nav a.last{ border-right:none;} .copyright{ height:20px; line-height:20px; color:#a3a3a3; padding-top:5px;} .h_index_keywords { display: inline; font-weight: normal; color: #666666; font-size: 12px; line-height: 20px; } .i_keywords { line-height: 20px; color: #666666; font-size: 12px; font-style: normal; overflow: hidden; word-wrap: break-word; } /*内页样式*/ .path{width: 100%;margin: 20px 0px;/*height: 40px;*/line-height: 40px; font-family: arial;overflow: hidden;} .path a{color: #404040;font-size: 18px;} .path a:hover{color: #ff7328;} .path span{color: #ff7328;font-size:18px;} .path i{padding: 0px 2px;font-size: 18px;color: #3c3c4c;} .ny_box{border: solid 1px #f3f3f3;background: #FFFFFF;padding: 20px;box-sizing: border-box;margin-bottom: 40px;} .ny_box2{border: solid 1px #f3f3f3;background: #FFFFFF;padding:0px 20px;box-sizing: border-box;margin-bottom: 40px;} .ny_box3{border: solid 1px #f3f3f3;background: #FFFFFF;padding:20px;box-sizing: border-box;margin: 40px 0px;} .ny_box_video{border: solid 1px #f3f3f3;background: #FFFFFF;margin-bottom: 40px;} .ny_box_video .basic_info{padding:10px 30px;} .video_type_ny{padding:10px 0px;} .video_type_ny ul li{float: left;margin:5px 15px 5px 0px;border: solid 1px #ffb187;text-align:center;height: 30px;line-height: 30px;padding: 0px 10px;} .video_type_ny ul li a{font-size:14px} .ny_h2{font-size: 20px;font-family: arial;height: 40px;line-height: 40px;color: #535353;position: relative;} .ny_h2 a{float: right;display:block;padding-right: 10px;font-size: 16px; color: #ff7328;} .ny_h2 span{font-size: 14px;color: #c4c4c4;} .ny_span_tag{width:100%;border-bottom:solid 1px #e5e5e5;font-size:14px;color: #888888;padding:10px;line-height:24px;box-sizing: border-box;} .ny_h2 h1{font-size: 20px;} .ny_h2 i{font-size: 14px;color: #c4c4c4;} .ny_h2 .listtab_box{position: absolute;right: 0px;top:3px;} .ny_h2 .listtab_box .list_a{display:block;float:left;margin-left:-1px;width:40px;padding-right:0px;color:#bababa;height:30px;line-height:30px;border: solid 1px #ebebeb;background:#fafafa;text-align: center;font-size: 22px;} .ny_h2 .listtab_box .list_a.a_2{font-size:14px;} .ny_h2 .listtab_box .list_a:hover{color: #ff7328;} .ny_h2 .listtab_box .list_a.current{color: #ff7328;} .basic_info{padding: 10px;} .basic_info .about_l_cont{width:60%;padding-left:10px;padding-right:40px;float: left;box-sizing: border-box;} .basic_info .l_cont{width:60%;padding-left:10px;text-indent:26px;padding-right:40px;float: left;box-sizing: border-box;font-size: 16px;line-height: 36px;} .basic_info .l_cont img{width: 100%;} .basic_info .r_cont{width:40%;padding-left:40px;padding-right:20px;float: left;box-sizing: border-box;font-size: 16px;border-left: solid 1px #e6e6e6;} .p_text{line-height: 36px;font-size: 16px;} .p_text a{line-height: 36px;font-size: 16px;color: #ff7328;text-decoration: underline;} .p_text .a_link{line-height: 36px;font-size: 16px;color: #666666;padding: 0px 15px;text-decoration:none;} .p_text .a_link:hover{line-height: 36px;font-size: 16px;color: #ff7328;text-decoration: underline;} .image_map{float:left;width: 400px;height:300px;overflow:hidden;margin: 10px 50px 20px 5px;} .image_honor_box{width:781px;border-left: solid 1px #e6e6e6;float: left;padding-left:50px;margin-top: 10px;box-sizing:border-box;overflow: hidden;} .image_honor{position: relative;z-index: 7;box-sizing:border-box;overflow: hidden;} .image_honor ul li{width:360px;float:left;padding:0px 15px;overflow: hidden;box-sizing: border-box;} .image_honor ul li .h_pic{width:300px;height:300px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .image_honor ul li .h_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .image_honor .btn_r{width: 28px;height: 56px;text-align:center;line-height:56px;color:#FFFFFF;background:rgba(153,153,153,0.7);position: absolute;left:10px;top: 122px;z-index: 11;cursor: pointer;} .image_honor .btn_n{width: 28px;height: 56px;text-align:center;line-height:56px;color:#FFFFFF;background:rgba(153,153,153,0.7);position: absolute;right:10px;top: 122px;z-index: 11;cursor: pointer;} .a_video{display: none;} .basic_info .tl_cont{width:50%;padding-left:10px;padding-right:40px;float: left;border-right: solid 1px #e6e6e6;box-sizing: border-box;font-size: 16px;line-height: 36px;} .basic_info .tr_cont{width:50%;padding-left:40px;padding-right:20px;float: left;box-sizing: border-box;font-size: 16px;} .main_pro_box{width:100%;overflow: hidden;} .main_pro{padding:0px 12px;position: relative;z-index: 7;box-sizing:border-box;overflow: hidden;} .main_pro ul li{width:280px;float:left;box-sizing: border-box;} .main_pro ul li .h_pic{width:280px;height:280px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .main_pro ul li .h_pic img{transition: all 0.6s;max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .main_pro ul li .h_pic img:hover{transform: scale(1.2);} .main_pro .btn_r{width: 28px;height: 56px;text-align:center;line-height:56px;color:#FFFFFF;background:rgba(153,153,153,0.7);position: absolute;left:0px;top: 50%;margin-top:-50px;z-index: 11;cursor: pointer;} .main_pro .btn_n{width: 28px;height: 56px;text-align:center;line-height:56px;color:#FFFFFF;background:rgba(153,153,153,0.7);position: absolute;right:0px;top: 50%;margin-top:-50px;z-index: 11;cursor: pointer;} .main_pro ul li .ph_name{width:100%;padding:0px 5px;box-sizing:border-box;height:30px;line-height:30px;margin-top:5px;font-size: 1.6rem;color: #313131;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ny_pic_list{overflow: hidden;} .ny_pic_list ul li{width:280px !important;margin:10px 14px;float:left;box-sizing: border-box;} .ny_pic_list ul li .h_pic{width:280px;height:280px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .ny_pic_list ul li .h_pic img{transition: all 0.6s;max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;margin: 0 auto;} .ny_pic_list ul li .h_pic img:hover{transform: scale(1.2);} .ny_pic_list ul li .ph_name{width:100%;padding:0px 5px;box-sizing:border-box;height:30px;line-height:30px;margin-top:5px;font-size: 1.6rem;color: #313131;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*.ny_pic_list ul li .h_pic.v_pic{height:158px;}*/ .ny_pic_list ul li>a{ /*display: inline-block;*/ } /*sitemap*/ .htmleaf-container{ margin-top:10px; /*background-color: #f8f8f8;*/ } .article { display: block;border: solid 1px #ededed; margin-bottom: 20px; padding: 0 0 30px; background: white; border-radius: 3px; transition: all 220ms; position: relative; } .sep{ position: absolute; top: 0; left: 20px;width: 65px; height: 65px; background-color: #ff5a5a; } .sep p:first-child{ font-size: 24px; color: #ffffff; font-family: arial; font-weight: bold; text-align: center; } .sep p:last-child{ font-size: 20px; color: #ffffff; font-family: arial; text-align: center; } .article:hover { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.18); transform: translateY(-5px); transition: all 220ms; } .article > img { display: block; width: 100%; margin-bottom: 20px; } .article>p { font-size: 16px; font-family: arial; color: #666666; font-weight: bold; text-transform: uppercase; padding: 0 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wall { display: block; position: relative; } .wall-column { display: block; position: relative; width: 25%; float: left; padding: 0 12px; box-sizing: border-box; } .waterfall_flow_wrap .waterfall_flow>li{ width: 330px; position: absolute; margin-bottom: 40px; background-color: #ffffff; margin-right: 30px; } .waterfall_flow_wrap .waterfall_flow{ position: relative; margin: 0 auto; max-width: 1440px!important; overflow: hidden;padding-top: 10px;box-sizing: border-box; } .waterfall_flow_wrap .waterfall_flow .article .title{ line-height: 75px; height: 75px; box-sizing: border-box; border-bottom: 1px solid #f0f0f0; font-size: 20px; color: #666666; font-weight: bold; font-family: arial; padding-left: 20px; } .waterfall_flow_wrap .waterfall_flow .article p{ line-height: 40px; height: 40px; } .waterfall_flow_wrap .waterfall_flow .article p a{ display: block; padding: 0 20px; font-size: 16px; color: #666666; font-family: arial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .waterfall_flow_wrap .waterfall_flow .article p:hover a{ color: #fda023; } .htmleaf-container .oTitle{ font-size: 20px; color: #535353; font-family: arial; margin-bottom:20px; } /*sitemap end*/ .message_list{margin-top: 20px;} .message_list ul li{padding:10px;position: relative;padding-left: 130px;box-sizing:border-box;} .message_list ul li label{position: absolute;left: 0px;top:0px;color: #6a6a6a;height:46px;line-height: 46px;font-size:18px;font-weight: normal;} .message_list ul li label em{color: #ff0000;font-size: 20px;} .message_list ul li .wz_r{color: #2c2c2c;font-size:18px;line-height: 46px;} .message_list ul li .wz_r .photo{max-height: 46px;max-width: 46px;float: left;margin-right: 10px;display: block;} .message_list ul li .input_text{border:solid 1px #e5e5e5;background: #FFFFFF;width: 100%;height:44px;text-indent:10px;line-height:44px;box-sizing: border-box;} .message_list ul li .textarea{border:solid 1px #e5e5e5;background: #FFFFFF;width: 100%;padding:10px;line-height:36px;box-sizing: border-box;} .message_list ul li .p_r{line-height:30px;font-size: 16px; color: #777777;} .message_list ul li .btn{margin:0 auto;width:110px;height:50px;line-height: 50px;display:block;text-align:center;background:#ff7328;font-size:18px;color: #FFFFFF;border: none;} .message_list ul li .input_text2{border:solid 1px #e5e5e5;background: #FFFFFF;height:44px;text-indent:10px;line-height:44px;box-sizing: border-box;} .message_list ul li .sel{ width: 120px; height: 44px; border:solid 1px #e5e5e5;background: #FFFFFF;float: left; position: relative; box-sizing: border-box;z-index: 99;} .message_list ul li .sel select{border: none; outline: none;width: 100%; height: 42px; line-height: 42px;appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left:10px; } .message_list ul li .sel:after{ content: ""; width:30px; height:40px; background:url(../images/jt.jpg) no-repeat right center;position: absolute; right: 0px; top: 0; pointer-events: none; } .message_list.li_l ul li{padding-left: 170px;} .message_list.li_l ul li .tex_r{width: 100%;padding-left:310px;box-sizing: border-box;position: absolute;left:-10px;top: 9px;} .message_list ul li .sel.reg{ width: 100%;} .message_list ul li span{color: #999999;padding-left: 5px;} .message_list ul li .verify{width: 106px;height: 44px;float: left;margin-left: 15px;cursor: pointer;} .video_cont{padding: 20px;text-align: center;max-width: 1200px;overflow: hidden;} .basic_info .v_t{line-height:30px;font-size: 16px;color: #313131;text-align: center;} .basic_info .v_link{line-height:30px;font-size: 16px;color: #febd15;text-align: center;display: block;} .ny_contact_l{width: 65%;float: left;border-right: solid 1px #e6e6e6;padding: 20px;box-sizing: border-box;} .ny_contact_l.cmp{width:60%;} .ny_contact_l ul{margin-top: 20px;} .ny_contact_l ul li{width:100%;line-height: 36px;color:#555555;font-size:16px;} .ny_contact_l ul li span{display:block;width:170px;float: left;color: #a9a9a9;font-size: 16px;} .ny_contact_l ul li a{color: #777777;font-size: 16px; text-decoration: underline;} .ny_contact_l ul li a:hover{color: #ff7328;} .ny_contact_l ul li .ewm{display:block;width:100px;height:100px;float: left;margin-top: 10px;} .ny_contact_r{width:35%;padding:20px 50px;float: right;box-sizing: border-box;font-size: 16px;line-height: 36px;} .ny_contact_r .s_top{margin: 25px 0px;} .ny_contact_r .s_top .photo{max-height:110px;max-width:110px;float: left;margin-right: 20px;} .ny_contact_r .s_top .photo_r{float: left;} .ny_contact_r .s_top .photo_r .name{color: #2c2c2c;font-size: 18px;line-height:28px;} .ny_contact_r .s_top .photo_r .job{color: #bdbdbd;font-size: 18px;} .ny_contact_r .s_top .photo_r .chat{margin-top:15px;color: #1195db;font-size: 18px;} .ny_contact_r .s_top .photo_r .chat i{font-size: 18px;margin-right: 5px;} .ny_contact_r .contact_btn{padding:0px 20px;display:block;margin-top:5px;background:#ff7328;height:36px;line-height:36px;color:#ffffff;font-size:16px;text-align: center;} .ny_contact_r .contact_btn i{color:#ffebbf;padding-right: 10px;} .ny_contact_r .s_top .photo_r .contact_btn{display: none;} .ny_r_mapc{width:40%;padding:20px 50px;float: right;box-sizing: border-box;font-size: 16px;line-height: 36px;} /*内页产品详情*/ .content_detail{padding:25px;border: solid 1px #f3f3f3;background:#FFFFFF;box-sizing: border-box;} .content_detail .p_title_rec{width:100%; line-height:28px; color:#2c2c2c; font-size:16px; padding-bottom:10px;padding-right: 10px;box-sizing: border-box;} .detail_l{width:75%;float: left;position: relative;} .pro_left_pic{width:380px;float:left;padding-top:10px;} .pro_left_pic .big_pic{border: 1px solid #ededed;display: table-cell;width:380px;height:380px;text-align: center;vertical-align: middle;} .pro_left_pic .big_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .pro_rec_pic{width:100%;float:left;padding-top:10px;margin-bottom: 15px;} .sm_pic{ margin-top:20px; height:80px;} .sm_pic ul li{ width:80px; height:80px; float:left; padding:0px 7px;} .sm_pic ul li a{overflow: hidden; display:inline-block; width:80px; height:80px; border:solid 1px #cecece;box-sizing: border-box;} .sm_pic ul li a:hover{ display:inline-block; width:80px; height:80px; border:solid 1px #ffaf00;box-sizing: border-box;} .right_detail{width:50%;float:left; padding-left:20px; padding-top:10px;box-sizing: border-box;} .right_detail .p_title{ width:100%; line-height:24px; color:#2c2c2c; font-size:16px; padding-bottom:5px;padding-right: 10px;box-sizing: border-box;} .right_detail .p_detail{ line-height:36px; color:#333333; position:relative;} .right_detail .p_detail span{ padding-right:5px; color:#a1a1a1;} .right_detail .p_detail b{color:#ff7d00;} .right_detail .p_d{ padding-top:10px;} .right_detail .p_d span{ display:block; float:left; height:45px; line-height:45px; padding-right:5px; color:#a1a1a1;} .right_detail .p_d a{ display:block; float:left; padding-left:15px;} .right_detail .c_btn{width:140px;text-align:center;height:44px; line-height:44px;color:#FFFFFF;display:block; background:#febd15;margin:10px 20px 10px 0px;font-size:18px;float: left;} .right_detail .c_btn.buy{width:130px;border: solid 1px #febd15;background:none;color:#febd15;box-sizing: border-box;margin-right: 0px;} .right_detail .c_btn i{font-size: 18px;margin-right:8px;} .right_detail .a_link{ margin-top:10px;} .right_detail .a_link ul li{ width:auto; float:left; height:40px; margin-right:16px; display:inline; } .right_detail .a_link ul li a{height:40px; line-height:40px;color:#121212; font-size:16px; display:block;padding:0px 10px;} .right_detail .a_link ul li a:hover{height:40px; line-height:40px;color:#121212; padding:0px 10px;} .right_detail .a_link ul li a i{font-size: 18px;margin-right:8px; color: #bcbcbc;} .right_detail .a_link ul li.share{ width:100%;height:40px;line-height: 40px;padding-left: 15px;box-sizing: border-box;} .right_detail .a_link ul li.share span{float:left;display:block;font-size:16px;color:#121212;margin-right: 5px;} .right_detail .a_link ul li.share a{float:left;display:inline-block;width:16px;height: 16px;margin-top:12px;padding:0px 5px;background-image:url(../images/sns-share.png); background-repeat: no-repeat;} .right_detail .a_link ul li.share a.facebook{background-position: 0px 0px;} .right_detail .a_link ul li.share a.twitter{background-position: 0px -32px;} .right_detail .a_link ul li.share a.pinterest{background-position: 0px -64px;} .right_detail .a_link ul li.share a.linkedin{background-position: 0px -96px;} .right_detail .a_link ul li.share a.googleplus{background-position: 0px -128px;} .right_detail .p_detail i{color:#ff7d00;cursor: pointer;} .pro_d_text{ left:10px;top:35px;line-height: 28px;position: absolute; background:#fafafa; z-index:9; text-align:center; display:none;} .pro_d_text table { border-left:solid 1px #e5e5e5;border-top:solid 1px #e5e5e5;float: left;} .pro_d_text table td{ border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5;padding: 0px 15px;} .detail_r{width:300px;float: right;} .p_detail_pic{display: none;} .box_detail{ padding:10px 0px; line-height:36px; font-size:16px; } .box_detail ul li {float: left;height: 36px;line-height: 36px; font-size:16px;color:#555555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;word-wrap: break-word;padding-left: 15px;box-sizing: border-box;} .box_detail ul li span{/*color: #a9a9a9;*/padding-right: 10px;} .box_detail a{font-weight: bold;color: #ffaf00;} .box_p_word{ padding:10px 0px; } .box_p_word a{height: 36px;line-height: 36px; font-size:16px;color:#666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;word-wrap: break-word;box-sizing: border-box;} .box_detail img{max-width:100%;height:auto;text-align: center;overflow: hidden;} .box_detail_2 { padding: 10px 0px; line-height: 36px; font-size: 16px; } .b_pic_box{ margin-top:10px;} .b_pic_box li{ width:100%; text-align:center; padding-bottom:15px;} /*内页左侧*/ .side_left{float:left;width:310px;} .category_mod{width: 100%;} .category_mod .title{width: 100%;height: 64px;background: #1f2837;line-height:64px;text-indent: 16px;font-size: 20px;color: #ffffff;} .category_mod .title span{font-size:18px;color: #f8b72c;padding-left:6px;} /*PC左侧产品分类样式二*/ .category_mod .content_2{width: 100%;border: solid 1px #e5e5e5;background:#ffffff;border-top: none;box-sizing: border-box;padding: 10px 0px;box-shadow: 0px 5px 8px #dbdbdb;} .category_mod .content_2 ul li{padding: 0px 10px; border-bottom: dotted 1px #DDDDDD;position: relative;} .category_mod .content_2 ul li:last-child{ border-bottom:none;} .category_mod .content_2 ul li a{color:#444444;display:block;height:50px;line-height: 50px;font-size: 16px;text-indent:10px;padding-right:40px;box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .category_mod .content_2 ul li a:hover{color:#1f2837;display:block;height:50px;line-height: 50px;font-size: 16px;text-indent:10px;padding-right:40px;box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .category_mod .content_2 ul li i{ position:absolute;cursor:pointer;color:#444444; font-size:2.4rem;text-align:right;width:30px;height:50px; line-height:50px;right:5px; top:0px;} .category_mod .content_2 ul li s{display: none;} .category_mod .content_2 .subclass_2{ display:none;} .category_mod .content_2 ul li.current{ height:50px;z-index:9; color:#65ae30;} .category_mod .content_2 ul li.current a{color:#1f2837;display:block;height:50px;line-height: 50px;font-size: 16px;text-indent:10px;padding-right:40px;box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .category_mod .content_2 ul li.current i{ position:absolute;color:#1f2837; font-size:2.4rem;text-align:right;width:50px;height:50px; line-height:50px;right:5px; top:0px;} .category_mod .content_2 ul li.current s{ width:1px; background:#FFFFFF; height:50px; position:absolute; left:308px; display:block; top:0px; z-index:10;} .category_mod .content_2 ul li.current .subclass_2{min-width:240px;padding: 15px;box-sizing: border-box; border:solid 1px #e5e5e5; background:#ffffff; display:block; position:absolute; left:308px; top:-1px; overflow:visible; z-index:8} .category_mod .content_2 ul li.current .subclass_2 ul li{ width:auto;height:36px;padding: 0px;background:none; border:none; margin-left:0px;} .category_mod .content_2 ul li.current .subclass_2 ul li a{ height:40px; color:#717171; line-height:40px; font-size: 16px;} .category_mod .content_2 ul li.current .subclass_2 ul li a:hover{ height:40px; color:#1f2837; line-height:40px; font-size: 16px;} /*PC左侧产品分类样式二end*/ /*内页左侧联系我们*/ .contact_mod{width: 100%;margin-top: 30px;} .contact_mod .title{width: 100%;height: 64px;background: #1f2837;line-height: 64px;text-indent: 16px;font-size: 20px;color: #ffffff;} .contact_mod .title span{font-size:18px;color: #f8b72c;padding-left:6px;} .contact_mod .content{width: 100%;border: solid 1px #e5e5e5;background:#ffffff;border-top: none;box-sizing: border-box;padding:25px;font-size: 16px;} .contact_mod.ny_d{width: 100%;margin-top:0px;} .contact_mod.ny_d .content{border-top: solid 1px #e5e5e5;padding:10px 20px;margin-bottom: 30px;} .contact_mod .content .s_top{margin-bottom: 25px;} .contact_mod.ny_d .content .s_top{margin-top:10px;} .contact_mod .content .s_top .photo{height:85px;width:85px; overflow: hidden; float: left;margin-right: 20px; display: flex; justify-content: center; align-items: center;} .contact_mod .content .s_top .photo img{max-width: 100%; max-height: 100%;object-fit: contain;} .contact_mod .content .s_top .photo_r{float: left;} .contact_mod .content .s_top .photo_r .name{color: #2c2c2c;font-size: 18px;line-height:30px;} .contact_mod .content .s_top .photo_r .name a{display: block;margin-top: 15px;color: #f8b72c;font-size: 18px;} .contact_mod .content .s_top .photo_r .job{color: #bdbdbd;font-size: 18px;} .contact_mod .content .s_top .photo_r a{display:block;margin-top:15px;color: #ff8600;font-size: 18px;} .contact_mod .content .contact_btn{margin-bottom:10px;display:block;margin-top:5px;background: #ff8600;height:60px;line-height:60px;color:#ffffff;font-size:24px;text-align: center;} .contact_mod .content .contact_btn i{color:#ffffff;padding-right: 10px;font-size: 20px;} /*内页左侧联系我们end*/ /*内页右侧*/ .content_right{padding-left: 340px;} .content_right .cont{padding:15px 25px;border: solid 1px #f3f3f3;background:#FFFFFF;box-sizing: border-box;} .content_right .cont.m_b40{margin-bottom: 40px;} .ny_news{position: relative;overflow: hidden;} .ny_news ul li{height:140px;margin-bottom: 1px;} .ny_news ul li .date{width:30%;height:140px;float:left;padding-top:30px;box-sizing:border-box;background:#f2f2f2;color: #ff7328;text-align:center;font-size: 1.6rem;font-family: arial;} .ny_news ul li .date span{display:block;font-size: 4.4rem;color: #ff7328;} .ny_news ul li .content{background:#f8f8f8;width:70%;height:100%;padding:25px 60px;box-sizing: border-box;overflow: hidden;} .ny_news ul li .content .title{color: #333333;font-size: 1.6rem;height: 30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ny_news ul li .content .text{margin-top:10px;color: #a7a7a7;font-size: 1.4rem;line-height:20px;max-height: 40px; overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .ny_news ul li a:hover .title{color: #ff7328;} .news_details_bt{padding-top:20px;font-size: 24px;text-align: center;color: #333333;} .news_details_content{color: #777777;line-height: 36px;font-size: 16px;} .news_details_content img{display:block;max-width:100%;height:auto;text-align: center;overflow: hidden;} .news_details_time{text-align: center;color: #919191;margin-top:10px;margin-bottom:30px;border-bottom: solid 1px #f2f2f2;padding-bottom: 15px;font-size: 16px;} .other_news{border-top: 1px dashed #999;padding: 20px 0px;margin-top: 50px;} .other_news a{color: #999;} .other_news p{line-height:36px;overflow: hidden;} .other_news :hover a{color: #666;} .other_news .share{ width:100%;height:40px;line-height: 40px;box-sizing: border-box;} .other_news .share span{float:left;display:block;font-size:16px;color:#121212;margin-right: 5px;} .other_news .tag_text{ width:100%;box-sizing: border-box;background:#fbfbfb;font-size:14px;padding: 10px;;line-height: 30px;color: #777777;} .ny_download{margin-top:30px;overflow: hidden;} .ny_download ul li{width:50%;float: left;padding-right: 10%;box-sizing: border-box;margin-bottom: 25px;} .ny_download ul li .d_pic{width:100px;height:100px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .ny_download ul li .d_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .ny_download ul li .p_r{padding-left: 120px;} .ny_download ul li .p_r .d_name{width:100%;padding:0px 5px;box-sizing:border-box;height:30px;line-height:30px;margin:2px 0px;font-size: 1.6rem;color: #313131;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ny_download ul li .p_r .d_name.ej{color: #888888;} .ny_download ul li .p_r .d_name.dl{color: #ff7328;} .liheigt_box_home{ position:absolute; height:auto;background:#000; filter:alpha(opacity=60);-moz-opacity:0.6; -khtml-opacity: 0.6;opacity: 0.6; z-index:120} .pop_up_login{display:none; position:fixed; z-index:121; width:528px; height:auto; margin:0 auto;border:solid 1px #e5e5e5; background:#FFF;} .pop_up_login_k{ width:528px; height:auto; background: url(https://bsg-s.nbxc.com/site_themes/en/qnn_black/images/kbj.jpg) repeat-x left bottom #ffffff;} .pop_up_login_k .title{ width:100%; height:60px; line-height:60px;font-size:20px; font-weight:normal;color:#2b2b2b; padding:0px 10px;box-sizing: border-box; border-bottom:solid 1px #dedede;} .pop_up_login_k .title span{ width:auto;display:inline-block;float:right; padding-right:10px; padding-top:25px;box-sizing: border-box; cursor:pointer;} .pop_up_login_k .nr_box{ padding:20px 30px;} .pop_up_login_k .nr_box .e_input{width:100%;height:50px;margin: 0 auto;border: solid 1px #E5E5E5;background: none;text-indent: 10px;} .pop_up_login_k .nr_box .e_btn{width:240px;height:50px;display: block; line-height:50px;margin: 0 auto;border:none;background:#2c2c2c; color:#F8B72C;text-align:center;font-size: 18px;} .ny_probox{width:100%;overflow:hidden;position: relative;z-index: 7;} .ny_probox ul li{width:266px;float:left;margin:18px;overflow: hidden;box-sizing: border-box;} .ny_probox ul li .p_pic{width:264px;height:264px;background:#ffffff;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .ny_probox ul li .p_pic img{transition: all 0.6s;max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .ny_probox ul li .p_pic img:hover{transform: scale(1.2);} .list-playIcon{content: '';position: absolute;background: url(../images/bofang.png);background-size: auto auto;background-size: cover;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;z-index: 9;} .ny_probox ul li.show .show_text{width:100%;background-color: rgba(255,115,40,0.8);position: absolute;left: 0px;bottom: 0px;padding: 15px;box-sizing: border-box;} .ny_probox ul li .ph_name{display:none} .ny_probox ul li .p_btn{display:none} .ny_probox ul li.show .show_text .ph_name{display:block;height:20px;line-height:20px;margin-bottom:10px;font-size: 1.6rem;color: #313131;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ny_probox ul li.show .show_text .p_btn{margin:0 auto;width:150px;height:40px;line-height:40px; color: #FFFFFF;font-size:16px;background: #353025;display: block;text-align: center;} .ny_probox .btn_r{width: 28px;height: 56px;text-align:center;line-height:56px;color:#FFFFFF;background:rgba(153,153,153,0.7);position: absolute;left:0px;top: 50%;margin-top:-28px;z-index: 11;cursor: pointer;} .ny_probox .btn_n{width: 28px;height: 56px;text-align:center;line-height:56px;color:#FFFFFF;background:rgba(153,153,153,0.7);position: absolute;right:0px;top: 50%;margin-top:-28px;z-index: 11;cursor: pointer;} .ny_probox.otherpro ul li{margin:20px 0px;} .prolist_box{ margin-top:30px;} .prolist_box .box_li{ border-bottom:dotted 1px #ababab; padding-bottom:30px; margin-bottom:30px;overflow: hidden;} .prolist_box .box_li .p_pic{ width:220px; height:220px;text-align:center;vertical-align: middle;display:table-cell;position:relative; border:solid 1px #CCC; z-index:7} .prolist_box .box_li .p_pic img{ margin:0 auto;max-height:100%;max-width:100%;display: table-cell; vertical-align: middle; display:block; overflow:hidden;} .prolist_box .box_li .m_pic{ width:226px; height:226px; position:absolute; left:-1px; top:-5px; z-index:-1; background:url(../images/2.png) no-repeat left top;} .prolist_box .box_li .p_pic.cp{ width:220px; height:165px;text-align:center;vertical-align: middle;display:table-cell;position:relative; border:solid 1px #CCC; z-index:7} .prolist_box .box_li .pro_right{ padding-left:250px; position:relative;} .prolist_box .box_li .pro_right .p_t{ width:99%;margin-bottom:12px;height:18px; font-size:14px; color:#333333; overflow:hidden;} .prolist_box .box_li .pro_right .p_t a{font-size:16px; color:#333333; font-weight:bold;} .prolist_box .box_li .pro_right .p_t a:hover{font-size:16px; color:#333333;font-weight:bold;} .prolist_box .box_li .pro_right .p_attribute{ width:90%; padding-bottom:8px;overflow:hidden;} .prolist_box .box_li .pro_right .p_attribute .h_p{ width:50%; float:left; color:#666666; height:28px;line-height:28px; font-size:16px;overflow:hidden;} .prolist_box .box_li .pro_right .p_ms{margin-top: 5px; width:90%;overflow:hidden; border:solid 1px #f2f2f2; height:70px; line-height:26px;font-size:16px; color:#888888; padding:10px;box-sizing:border-box;} .contant_btn_list{ margin-top:20px;} .contant_btn_list .a_li{float:left; margin-right:16px;margin-bottom:10px;width:130px; height:40px; line-height:40px; display:block; background:#1f2837; font-size:16px; text-align:center; color:#FFF;} .contant_btn_list .a_li.a_li2{ background:#ff8600;} .contant_btn_list .a_li.a_li3{ background:#f8f8f8;border: solid 1px #dedede;box-sizing: border-box;color: #555555;} .prolist_box .box_li .pro_right .p_attribute .h_p2{ width:50%; float:left; color:#666666; height:30px;line-height:30px;font-size: 14px; overflow:hidden;} .prolist_box .box_li .pro_right .p_attribute .h_p2 .tc{display: none;} .no_find{text-align: center;padding: 200px 20px;font-size:30px;} .pro_roll{overflow: hidden; width:580px;} .detail_pro_r{overflow: hidden; width:280px; height:660px; float:left} .detail_pro_r dl{height: 90px;box-sizing: border-box; float:left; width:520px; margin:10px 0px;} .detail_pro_r dl .dt_pic{position:relative;width:90px;height: 90px;border: solid 1px #dfdfdf;box-sizing: border-box;text-align:center;vertical-align: middle;display:table-cell;} .detail_pro_r dl .dt_pic img{ margin:0 auto;max-height:100%;max-width:100%;display: table-cell; vertical-align: middle; display:block; overflow:hidden;} .detail_pro_r dl .dt_right{width:140px;float: left;padding-left: 10px;} .detail_pro_r dl .dt_right .p_t{ width:100%;margin-bottom:15px;display:block;line-height: 24px; font-size:14px; color:#333333;overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .detail_pro_r dl .dt_right .c_link{display:block;font-size:16px; color:#ff7d00;} .detail_pro_r dl .dt_right .c_link i{padding-right:5px;} .related_info{padding: 10px 0px;} .related_info ul li{border-bottom: dashed 1px #E5E5E5;margin-bottom: 15px;width: 45%;float: left;margin-right: 5%;padding-bottom: 10px;} .related_info ul li .title{display:block;height: 30px;line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px;} .related_info ul li .r_text{margin-top:5px;height:48px;line-height:24px; overflow:hidden;font-size: 14px;} /*翻页样式*/ .page {text-align: center;margin-top: 40px;} div.jogger {padding: 2px;margin: 7px;color: #e3e3e3;} div.jogger a {padding:0.5rem 0.64rem 0.43rem 0.64rem;margin: 2px;background: #e3e3e3;text-decoration: none;color: #777777;} div.jogger a:hover {padding:0.5rem 0.64rem 0.43rem 0.64rem;margin: 2px;background: #e3e3e3;text-decoration: none;color: #777777;} div.jogger a:active {padding:0.5rem 0.64rem 0.43rem 0.64rem;margin: 2px;background: #e3e3e3;text-decoration: none;color: #777777;} div.jogger span.current {padding:0.5rem 0.64rem 0.43rem 0.64rem;margin: 2px;background: #efefef;color: #2c2c2c;} div.jogger span.disabled {display: none} /*翻页样式end*/ /*-------------------------------------------询盘页开始-------------------------------------------*/ .send { padding-bottom: 70px; } .send .main-box { width: 100%; height: auto; padding: 30px; background: #fff; border: 1px solid #ededed; box-sizing: border-box; } .products-head { display: block; padding: 12px 0; } .products-head .products-info { float: left; color: #666; font-size: 14px; } .product-other { float: right; width: 480px; } .products-head .product-other div { float: left; } .products-head .product-other .products-quantity { position: relative; margin: 0 8px 0 12px; width: 70px; float: left; color: #666; font-size: 14px; } .products-head .product-other .products-unit { width: 115px; color: #666; cursor: pointer; padding: 0 12px; font-size: 14px; } .product-items .product-item .product-info .product-img { display: block; width: 48px; height: 48px; float: left;border: solid 1px #e5e5e5; margin-right: 12px } .product-items .product-item .product-info .product-name { display: block; overflow: hidden; text-decoration: none; color: #333; height: 45px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; } .product-items .product-item .product-info .product-name:hover { color: #ff7519; text-decoration: underline; } .product-items .product-item .products-quantity { float: left; position: relative; margin: 0 8px 0 12px; width: 54px } .product-items .product-item .products-quantity input { width: 54px; height: 32px; padding: 4px 8px; max-width: 72px; border: solid 1px #e5e5e5; box-sizing: border-box; } .products-unit { float: left; width: 140px; color: #666; cursor: pointer; padding: 0 12px; font-size: 12px; position: relative; box-sizing: border-box; } .products-unit .unit { color: #666; } .unit { vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 28px; color: #1686cc; font-size: 14px; } .remove .unit { color: #0783ea; } .ui2-popup-menu { position: absolute; max-height: 300px; overflow: auto; padding: 8px 0; font-size: 14px; border: 1px solid #e7e7e7; background-color: #FFF; z-index: 99; box-shadow: 2px 2px 5px rgba(83, 100, 122, .35); left: 13px; top: 27px; } .ui2-popup-menu li { padding: 0 16px; display: block; border: 0; background-color: #fff; min-width: 100px; white-space: nowrap; color: #666; text-decoration: none; height: 28px; line-height: 28px; } .ui2-popup-menu li:hover { background-color: #edf1f5; } .ui2-popup-menu li:active { color: #ff751a; text-decoration: underline; } .products-unit .icon-down,.showorhid .icon-down { transition: all .3s ease-in-out .0s; position: relative; } .products-unit .icon-down.active ,.showorhid .icon-down.active{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .send-top span { font-size: 16px; color: #666; line-height: 40px; margin: 0 5px; } .send-top span:last-child { font-size: 14px; color: #999; } .send-top i img { position: relative; top: -2px; vertical-align: middle; } .label { font-size: 16px; color: #333; margin-top: 15px; } .label span { float: left; display: inline-block; width: 8%;font-size: 16px; line-height: 35px; } .send-desc { width: 100%; margin-top: 15px; line-height: 35px; padding-left: 8%; color: #999; font-size: 14px; box-sizing: border-box; } .send-desc a { color: #ff7328; font-size: 16px; } .label input { float: left; width: 92%; padding: 0 10px; line-height: 35px; border-radius: 3px; border: 1px solid #ededed; outline: none; box-sizing: border-box; } .textarea span { line-height: 14px; } .label textarea { float: left; width: 92%; padding: 5px 10px; height: 155px; line-height: 24px; border-radius: 3px; border: 1px solid #ededed; outline: none; resize: none; font: 400 13.3333px Arial; box-sizing: border-box; } .label i { font-style: normal; color: #e52929; } hr.border {border: 0; border-top: 1px dashed #ededed; margin-top: 40px; margin-bottom: 20px; } .label-tag { float: left; width: 30%; margin-right: 5%; } .label-tag.mr0{margin-right: 0px;} .label-tag span { float: left; display: inline-block; font-size: 16px; color: #333; width: 25%; height: 35px; line-height: 35px; } .label-tag span i { font-style: normal; color: #e52929; } .label-tag select { float: left; width: 15%; height: 35px; margin-right: 3%; line-height: 35px; border-radius: 3px; padding-left: 5px; border: 1px solid #ededed; outline: none; box-sizing: border-box; } .label-tag input { float: left; width: 55%; height: 35px; line-height: 35px; border-radius: 3px; padding: 0 10px; border: 1px solid #ededed; outline: none; box-sizing: border-box; } .country select { width: 70%; padding-left: 15px; box-sizing: border-box; } .tels select { width: 15%; padding-left: 5px; box-sizing: border-box; } .tels input { width: 15%; } .tels input:last-child { width: 39%; margin-left: 3%; } .guestbook-tag { margin-top: 15px; } .guestbook-tag-box {margin-top: 15px; display: none; } .guestbook-tag > span { display: inline-block; line-height: 35px; color: #ff7328; cursor: pointer; } .other .other-label { float: left; width: 30%; margin-right: 1.5%; } .other .other-label span { float: left; display: inline-block; width: 25%; line-height: 35px; font-size: 14px; color: #333; } .other .other-label input { float: left; width: 70%; height: 35px; line-height: 35px; border-radius: 3px; padding: 0 10px; border: 1px solid #ededed; outline: none; box-sizing: border-box; box-sizing: border-box; } .request { margin-top: 15px; } .request span { display: inline-block; width: 8%; line-height: 35px; font-size: 14px; color: #333; } .request label { font-style: normal; color: #666; font-size: 14px; margin-right: 5px; cursor: pointer; } .request label input { line-height: 35px; vertical-align: middle; margin-right: 5px; outline: none; } .showBtn { display: block; text-align: center; margin-top: 30px; } .showBtn button { display: inline-block; width: 168px; height: 43px; text-align: center; line-height: 43px; border-radius: 5px; background: #ff7328; border: 0; color: #fff; font-size: 16px; outline: none; cursor: pointer; box-sizing: border-box; } .showDesc { margin-top: 30px; color: #999; font-size: 14px; } .product-item{padding: 5px 0px;} .pc {display:block} .mp {display: none;} /*-------------------------------------------询盘页结束-------------------------------------------*/ /*-----------------------------------------------------input-----------------------------------------------------------*/ .check_input { overflow: hidden; } .check_input>div { background-color: #ffffff; padding: 20px 30px; margin-bottom: 50px; box-sizing: border-box; } .check_input label { display: block; } .input-one input { width: 100%; display: inline-block; height: 38px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; outline: none; line-height: 1.3; padding-left: 10px; box-sizing: border-box; } .input-one input:hover { border-color: #D2D2D2 !important; } .select select { width: 100%; display: inline-block; height: 38px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; outline: none; line-height: 1.3; padding-left: 10px; box-sizing: border-box; } .select select option { display: block; height: 38px; } .select select:hover { border-color: #D2D2D2 !important; } .input-gender input { display: inline-block; position: relative; top: 4px; margin: 0 10px; width: 16px; height: 16px; line-height: 16px; border: 1px solid #d2d2d2; font-size: 12px; background-color: #fff; border-radius: 2px; } .input-gender input:hover { border-color: #D2D2D2 !important; } .input-check input { display: inline-block; position: relative; top: 4px; margin: 0 10px; width: 16px; height: 16px; line-height: 16px; border: 1px solid #d2d2d2; font-size: 12px; background-color: #fff; border-radius: 2px; } .input-check input:hover { border-color: #D2D2D2 !important; } .textareas textarea { display: inline-block; width: 100%; padding: 5px 0; line-height: 38px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; outline: none; line-height: 1.3; padding-left: 10px; box-sizing: border-box; resize: none; } .textareas textarea:hover { border-color: #D2D2D2 !important; } #mybutton { border: 1px solid #e6e6e6; background: #fff; color: #000; padding: 5px 15px; height: 38px; box-sizing: border-box; outline: none; cursor: pointer; } #photoCover { width: 20%; display: inline-block; height: 38px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; outline: none; line-height: 1.3; padding-left: 10px; box-sizing: border-box; } .remind { padding-bottom: 15px; font-size: 14px; margin-top: 15px; color: #333; } .uploadFile-container { display: box; display: -webkit-box; } .uploadFile-items { box-flex: 1; -webkit-box-flex: 1; padding-bottom: 18%; margin-right: 1%; height: 0; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; } .uploadFile-items .square { position: absolute; top: 0px; bottom: 0px; left: 0; right: 0; border: 1px dashed #ccc; } .uploadFile-items .square img { max-width: 100%; max-height: 100%; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; } .uploadFile-items .square .text { position: absolute; bottom: 5px; left: 0; right: 0; margin: auto; text-align: center; } .uploadFile-items input[type=file] { position: absolute; right: 0; top: 0; height: 100%; width: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .uploadFile-items .square.active:before { width: 1px; height: 60%; } .uploadFile-items .square.active:after { width: 60%; height: 1px; } .uploadFile-items .square.active:before, .uploadFile-items .square.active:after { content: ""; position: absolute; display: inline-block; background: #ccc; left: 0; right: 0; top: 0; bottom: 0; margin: auto; top: -0.5rem; } .uploadFile-items .clo_change { position: absolute; top: -8px; right: -9px; width: 18px; height: 18px; } /*自定义表单 end*/ /*购物车*/ .send_inquiry{position: fixed;right: 50px;bottom: 0px;z-index:9;cursor: pointer;} .send_inquiry .cart{background:#c5c5c5;;height: 31px;position:relative;} .send_inquiry .cart .cartIoc {width: 49px;height: 31px; background: url("../images/cart.png") no-repeat left top transparent;position: absolute;left: -49px;top: 0px;} .send_inquiry .cart .nub {width: 90px;height: 31px;font-size: 14px;line-height: 31px;color: #fff;font-family: "微软雅黑";border-right: 1px solid #FFF;float: left;} .send_inquiry .cart .Pay {width: 120px;text-align: center;font-size: 14px;color: #fff;font-family: "微软雅黑";float: left;} .send_inquiry .cart .Pay a {font-size: 14px;width: 120px;color: #fff;font-family: "微软雅黑";line-height: 31px;display: inline-block;} .send_inquiry .cart .nub.boxnub{ width:166px;} .KcartInfo{ position:absolute; right:0px; bottom:30px; border:solid 1px #c5c5c5; background:#FFF; width:300px; height:270px; overflow:hidden; overflow-y:auto; z-index:9999999; display:none;} .cart_list{ padding:5px;} .cart_list ul li{ background:#f8f8f8; height:58px; margin-bottom:6px; padding-left:70px; padding-right:52px; position:relative} .cart_list ul li .hd_pro_img{ width:50px; height:50px; padding:4px; padding-right:0px; position:absolute; left:0px; top:0px;} .cart_list ul li .hd_pro_img img{ width:50px; height:50px; display:block} .cart_list ul li .hd_pro_name{ height:32px; padding-top:5px; overflow:hidden; display:inline-block;} .cart_list ul li .hd_pro_name a{ color:#333333} .cart_list ul li .hd_cart_detail{ padding-top:5px;} .cart_list ul li .DelGoods{ position:absolute; right:5px; top:15px; height:16px; display:inline-block; color:#999999; text-decoration:underline; text-align:center; cursor:pointer; font-weight:normal} /*购物车end*/ /*返回顶部css*/ .return_top{ position:fixed; bottom:0px; right:0px; width:50px; z-index:100} .return_top ul li{ height:50px;width:50px; margin-top:10px;} #line{ border-top:dotted 1px #cccccc;margin-top:30px;padding-bottom: 20px;} .Related_recommend{ width:100%; background:url(https://bsg-s.nbxc.com/site_themes/en/qnn_black/images/nybj2.jpg) repeat-x left top #FFF;} .m_title{ width:100%; font-size:15px; color:#545454; height:30px; line-height:20px;} .Related_recommend .relatedLink{ display:block;} .Related_recommend .relatedLink li{ float:left; width:25%;height:28px; line-height:28px; color:#4f4f4f; background:url(https://bsg-s.nbxc.com/site_themes/en/qnn_black/images/dian.jpg) no-repeat left center; text-indent:9px;} .Related_recommend .relatedLink li a{height:28px; line-height:28px; color:#4f4f4f; display:block; white-space:break-word;} .Related_recommend .relatedLink li a:hover{height:28px; line-height:28px; color:#1b99fb;white-space:break-word;background:url(https://bsg-s.nbxc.com/site_themes/en/qnn_black/images/dian2.jpg) no-repeat left center;} #related_btn{ width:100%;margin:10px 0px;cursor:pointer;font-size:14px; color:#545454; height:20px; line-height:20px; font-family:"微软雅黑";} /*返回顶部css end*/ /*-----------------------------------floatBox-------------------------------------------------*/ .float_box { z-index:100; width: 185px; border: 1px solid #f1f1f1; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13); padding: 5px; overflow: hidden; position: fixed; top: 60%;margin-top: -280px; right: 20px; background: #FFF; font-size: 12px; } .float_box_title { background: #0091ec; height: 24px; line-height: 24px; color: #FFF; padding-left: 5px; position: relative; margin-bottom: 10px; } .float_box_title span { float: left; text-overflow: ellipsis; overflow: hidden; height: 24px; width: 160px; font-size: 12px; } #fold { border-color: #0091EC #FFFFFF #0091EC #0091EC; border-style: solid; border-width: 4px; float: right; height: 0; margin: 8px 3px 0 0; overflow: hidden; position: relative; width: 0; z-index: 999; } .float_box.hold-close { width: 60px; overflow: unset; } .float_box.hold-close .float_box_title { width: 55px; overflow: hidden; height: 24px;line-height: 24px; } .float_box.hold-close .float_box_title span.fold_title { display: none } .float_box.hold-close .float_box_title span.fold_click_title { display: block; width: 47px; font-size: 12px; } .float_box .float_box_title span.fold_click_title { display: none } .float_box.hold-close .float_top span { display: none } .float_box.hold-close #fold { border-right: none; border-left: 4px solid #FFF } .float_box.hold-close .float_bottom { width: 52px; overflow: hidden } .float_box.hold-close .float_bottom a { color: #f3f3f3; padding-left: 11px; } .triangle { border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #0091EC; height: 0; left: 24px; overflow: hidden; position: absolute; top: 24px; width: 0; } .float_top { line-height: 140%; height: 50px;font-size: 12px; } .float_top span { font-size: 12px;line-height:24px; } .float_top img { float: left; margin-right: 10px; max-height: 50px; max-width: 50px; } .float_top a { color: #0091ec } .float_bottom a { background: #f3f3f3; display: block; width: 170px; margin: 5px 0; padding: 0 5px 5px 10px; color: #3486e0; text-decoration: none } .float_bottom a:hover { background: #f3f3f3 } .float_tb1 { background: url(../images/float_tb.png) no-repeat 0 1px; width: 32px; height: 32px; display: inline-block; padding-left: 10px; margin-top: 5px; } .float_tb2 { background: url(../images/float_tb.png) no-repeat 0 -35px; width: 32px; height: 32px; display: inline-block; padding-bottom: 5px; } .float_whatsapp { background: url(../../../common/images/float_whatsapp.png) no-repeat 0 5px; background-size: 32px 32px; width: 32px; height: 32px; display: inline-block; padding-bottom: 5px; } .tel_float_box{ display: none; width: auto; margin-left: -50px; border:1px solid #dcdcdc; padding: 10px 5px; position: absolute; top: 50px; /*right:10px;*/ background-color: #ffffff; } .whatsapp_box:hover div{ display: block; } .qrcode_float_box{ display: none; width: auto; margin-left: -50px; border:1px solid #dcdcdc; padding: 10px 5px; position: absolute; top: 50px; right:70px; background-color: #ffffff; } .whatsapp_box:hover div{ display: block; } /*new social media 2016.5.4*/ .float-media-list { padding-left: 0 } .float-media-list li { display: inline-block; *display: inline; zoom: 1; width: 55px; margin: 5px 0; text-align: center; } .float-media-list a { display: inline-block; *display: inline; zoom: 1; width: 32px; height: 32px; background: url(../images/media.png) 0 0 no-repeat; } .float-media-list a.float-media-list-twitter { background-position: 0 -185px; } .float-media-list a.float-media-list-youtobe { background-position: 0 -224px; } .float-media-list a.float-media-list-linkedin { background-position: 0 -111px; } .float-media-list a.float-media-list-pinterest { background-position: 0 -148px; } .float-media-list a.float-media-list-googleplus { background-position: 0 -37px; } .float-media-list a.float-media-list-instagram { background-position: 0 -74px; } .supplier-photo-img savm img { width: 55px; height: 55px; } /*-----------------------------------floatBox-------------------------------------------------*/ /*video display*/ .video_dispaly_list{margin-bottom: 40px;} .video_dispaly_list ul li{ padding: 20px 0; border-bottom: 1px solid #dbdbdb; } .video_dispaly_list ul li:first-child{border-top: 1px solid #dbdbdb;} .video_dispaly_list ul li .title a{ display: block; font-size: 16px; color: #333333; line-height: 36px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .video_dispaly_list ul li .title a:hover{ color: #ffaf00; } .video_dispaly_list ul li .time{ font-size: 16px; color: #666666; } .video_dispaly_list ul li .con{ font-size: 14px; color: #999999; margin-top: 10px; line-height: 24px;height: 48px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } .video_list_cut{margin-top: 20px;} .video_list_cut ul{ width: 100%; text-align: center; } .video_list_cut ul li{ display: inline-block; width: 120px; height: 120px; text-align: center; box-sizing: border-box; margin:5px 10px; border-radius: 50%; background-repeat: no-repeat; background-size: auto 100%; background-position: center; position: relative; } .video_list_cut ul li a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(https://bsg-s.nbxc.com/site_themes/en/qnn_black/css/none); background-repeat: no-repeat; background-size: 35px auto; background-position: 50% 50%; } .video_list_cut ul li:hover a{ background: url(../images/bofang.png) no-repeat center center; } /*video display end*/ /*推荐产品 tab切换*/ .rec_box{border: solid 1px #f3f3f3;background: #FFFFFF;margin: 40px 0px;} .rem_tab_t{height: 50px;border-bottom: solid 1px #e5e5e5;} .rem_tab_t ul li{margin-bottom:-1px;height: 50px;line-height:50px;background: #f3f3f3;border-bottom: solid 1px #FFFFFF;font-size:16px;border-right: solid 1px #e5e5e5;float: left;padding:0px 20px;cursor: pointer;} .rem_tab_t ul li.current{height: 50px;line-height:50px;background: #ffffff;font-size:16px;border-right: solid 1px #e5e5e5;float: left;padding:0px 20px;} .rec_box .box_detail_rec{ padding:15px 20px; line-height:36px; font-size:16px; } .rec_box .box_detail_rec a{font-weight: bold;color: #ffaf00;} .rec_box .box_detail_rec .a_tag{padding-bottom:10px;font-weight: normal;color: #555555;padding-right:20px;line-height: 20px;font-size: 16px;} .rec_box .box_detail_rec .a_tag:hover{padding-bottom:10px;font-weight: normal;color: #ffaf00;padding-right:20px;line-height: 20px;font-size: 16px;} .rec_box .box_detail_rec .video_mod{width:800px;height:450px;margin: 0 auto;margin-top:20px; margin-bottom: 20px;overflow: hidden;} .feedback_list{} .feedback_list ul li{border-bottom:dashed 1px #e5e5e5;padding-bottom: 10px;margin-bottom: 15px;} .feedback_list ul li .comment_text{font-size: 16px;margin-bottom: 5px;line-height: 24px;} .feedback_list ul li .release{font-size: 14px;color: #777777;float: left;} .feedback_list ul li .rate_star{line-height:34px;float: left;margin-right: 15px;} .feedback_list ul li .rate_star .i_star{color:#ffad29; font-size:20px;} .other_pro{border-top: 1px dashed #999;padding: 20px;margin-top:20px;} .other_pro a{color: #999;font-size: 16px;} .other_pro p{line-height:36px;overflow: hidden;} .other_pro :hover a{color: #666;} .other_pro span{color: #666666;font-size: 16px;padding-right: 5px;} /*推荐产品 tab切换 end*/ .content_right .cont .swiper-pagination1{ padding:15px 0px; text-align:center;} .content_right .cont .swiper-pagination-bullet{width: 40px;height:4px;border-radius: 0;margin-right: 10px; background:#b4b4b4;} .content_right .cont .swiper-pagination-bullet-active{background-color: #f8b72c;} @media only screen and (max-width:1400px) { .g_title{padding: 30px 15px;font-weight: bold;box-sizing:border-box;font-size: 2.0rem;} .g_title a{padding-top:0px;} .header .menu ul li{padding:0px 20px;} .header .menu ul li b{right:9px;} .home_promod ul li{width: 25%;max-width:330px;float:left;padding:0px 2vw;box-sizing: border-box;text-align: center;box-sizing: border-box;} .home_promod ul li .p_pic{width:22vw;height:22vw;max-height:330px;max-width:330px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_promod ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_promod ul li.show .p_pic{width:22vw;height:22vw;box-sizing:border-box;border:solid 4px #ff7328;} .home_proroll ul li{width: 25%;max-width:330px;float:left;padding:0px 2vw;box-sizing: border-box;text-align: center;box-sizing: border-box;} .home_proroll ul li .p_pic{width:22vw;height:22vw;max-height:330px;max-width:330px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_proroll ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_proroll ul li.show .p_pic{width:22vw;height:22vw;box-sizing:border-box;border:solid 4px #ff7328;} .sroll_btn .prev_btn{width:40px;height:40px;line-height:40px;font-size:24px;} .sroll_btn .next_btn{width:40px;height:40px;line-height:40px;font-size:24px;} .sroll_btn{width:80px;text-align: center;margin: 0 auto;margin-top:-10px;} .foot_quality dl{float: left;border-left: solid 1px #e1e1e2;padding-left:10px; padding-right: 20px;box-sizing: border-box;} .image_map{float:left;width: 28vw;height:21vw;overflow:hidden;margin: 10px 50px 20px 5px;} .image_honor_box{width:50%;border-left: solid 1px #e6e6e6;float: left;padding-left:50px;margin-top: 10px;box-sizing:border-box;overflow: hidden;} .image_honor{position: relative;z-index: 7;box-sizing:border-box;overflow: hidden;} .image_honor ul li{width:50%;float:left;padding:0px 15px;overflow: hidden;box-sizing: border-box;} .image_honor ul li .h_pic{width:20vw;height:20vw;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .image_honor ul li .h_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .image_honor .btn_r{left:0px;top:90px;} .image_honor .btn_n{right:0px;top: 90px;} .main_pro ul li{width:24%;max-width:280px;max-height:320px;float:left;box-sizing: border-box;} .main_pro ul li .h_pic{width:20vw;height:20vw;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .main_pro ul li .ph_name{width:20vw;} /*sitemap*/ .wall-column {width: 33%;} /*sitemap*/ .ny_pic_list ul li{width: 25%;max-width:330px;max-height:330px;margin:10px 0px;float:left;padding:0px 1vw;box-sizing: border-box;text-align: center;box-sizing: border-box;} .ny_pic_list ul li .h_pic{width:20vw;height:20vw;max-height:330px;max-width:330px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .ny_pic_list ul li .h_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .ny_pic_list ul li .ph_name{width:20vw;} /*.ny_pic_list ul li .h_pic.v_pic{height:15vw;max-height:158px;}*/ .ny_probox ul li{width:33%;max-width:300px;max-height:300px;float:left;margin:20px 0px;padding:0px 1vw;overflow: hidden;box-sizing: border-box;} .ny_probox ul li .p_pic{width:20vw;height:20vw;max-height:300px;max-width:300px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .ny_probox ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .video_list_cut ul li{width: 100px;height: 100px;} /*-------------------------------------------询盘页开始-------------------------------------------*/ .request span { width: 10%; } /*-------------------------------------------询盘页结束-------------------------------------------*/ .detail_l{width:76%;float: left;position: relative;} } @media only screen and (max-width:1280px) { .detail_l{width:100%;float: left;position: relative;} .detail_r{display: none;} .contant_btn_list .a_li{width: 110px;font-size: 14px;} .video_sm_pic{padding:0px 20px;} .video_sm_pic ul li{ width:10vw;height:10vw;padding:1vw;box-sizing: border-box;} .video_sm_pic ul li a{width:10vw;height:10vw;max-width:100px; max-height:100px;} .video_sm_pic ul li a:hover{width:10vw;height:10vw;max-width:100px; max-height:100px;} } @media only screen and (max-width:1040px) { #footer{display: none;} .pc_n{display: block;} .f_b50{margin-top:50px;} .swiper-container{margin-top:5.6rem;} .menu{display: none;} .header{display: none;} .m_header{display: block;margin-bottom: 50px;} .float_box{display: none;} .send_inquiry{display: none;} .top_fxied{ width:100%;display:block;position:fixed; top:0px; left:0px;z-index:999;} .top{width:100%;background:#1f2837;height:5.6rem;display: block;} .navbar-item-l{float:left;height:5.6rem;line-height:5.6rem;width:30%;} .navbar-item-r{float:right;height:5.6rem;line-height:5.6rem;text-align: right;width:30%;} .navbar-L-box {float:left;height:5.6rem;width:40%;} .navbar-L-box .navbar-center {width: 100%; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; height: inherit;box-sizing: border-box} .navbar-L-box .navbar-center img {display: block;max-height: 3.3rem;max-width: 100%;} .nav_div{position:relative;margin-right:25px;} .nav_div .order_n{position: absolute;right:-15px;top:-1px;font-weight: 700;} .iconfont.icon_list{color:rgb(255,255,255);margin-left: 10px;font-size: 2.0rem;} .iconfont.icon_list_r{color:rgb(255,255,255);margin-left: 25px;font-size: 2.0rem;} .wall-column {width: 50%;} .search-box{padding:6px 10px;background:#FFFFFF;position: relative;box-sizing：border-box;display: none;padding-right:70px;} .search-box .qx_btn{height:34px;line-height:34px;position: absolute;right:15px;top:6px;color:#999999;} .search-box .sear_input{width:100%;height: 34px;text-indent:25px;font-size:14px;border:none;border-bottom: solid 1px #E5E5E5; font-family:Garamond;vertical-align: middle;background:url(../images/s_icon.png) no-repeat left center;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea {-webkit-appearance: none;} input{border-radius: 0px;} input::-webkit-input-placeholder { /* WebKit browsers*/ 　　color:#999;font-family:Helvetica;font-size: 1.4rem;} input:-moz-placeholder {/* Mozilla Firefox 4 to 18*/ 　　color:#999;font-family:Helvetica;font-size: 1.4rem;} input::-moz-placeholder { /* Mozilla Firefox 19+*/ 　　color:#999;font-family:Helvetica;font-size: 1.4rem;} input:-ms-input-placeholder {/* Internet Explorer 10+*/ 　　color:#999;font-family:Helvetica;font-size: 1.4rem;} .top_bar{ display:none} .lg_list{width:120px; position:absolute; right:0px; top:66px;border-top: solid 3px #ff7328; background:#f8f8f8; z-index:99; display:none;} .lg_list ul li{ width:100%;text-align:center;} .lg_list ul li a{width:100%; height:36px; line-height:36px; font-size:14px; color:#555;overflow:hidden;} .fl_list{ width:230px; position:absolute; left:0px; top:66px;border-top: solid 3px #ff7328; background:#f8f8f8; z-index:99;display:none;overflow-y: scroll;height: 300px;} .fl_list ul li{ width:100%;text-indent:10px;} .fl_list ul li a{width:80%;height:36px; line-height:36px; font-size:14px; color:#555; display:inline-block; overflow:hidden; position:relative;} .fl_list ul li a:hover{ width:100%; height:36px; line-height:36px; font-size:14px; color:#4f78d3; display:block; overflow:hidden; } .fl_list ul li a i{ position:absolute;font-size:1.4rem;height:36px; line-height:36px;right:10px; top:0px;} .fl_list ul li a:hover i{position:absolute;color:#4f78d3; float:right; font-size:1.4rem;height:36px; line-height:36px;right:10px; top:0px;} .fl_list ul li .ej_pro{ padding:0px 10px; display:none;} .fl_list ul li .ej_pro ul li{width:200px; height:30px; overflow:hidden;} .fl_list ul li .ej_pro ul li a{ height:30px;line-height:30px; color:#777; font-size:12px;} .fl_list ul li .ej_pro ul li a:hover{ height:30px;line-height:30px; color:#777; font-size:12px; background:none;} .foot_menu{display: block; width:100%;background:#fbfbfb; height:42px;border-top: solid 1px #e5e5e5; position:fixed; bottom:0px; left:0px; padding:5px 0px;z-index: 999;} .foot_menu a{ display:block; width:25%; float:left; text-align:center; } .foot_menu a i{font-size: 24px;color:#1f2837;} .foot_menu a p{ display:block; font-size:1.4rem; color:#555555;} .home_promod{width:100%;box-sizing: border-box;} .home_promod ul li{width:33.3%;max-width:375px;float:left;padding:0px 3vw;margin-bottom:15px;text-align: center;box-sizing: border-box;} .home_promod ul li .p_pic{width:28vw;height:28vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_promod ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_promod ul li.show .p_pic{width:28vw;height:28vw;box-sizing:border-box;border:solid 4px #ff7328;} .home_promod ul li .show_text{width:100%;height:66px;padding:10px;box-sizing: border-box;} .home_promod ul li .show_text .ph_name{margin-bottom:5px;font-size: 1.4rem;} .home_promod ul li .show_text .p_btn{height:20px;line-height:20px;font-size:14px;} .home_promod ul li .show_text .p_btn i{display: none} .home_about_bg{display: none;} .home_proroll{width:100%;box-sizing: border-box;margin-top: 15px;} .home_proroll ul li{width:33.3%;max-width:375px;max-height:375px;float:left;padding:0px 2vw;margin-bottom:40px;text-align: center;box-sizing: border-box;} .home_proroll ul li .p_pic{width:28vw;height:28vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_proroll ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_proroll ul li.show .show_text{display: none;} .home_proroll ul li.show .p_pic{width:28vw;height:28vw;box-sizing:border-box;border:solid 2px #ff7328;} .home_about_m{display: block;width:100%;padding:0px 20px 30px 20px;box-sizing:border-box;background:#f9f9f9;} .home_about_m .g_title {font-size:2rem;padding:20px 0px;color: #1f1f1f;font-weight: bold;} .home_about_m .text_a{font-size: 16px;line-height: 30px;max-height:150px;color: #777777; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;} .home_about_m .a_more{display:block;float:left;width:100px;height:32px;background:#ff7328;font-size: 16px;line-height: 32px;color: #FFFFFF;text-align: center;margin-top:20px;} .home_about_m .a_more2{float:left;margin-left:20px;color:#ff7328;height:32px;font-size: 16px;line-height: 32px;margin-top:20px;} .foot_quality{display: none;} .bg_gray.pd{padding-bottom: 30px;} .foot_kword{ padding:10px 15px;max-height:120px;overflow: hidden;} .foot_kword a{display:inline-block;height: 36px;line-height: 36px; font-size:16px;margin-bottom:10px;color:#666666;border:solid 1px #e5e5e5;padding:0px 10px;margin-right:15px;box-sizing: border-box;} .pub_more{display:block;width:100px;margin:0 auto;height:32px;background:#ff7328;font-size: 16px;line-height: 32px;color: #FFFFFF;text-align: center;margin-top:20px;margin-bottom: 30px;} .f_share{display: none;} .ny_pic_list ul li{width:33.333%;max-width:375px;max-height:375px;float:left;padding:0px 2vw;text-align: center;box-sizing: border-box;} .ny_pic_list ul li .h_pic{width:25vw;height:25vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .ny_pic_list ul li .h_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .ny_pic_list ul li .ph_name{width:24vw;} /*.ny_pic_list ul li .h_pic.v_pic{height:18.8vw;max-height:145px;}*/ /*内页*/ .image_map{display: none;} .image_honor_box{width:100%;border-left:none;float: left;padding-left:0px;margin-top: 10px;box-sizing:border-box;overflow: hidden;} .image_honor{position: relative;z-index: 7;box-sizing:border-box;overflow: hidden;} .image_honor ul li{width:24%;float:left;overflow: hidden;box-sizing: border-box;} .image_honor ul li .h_pic{width:20vw;height:20vw;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .image_honor ul li .h_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .image_honor .btn_r{width:20px;height:40px;line-height:40px;left:0px;top:50%;margin-top: -20px;} .image_honor .btn_n{width:20px;height:40px;line-height:40px;right:0px;top:50%;margin-top: -20px;} .path{display: none;} .ny_box{border:none;border-bottom: solid 6px #f3f3f3;background: #FFFFFF;padding: 20px 15px;box-sizing: border-box;margin:0px;} .ny_box2{border:none;border-bottom: solid 6px #f3f3f3;background: #FFFFFF;padding: 20px 15px;box-sizing: border-box;margin:0px;} .ny_box.mt50{margin-top: 50px;} .ny_box2.mt50{margin-top: 50px;} .basic_info .l_cont{width:100%;padding:10px;text-indent:26px;float: none;border-right:none;box-sizing: border-box;font-size: 14px;line-height: 30px;} .basic_info .r_cont{width:100%;padding:0px;float: none;margin-top:20px;padding-top:20px;border-top:solid 1px #e5e5e5;box-sizing: border-box;font-size: 14px;border-left: none;} .p_text{line-height: 30px;font-size: 14px;} .basic_info{padding: 0px;} .a_video{display: block;} .video_box{padding: 10px 15px;text-align: center;overflow: hidden;box-sizing: border-box;} .video_box iframe{max-width: 100%;} .a_trade{display: none;} .video_cont{padding:15px;} .basic_info .v_t{line-height:24px;font-size: 16px;} .basic_info .v_link{line-height:24px;font-size: 16px;color: #febd15;} .ny_contact_l{width:100%;float: left;border-right:none;padding:20px 10px;box-sizing: border-box;} .ny_contact_l ul{margin-top: 20px;} .ny_contact_l ul li{width:100%;line-height: 36px;color:#555555;font-size:16px;} .ny_contact_l ul li span{display:block;width:170px;float: left;color: #a9a9a9;font-size: 16px;} .ny_contact_l ul li a{color: #777777;font-size: 16px; text-decoration: underline;} .ny_contact_l ul li a:hover{color: #ffaf00;} .ny_contact_r{width:100%;padding:20px;border-bottom:dashed 1px #e5e5e5;float: left;box-sizing: border-box;font-size: 16px;line-height: 36px;} .ny_contact_r .s_top{margin: 25px 0px;} .ny_contact_r .s_top .photo{max-height:140px;max-width:140px;float: left;margin-right: 20px;} .ny_contact_r .s_top .photo_r .name{color: #2c2c2c;font-size: 16px;line-height:30px;} .ny_contact_r .s_top .photo_r .job{color: #bdbdbd;font-size: 16px;line-height:30px;} .ny_contact_r .s_top .photo_r .chat{margin-top:10px;color: #1195db;font-size: 16px;} .ny_contact_r .s_top .photo_r .chat i{font-size: 18px;margin-right: 5px;} .ny_contact_r .s_top .photo_r .contact_btn{display:block;background:#ff7328;height:36px;line-height:36px;color:#ffffff;font-size:18px;text-align: center;} .ny_contact_r .s_top .photo_r .contact_btn i{color:#ffebbf;padding-right: 10px;} .ny_contact_r .contact_btn {display: none;} .side_left{display: none;} .content_right{padding-left: 0px;} .ny_download ul li{width:100%;} .ny_h2 span{display: none;} .swiper-container.h_qt{height: auto;overflow: visible;} .ny_probox ul li{width:33.333%;max-width:310px;max-height:310px;float:left;margin:20px 0px;padding:0px 1.5vw;overflow: hidden;box-sizing: border-box;} .ny_probox ul li .p_pic{width:28vw;height:28vw;max-height:310px;max-width:310px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .prolist_box .box_li .p_pic{ width:100px; height:100px;text-align:center;vertical-align: middle;display:table-cell;position:relative; border:solid 1px #CCC; z-index:7} .prolist_box .box_li .p_pic.cp{ width:100px; height:75px;text-align:center;vertical-align: middle;display:table-cell;position:relative; border:solid 1px #CCC; z-index:7} .prolist_box .box_li .p_pic img{ margin:0 auto;max-height:100px;max-width:100px;display: table-cell; vertical-align: middle; display:block; overflow:hidden;} .prolist_box .box_li .m_pic{display: none;} .prolist_box .box_li .pro_right{ padding-left:120px; position:relative;} .prolist_box .box_li .pro_right .p_attribute{display: none;} .contant_btn_list{display: none;} .prolist_box .box_li .pro_right .p_ms{margin-top:15px;} .pc {display: none !important;} .mp {display: block;} /*-------------------------------------------询盘页开始-------------------------------------------*/ .main.bgf5.send { background: #fff; padding-bottom: 0; } .send-top { font-size: 14px; color: #777; line-height: 35px; margin-top: 15px; } .send .main-box { padding: 0; border: 0; } .label input,.label textarea { width: 100%; } .label-tag.country { width: 100%; } .label-tag.country > select { width: 100%; margin-top: 15px; color: #333; } .guestbook-tag { margin: 0; } .other .other-label { width: 100%; } .other .other-label input { width: 100%; margin-top: 15px; } .label-tag { width: 100%; margin-bottom: 15px; } .label-tag select { width: 20%; } .label-tag input { width: 77%; } .guestbook-tag-box > input { width: 100%; padding: 0 10px; line-height: 35px; border-radius: 3px; border: 1px solid #ededed; outline: none; box-sizing: border-box; margin-top: 15px; } .remind { padding-bottom: 15px; font-size: 14px; margin-top: 15px; color: #333; } .uploadFile-container { display: box; display: -webkit-box; } .uploadFile-item { box-flex: 1; -webkit-box-flex: 1; padding-bottom: 30%; margin-right: 1%; height: 0; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; } .uploadFile-item .square { position: absolute; top: 0px; bottom: 0px; left: 0; right: 0; border: 1px dashed #ccc; } .uploadFile-item .square img { max-width: 100%; max-height: 100%; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; } .uploadFile-item .square .text { position: absolute; bottom: 5px; left: 0; right: 0; margin: auto; text-align: center; } .uploadFile-item input[type=file] { position: absolute; right: 0; top: 0; height: 100%; width: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .uploadFile-item .square.active:before { width: 1px; height: 60%; } .uploadFile-item .square.active:after { width: 60%; height: 1px; } .uploadFile-item .square.active:before, .uploadFile-item .square.active:after { content: ""; position: absolute; display: inline-block; background: #ccc; left: 0; right: 0; top: 0; bottom: 0; margin: auto; top: -0.5rem; } .uploadFile-item .clo_change { position: absolute; top: -8px; right: -9px; width: 18px; height: 18px; } .showBtn button { width: 100%; background: #212121; margin-bottom: 10px; } /*-------------------------------------------询盘页结束-------------------------------------------*/ .detail_l{width:100%;float: left;position: relative;} .right_detail{width:45%;} .right_detail .a_link ul li a{height:40px; line-height:40px;color:#121212; font-size:16px; display:block;padding:0px 5px;} .right_detail .a_link ul li a:hover{height:40px; line-height:40px;color:#121212; padding:0px 5px;} .right_detail .a_link ul li a i{font-size: 18px;margin-right:8px; color: #bcbcbc;} .right_detail .a_link ul li.share a{float:left;display:inline-block;width:16px;height: 16px;margin-top:12px;padding:0px 5px;background-image:url(../images/sns-share.png); background-repeat: no-repeat;} .detail_r{display: none;} .detail_l .ny_box3 {margin:20px 0px;} .rec_box .box_detail_rec .video_mod{max-width:800px;max-height:450px;margin: 0 auto;margin-top:20px; margin-bottom: 20px;padding: 0px 20px;} .video_list_cut ul li{height: 80px;width: 80px;} } @media only screen and (max-width:767px) { .you_like ul li .con .list_l .img img{ width: 80px; height: 80px; } .prolist_box{ margin-top: 80px; } .body_bg{background: #FFFFFF;} .footer_bg{display: none;} /*.detail_l .content_detail{display: none;}*/ .p_detail_pic{display: block;} .p_detail_pic .swiper-container{margin-top:0rem;} .m{margin: 0 auto;padding:0px 0.75rem;} .swiper-container{margin-top:4rem;} .top{width:100%;height:4rem;} .right_detail{width: 100%;padding:0px 10px;box-sizing: border-box;} .right_detail .c_btn{width: 100%;} .pro_left_pic{display: none;} .content_detail2{display: none;} .return_top{display: none;} .navbar-item-l{float:left;height:4rem;line-height:4rem;width:30%;} .navbar-item-r{float:right;height:4rem;line-height:4rem;text-align: right;width:30%;} .navbar-L-box {float:left;height:4rem;width:40%;} .navbar-L-box .navbar-center {width: 100%; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; height: inherit;box-sizing: border-box} .navbar-L-box .navbar-center img {height: 3.3rem;display: block;} .nav_div{position:relative;margin-right:15px;} .nav_div .order_n{position: absolute;right:-15px;top:-1px;font-weight: 700;} .iconfont.icon_list{color: #FFFFFF;margin-left: 10px;font-size: 2.0rem;} .iconfont.icon_list_r{color: #FFFFFF;margin-left: 15px;font-size: 2.0rem;} .fl_list{ width:230px; position:absolute; right:0px; top:46px;border-top: solid 3px #ff7328; background:#fafafa; z-index:99; display:none;} .lg_list{top:46px;} .g_title{padding:20px 15px;box-sizing:border-box;font-size:1.6rem;} .home_mod1_m dl{width:33.33%;float: left;padding: 0px;text-align: center;position: relative;z-index: 9;} .ny_h2{font-size:18px;font-family: arial;height: unset;line-height: 30px;color: #535353;} .ny_h2 a{float: right;display:block;padding-right: 10px;font-size: 14px; color: #ff7328;} .ny_h2 .title{float: left;font-size: 18px;font-family: arial;height: 30px;line-height: 30px;color: #535353;} .ny_h2 .span_tag{display: none;} .ny_h2 h1{font-size:18px;} .image_honor ul li{width:50%;float:left;overflow: hidden;box-sizing: border-box;} .image_honor ul li .h_pic{width:40vw;height:40vw;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} #main_pro{display: none;} .ny_pic_list ul li{width:50%;padding:0px 2vw;} .ny_pic_list ul li .h_pic{width:40vw;height:40vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .ny_pic_list ul li .h_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .ny_pic_list ul li .ph_name{width:40vw;} /*.ny_pic_list ul li .h_pic.v_pic{height:30vw;max-height:171px;}*/ .message_list{margin-top:10px;} .message_list ul li{padding-left: 120px;} .message_list ul li label{position: absolute;left: 0px;top:0px;color: #6a6a6a;height:46px;line-height: 46px;font-size:16px;font-weight: normal;} .message_list ul li label em{color: #ff0000;font-size: 20px;} .message_list ul li .wz_r{font-size:14px;} .message_list ul li .p_r{line-height:24px;font-size: 14px; color: #777777;} .message_list.li_l ul li{padding-left: 0px;} .message_list.li_l ul li .tex_r{width: 100%;padding-left:160px;box-sizing: border-box;position: absolute;left:-10px;top: 9px;} .message_list.li_l ul li label{display: none;} .message_list.li_l ul li span{font-size: 12px;} .ny_contact_l.cmp{width:100%;padding-top: 0px;} .ny_r_mapc{display: none;} .ny_contact_r{width:100%;padding:0px 20px;} .ny_contact_l ul{margin-top: 20px;} .ny_contact_l ul li{width:100%;line-height:24px; margin-bottom:15px;color:#555555;font-size:14px;} .ny_contact_l ul li span{display:block;width:140px;float: none;color: #a9a9a9;font-size: 14px;} .ny_contact_l ul li a{color: #777777;font-size: 14px; text-decoration: underline;} .content_right .cont{padding:15px;margin:10px;border: none;} .ny_news ul li{height:110px;margin-bottom: 1px;} .ny_news ul li .date{width:30%;height:110px;float:left;padding-top:22px;box-sizing:border-box;background:#f2f2f2;color: #ffaf00;text-align:center;font-size: 1.6rem;font-family: arial;} .ny_news ul li .date span{display:block;font-size:3rem;color: #ffaf00;} .ny_news ul li .content{background:#f8f8f8;width:70%;height:100%;padding:15px 20px;box-sizing: border-box;overflow: hidden;} .page {margin-top:40px;} #ny_box3{display: none;} .ny_probox ul li.show .show_text{display: none;} .ny_probox {margin-top: 60px;} .ny_probox ul li{width:50%;max-width:332px;max-height:332px;padding: 0px 0vw;margin: 10px 0px;} .changeItem ul li{padding: 0px 2vw;} .ny_probox ul li .p_pic{width:39vw;height:39vw;max-height:332px;max-width:332px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} /*.p_detail_pic .pd_title{ width:100%; line-height:24px; color:#1d1d1d; font-size:16px;padding:10px 20px;box-sizing: border-box;} .p_detail_pic .p_detail{padding:0px 20px; line-height:36px; color:#333333; position:relative;} .p_detail_pic .p_detail span{ padding-right:5px; color:#a1a1a1;} .p_detail_pic .p_detail b{color:#ffaf00;} .p_detail_pic .p_d{ padding-top:10px;} .p_detail_pic .p_d span{ display:block; float:left; height:45px; line-height:45px; padding-right:5px; color:#a1a1a1;} .p_detail_pic .p_d a{ display:block; float:left; padding-left:15px;} .p_detail_pic .p_detail i {color: #ffaf00;cursor: pointer;} .p_detail_pic .c_btn{width:50%;float:left;text-align:center;height:50px; line-height:50px;color:#333333;display:block; background:#febd15;margin-top:20px;font-size:20px;} .p_detail_pic .c_btn.chat{background: #3b3b3b; color: #FFFFFF;}*/ .detail_l .ny_box3 {border:none;padding: 20px; padding-bottom:0px;box-sizing: border-box;margin:0px;border-bottom: solid 10px #f8f8f8;} .box_detail{ padding:10px 0px; } .box_detail ul li {width:100%;padding-left: 0px;} .box_detail ul li span{color: #a9a9a9;padding-right: 10px;font-size: 16px;} .waterfall_flow_wrap .waterfall_flow .article .title {line-height: 50px;height: 50px;font-size: 16px;} .waterfall_flow_wrap .waterfall_flow .article p{height: 32px;line-height: 32px;} .waterfall_flow_wrap .waterfall_flow .article p a{font-size: 14px;} .wall-column{padding: 0 5px;} .htmleaf-container .oTitle{margin-bottom: 15px;font-size: 18px;} .rec_box{margin-top:-1px;} .content_detail .p_title_rec{width:100%; line-height:28px; color:#2c2c2c; font-size:16px;padding:0px 10px;box-sizing: border-box;} .rem_tab_t{width:100%;height:auto;border-bottom:none;} .rem_tab_t ul li{margin-bottom:0px;width:50%;text-align:center;height: 50px;line-height:50px;background: #f9f9f9;border-bottom: solid 1px #FFFFFF;font-size:16px;border-right: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;float: left;padding:0px 20px;cursor: pointer;box-sizing: border-box;} .rem_tab_t ul li.current{height: 50px;line-height:50px;background: #ffffff;font-size:16px;border-right: solid 1px #e5e5e5;float: left;padding:0px 20px;} .video_sm_pic{padding:0px 10px;} .video_sm_pic ul li{ width:17vw;height:17vw;padding:1vw;box-sizing: border-box;} .video_sm_pic ul li a{width:16vw;height:16vw;max-width:100px; max-height:100px;} .video_sm_pic ul li a:hover{width:16vw;height:16vw;max-width:100px; max-height:100px;} /*-------------------------------------------询盘开始-------------------------------------------*/ .product-other { float: right; width: 285px; } .w30 { width: 35px; text-align: center; } /*-------------------------------------------询盘结束-------------------------------------------*/ } @media only screen and (max-width:420px){ .home_mod1_m dl dt.iconfont{font-size:36px;} .home_mod1_m dl dd{color: #1f1f1f;font-size:14px;font-family: arial;font-weight: bold;margin-top:10px;} .home_promod{width:100%;padding: 0px 15px;box-sizing: border-box;} .home_promod ul li{width:50%;max-width:375px;max-height:375px;float:left;margin-bottom:20px;text-align: center;} .home_promod ul li .p_pic{width:42vw;height:42vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_promod ul li.show .p_pic{width:42vw;height:42vw;box-sizing:border-box;border:solid 4px #ff7328;} .home_promod ul li .show_text{width:100%;height:66px;padding:10px;box-sizing: border-box;} .home_promod ul li .show_text .ph_name{margin-bottom:5px;font-size: 1.4rem;} .home_promod ul li .show_text .p_btn{height:20px;line-height:20px;font-size:14px;} .home_proroll{width:100%;padding: 0px 15px;box-sizing: border-box;} .home_proroll ul li{width:50%;max-width:375px;max-height:375px;float:left;margin-bottom:30px;text-align: center;} .home_proroll ul li .p_pic{width:42vw;height:42vw;max-height:375px;max-width:375px;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_proroll ul li.show .p_pic{width:42vw;height:42vw;box-sizing:border-box;border:solid 2px #ff7328;} .sroll_btn .prev_btn{width:30px;height:30px;line-height:30px;font-size:24px;} .sroll_btn .next_btn{width:30px;height:30px;line-height:30px;font-size:24px;} .sroll_btn{width:60px;text-align: center;margin: 0 auto;margin-top:-5px;} .image_honor ul li{width:50%;float:left;overflow: hidden;box-sizing: border-box;} .image_honor ul li .h_pic{width:40vw;height:40vw;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .ny_contact_r .s_top .photo{width:110px;height:110px;margin:0 auto;margin-bottom:10px;float: none;text-align:center;} .ny_contact_r .s_top .photo_r {float: none;text-align: center;} .ny_contact_r .s_top .photo_r .name{color: #2c2c2c;font-size: 16px;line-height:30px;} .ny_contact_r .s_top .photo_r .job{color: #bdbdbd;font-size: 16px;line-height:30px;} .ny_contact_r .s_top .photo_r .chat{margin-top:10px;color: #1195db;font-size: 16px;} .ny_contact_r .s_top .photo_r .chat i{font-size: 18px;margin-right: 5px;} .ny_contact_r .s_top .photo_r .contact_btn{display:block;background: #ffaf00;height:36px;line-height:36px;color:#ffffff;font-size:18px;text-align: center;} .ny_contact_r .s_top .photo_r .contact_btn i{color:#ffebbf;padding-right: 10px;} .g_title.nt{margin-top:-15px;} #footer{display: none;} .video_sm_pic{padding:0px 11px;} .video_sm_pic ul li{ width:19vw;height:19vw;padding:1vw;box-sizing: border-box;} .video_sm_pic ul li a{width:18vw;height:18vw;max-width:100px; max-height:100px;} .video_sm_pic ul li a:hover{width:18vw;height:18vw;max-width:100px; max-height:100px;} } .yiiPager .next{ position: unset; } ul.yiiPager .page a { padding: 10px 15px; } ul.yiiPager .previous a{ padding: 10px 15px; } ul.yiiPager .next a{ padding: 10px 15px; } ul.yiiPager > ul > li > a.active, ul.yiiPager li a:hover { background: #ffb410; border-color: #ffb410; color:#fff; } ul.yiiPager .selected a { background: #ffb410; } .path span a{ color:#ff7328; } .tag_reviews_list{ padding: 20px 0px; box-sizing: border-box; margin: 20px 0px;;} .tag_reviews_list .title{font-size: 20px; font-family: arial; height: 40px; line-height: 40px; color: #535353; position: relative;} .reviews_mod{margin-top:10px;border-bottom:dashed 1px #e5e5e5;} .reviews_list {display:inline-block;padding-bottom:5px;} .reviews_list .subtitle{padding: 10px 0px;width: 100%;height: 30px;line-height: 30px;} .reviews_list .photo{width:30px;height: 30px;float: left;display: block; padding-right: 10px;} .reviews_list .comment_text{font-size: 14px;margin-bottom:5px;line-height:20px;display: block;clear: both;} .reviews_list .name{font-size: 16px;color: #444444;float: left;padding-right:10px;display: block;} .reviews_list .date{font-size: 16px;padding:0px 10px;color: #999999;display: block;float: left;} .reviews_list .rate_star{padding: 7px;display: block;float: left;} .reviews_list .rate_star .i_star{width: 16px;height: 16px;float: left;margin-right:7px;background: url(../images/star_icon2.png) no-repeat left center;} .reviews_list .rate_star .i_star.gray{background: url(../images/star_icon.png) no-repeat left center;} .reviews_list .hide{display: none;} .box_detail .detail_infos p{ float: left; height: 36px; line-height: 36px; font-size: 16px; color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 50%; word-wrap: break-word; padding-left: 15px; box-sizing: border-box; } @media only screen and (max-width:1040px) { .box_detail .detail_infos p{ width: 100%; float: unset; } .box_detail table{ display: block; } .box_detail table tbody{ display: block; width: 100%; overflow-x: scroll; } } .bossdesc img{ display: inline; height: auto; max-width: 100%; }