/* 缁囨ⅵ58锛坉ede58.com锛夊仛鏈€濂界殑缁囨ⅵ鏁寸珯妯℃澘涓嬭浇缃戠珯 */ @charset "utf-8"; html, input, select, textarea { font: 400 12px/normal '寰蒋闆呴粦'; } a { color: #2a333c; text-decoration: none; } body { position: relative; margin: 0; padding: 0; } .imgbox { position: relative; text-align: center; } .imgbox:before { content: ""; display: block; padding: 100% 0 0; } .imgbox img { position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%, -50%); } .cnt { max-width: 1251px; margin: 0 auto; padding: 0 10px; } .index_sec_keywords { } @media (max-width: 670px) { .index_sec_keywords { position: static; margin: 0; } } .index_sec_keywords .cnt { position: relative; max-width: 1100px; height: 54px; overflow: hidden; border-radius: 3px; } .header_sec_logo .cnt .contact .search_index { position: relative; max-width: 500px; height: 54px; background: url(../img/index_sec_keywords_bg.gif); border: 1px solid #e6e6e6; overflow: hidden; border-radius: 3px; } @media (max-width: 670px) { .index_sec_keywords .cnt { height: auto; background: white; border: none; } } .index_sec_keywords .cnt .search { float: left; width: 310px; height: 34px; margin: 11px 10px; font-size: 0; } @media (max-width: 650px) { .index_sec_keywords .cnt .search { float: none; width: auto; } } .index_sec_keywords .cnt .search .keywords { display: block; position: relative;/* width:239px; */ height: 32px; margin: 0 70px 0 0; vertical-align: middle; font-size: 12px; border: 1px solid #e6e6e6; border-right: none; border-radius: 3px 3px 0 0; } .index_sec_keywords .cnt .search .keywords .ico.ico_glass { float: left; width: 12px; height: 12px; vertical-align: middle; margin: 10px 8px 0; background: url(../img/index_keywords_search_glass.png); } .index_sec_keywords .cnt .search .keywords .text { display: block; margin: 0 0 0 30px; height: 27px; vertical-align: middle; } .index_sec_keywords .cnt .search .keywords .text input { width: 100%; height: 100%; border: none; background: 0 0; outline: 0; } .index_sec_keywords .cnt .search .btn { float: right; position: relative; height: 34px; padding: 0 23px; vertical-align: middle; font-size: 12px; line-height: 34px; color: #fff; background: #6b6b6b; border-radius: 0 5px 5px 0; } .index_sec_keywords .cnt .search .btn input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .index_sec_keywords .cnt .hotword_list { display: block; margin: 19px 0 0 340px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media (max-width: 650px) { .index_sec_keywords .cnt .hotword_list { margin: 10px; } } .index_sec_keywords .cnt .hotword_list .hotword_title { font-weight: 700; } .index_sec_keywords .cnt .hotword_list .hotword_item {/* display:inline-block; */ margin: 0 6px; } #preview { position: absolute; top: -361px; left: 0; opacity: .5; z-index: 2; pointer-events: none; } .header_sec_welcome { height: 32px; padding: 0 0 1px; background: url(../img/header_sec_welcome_bg.gif); border-bottom: 1px solid #e5e5e5; overflow: hidden; } @media (max-width: 720px) { .header_sec_welcome { /* display: none; */ } } @media (max-width: 650px) { .header_sec_welcome { background: #f6f6f6; height: auto; padding: 1px 0; text-align: center; } } .header_sec_welcome .cnt .contact_list { float: right; margin: 8px 0; } @media (max-width: 650px) { .header_sec_welcome .cnt .contact_list { float: right; } } .header_sec_welcome .cnt .contact_list .contact_item { display: inline-block; } .header_sec_welcome .cnt .contact_list .contact_item+.contact_item { border-left-color: 1px dotted #c8c8c8; } .header_sec_welcome .cnt .contact_list .contact_item .ico.ico_qq { display: inline-block; width: 15px; height: 18px; margin: 0 9px 0 0; vertical-align: middle; background: url(../img/header_sec_welcome_ico_qq.png); } .header_sec_welcome .cnt .contact_list .contact_split { display: inline-block; height: 11px; margin: 0 6px; border-left: 1px dotted #c9c9c9; } .header_sec_welcome .cnt .welcome_title { display: none; padding: 8px 0; } @media (max-width:830px) { .header_sec_logo { text-align: center; } } .header_sec_logo .navi_btn { display: none; float: right; position: relative; width: 4rem; margin: 0; } @media (max-width:830px) { .header_sec_logo .navi_btn { display: block; width: 4rem; height: 4rem; margin: 1rem 0; padding: 0; } } @media (max-width:500px) { .header_sec_logo .navi_btn { width: 4rem; height: 4rem; margin: 1rem 0; padding: 0; } } .header_sec_logo .navi_btn .line { display: block; width: 3.75rem; height: 6px; margin: 1rem 0; background: #666; border-radius: 3px; } @media (max-width:500px) { .header_sec_logo .navi_btn .line { margin: 7px 0; width: 4rem; } } .header_sec_logo .cnt .contact { float: right; margin: 45px 0 10px; text-align: right; } /*@media (max-width:830px){.header_sec_logo .cnt .contact{float:none;display: inline-block;margin: 30px 20px 0;}}*/ @media (max-width:830px) { .header_sec_logo .cnt .contact { display: none; } } .header_sec_logo .cnt .contact .symbol { float: right; padding: 6px 9px; border-radius: 3px; background: #ddd; } .header_sec_logo .cnt .contact .symbol .ico.phone { display: inline-block; width: 23px; height: 24px; background: url(../img/header_sec_welcome_contact_phone.png); } .header_sec_logo .cnt .contact .intro { margin: 0 54px 0 0; overflow: hidden; } .header_sec_logo .cnt .contact .intro .title { margin: 0 0 -4px; color: #666; } .header_sec_logo .cnt .contact .intro .num { font-size: 24px; color: #ffa208; } .header_sec_logo .cnt .logo_list { display: inline-block; font-size: 24px; } @media (max-width: 830px) { .header_sec_logo .cnt .logo_list { display: block; margin: 0; text-align: left; font-size: 1.3rem; padding-top: 1.5rem; float: left; } } @media (max-width: 380px) { .header_sec_logo .cnt .logo_list { display: block; margin: 0; text-align: left; font-size: 1rem; padding-top: 1.5rem; float: left; } } .header_sec_logo .cnt .logo_list img { vertical-align: middle; } @media (max-width: 830px) { .header_sec_logo .cnt .logo_list img { max-width: 170px; } } @media (max-width: 500px) { .header_sec_logo .cnt .logo_list img { max-height: 40px; } } .header_sec_logo .cnt .logo_list .logo_main { } .header_sec_logo .cnt .logo_list .logo_split { display: inline-block; height: 44px; margin: 44px 28px 40px; vertical-align: middle; border-left: 1px solid #e5e5e5; } @media (max-width:830px) { .header_sec_logo .cnt .logo_list .logo_split { margin: 24px; } } @media (max-width:540px) { .header_sec_logo .cnt .logo_list .logo_split { margin: 24px 10px; } } /*@media (max-width:610px){.header_sec_logo .cnt .logo_list .logo_split{margin:10px;}}*/ @media (max-width:530px) { .header_sec_logo .cnt .logo_list .logo_split { opacity: 0; margin: 6px 0; } } /*@media (max-width:400px){.header_sec_logo .cnt .logo_list .logo_split{display:none;}}*/ .header_sec_logo .cnt .logo_list .pic_sec { display: inline-block; vertical-align: middle; } @media (max-width: 480px) { .header_sec_logo .cnt .logo_list .pic_sec { display: none; } } .header_sec_navi { color: #fff; background: #2f2f2f; background: url(../img/nav_bg.jpg); } @media (max-width: 910px) { .header_sec_navi { position: fixed; top: 0; bottom: 0; right: -50%; z-index: 2; width: 50%;/*transform: translateX(100%);*/ transition-duration: .5s; background: rgba(44,44,44,.95); } } .header_sec_navi a { color: #fff; } @media (max-width: 910px) { .header_sec_navi .cnt { margin: 0; padding: 0; } } .header_sec_navi .navi_btn { display: none; position: absolute; bottom: 10vh; left: 0; width: 45px; height: 45px; padding: 10px; transform: translateX(-100%); background: rgba(44,44,44,.95); } @media (max-width: 910px) { .header_sec_navi .navi_btn {/* display:block; */ } } .header_sec_navi .navi_btn .line { display: block;/* width: 80%; */ height: 6px; margin: 8px 0; border-radius: 3px; background: white; transform: translate(0, -50%); transform-origin: center center; } .header_sec_navi .navi_btn .line.line_1 {/* transform: translate(-50%,-50%) rotate(45deg); */ } .header_sec_navi .navi_btn .line.line_2 {/* transform: translate(-50%,-50%) rotate(-45deg); */ } .header_sec_navi .cnt .navi_list { font-size: 0; text-align: justify; } @media (max-width: 910px) { .header_sec_navi .cnt .navi_list { display: block; } } .header_sec_navi .cnt .navi_list .navi_item { display: inline-block; font-size: 18px; width: 8%; float: left; text-align: center; padding: 0 2%; } @media (max-width: 910px) { .header_sec_navi .cnt .navi_list .navi_item { display: block; width: 100%; } } .header_sec_navi .cnt .navi_list .navi_item .navi_item_title { display: block; padding: 14px 5px; transition: all ease .3s; } .header_sec_navi .cnt .navi_list .navi_item.on .navi_item_title, .header_sec_navi .cnt .navi_list .navi_item:hover .navi_item_title { background: #d51918; } .header_sec_navi .cnt .navi_list .line_holder { display: inline-block; width: 100%; } @media (max-width: 910px) { .header_sec_navi.on {/*transform: translateX(0);*/ right: 0; } } .footer_sec_link { margin: 0 0; padding: 1px 0 0; font-size: 14px; color: #fff; background: #313131; } @media (max-width:500px) { .footer_sec_link { display: none; } } .footer_sec_link a { color: #fff; } .footer_sec_link a:hover { color: #ffa208; } .footer_sec_link .cnt .link_title { float: left; margin: 0px 5px 0 0; } .footer_sec_link .cnt .link_list { margin: 5px 0 5px 80px; } .footer_sec_link .cnt .link_list .link_item { display: inline-block; margin: 5px 0; } .footer_sec_link .cnt .link_list .link_split { display: inline-block; margin: 0 8px; } .footer_sec_navi { /*margin-top:40px;*/ color: #fff; background: #222; background: url('/skin/img/footer_bg.jpg') repeat-x top; } .footer_sec_navi a { color: white; } .footer_sec_navi .cnt { overflow: hidden; } .footer_sec_navi .cnt .navi_sec_list { min-height: 200px; margin: 0px 0 0px -10px; font-size: 0; text-align: justify; padding:0 10px; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_title { margin: 20px 0px; font-size: 16px; color: #fff; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec { float: right; width: 327px; margin: 0 0 0 119px; } @media (max-width: 1040px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec { margin: 0 0 0 30px; } } @media (max-width: 920px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec { display: block; float: none; width: auto; margin: 0 20px; overflow: hidden; } } @media (max-width: 380px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec { margin: 10px; } } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow { position: relative; float: right; margin: 9px 0 0; padding: 0 0 0 33px; } @media (max-width: 380px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow { padding: 0 0 0 20px; } } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .border { position: absolute; top: 0; bottom: 0; left: 0; border-left: 1px solid gray; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .border.border_1 { border-left-color: #181818; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .border.border_2 { border-left-color: #363636; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list { margin: 10px 0; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item { position: relative; margin: 17px 0; } @media (max-width: 920px and min-width: 510px; ) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item { display:inline-block; margin:0 20px; } } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico { display: inline-block; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico.ico_qq { width: 18px; height: 20PX; background: url(../img/footer_sec_navi_contact_folloow_ico_qq.png); } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico.ico_wechat { width: 23px; height: 19PX; background: url(../img/footer_sec_navi_contact_folloow_ico_wechat.png); } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico.ico_weibo { width: 23px; height: 19PX; background: url(../img/footer_sec_navi_contact_folloow_ico_weibo.png); } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .barcode { display: none; position: absolute; bottom: 0; right: 30px; width: 150px; height: 150px; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item:hover .barcode { display: block; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone { margin: 28px 0 8px; } @media (max-width: 920px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone { display: inline-block; vertical-align: middle; margin: 0 20px 0 0; } } @media (max-width: 380px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone { display: block; margin: 1rem 0; } } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .symbol { float: left; padding: 8px; background: #fff; border-radius: 3px; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .symbol .ico.ico_phone { display: inline-block; width: 24px; height: 24px; background: url(../img/footer_sec_contact_phone_ico_phone.png); } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .intro { margin: 0 0 0 50px; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .title { margin: 0 0; color: #fff; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .value { font-size: 24px; color: #ffa208; } @media (max-width: 380px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .value { font-size: 1.5rem; white-space: nowrap; } } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_option_list { margin: 6px 0; font-size: 14px; line-height: 1.7; } @media (max-width: 920px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_option_list { display: inline-block; text-align: left; vertical-align: middle; } } @media (max-width: 380px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_option_list { display: block; font-size: 12px; } } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item { display: inline-block; font-size: 14px; margin: 0 10px; vertical-align: top; width: 133px; float: left; } @media (max-width: 500px) { .footer_sec_navi .cnt .navi_sec_list .navi_sec_item { display: none;/*min-width: 38%;*/ } } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_option_list { margin: 20px 0; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_option_list .navi_sec_option_item { margin: 8px 0; } .footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_option_list .navi_sec_option_item a { color: #aaa; } .footer_sec_navi .cnt .navi_sec_list .line_holder { display: inline-block; width: 100%; } .footer_sec_copy { padding: 1px 0; color: #aaa; background: #313131; text-align: center; } .footer_sec_copy a { color: #aaa; } .footer_sec_copy .cnt { border-top: 1px solid #393939; } .footer_sec_copy .cnt .copy_intro { margin: 12px 0; font-size: 14px; text-align:left; } .footer_sec_copy .support { display: inline-block; } .pub_page_banner { position: relative; width: 100%;/* height:360px; */ overflow: hidden; } .pub_page_banner .pc_banner { display: block; } @media (max-width: 720px) { .pub_page_banner .pc_banner { display: none; } } .pub_page_banner .mobile_banner { display: none; } @media (max-width: 720px) { .pub_page_banner .mobile_banner { display: block; } } .pub_page_banner .pic {/* position:absolute; *//* top:0; *//* left:50%; *//* width:1920px; *//* height:360px; *//* margin:0 0 0 -960px; */ } .pub_page_banner .pic img { display: block; width: 100%; } .pub_page_search { color: #666; background: #fff; /* border-bottom: 1px solid #e5e5e5; */ } .pub_page_search a { color: #666; } .pub_page_nav .cnt { position: relative; max-width: 1190px; height: 40px; background: url(/skin/img/icon_nav.png) no-repeat 0px 0px;/* border:1px solid #e6e6e6; */ overflow: hidden; border-radius: 3px; line-height:40px; padding-left:20px; } @media (max-width: 670px) { .pub_page_nav .cnt { height: auto; background: white; border: none; } } .pub_page_nav .cnt .search { float: left; width: 310px; height: 34px; margin: 11px 10px; font-size: 0; } @media (max-width: 650px) { .pub_page_nav .cnt .search { float: none; width: auto; } } .pub_page_search .cnt { position: relative; max-width: 1190px; height: 40px; background: url(/skin/img/icon_nav.png) no-repeat 0px 0px;/* border:1px solid #e6e6e6; */ overflow: hidden; border-radius: 3px; line-height:40px; padding-left:20px; } @media (max-width: 670px) { .pub_page_search .cnt { height: auto; background: white; border: none; } } .pub_page_search .cnt .search { float: left; width: 310px; height: 34px; margin: 11px 10px; font-size: 0; } @media (max-width: 650px) { .pub_page_search .cnt .search { float: none; width: auto; } } .pub_page_search .cnt .search .keywords { display: block; position: relative;/* width:239px; */ height: 32px; margin: 0 70px 0 0; vertical-align: middle; font-size: 12px; border: 1px solid #e6e6e6; border-right: none; border-radius: 3px 3px 0 0; } .pub_page_search .cnt .search .keywords .ico.ico_glass { float: left; width: 12px; height: 12px; vertical-align: middle; margin: 10px 8px 0; background: url(../img/index_keywords_search_glass.png); } .pub_page_search .cnt .search .keywords .text { display: block; margin: 0 0 0 30px; height: 27px; vertical-align: middle; } .pub_page_search .cnt .search .keywords .text input { width: 100%; height: 100%; border: none; background: 0 0; outline: 0; } .pub_page_search .cnt .search .btn { float: right; position: relative; height: 34px; padding: 0 23px; vertical-align: middle; font-size: 12px; line-height: 34px; color: #fff; background: #ffa208; border-radius: 0 5px 5px 0; } .pub_page_search .cnt .search .btn input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .pub_page_search .cnt .hotword_list { display: block; margin: 19px 0 0 340px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media (max-width: 650px) { .pub_page_search .cnt .hotword_list { display: none; margin: 10px; } } .pub_page_search .cnt .hotword_list .hotword_title { font-weight: 700; } .pub_page_search .cnt .hotword_list .hotword_item {/* display:inline-block; */ margin: 0 6px; } /*.pub_page_side_main{background:url(../img/content_bg.png) no-repeat center 13px;}*/ .pub_page_side_main .cnt { overflow: hidden; } .pub_page_side_main .cnt .pub_page_side { float: left; width: 290px; margin: 5px 0; } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side { float: none; width: auto; margin: 20px 0; } } .pub_page_side_main .cnt .pub_page_side .pub_page_side_title { color: #fff; text-align: center; background: url(/skin/img/lf_navbg.jpg) repeat-x 0; border-radius: 3px 3px 0 0; overflow: hidden; height:58px; line-height:58px; } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side .pub_page_side_title {/* display: none; */ } } .pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_main { margin: 16px; line-height:58px; text-transform: uppercase; font: 700 20px 'Berlin Sans FB'; } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_main { /* display: none; */ } } .pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_sub { margin: 5px 0 24px; font: 20px '鏂规缁艰壓绠€浣?; } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_sub { margin: 10px; } } .pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_sub .arr { display: inline-block; margin: 0 0 0 10px; font: bold 20px '瀹嬩綋'; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_title.on .title_sub .arr { transform: rotate(90deg); } .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list { margin: 0 0 52px 0; text-align: center; } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list { text-align: justify; margin: 0; font-size: 0; } } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list:after { content: ""; display: inline-block; width: 100%; } ; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item { color: #333; font-size: 18px; background: #fff; border: 1px solid #e5e5e5; transition: all ease .3s; } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item { display: inline-block; width: 48.5%; margin: 3px 0; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item a { display: block; margin: 16px; text-overflow: ellipsis; overflow: hidden; } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item a { margin: 10px; } } .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item .ico.ico_arr { display: none; margin: 0 0 0 14px; font: 700 12px '瀹嬩綋'; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:hover { font-weight: 700; color: #fff; background: #8d8d8d; border-color: #8d8d8d; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:visited { font-weight: 700; color: #fff; background: #d51819; border-color: #d51819; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on a, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:hover a { display: block; color: #fff; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on .ico.ico_arr, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:hover .ico.ico_arr { display: inline-block; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item+.menu_item { margin-top: -1px; } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item+.menu_item { margin-top: 3px; } } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact { display: none; } } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_title { padding: 17px; text-align: center; font-size: 17px; color: #fff; background: #6b6b6b; background: url(/skin/img/lf_navbg.jpg) repeat-x 0; font-size:20px; font-weight:bold; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro { padding: 1px 0 0; border: 1px solid #ccc; border-top: none; background: #fff; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content { margin: 10px 0; padding: 1px 0 0; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title { margin: 9px 24px 15px; overflow: hidden; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .symbol { float: left; width: 38px; height: 38px; text-align: center; line-height: 38px; border: 1px solid #082e50; border-radius: 100%; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .symbol .ico.ico_phone { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url(../img/pub_page_side_main_ico_phone.png); } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .title_main { margin: 6px 0 0 51px; font-size: 20px; color: #d51819; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .title_sub { margin: 0 0 0 50px; text-transform: uppercase; color: #d51819; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_phone { text-align: center; margin: 5px 10px; font-size: 13px; font-weight: 700; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_phone .main_phone { color: #d51819; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_phone .sub_phone { color: #8d8d8d; font-size:20px; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_method_list { margin: 40px 10px; font-size: 14px; color: #666; } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_method_list span { } .pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_method_list .contact_method_item { display: block; margin: 14px 0; } .pub_page_side_main .cnt .pub_page_main {/* float:right; *//* width:890px; */ margin: 5px 0 50px 333px; } @media (max-width: 870px) { .pub_page_side_main .cnt .pub_page_main { margin: 10px 0 30px; } } .pub_page_side_main .cnt .pub_page_main .pub_page_title { padding: 1px 0; color: #fff; border-radius: 3px 3px 0 0; background:url(/skin/img/rt_tbg.jpg) no-repeat; background-position: right center; background-color: #3f3f3f; } .pub_page_side_main .cnt .pub_page_main .pub_page_title .pub_page_bcnav { float: right; margin: 18px 22px; color: #fff; } @media (max-width: 800px) { .pub_page_side_main .cnt .pub_page_main .pub_page_title .pub_page_bcnav { display: none; float: none; text-align: left; } } .pub_page_side_main .cnt .pub_page_main .pub_page_title .pub_page_bcnav a { display: inline-block; color: #fff; } .pub_page_side_main .cnt .pub_page_main .pub_page_title .title_text {/* display: inline-block; */ margin: 15px 19px; font-size: 18px; } @media (max-width: 800px) { .pub_page_side_main .cnt .pub_page_main .pub_page_title .title_text { margin: 10px; font-size: 16px } } .pub_turn_page { margin: 21px 0; font-size: 0; text-align: center; } .pub_turn_page a, .pub_turn_page font, .pub_turn_page select { display: inline-block; margin: 5px; padding: 10px 14px; font-size: 14px; border: 1px solid #e3e3e3; border-radius: 5px; outline: 0; background: white; } .pub_turn_page .page_item_current { color: #fff; background: #03294d; border-color: #03294d; } .pub_turn_page select { min-width: 80px; } #div_mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); } #pop_info_tips { position: absolute; top: 0; left: 0; right: 0; max-width: 600px; margin: 30vh auto 0; background: white; background-clip: content-box; border: 7px solid rgba(0,0,0,.3); box-shadow: 0 0 20px rgba(0,0,0,.3); } @media (max-width: 650px) { #pop_info_tips { margin: 30vh 20px 0; } } .page_func { position: fixed; right: 20px; bottom: 20px; width: 50px; } .page_func .top { display: block; padding: 5px 10px; text-align: center; color: white; background: #ffa208; border-radius: 5px; } .online_func { position: fixed; right: 20px; top: 80%; width: 100px; transform: translateY(-50%); z-index: 50; } @media (max-width: 900px) { .online_func { position: fixed; top: auto; right: 0; bottom: 0; left: 0; width: auto; transform: none; } } .online_func .online_list { } .online_func .online_list .online_item { display: block; position: relative; height: 98px; padding: 1px 0; color: #666; background: #f3f3f3; margin: 1px 0; text-align: center; transition: all ease .4s } .online_func .online_list .online_item.online_phone { display: none; } @media (max-width: 900px) { .online_func .online_list .online_item.online_wechat { display: none; } } @media (max-width: 900px) { .online_func .online_list .online_item.online_phone { display: block; } } @media (max-width: 900px) { .online_func .online_list .online_item { float: left; width: 50%; margin: 0; height: 78px; } } .online_func .online_list .online_item:hover { color: white; background: #6b6b6b; } .online_func .online_list .online_item .online_symbol { display: block; margin: 20px 0 10px; } @media (max-width: 900px) { .online_func .online_list .online_item .online_symbol { height: 48px; margin: 7px 0 0; } } .online_func .online_list .online_item .online_symbol .ico.ico_tencent { display: inline-block; width: 41px; height: 45px; background: url(../img/online_func_ico_tencent.png); } .online_func .online_list .online_item .online_symbol .ico.ico_barcode { display: inline-block; width: 40px; height: 40px; background: url(../img/online_func_ico_barcode.png); } .online_func .online_list .online_item .online_symbol .ico.ico_phone { display: inline-block; width: 40px; height: 40px; background: url(../img/online_func_ico_phone.png); } .online_func .online_list .online_item .online_symbol .ico.ico_backtop { display: inline-block; width: 25px; height: 41px; background: url(../img/online_func_ico_backtop.png); } .online_func .online_list .online_item .online_wnd { display: none; position: absolute; top: 50%; right: 100%; width: 160px; height: 160px; margin: -6px 26px -6px -6px; padding: 6px 15px 6px 6px; transform: translateY(-50%); background: url(../img/online_wnd_bg.png); } @media (max-width: 900px) { .online_func .online_list .online_item .online_wnd { top: auto; bottom: 100%; right: 50%; margin: 0 0 10px 0; padding: 0; transform: translate(50%, 0); background: white; box-shadow: 0 0 7px rgba(115,115,115,.72); } } .online_func .online_list .online_item .online_wnd .online_wnd_content { text-align: center; line-height: 160px; } .online_func .online_list .online_item .online_wnd .online_wnd_content .barcode_img { vertical-align: middle; } .online_func .online_list .online_item:hover .online_wnd { display: block; } .online_func .online_list .online_item:hover .online_symbol .ico.ico_barcode { background: url(../img/online_func_ico_barcode_on.png); } .online_func .online_list .online_item:hover .online_symbol .ico.ico_phone { background: url(../img/online_func_ico_phone_on.png); } .online_func .online_list .online_item:hover .online_symbol .ico.ico_backtop { background: url(../img/online_func_ico_backtop_on.png); } .online_page_holder { display: none; } @media(max-width:500px) { .online_page_holder { display: block; } } .shaixuan{width:1088px;height:auto;margin:0 auto;border:1px solid #c0c0c0} .scv-shaixuan{padding:2rem 0.5rem;text-align:left;font-size:14px;line-height:14px;float: left;} .scv-shaixuan a{margin-left:3px;color:#000} .scv-shaixuan a:hover{color:#c00} .scv-shaixuan span{padding:0 5px;color:#fff;background:#c00} .scv-shaixuan select {width:4rem} .job_list_t { border-bottom: 1px solid #ccc; font-size: 14px; font-weight: bold; color: #000; width: 95%; height: 30px; text-align: center;margin: 0 auto;} .job_list_t .job_l1 { float: left; width: 8%;} .job_list_t .job_l2 { float: left; width: 62%; text-align: left;} .job_list_t .job_l3 { float: left; width: 15%;} .job_list_t .job_l4 { float: left; width: 15%;} @media (max-width: 900px){ .job_list_t .job_l1 { float: left; width: 17%;} .job_list_t .job_l2 { float: left; width: 48%; text-align: left;} .job_list_t .job_l3 { float: left; width: 17%;} .job_list_t .job_l4 { float: left; width: 17%;} } .job_list_b { border-bottom: 1px dotted #f3f3f3; font-size: 14px; color: #000; width: 95%; height: 50px; text-align: center;margin: 0 auto; line-height: 50px;} .job_list_b .job_l1 { float: left; width: 8%;} .job_list_b .job_l2 { float: left; width: 62%;text-align: left;} .job_list_b .job_l3 { float: left; width: 15%;} .job_list_b .job_l4 { float: left; width: 15%; } .job_list_b .job_l4 a { color: #d51819;} @media (max-width: 900px){ .job_list_b .job_l1 { float: left; width: 17%;} .job_list_b .job_l2 { float: left; width: 48%; text-align: left;} .job_list_b .job_l3 { float: left; width: 17%; white-space: nowrap;} .job_list_b .job_l4 { float: left; width: 17%;} } .job_body_t { border-bottom: 1px solid #ccc; font-size: 16px; font-weight: bold; color: #000; width: 95%; height: 30px; text-align: left;margin: 0 auto; margin-bottom: 20px;} .job_list_body {width: 95%; text-align: left;margin: 0 auto; font-size: 14px; line-height: 24px; margin-bottom: 1.5rem;} .job_body_btm {width: 91%; text-align: left;margin: 0 auto; font-size:1rem; background: #ccc; color: #000; padding: 0 2%; line-height: 50px; margin-top: 40px;margin-bottom: 1.5rem;}} .job_body_btm span { float: right;} .job_list_body .job_body_namet { font-size: 16px; font-weight: bold; color: #fff; height: 40px; line-height: 40px; background-color: #d51819;display: inline-block;padding: 0 10px;} .contact_t { display: inline-block; width: 100%; margin-bottom: 20px;} .contact_t .contact_l1 { float: left; width: 33%;text-align: center; font-family: Gill Sans MT; font-size: 18px;} @media (max-width: 650px) { .contact_t .contact_l1 { float: left; width: 50%;text-align: center; font-family: Gill Sans MT; font-size: 18px;} } .contact_map { position: relative; width:94%; margin-bottom: 30px;} .contact_map .contact_map_t { position: absolute; bottom: 0px; height: 50px; line-height: 50px; opacity: 0.6; background: #000; color:#fff; font-size: 18px; width: 90%; padding:0 5%;} .article_time { font-size: 12px; text-align: left; padding-left: 20px; background: url(/skin/img/index_sec_news_ico_clock.png) no-repeat 0 0; margin: 10px 0;} .pro_intro {font-size:16px; font-weight:bold; border-bottom: 1px solid #ccc; padding-bottom:10px; margin-bottom: 20px;} .pro_imglf { width: 140px; float: left; margin-right: 2%;} .pro_txtrt { color: #676767; font-size: 16px; line-height: 30px;} .pro_icons {width: 100%; display: inline-block; margin: 40px 0;} .pro_icons ul { list-style: none; padding: 0; margin: 0;} .pro_icons ul li { float: left; width: 20%;} .pro_icons ul li .pic_img { text-align: center;} .pro_icons ul li .pic_txt { font-size: 16px; font-weight: bold; text-align: center; } .about_ceomain { display: inline-block; width: 100%;} .about_ceomain .about_c_img { float: left; width: 10%; padding-top: 150px;} .about_ceomain .about_c_txt { font-size: 1.4rem; line-height: 2.75rem; padding-left: 15%; text-indent: 2.8rem;text-align: justify;} @media (max-width: 650px) { .about_ceomain .about_c_txt { font-size: 1rem; line-height: 1.75rem; padding-left: 15%; text-indent: 2rem;text-align: justify;} } .pro_icons_igbt {width: 100%; display: inline-block; margin: 40px 0;} .pro_icons_igbt ul { padding: 0;} .pro_icons_igbt ul li { float: left; width: 14%; list-style: none;} .pro_icons_igbt ul li .pic_img { text-align: center; min-height: 90px;} .pro_icons_igbt ul li .pic_txt { font-size: 16px; font-weight: bold; text-align: center; } /****** version2 ******/ .cnt_gray { margin: 0 auto; background: #f8f8f8; width: 100%; background-attachment: fixed; } ul, ol, li, dl, dd, dt { list-style: none; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, ul, ol, li, pre, form, fieldset, legend, button, input, textarea { margin: 0; padding: 0; border: 0; } .clearx { clear: both; } .clearfixx { zoom: 1; } .h_youshi2_in ul { padding-top: 40px; padding-left: 10%; display: inline-block; width: 80%; } .clearx { clear: both; } .clearfixx { zoom: 1; } .h_youshi2_in ul li .tlt { text-align: center; margin-top: 20px; margin-bottom: 5px; font-size: 20px; color: #2a333c; font-family: "\5FAE\8F6F\96C5\9ED1", \9ED1\4F53; } .h_youshi2_in ul li .tlt a:hover{ color: #2a333c; } .h_youshi2_in ul li .tlt a:visited{ color: #2a333c; } .h_youshi2_in ul li p { text-align: center; margin-top: 10px; margin-bottom: 5px; font-size: 14px; color: #999; } .h_youshi2_in ul li:nth-child(4n) { margin-right: 0px; } .h_youshi2_in ul li { float: left; margin-right: 2%; width: 23%; } .h_youshi2_in ul li { margin-right: 2%; width: 20%; display: inline-block; position: relative; } .h_youshi2_in ul li .icon:hover { background: #d51918; } .youshi2_wrap { overflow: hidden; width: 100%; overflow-x: hidden; margin-left: 0; } .h_youshi2 { width: 100%; background: #fff; } .h_youshi2_in { width: 90%; max-width: 1280px; padding: 40px 0; margin: 0 auto; } .h_youshi2_in ul { padding-top: 40px; } .h_youshi2_in ul li { float: left; margin-right: 2%; width: 23%; } .h_youshi2_in ul li:nth-child(4n) { margin-right: 0px; } .h_youshi2_in ul li .icon { text-align: center; width: 120px; height: 120px; margin: 0 auto; background: #eee; border-radius: 50%; display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; transition: background 0.5s, color 0.5s; -moz-transition: background 0.5s, color 0.5s; -webkit-transition: background 0.5s, color 0.5s; -o-transition: background; } .h_youshi2_in ul li .icon span:hover { background-image:url("../images/bcd-h.png"); } ul, ol, li, dl, dd, dt { list-style: none; } .h_youshi2_in ul li .icon { text-align: center; width: 110px; height: 110px; margin: 0 auto; background: #eee; border-radius: 50%; display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; transition: background 0.5s, color 0.5s; -moz-transition: background 0.5s, color 0.5s; -webkit-transition: background 0.5s, color 0.5s; -o-transition: background; } .h_youshi2_in ul li .icon span { display: block; width: 55px; height: 55px; background: url(../images/bcd.png) center center no-repeat; background-size: cover; transition: background 0.5s, color 0.5s; -moz-transition: background 0.5s, color 0.5s; -webkit-transition: background 0.5s, color 0.5s; -o-transition: background; } .h_youshi2_in ul li .icon1 span { display: block; width: 60px; height: 60px; } .h_youshi2_in ul li .icon2 span { background: url(../images/igbt.png) center center no-repeat; background-size: cover; } .h_youshi2_in ul li .icon2 span:hover { background-image:url("../images/igbt-h.png"); } .h_youshi2_in ul li .icon3 span { background: url(../images/mems.png) center center no-repeat; background-size: cover; } .h_youshi2_in ul li .icon3 span:hover { background-image:url("../images/mems-h.png"); } .h_youshi2_in ul li .icon4 span { background: url(../images/mosfet.png) center center no-repeat; background-size: cover; height:50px; width:50px; } .h_youshi2_in ul li .icon4 span:hover { background-image:url("../images/mosfet-h.png"); } /**** news ****/ .h_news2_wrap { background: #f8f8f8; width: 100%; background-attachment: fixed; } .h_news2 { width: 90%; max-width: 1180px; margin: 0 auto; padding: 40px 0 20px; } .h_tlt1 { width: 97%; } .h_tlt1 p { font-size: 24px; font-weight: bold; color: #515671; text-align: center; } .h_tlt1 span { display: block; font-size: 15px; font-weight: lighter; color: #515671; text-align: center; height: 40px; line-height: 40px; } .h_tlt1 em { display: block; width: 58px; height: 2px; background: #515671; margin: 0 auto; } .h_news2 .news2_bd { padding-top: 40px; overflow: hidden; } .h_news2 .news2_bd .news2_tj { width: 48%; float: left; padding-top: 1px; } .h_news2 .news2_bd .news2_tj .news2_tj_img a { display: block; width: 100%; height: 210px; overflow: hidden; text-align: center; background: #ffffff; border-bottom: 1px solid #f5f5f5; } .h_news2 .news2_bd .news2_tj .news2_tj_img a img { width: 100%; vertical-align: middle; transition-duration: 3s; -ms-transition-duration: 3s; -moz-transition-duration: 3s; -webkit-transition-duration: 3s; } .h_news2 .news2_bd .news2_tj .news2_tj_img a:hover img { transform: scale(1.1, 1.1); opacity: 0.5; } .h_news2 .news2_bd .news2_tj .news2_tj_img a .iblock { display: inline-block; height: 100%; width: 0; vertical-align: middle } .h_news2 .news2_bd .news2_tj .news2_tj_con { background: #ffffff; padding: 10px 20px 30px; } .h_news2 .news2_bd .news2_tj p a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #515671; font-weight: bold; height: 50px; line-height: 50px; } .h_news2 .news2_bd .news2_tj p a:hover { color: #c00; } .h_news2 .news2_bd .news2_tj span { display: block; font-size: 14px; color: #999; line-height: 22px; background: #ffffff; height: 66px; overflow: hidden; } .h_news2 .news2_bd .news2_tj em { display: block; font-size: 14px; color: #c6c6c6; padding-top: 10px; background: #ffffff; } .h_news2 .news2_bd ul { width: 50%; float: right; } .h_news2 .news2_bd ul li { background: #ffffff; padding: 24px; margin-bottom: 14px; position: relative; } .h_news2 .news2_bd ul li .news2_time { position: absolute; left: 24px; top: 24px; width: 90px; text-align: center; background: #cacaca; padding: 10px 0; overflow: hidden; border-radius: 4px 0 4px 0; } .h_news2 .news2_bd ul li .news2_time p { font-size: 24px; font-weight: bold; color: #fff; } .h_news2 .news2_bd ul li .news2_time span { font-size: 14px; color: #fff; } .h_news2 .news2_bd ul li .news2_con { padding-left: 110px; } .h_news2 .news2_bd ul li .news2_con p a { font-size: 16px; font-weight: bold; color: #515671; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .h_news2 .news2_bd ul li .news2_con span { display: block; font-size: 14px; color: #999; line-height: 22px; padding-top: 5px; height: 45px; overflow: hidden; } .h_news2 .news2_bd ul li:hover .news2_time { background: #c00; } .h_news2 .news2_bd ul li:hover .news2_con p a { color: #c00; } /*** about us ****/ .ly_about { width: 100%; background: #f8f8f8; } .ly_about_in { width: 90%; max-width: 1180px; margin: 0 auto; padding: 40px 0 30px; } .gsjj_img { float: left; margin-top: 20px; width: 36%; } .gsjj_img img { max-width: 100%; } .gsjj_in { width: 62%; float: right; margin: 20px 0 0 0; } .gsjj h2 { font-size: 24px; color: #515671; } .gsjj h2 span { font-size: 20px; color: #cccccc; font-weight: normal; font-weight: lighter; } .gsjj p { font-size: 14px; color: #666; line-height: 26px; margin-top: 10px; height: 154px; margin-bottom: 0px; overflow: hidden; } .gsjj a.more { display: block; width: 140px; height: 40px; font-size: 14px; color: #fff; text-align: center; line-height: 40px; background: #c00; float: left; margin-top: 15px; border-radius: 4px 0 4px 0; } .gsjj a.more:hover { background: #c00; cursor: pointer; } @media (max-width: 880px) { .h_youshi2_in ul li .icon { width: 100px; height: 100px; } } @media (max-width: 991px) { .gsjj_img img { width: 100%; display: block; height: auto; max-height: 300px; } } @media (max-width: 1199px) { .gsjj_img img { width: auto; height: 230px; max-width: 100%; } .gsjj_img img { max-width: 100%; } img { border: 0; vertical-align: middle; } } /*** solution ***/ .jiejue { /* width: 980px; margin: 0px auto;*/ width: 90%; max-width: 1280px; margin: 0 auto; padding: 40px 0 20px; } .jiejue .list { width: 15%; float: left; padding-left: 35px; margin: 0 9px; text-align: center; } .jiejue .list .tu1, .tu2, .tu3, .tu4, .tu5 { width: 118px; height: 136px; margin: 0; padding: 0; background: url(../images/six.png) 0px -575px no-repeat; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; transition: transform 1s ease-out; } .jiejue .list .tu1:hover, .tu2:hover, .tu3:hover, .tu4:hover, .tu5:hover { width: 118px; height: 136px; background: url(../images/six.png) 0px -745px no-repeat; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .jiejue .list .title { font-family: "\5FAE\8F6F\96C5\9ED1", \9ED1\4F53; font-size: 20px; float: left; padding-left: 19px; } .jiejue .list .title a{ float:left; padding-left:19px; } .jiejue .list .title a:hover{ color:#c00; } @media (max-width:767px) { .h_youshi2_in ul li { padding: 10px; float: left; margin-right: 2%; width: 40%; } .h_news2 { padding: 20px 0; } .h_news2 .news2_bd { padding-top: 20px; } .h_news2 .news2_bd .news2_tj .news2_tj_img a { height: 140px; } .h_news2 .news2_bd ul li { padding: 15px; margin-bottom: 15px; } .h_news2 .news2_bd ul li .news2_time { left: 15px; top: 15px; } .ly_about_in { padding: 20px 0 20px; } .h_products .pro_hd ul li a { padding: 8px 10px; } .h_products .pro_bd ul li div .pro_img { height: 150px; } .ny_products .pro_hd ul li a { padding: 8px 10px; } .ny_products .pro_bd ul li div a .pro_img { height: 150px; } #myscroll li .intro { bottom: -24px; } .ny_content .content_left { float: none; width: 98%; padding: 1%; } .ny_content .content_right { float: none; width: 98%; padding: 1%; } .ny_content .content_right .bread_nav { overflow: visible; height: auto; line-height: 24px; } .ny_content .content_right .bread_nav h2 { float: none; width: 100%; } .ny_content .content_right .bread_nav div { float: none; width: 100%; text-align: left; line-height: 15px; padding: 10px 0 7px; } .ny_content .content_right .bread_nav div>em { height: 15px; } .ny_content .content_left .c_tlt { padding: 0 20px; height: 38px; line-height: 38px; cursor: pointer; } .ny_content .content_left .c_tlt span { cursor: pointer; font-size: 16px; float: left; width: 30%; text-align: left; } .ny_content .content_left .c_tlt em { cursor: pointer; display: block; font-size: 15px; width: 30%; text-align: right; color: #ffffff; height: 40px; line-height: 40px; float: right; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .ny_content .content_left .pro_mulu { height: 300px; display: none; } .ny_content .content_left .pro_mulu ul { width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; margin: 0 auto; padding: 0 10px; box-sizing: border-box; } .news2_txt { padding: 20px 0 20px 23%; } .news2_date { width: 20%; padding: 20px 3% 0 0; } .news2_txt a span::before { display: none; } .news2_txt a span { margin-bottom: 10px; } .news2_txt i { height: 50px; overflow: hidden; display: block; } .news2_box { height: auto; overflow: hidden; } .arrow_left { top: auto; bottom: 20px; } .ny_content .content_right2 { padding-bottom: 0; } .news2_box:hover .news2_txt { padding: 20px 0 20px 23%; } .news2_box:hover .news2_date { padding: 20px 3% 0 0; } .ny_content .ny_news2_con { min-height: 100px; } .content_right .conn .xgcp li { width: 46%; } .content_right .conn .xgcp li:nth-child(2n) { margin-right: 0; } .content_right .conn .xgcp li div .pro_img { height: 160px; } .ly_msg ul li h4 { display: none; } .cpzx .ly_msg ul li div { width: 100% !important; } .cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 100% !important; } .cpzx .ly_msg ul li .msg_ipt12 { width: 100% !important; } .ly_msg ul li div.msg_ipt2 { width: 30% !important; } .ly_msg ul li span { display: none; } .ly_msg { margin: 0 auto 0 !important; } .cpzx .msg_btn input { width: 49%; margin-right: 0; } .cpzx .msg_btn input:first-child { margin-right: 2%; } .content_right .conn .proshow1 { padding-top: 0; } .proshow1 .js-silder .silder-main-img { height: 300px; } .content_right .conn .proshow1 .js-silder { float: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; } .content_right .conn .proshow1 .prodesc { float: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 15px; } .content_right .conn .proshow1 .prodesc p.desc { height: 74px; } .content_right .conn .proshow1 .pro_btn { padding-top: 15px; } .content_right .conn .proshow1 .pro_btn1 { height: 44px; line-height: 44px; } .content_right .conn .proshow1 .pro_btn2 { height: 44px; line-height: 44px; } .content_right .conn .proshow1 .pro_btn2 em { display: none; } .tags_title { margin: 20px 0 30px; } .proshow2 .prodetail_con { width: 100%; } .proshow2 { padding-top: 0; } .proshow2 .prodetail_con .content { padding: 10px 0; } /*** custom **/ .jiejue .list { width: 30%; float: left; padding-left: 30px; margin: 0 9px; text-align: center; } .h_news2 .news2_bd .news2_tj { width: 100%; float: left; } .h_news2 .news2_bd ul { width: 100%; float: right; } .jiejue .list .title { font-family: "\5FAE\8F6F\96C5\9ED1", \9ED1\4F53; font-size: 14px; padding-left: 30px; } .gsjj_img { float: left; margin-top: 20px; width: 100%; } .gsjj_in { width: 100%; float: right; margin: 20px 0 0 0; } } #newsmore a:hover { color:#c00; }