@media all and (min-width:320px) and (max-width:1000px){ html{ width: 100%; max-width:100%; overflow-x:hidden; } body.menushow { overflow: hidden; width: 100%; } .w1000{ width:100%; padding:0 15px; } #main { z-index: 113; } .header { z-index: 111111111; position: fixed; top: 0; left: 0; box-shadow: 0px 8px 46px 0px rgba(52, 52, 52, 0.15); width: 100%; } .newtop,.header::before { display:none; } .header.yanse .inheader, .header:hover .inheader { border-bottom: 0; } .header .inheader{ height:60px; padding:0 15px; display:flex; } .header .menu_con{ position:absolute; top:60px; } .header .inheader .menu > li{ height:60px; line-height:60px; } .header .inheader .logo{ display:block; display:flex; flex-direction:row; justify-content:left; height: 50px; margin-top:10px; } .header .inheader .logo img { height: 35px; margin-left:0px; } .header .inheader .logo span{ display:flex; flex-direction:column; justify-content:center; } .header .inheader .logo.pc_logo{ display:none; } .header .inheader .logo.web_logo{ display:block; } .header .inheader .menu li > a { font-size: 16px; } .header .menu > li .subnav li a { font-size: 12px; } .header.show .inheader .logo img:first-child, .header:hover .inheader .logo img:first-child{ display:none; } .header.show .inheader .logo img:last-child, .header:hover .inheader .logo img:last-child{ display:block; } .header.show { background: #fff; } .menu_body{ display:block; } .header .menu_body { position: relative; width: 20px; height: 18px; display:block; top: 21px; float:right; cursor:pointer; } .header .nav_menu_item { width: 100%; height: 2px; background: #fff; position: absolute; -webkit-transition: .36s ease; -o-transition: .36s ease; -moz-transition: .36s ease; transition: .36s ease; border-radius:0; } .header.show .nav_menu_item { background: #fff; } .header.yanse .nav_menu_item { background: #222; } .header .menu_body.show .nav_menu_item, .header.show .menu_body.show .nav_menu_item, .header.yanse .menu_body.show .nav_menu_item, .header.inpage .menu_body .nav_menu_item, .header:hover .menu_body .nav_menu_item{ background:#222; } .header .menu_item_top { top: 0; } .header .menu_item_center { display: block; top: 8px; } .header .menu_item_bottom { bottom: 0; } .header .menu_body.show .menu_item_top { top: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header .menu_body.show .nav_menu_item { height: 2px; } .header .menu_body.show .menu_item_center { opacity: 0; } .header .menu_body.show .menu_item_bottom { bottom: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .header .inheader .menu { position: fixed; width: 100%; height: calc(100vh - 60px); top: 0; background:#fff; left:0px; padding: 0 15px; box-sizing: border-box; overflow-x:hidden; overflow-y:auto; border-top: 1px solid #f2f2f2; } .header .inheader .menu > li { display: block; height: auto; width: 100%; text-align: left; padding: 0; box-sizing: border-box; border-bottom: 1px solid #f2f2f2; margin-left:0px; position:relative; } .header .inheader .menu > li > a { display: block; line-height: 50px; padding-left: 0; float: left; width: calc(100% - 65px); font-size: 14px; color: #000; text-align:left; border:0px; } .header .inheader .menu > li.active, .header .inheader .menu > li:hover { background: none; border-bottom: 1px solid #f2f2f2; } .header.yanse .inheader .menu li.active > a, .header.yanse .inheader .menu li:hover > a{ color: #000 !important; background: none; } .header .inheader .menu > li:hover > a::after, .header .inheader .menu > li.active > a::after{ display:none; } .header .inheader .menu{ display:none; } .menu li .icon_nav_item{ display: inline; position: absolute; right: 0; width: 50px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); color: #222; text-align: center; line-height: 50px; font-size:11px; font-weight:bold; } .menu li.hover .icon_nav_item { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .header .menu > li .subnav { position: static; opacity: 1; transform: translateY(0); visibility: visible; background: none; clear: both; padding:0px; display: none; transition: none; } .header .menu > li .subnav a { display: block; text-align: left; font-size: 12px; color: #999; line-height: 36px; padding-left: 30px; border-top: 1px solid #f2f2f2; } .header .menu > li .subnav li{ margin:0px; } .header .menu > li .subnav li:hover:before, .header .menu > li .subnav li.active:before{ display:none; } .header .menu > li .subnav li a { font-size: 12px; line-height: 34px; padding:0 30px; } .header .inheader .menu > li:hover > a, .header .menu > li .subnav li a:hover, .header .menu > li .subnav li a.active{ color:#000; } .header .inheader .menu > li.active:after, .header .inheader .menu > li:hover:after { display:none; } .header .inheader .menu > li:nth-child(5){ margin-left:0px; } .header .inheader .menu li > a span { display: inline-block; } .header .inheader .menu li > a span:nth-child(2){ margin-top:0px; margin-left:15px; } .header .inheader .menu li.active > a { color: #000 !important; border:0px; } .header .inheader .menu li.active > a { font-size: 14px; } .header.yanse .inheader .menu li > a{ color:#555; } .header .inheader .menu > li:first-child::before,.header .inheader .menu > li:first-child a img{ display:none; } .header_else, .header .inheader .menu > li.active > a::after, .header .menu > li .pro_subnav, .header .menu > li .com_subnav, .header .header_search .search_subnav{ display:none !important; } .header .menu > li .subnav::after, .header .menu > li .pro_subnav::after, .header .menu > li .com_subnav::after, .header .header_search .search_subnav::after { background: #fff; } .web_search{ display:block; margin:40px 0; } .web_search form{ display:flex; justify-content:space-between; } .web_search .keywords{ width:calc(100% - 50px); border:0px; background:#f1f1f1; line-height:40px; height:40px; font-size:12px; color:#999999; padding:0 15px; } .web_search .submit{ width:50px; background:#ff7e00; cursor:pointer; border:0px; line-height:40px; height:40px; font-size:14px; color:#fff; font-weight:bold; } .main_inpage .swiper_container_banner{ margin-top:60px; } .swiper_container_banner .swiper-pagination-bullet{ width:14px; height:14px; } .swiper_container_banner .swiper-pagination.swiper-pagination_banner { bottom: 15px; } .local_div_in { padding: 0; top: -70px; height: auto; position: static; flex-wrap:wrap; } .local_div_left{ font-size:13px; padding:15px 0; width:100%; } .local_div .w1600{ height:auto; z-index:2; } .local_div_right{ width:100%; line-height: 4; } .pro_div { padding: 40px 0; } .pro_div_left { width: 100%; margin-bottom:30px; } .pro_div_left_in { } .pro_div_left_in a.on::after { left: -2px; width: 2px; height: 40px; } .pro_div_left_in a { font-size: 14px; padding: 10px 0; padding-left: 15px; border-left: 2px solid #dfdfdf; } .pro_div_left_in a img { height: 9px; margin-left: 10px; } .pro_div_right { width: 100%; } .pro_div_right_sli { padding-top: 30px; } .pro_div_right .ttitle { font-size: 20px; margin-bottom: 20px; } .pro_div_right .bcon { display: flex; flex-wrap: wrap; justify-content: space-between; } .bcon_li { margin-top: 15px; margin-left:0px; width:calc(50% - 8px); } .bcon_li:nth-child(-n+3) { margin-top: 15px; } .bcon_li:nth-child(-n+2) { margin-top: 0px; } .bcon_li .text { font-size: 14px; height: 50px; } .us01_top_top { padding: 40px 0; flex-wrap: wrap; } .us01_top_left { width: 100%; margin-bottom:20px; } .us01_top_right { width: 100%; } .us01_top_bottom { padding: 20px 0; flex-wrap: wrap; } .us01_top_bottomli { display: flex; width:50%; margin-top:20px; } .us01_top_bottomli:nth-child(-n+2) { margin-top:0px; } .us01_top_bottomli .text .t { font-size: 28px; } .us01_top_bottomli .text .b { font-size: 12px; margin-top: 5px; } .us01_top_bottomli img { height: 40px; margin-right: 5px; } .us01_bottom_li > img { height: 101%; padding-top: 200px; background: #000; } .us01_bottom { padding: calc(22.135% + 100px) 0; } .us01_bottom_nav { top: 30px; } .us01_bottom_nav a { font-size: 13px; padding: 10px 25px; } .us01_bottom_li_text_in { width: 50%; } .us01_bottom_li_text_in .text .t { font-size: 13px; } .us01_bottom_li_text_in .text { padding: 10px 5px; } .us01_bottom_li_text_in .text .b { font-size: 12px; padding: 5px 0; margin: 5px 0; } .us01_bottom_li_text_in .text .b .bli img { display: inline-block; height: 4px; margin-right: 4px; } .us01_bottom_li_text_in .text .c { font-size: 12px; } .us01_bottom_li_text { height: calc(100% - 30px - 35px); } .swiper_pagination_zs_class .swiper-pagination-bullet { width: 8px !important; height: 8px !important; margin:0 3px !important; } .zs_bigtitle{ font-size:24px; margin-bottom:30px; } .zs01_div { padding: 40px 0 30px; } .zs01_div .swiper_container_zs01 { padding-bottom: 30px; } a.zs01_list .text { padding: 15px 10px; } a.zs01_list .text span { font-size:13px; max-width:calc(100% - 25px); line-height:15px; } a.zs01_list .text img { height: 15px; } .zs02_div_left { width: 100%; } .zs02_div_right { width: 100%; } .zs02_div { padding: 40px 0; } .swiper_container_zs02 .swiper_pagination_zs02 { bottom: 10px !important; } .zs02_div_right a.zs02_rlist{ width:calc(50% - 10px); margin-top:20px !important; height:auto; } .zs02_div_right a.zs02_rlist .img { height: auto; padding: 33.33% 0; } .zs02_div_right a.zs02_rlist .text { padding: 0 10px; height: 45px; } .zs02_div_right a.zs02_rlist .text span { font-size:13px; max-width:calc(100% - 25px); line-height:15px; } .zs02_div_right a.zs02_rlist .text img { height: 15px; } .zs03_div_left{ width:100%; } .zs03_div_right{ width:100%; } .zs03_div .zs_bigtitle { margin-bottom: 30px; } .zs03_div_text .zs03_div_li .t { font-size: 15px; } .zs03_div_text .zs03_div_li .b { font-size: 14px; margin-top: 10px; } .zs03_div_text .zs03_div_li { padding: 25px 0 30px; } .zs03_div_left .img img { height: 24px; } .zs04_div_in{ justify-content:space-between; } .zs04_biglist{ width:calc(50% - 10px); margin-top:20px; margin-left:0; } .zs04_biglist:nth-child(-n+4){ margin-top:20px; } .zs04_biglist:nth-child(-n+2){ margin-top:0px; } .pro_div_right .dingzhi_con a .text .t{ font-size:16px; } .pro_div_right .dingzhi_con a .text .b{ font-size:13px;margin-top:5px; } .pro_div_right .dingzhi_con a .text .b img{ height:14px; margin-left:4px; transform: translateY(2px); } .pro_div_right .dingzhi_con a .text { bottom: 20px; padding: 0 15px; } .pro_div_right .dingzhi_con a { width: 100%; margin-top: 15px; padding: 36.5% 0; } .pro_div_right .dingzhi_con a:nth-child(-n+2){ margin-top:15px; } .pro_div_right .dingzhi_con a:nth-child(-n+1){ margin-top:0px; } .news_top{ margin:40px 0; } .page_newsli .img { width:100%; padding: 28.05% 0; } .page_newsli .text { padding: 15px; width: 100%; border: 1px solid #e1e1e1; border-top: 0; } .page_newsli .text .t { font-size: 20px; } .page_newsli .text .line { margin: 20px 0; } .page_newsli .text .b { font-size: 12px; margin: 10px 0 15px; } .news_bottom_nav{ margin-bottom:30px; } .news_bottom_nav a { font-size: 13px; padding: 10px 25px; } a.page_small_newsli{ width:100%; margin-left:0px; margin-top:20px; } a.page_small_newsli:nth-child(-n+3){ margin-top:15px; } a.page_small_newsli:first-child{ margin-top:0px; } a.page_small_newsli .text .t { font-size: 16px; } a.page_small_newsli .text { padding: 15px; } #pages { text-align: center; margin: 30px 0 40px; } #pages li a,#pages li span{ width:25px; height:25px; line-height:25px; font-size:12px; margin:0 2px; } .news_show { margin: 25px 0 40px; } .news_show_left { width: 100%; } .news_show_left .t { font-size: 24px; } .news_show_left .c { font-size: 14px; margin: 15px 0; } .news_show_left .d .text { display: flex; flex-direction: column; text-align: center; padding:15px 0; } .news_show_left .d .text img { width: 50%; display: inline-block; margin-left: 25%; } .news_show_left .d .text .text_con { padding: 0 15px; margin-top:15px; } .news_show_left .d .text .bb { font-size: 13px; } .news_show_left .e{ flex-wrap:wrap; } .news_show_left .e .prevnext { width: 100%; } .news_show_left .e .backto { width: 100%; margin:20px 0; text-align: center; } .news_show_right { width: 100%; } .news_show_right .bigt { font-size: 24px; margin-top: 40px; } .news_show_right .nsr_con a .text .t { font-size: 16px; } .news_show_right .nsr_con a .text .b { font-size: 13px; margin-top: 10px; } .pro_show_in { margin-bottom: 0; } .pro_show{ padding-top:30px; } .pro_show_in{ flex-wrap:wrap; } .pro_show_left{ width:100%; margin-bottom: 40px; } .pro_show_right{ width:100%; margin-bottom: 30px; } .pro_show_left .t { font-size: 24px; margin: 12px 0 15px; } .pro_show_left .c .cli .clit, .pro_show_left .c .cli .clib { padding-left: 20px; font-size: 13px; } .pro_show_left .c .cli { line-height: 35px; } .pro_show_left .d{ justify-content:space-between; } .pro_show_left .d a, .pro_show_left .d .delse { height: 50px; border-radius: 4px; } .pro_show_left .d a { font-size: 15px; width: 42%; } .pro_show_left .d a img { height: 16px; margin-right: 6px; } .pro_show_left .d .delse { margin-left: 0; width: 54%; } .pro_show_btm { margin: 40px 0 50px; } .pro_show_btm_left { width: 100%; } .pro_show_btm_right { width: 100%; } .pro_show_btm_div01{ justify-content:space-between; } .pro_show_btm_list01{ width:calc(50% - 10px); margin-top:20px; margin-left:00px; } .pro_show_btm_list01:nth-child(-n+3){ margin-top:20px; } .pro_show_btm_list01:nth-child(-n+2){ margin-top:0px; } .pro_show_btm_list01 .pb_text { padding: 15px 10px; } .pro_show_btm_list01 .pb_text .pb_text_b { font-size: 12px; margin-top: 8px; } .pro_show_btm_list01 .pb_text .pb_text_t { font-size: 15px; } .pro_show_btm_bigt { font-size: 24px; padding-bottom: 15px; margin-bottom: 20px; } .pro_show_btm_leftli { margin-bottom: 30px; } .news_show_right.pro_show_btm_right .bigt { margin-top: 30px; margin-bottom: 25px; } .zp_div { margin: 40px 0; } .zp_list_top { padding: 15px 20px; } .zp_list_top .zp_list_top_left .t { font-size: 16px; margin-bottom: 10px; } .zp_list_top .zp_list_top_left .b { font-size: 12px; } .zp_list_top .zp_list_top_right { font-size: 16px; } .zp_list_top .zp_list_top_right .zp_list_top_right_in span img { height: 22px; margin-left: 10px; } .zp_list_bottom { padding: 20px 20px; } .zp_list_bottom .t { font-size: 14px; } .zp_list_bottom .bt { font-size: 15px; padding-left: 10px; margin: 15px 0 10px; } .zp_list_bottom .bb { font-size: 13px; padding-left: 10px; } .zp_list_bottom .cfj { font-size: 14px; } .zp_list_bottom .cfj span { padding: 10px 15px; width:100%; line-height:1.75; margin-top: 15px; } .zjxm01_div { padding: 40px 0; } .zjxm01_div_list { width: 100%; margin-top: 15px; } .zjxm01_div_list:nth-child(-n+2) { margin-top: 15px; } .zjxm01_div_list:nth-child(-n+1) { margin-top: 0; } .zjxm01_div_list:nth-child(2), .zjxm01_div_list:nth-child(3) { width: 100%; } .zjxm03_div_list { width: 100%; margin-top:15px; } .zjxm03_div_biglist { width: 100%; display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction:row; } .zjxm03_div_biglist .zjxm03_div_list { width: calc(50% - 8px); height: auto; } .zjxm03_div_biglist .zjxm03_div_list .zjxm03_div_list_in { width: 100%; padding: 32.875% 0; overflow: hidden; position: relative; } .zjxm03_div{ padding-top:25px; } .zjxm04_div .zs_bigtitle { margin-bottom: 15px; } .solution01_div_left { width: 100%; } .solition01_list{ width:33.33%; } .solition01_list:nth-child(10),.solition01_rightli:nth-child(10){ display:none !important; } .solition01_list_in { font-size: 13px; padding: 17px 0; } .solition01_rightli .img01 { height: auto; width: 100%; overflow: hidden; position: static; } .solition01_rightli .img01 img { position: static; top: 0px; height: auto; left: 50%; transform: unset; width: 100%; } .solition01_rightli .img02{ display:none; } .solution01_div_in .contactdiv{ display:none; } .solution01_div_right { width: 100%; display: flex; margin-top:12px; } .solition01_rightli .text{ display:block; position:absolute; bottom:18px; width:100%; text-align:center; width:100%; font-size:14px; color:#fff; font-weight:bold; } .zjxm04_div.solution02_div .zs_bigtitle { margin-bottom: 30px; } .solution02_list { width: 100%; margin-left: 0; margin-top: 15px; } .solution02_list:nth-child(-n+3) { margin-top: 15px; } .solution02_list:nth-child(-n+1) { margin-top: 0px; } .solution03_list .img { width: 100%; } .solution03_list .text { width: 100%; } .solution03_list .img .img_text { bottom: 20px; font-size: 30px; } .solution03_list .text .text_li .t { font-size: 18px; } .solution03_list .text .text_li .line { width: 18px; height: 2px; margin:5px auto 8px; } .solution03_list .text .text_li .b { font-size: 12px; } .solution03_list .text .text_li { padding: 30px 15px; border-left: 1px solid #e7e7e7; } .solution03_list .text .text_li a { font-size: 12px; padding: 15px 35px; margin-top: 15px; } .solution03_list { margin-top: 40px; } .subscriptnum { font-size: 14px; padding: 5px 20px 5px 10px; } .footer_top_in { padding-top: 0px; } .footer_top_in .img img{ display:none; } .footer_top_links { padding: 28px 0; } .footer_top_links img { height: 45px; } .links_con { width: 120px; height: 40px; padding: 0 10px; } .footer_top_in::after { width: 100%; bottom: 0px; left: 0; } .links_con_in i img { height: 7px; } .footer_bottom_left{ padding:30px 0; width:100%; } .footer_bottom_right{ width:100%; padding-top:0px; padding-bottom:30px; flex-direction: row; border-left:0px; } .footer_menuli { margin-right: 0; width: 100%; margin-top:5px; } .footer_menuli:first-child{ margin-top:0px; } .footer_menuli .t { font-size: 16px; margin-bottom: 0; font-weight: bold; width: 100%; height: 45px; line-height: 45px; padding: 0 18px; display:flex; justify-content:space-between; background:#1a1a1c; color: #fff; cursor:pointer; } .footer_menuli .t img { display: block; height:7px; margin-top: 19px; } .footer_menuli .b{ padding:20px 18px; background:#1a1a1c; display:none; } .footer_menuli .b a { font-size: 12px; margin-bottom: 15px; } .footer_menuli .b a span { display: inline-block; color:#777; margin-right:7px; } .footer_menuli.active .t { background:#ff7e00; } .footer_menuli.active .b { display:block; } .footer_menuli.active .t img { transform: rotate(180deg); } .pc_beian { display: none; } .footer_bottom_right_in{ width:100%; } .footer_bottom_right .t{ font-size:16px; color:#fff; } .footer_bottom_right .b{ font-size:16px; margin:15px 0 5px; } .footer_bottom_right .b span{ display:inline-block; font-style:normal; font-size:12px; color:#fff; } .footer_bottom_right .c{ font-size:12px; } .footer_bottom_right .d .dli { margin-left: 15px; width: calc(50% - 8px); padding: 0 10px; height: 40px; border: 1px solid #2a2d33; line-height:40px; position:relative; } .footer_bottom_right .d .dli > img { display: none; position:absolute; width:70%; left:15%; top:0%; transform: translateY(-100%); } .footer_bottom_right .d .dli .d_text { margin-top: 0; cursor:pointer; font-size: 12px; display: flex; justify-content:space-between; } .footer_bottom_right .d .dli .d_text i { display: inline-block; } .footer_bottom_right .d .dli .d_text i img{ height:7px; display:block; margin-top: 17px; transform: rotate(180deg); } .footer_bottom_right .d .dli:hover > img{ display:block; } .web_beian{ font-size:12px; color:#777; display:block; padding:20px 0 25px; border-top:1px solid #2a2d33; } .web_beian{ color:#777; } .index01 { padding: 40px 0; } .index01_top_left { width: 100%; } .index01_top_left .t{ text-align:center; font-weight: normal; } .index01_top_left .t span{ font-size:26px; color:#222; padding:0px; background:none; font-weight: normal; } .index01_top_left .b { font-size: 13px; margin: 12px 0 0; font-weight: normal; text-align: center; } .index01 .pro_div_left_in { padding-left: 0; border-left: 0; margin:15px 0; display: flex; justify-content:left; flex-wrap:wrap; } .index01 .pro_div_left_in::after { display:none; } .index01 .pro_div_left_in a{ border: 0; } .index01 .pro_div_left_in a::after { display:none !important; } .index01 .pro_div_left_in a.on img { display:none !important; } .index01 .pro_div_left_in a{ width:33.33%; background:url(../images/index01_menu_bg.png) no-repeat; background-size:100% 100%; font-size: 11px; color:#222; text-align:center; height:40px; padding:0px; line-height:40px; margin-top:5px; } .index01 .pro_div_left_in a:nth-child(-n+3){ margin-top:0px; } .index01 .pro_div_left_in a.on{ background:url(../images/index01_menu_bg_h.png) no-repeat; background-size:100% 100%; color:#fff; font-weight:bold; border: 0; } .index01_top_right { width: 100%; } .index01_top_right_list .text .t { font-size: 16px; line-height: 1.2; } .index01_top_right_list .text .b { font-size: 12px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; } .index01_top_right_list .text > img { margin: 5px 0 5px; } .index01_top_right_list .text a { font-size: 12px; margin-top: 10px; } .index01_top_right_list .text a img { height: 12px; margin-left: 5px; transform: translateY(1px); } .index01_bottom .bcon_li { width: calc(50% - 8px); margin-left: 0; margin-top: 15px; } .index02 { padding: 20px 0; } .index02_line { display:none; } .index02_list { display: flex; width: 50%; flex-direction: column; text-align:center; margin-top:40px; } .index02_list:nth-child(-n+4) { margin-top:0px; } .index02_list img { height: auto; margin-right: auto; margin-left:auto; width: 32px; } .index02_list .text .t { font-size: 16px; margin: 8px 0; } .index02_list .text .b { font-size: 12px; } .indexbigt { font-size: 24px; } .indexbigb { font-size: 12px; margin-top: 10px; } .index03 { padding: 40px 0 20px; } .index03 .indexbigt span { font-size: 30px; margin-right: 5px; transform: translateY(2px); } .index03_tab { margin: 0px 0 175px; height:0px; overflow:hidden; } .index03_con_list { padding: 28px 20px 20px 60px; width: 100%; display:none; background:url(../images/index03_con_bg_web.png) no-repeat; background-size:100% 100%; } .index03_con_list .t { font-size: 16px; } .index03_con_list .t i { font-size: 18px; margin: 0 4px; } .index03_con_list .t span { font-size: 12px; } .index03_con_list .b .bli .blitext { font-size: 12px; } .index03_con_list .b .bli > img { margin-right: 6px; height: 6px; margin-top: 8px; } .index03_con_list .num span { font-size: 12px; padding: 2px 12px; } .index03_con_list .num { left: 10px; top: 30px; } .index03_tab_web{ display:block; width:100%; display:flex; } .index03_tab_web a{ display:block; width:25%; height:50px; line-height:50px; text-align:center;background:#fff; position:relative; font-size:14px; color:#777; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; } .index03_tab_web a:first-child{ border-left:0px; } .index03_tab_web a.on{ background:#f6f6f6; color:#222; border-top:1px solid #ff7e00; } .index03_tab_web a.on::after{ width:100%; top:0px; left:0%; height:2px; background:#ff7e00; content:" "; position:absolute; } .index05 { padding: 40px 0; } .index05_in .index03_tab { margin: 15px 0 20px; display: flex; height: auto; } .index03_tab a { font-size: 14px; padding: 12px 30px; } .index05_con_list_01 .img { width: 100%; } .index05_con_list_01 .logo_div { width: 100%; } .index05_con_list_01 .logo_div .logo_div_li { height: 0; padding:8% 0; } .index05_con_list_02 .img01 { width: 100%; } .index05_con_list_02 .img02 { width: 100%; margin-top:15px; } .index06_con_list .index06_big { width: 100%; } .index06_con_list .index06_big .index06_big_in .text { padding: 15px 0; font-size: 14px; } .index06_con_right { width: 100%; } .index06_r_top{ background:none; } .index06_r_top .img,.index06_r_top .text .c img{ display:none; } a.index06_r_li,a.index06_r_top { padding: 12px 0; font-size: 16px; display: flex; flex-direction: row-reverse; border-bottom: 1px solid #f2f2f2; margin-bottom:0px; } a.index06_r_top .text{ display: flex; flex-direction: row-reverse; } a.index06_r_li .t, a.index06_r_top .t{ width:75px; text-align:center; font-size:22px; color:#222; display: flex; flex-direction: column-reverse; border-left:1px solid #e8e8e8; } a.index06_r_li .t i, a.index06_r_top .t i{ display:none; } a.index06_r_li .t span, a.index06_r_top .t span{ display:block; font-size:12px; color:#999; margin-top:7px; } .index06_r_li .b , .index06_r_top .b { width: calc(100% - 100px); text-overflow: unset; white-space: unset; line-height: 1.75 !important; font-size:13px; color:#222; margin-right:25px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; } .index06_r_top .text { width: 100%; } .index06_r_top .text .b { font-size: 13px; } .index06_r_top .text .t { margin: 0; font-size: 22px; } .index07_b { width: 100%; padding: 20px; background: url(../images/index07_textbg_web.png) no-repeat; background-size: 100% 100%; } .index07_b_top_left { padding-right: 0; width: 100%; } .index07_b_top_right { padding-right: 0; width: 100%; } .index07_b_top{ flex-wrap:wrap; } .index07_b_top_right .index07_b_top_li { font-size: 12px; margin-bottom: 8px; } .index07_b_top_right .index07_b_top_li img { display: inline-block; height: 7px; margin-right: 3px; } .index07_line img,.index07_b_bottom{ display:none; } .index07_line_web{ display:block; } .index07_line_web img{ display:block; width:100%; margin:10px 0; } .index07_in { padding: 60px 0 40px; } .index07_t { font-size: 24px; margin-bottom: 25px; } .index07_div .index07_people { height: 100%; right: -10%; } .index08_div { background: url(../images/index08_bg_web.jpg) center center no-repeat; background-size: cover; padding: 40px 0 200px; } .index08_t,.index08_b{ text-align:center; } .index08_b{ font-size:18px; margin: 10px 0 20px; } .index08_in a { font-size: 14px; text-align: center; display: inline-block; width: 100%; } .search_top { padding: 40px 0 30px; } .search_top .search_top_t { font-size: 24px; } .search_top .search_top_b { font-size: 14px; margin-top: 10px; } .search_con { padding: 40px 0 0; } .search_con_in a { padding-bottom: 20px; margin-bottom: 20px; flex-wrap:wrap; } .search_con_in a .text .b { font-size: 18px; margin: 8px 0 12px; } .search_con_in a .text .t { font-size: 13px; } .search_con_in a .text .c { font-size: 14px; margin-bottom:15px; } .search_con_in a .img img { height: auto; width:100%; } .search_con_in a .img { padding-left: 00px; width:100%; } .search_con_in a .text { padding-right: 0px; width:100%; } .index03_newtablist { font-size: 13px; padding: 15px 0; width: 50%; margin: 6px 0; } .index03 .swiper-pagination_index03_con { margin: 15px 0 25px; } .new_index03_img{ width: 100%; } .new_index03_text{ width: 100%; } .new_index03_text{ padding: 40px 15px !important; padding-top: 60px !important; } .new_index03_text .t { font-size: 18px; } .new_index03_text .t span { font-size: 13px; } .new_index03_text > img { padding: 15px 0 12px; } .new_index03_text .b { font-size: 13px; } .new_index03_text .b img { height: 7px; margin-right: 6px; } .index03_else { bottom: auto; left: 15px; font-size: 16px; top: 40%; } .index03_else span { font-size: 30px; } .pro_show_right_btm { margin: 20px auto 0; } .pro_show_right .mySwiper { width: calc(100% - 50px); } .pro_show_right .swiper-button-prev,.pro_show_right .swiper-button-next{ width: 20px; } .pro_show_right .swiper-button-prev::after, .pro_show_right .swiper-button-next::after { font-size: 14px; } .pop_bg, .counsel { display: none !important; } }