/********** 不同分辨率 **********/ @media screen and (min-width:1440px) { .container{ width:1200px;} } @media screen and (min-width:1280px) and (max-width:1439px) { .container{ width:1200px;} .inews_thlist{ width:1100px;} .tempWrap{ width:1100px;} .tempWrap ul{ width:3300px; left:-2200px;} .tempWrap ul li{ width:1100px;} .three_pre{ margin-left:-46px;} .three_next{ margin-right:-46px;} a.xs{display: none} } @media screen and (min-width:1024px) and (max-width:1279px) { .container{ width:1000px;} .logo{ background:url(../images/logo2.png) left center no-repeat;} .navigation-up .navigation-v3 li{ width:78px; padding:0 8px; margin:0 0 0 6px;} .navigation-down .nav-down-menu .navigation-down-inner{ width:1000px;} .navigation-down .menu-1 dl{ margin:20px 1% 25px 1%; width:10.5%;} .navigation-down .nav-down-menu .nav-dl1{ margin-left:246px;} .navigation-down .nav-down-menu .nav-dl2{ margin-left:480px;} .navigation-down .nav-down-menu .nav-dl3{ margin-left:0px;} .navigation-down .nav-down-menu .nav-dl4{ margin-left:574px;} .navigation-down .nav-down-menu .nav-dl5{ margin-left:570px;} .navigation-down .nav-down-menu .nav-dl6{ margin-left:690px;} .indprod{ padding-bottom:6%;} .indnews{ padding-bottom:4%;} .inews_thlist{ width:1000px;} .tempWrap{ width:1000px;} .tempWrap ul{ width:3000px; left:-2000px;} .tempWrap ul li{ width:1000px;} .three_pre{ display:none;} .three_next{ display:none;} .indser ul li{ width:238px; height:400px; margin:0 4px;} .indser-imgbox { position:relative; width:238px; height:400px;} .cul-txt p{ font-size:1.125em; line-height:2.25em;} .cul-txt span{ font-size:0.875em; line-height:1.5625em;} .sb-prod a{ padding:0 10px; margin:0 4px 12px;} .casegn{ padding-bottom:47%;} .ctc-info2-item1{ width:26%; padding-left:5%;} .ctc-info2-item2{ width:32%; padding-left:5%;} .ctc-info2-item3{ width:20%; padding-left:6%;} a.xs{display: none} .cul-item-m1 .cul-txt{ padding:30px 0 0 140px;} .cul-item-r21 .cul-txt{ padding:80px 0 0 0;} .cul-item-r22 .cul-txt{ padding:40px 0 0 0;} .cul-item-l21 .cul-txt { padding: 120px 0 0 0 !important;} .cul-item-l21,.cul-item-m1,.cul-item-r21{ background-size:60px;} .cul-item-l21{ background-position:center 40px;} } @media screen and (min-width:980px) and (max-width:1023px) { .container{ width:900px;} .logo{ background:url(../images/logo3.png) left center no-repeat;} .hd-search{ display:none;} #n0{ display:none;} .navigation-up .navigation-v3 li{ width:88px; padding:0 6px; margin:0 0 0 0px;} .navigation-down .nav-down-menu .navigation-down-inner{ width:900px;} .navigation-down .menu-1 dl{ margin:20px 1% 25px 1%; width:10.5%;} .navigation-down .nav-down-menu .nav-dl1{ margin-left:150px;} .navigation-down .nav-down-menu .nav-dl2{ margin-left:380px;} .navigation-down .nav-down-menu .nav-dl3{ margin-left:0px;} .navigation-down .nav-down-menu .nav-dl4{ margin-left:480px;} .navigation-down .nav-down-menu .nav-dl5{ margin-left:360px;} .navigation-down .nav-down-menu .nav-dl6{ margin-left:480px;} .indprod{ padding-bottom:6%; background-size:cover;} .indnews{ padding-bottom:6%;} .inews_thlist{ width:900px;} .tempWrap{ width:900px;} .tempWrap ul{ width:2700px; left:-1800px;} .tempWrap ul li{ width:900px;} .three_pre{ display:none;} .three_next{ display:none;} .indser ul li{ width:206px; height:346px; margin:0 6px;} .indser ul li i{ margin-left:-24%; margin-top:-20%; display:block; width:24%; padding:0 12%; height:0; padding-bottom:52%;} .indser ul li i span{ font-size:1.25em;} .indser-imgbox { position:relative; width:206px; height:346px;} .banner-txt{ margin:8% auto 0;} .search-tit{ width:14%; margin-left:3%;} .search-select{ width:20%;} .search-input-wrap{ width:58%; margin-left:2%;} .netlist-txt{ width:22%; margin-left:3%; margin-right:12%;} .cul-txt p{ font-size:1.0em; line-height:2.25em;} .cul-txt span{ font-size:0.875em; line-height:1.5625em;} .cul-item-l1 .cul-txt{ padding:16% 0 0 46%;} .cul-item-m1 .cul-txt{ padding:14% 0 0 46%;} .cul-item-r2 .cul-txt{ padding:9% 0 0 46%;} .sb-prod a{ padding:0 10px; margin:0 4px 12px; font-size:0.875em;} .casegn{ padding-bottom:52%;} .ctc-info2-item1{ width:30%; padding-left:3%;} .ctc-info2-item2{ width:34%; padding-left:4%;} .ctc-info2-item3{ width:24%; padding-left:4%;} a.xs{display: none} .cul-item-m1 .cul-txt{padding: 40px 0 0 104px;} .cul-item-r21 .cul-txt{ padding:80px 0 0 0;} .cul-item-r22 .cul-txt{ padding:40px 0 0 0;} .cul-item-l21 .cul-txt { padding: 120px 0 0 0 !important;} .cul-item-l21,.cul-item-m1,.cul-item-r21{ background-size:60px;} .cul-item-l21{ background-position:center 40px;} } @media screen and (max-width:979px) { .container{ width:100%;} .header{ height:88px;} .logo{ width:68%; height:88px; background:url(../images/logo3.png) left center no-repeat; margin-left:3.125%;} .hd-link{ display:none;} .sitenav{ display:none;} #my-menu{ /*display:block;*/} #hamburger{ display:block; top:38px;} .ft-link{ padding:3% 0;} .ft-link-first{ width:90%; padding:2% 5% 0; margin-bottom:0%; border-right:medium none; text-align:center;} .ft-subscibe{ position:relative; width:84%; margin:0 auto 4%;} .ft-link dl{ display:none;} .copyright{ display:none;} .copyright2{ display:block;} .banner{ display:none;} .banner-s{ display:block;} #banner-inside{ display:none;} #banner-inside-sj{ display:block;} .inside-title{ padding-top:6%;} .do-more{ display:block;} .floor-title p{ font-size:1em;} #indab{ display:none;} #indabsj{ display:block; padding: 6% 0 4% 0;} .indab .swiper-slide .indabli{ position:relative; width:60%; height:auto; padding-bottom:2%;} .indab .swiper-slide .indab-img{ width:100%; height:0; padding-bottom:100%; border-radius:100%; background-color:#E6E3DC; text-align:center; overflow:hidden;} .indab .swiper-slide .indab-img img{ display:block; min-width:100%; max-width:100%; margin:0 auto; vertical-align:middle;} .indab .swiper-slide p.cn{ font-size:1.125em; color:#555; line-height:30px; margin-top:9.090909%;} .indab .swiper-slide p.en{ font-size:0.75em; color:#00A050; line-height:24px;} .indab .swiper-slide span{ font-size:0.75em; color:#555; line-height:25px; display:block; margin-top:6.060606%;} .indprod{ padding-bottom:2%;} .prodlist{ width:99%; margin-left:1%;} .prodlist ul{ width:100%; padding:0;} .prodlist ul li{ float:left; width:31%; height:0; padding-bottom:42%; margin:0 1% 1.2% 1%; overflow:hidden;} .prodlist ul li .prod-tit span{ font-size:1em;} .prodlist .prod-nav{ max-height:60%;} #indnews{ display:none;} #indnewssj{ display:block;} /*.indnews{ padding-top:7.4%; padding-bottom:6%;} .indnews ul{ width:96%; margin:0 2%;} .indnews ul li{ width:48%; padding-bottom:54px; margin:0 1% 4% 1%;}*/ .indser .indser-cont{ margin-top:10%;} .indser ul li{ width:44%; height:0; padding-bottom:74%; margin-bottom:4%;} .indser-link{ display:none;} .indser-linksj{ display:block;} .indser-imgbox { position:relative; width:100%; height:0; padding-bottom:148%;} .indser ul li i{ margin-left:-16%; margin-top:-20%; display:block; width:16%; padding:0 10%; height:0; padding-bottom:39%;} .indser ul li i span{ font-size:1.5em;} #pg-ab .org-wrap{ display:none;} #pg-org .org-wrap{ display:block;} #pg-ab .features-wrap{ display:none;} #pg-feat .features-wrap{ display:block;} #pg-ab .culture-wrap{ display:none;} #pg-cul .culture-wrap{ display:block;} #pg-ab .video-wrap{ display:none;} #pg-video .video-wrap{ display:block;} .banner-txt{ margin:7% auto 0;} .profile .abimg01{ display:none;} .profile .abimg02, .profile .abimg03{ display:block;} .imglist{ width:96%; margin:6% 2% 0;} .imglist ul li{ width:46%; margin:0 2% 4%;} .imglist ul li .feat-name{ height:66px; line-height:66px;} .imglist ul li .feat-name a{ line-height:66px;} .featlist-wrap .inside-title{ display:none;} .featlist ul.featlist-tit{ display:none;} .feat-title{ display:block;} .featlist .featlist-cont ul{ width:96%; margin:6% 2% 0; padding-top:5%;} .featlist .featlist-cont ul li{ width:46%; margin:0 2% 4%;} .featlist ul li .featlist-name{ height:66px; line-height:66px;} .featlist ul li .featlist-name a{ line-height:66px;} .culture{ width:96%; margin:0 2%;} .cul-txt p{ font-size:1.em; line-height:2.25em;} .cul-txt span{ font-size:0.875em; line-height:1.5625em;} .cul-item-l1 .cul-txt{ padding:16% 0 0 46%;} .cul-item-m1 .cul-txt{ padding:14% 0 0 46%;} .cul-item-r2 .cul-txt{ padding:9% 0 0 46%;} .cul-item-r3 .cul-txt{ padding:5% 0 0 52%;} .newslist-wrap{ padding-top:6%;} .sb-news{ display:none;} .sb-news a{ display:inline-block; width:24%; height:36px; border:1px solid #D2D2D2; background:none; border-radius:8px; margin:0 1%; font-size:1em; line-height:36px; color:#616261;} .newslist{ padding-bottom:4%;} .newslist ul{ width:96%; margin:0 2%;} .newslist ul li{ width:47%; margin:0 1.5% 2% 1.5%;} .news-time label{ display:none;} .newsdetail .to-close{ display:none;} .newsdetail .go-back{ display:block;} .newslist2-wrap{ padding-top:6%;} .newslist2{ width:96%; margin:0 2%; padding-bottom:6%;} .newslist2 ul li a{ width:70%;} .prod-search-wrap{ width:96%;} .search-tit{ width:20%; margin-left:4%; font-size:1.25em; text-align:center;} .search-select{ width:20%;} .search-input-wrap{ width:48%; margin-left:4%;} .sb-prod{ display:none;} .prods-title{ display:block;} .prods{ padding-top:2%;} .prodshow{ width:90%; margin:0 5%;} .prodshow .to-close{ display:none;} .prodshow .go-back{ display:block;} .prodshow .page-turn{ display:block;} #pg-mkt .case-wrap{ display:none;} #pg-case .case-wrap{ display:block;} #pg-mkt .tradegj-wrap{ display:none;} #pg-tradegj .tradegj-wrap{ display:block;} #pg-mkt .ser-wrap{ display:none;} #pg-ser .ser-wrap{ display:block;} #pg-mkt .store-wrap{ display:none;} #pg-store .store-wrap{ display:none;} .tradegn{ width:92%; margin:0 4%; padding-top:1%;} .map-china{ float:left; width:100%; text-align:center;} .map-china img{ max-width:100%;} .casegn{ display:none;} .store-wrap .inside-title{ display:none;} .store-title{ display:block;} .storelist-wrap .inside-title{ display:none;} .storelist-title{ display:block;} .netlist-txt{ width:18%; margin-left:4%; margin-right:6%; font-size:1em;} .netlist-input{ width:13%; margin-right:1%; } .netlist-input input{ text-indent:0.6em;} .district-select{ width:13%; margin-right:1%;} .district-select select{ text-indent:0.6em;} .industry-select{ width:13%; margin-right:1%;} .industry-select select{ text-indent:0.6em; } .netlist-title-btn{ width:13%;} .netlist ul li span{ padding:2% 1%;} /*.netlist ul li .netlist-item1{ width:28%;} .netlist ul li .netlist-item2{ width:12%;} .netlist ul li .netlist-item3{ width:14%;} .netlist ul li .netlist-item4{ width:12%;} .netlist ul li .netlist-item5{ width:24%;} */ .certlist-wrap .inside-title{ display:none;} .certlist-wrap .sb-cert{ display:none;} .certlist-title{ display:block;} .certlist{ padding-bottom:6%;} .certlist ul{ width:96%; margin:6% 2% 0;} .certlist ul li{ width:46%; margin:0 2% 4%;} .certlist ul li .cert-name{ height:66px; line-height:66px;} .certlist ul li .cert-name a{ line-height:66px;} .case{ padding-bottom:4%;} .case ul{ width:92%; margin:0 4%;} .case ul li{ float:left; width:48%; margin:0 1%;} .tradegj{ padding:2% 3.75% 2% 3.75%;} .ser{ padding-bottom:4%;} .ser-item{ position:relative; float:left; width:92%; height:auto; margin:2% 4%; padding-bottom:8%; border-radius:10px;} .ser-item2{ padding-bottom:16%;} #pg-ctc .hr-wrap{ display:none;} #pg-hr .hr-wrap{ display:block;} .ctc-info-item1{ width:39%; padding-left:3%;} .ctc-info-item2{ width:27%; text-align:center;} .ctc-info-item3{ width:26%; padding-left:3%;} .ctc-info2-item1{ width:32%; padding-left:1%;} .ctc-info2-item2{ width:38%; padding-left:3%;} .ctc-info2-item3{ width:22%; padding-left:3%;} .hr-wrap{ padding:4% 0 4%;} .hr-img{ width:90%; height:0; padding-bottom:120%; margin-left:5%;} .hr-txt{ float:left; width:90%; margin:4% 5% 0 5%;} .hr-txt p{ font-size:0.875em; line-height:1.6em; margin-bottom:2em;} .hrlist-wrap{ padding-top:4%;} .hrlist ul{ width:96%; margin:0 auto; padding:0 2%;} .hrlist ul li{ width:48%; height:0; padding-bottom:37.41%; margin:0 1% 2% 1%;} .jobdetail{ width:90%; margin:0 5%;} div.fy{ margin-top:20px; padding:0 10px; text-align:center;} div.fy a{ display:inline-block; width:auto; height:36px; margin:0 5px; background-color:#FFF; font-size:1em; color:#00A050; line-height:36px; text-align:center; text-decoration:none;} div.fy a:hover{ background-color:#00A050; color:#FFF;} div.fy a:active{ background-color:#00A050; color:#FFF;} div.fy span.current{ background-color:#fff; color:#FFF; font-weight:bold;display:inline-block; width:36px; height:36px;margin:0 5px; line-height:36px;} div.fy span.disabled{ background-color:#fff; color:#ccc;display:inline-block; width:auto; height:36px;margin:0 5px; line-height:36px;} div.fy .zml{ padding-right:20px;} .cul-item-m1 .cul-txt{padding: 10px 0 0 74px;} .cul-item-r21 .cul-txt{ padding:55px 0 0 0;} .cul-item-r22 .cul-txt{ padding:20px 0 0 0;} .cul-item-l21 .cul-txt { padding: 80px 0 0 0 !important;} .cul-item-r3 .cul-txt { padding: 10px 20px 0 0;} .cul-item-l21,.cul-item-m1,.cul-item-r21{ background-size:40px;} .cul-item-l21{ background-position:center 40px;} } @media screen and (max-width:800px) { .culture{ width:96%; margin:0 2%; padding-top:2%; text-align:center;} .culture .cul-item-l, .culture .cul-item-m, .culture .cul-item-r{ width:90%; margin:0 5%;} .cul-item-l1, .cul-item-l2, .cul-item-m1, .cul-item-m2, .cul-item-r1, .cul-item-r2, .cul-item-r3{ margin-bottom:4%;} .cul-txt p{ font-size:1.5em; color:#1F1F1F; line-height:2.25em;} .cul-txt span{ font-size:1.125em; color:#333; line-height:1.5625em;} .cul-item-m1 .cul-txt p, .cul-item-m2 .cul-txt p, .cul-item-r3 .cul-txt p, .cul-item-m1 .cul-txt span, .cul-item-m2 .cul-txt span, .cul-item-r3 .cul-txt span{ color:#FFF;} .cul-item-l2 .cul-txt, .cul-item-m2 .cul-txt, .cul-item-r1 .cul-txt{ padding:7.5758% 0 0 7.0107%;} .cul-item-l1 .cul-txt{ padding:18% 0 0 50%;} .cul-item-m1 .cul-txt{ padding:16% 0 0 46%;} .cul-item-r2 .cul-txt{ padding:11% 0 0 46%;} .cul-item-r3 .cul-txt{ padding:6% 0 0 56%;} .prod-search-wrap{ width:96%; margin:0 auto;} .prod-search{ width:92%; height:auto; padding:12px 4% 24px;} .search-tit{ width:100%; margin:0 auto 12px; font-size:1.5em; text-align:center;} .search-select{ width:100%; margin:0 auto 12px;} .search-input-wrap{ width:100%; margin:0 auto;} .prods ul li{ width:46%; margin:0 2% 3.5% 2%;} .netlist-title{ width:98%; height:auto; padding:2% 1% 3% 1%;} .netlist-txt{ width:100%; margin:0 0 2% 0; font-size:1.125em; text-align:center;} .netlist-input{ width:48%; margin:0 1% 2% 1%; } .netlist-input input{ text-indent:0.6em;} .district-select{ width:48%; margin:0 1% 2% 1%;} .district-select select{ text-indent:0.6em;} .industry-select{ width:48%; margin:0 1% 2% 1%;} .industry-select select{ text-indent:0.6em; } .netlist-title-btn{ width:98%; margin:0 1%;} .netlist ul li span{ padding:2% 2% 2% 2%;} .netlist ul li .netlist-item1{ width:96%; padding:2% 2% 0% 2%; font-size:1em; color:#00A050;} .netlist ul li .netlist-item2{ /*width:18%;*/ width:28%;} .netlist ul li .netlist-item3{ /*width:22%;*/ width:30%;} .netlist ul li .netlist-item4{ /*width:20%;*/ width:30%;} .netlist ul li .netlist-item5{ width:24%;} .cul-item-m1 .cul-txt{padding: 12% 0 0 50%;} .cul-item-r21 .cul-txt{ padding:40% 0 0 0;} .cul-item-r22 .cul-txt{ padding:28% 0 0 0;} .cul-item-l21 .cul-txt { padding:80% 0 0 0 !important;} .cul-item-r3 .cul-txt { padding: 10% 20px 0 0;} .cul-item-l21,.cul-item-m1,.cul-item-r21{ background-size:30%;} .cul-item-l21{ background-position:center 30%;} .cul-item-m1{ background-position: 10% center; } } @media screen and (max-width:736px) { .indser .indser-cont{ margin-top:12%; padding-bottom:0;} .indser ul li{ width:44%; height:0; padding-bottom:74%; margin-bottom:4%;} .indser-imgbox { position:relative; width:100%; height:0; padding-bottom:148%;} .indser ul li i{ margin-left:-30%; margin-top:-20%; display:block; width:30%; padding:0 15%; height:0; padding-bottom:65%;} .banner-txt{ margin:8% auto 0;} .banner-txt p.en{ font-size:1.875em;} .banner-txt p.cn{ font-size:1.125em;} .banner-txt p label{ width:54px; height:6px;} .banner-txt span{ display:none;} .cul-txt p{ font-size:1.25em; line-height:2.25em;} .cul-txt span{ font-size:1em; line-height:1.5625em;} .cul-item-l1 .cul-txt{ padding:16% 0 0 50%;} .cul-item-m1 .cul-txt{ padding:14% 0 0 46%;} .cul-item-r2 .cul-txt{ padding:9% 0 0 46%;} .cul-item-r3 .cul-txt{ padding:5% 0 0 52%;} .search-tit{ margin-bottom:4%;} .search-btn{ width:30%;} .prodlist ul{ width:98%; padding:0 1%;} .prodlist ul li{ float:left; width:48%; height:0; padding-bottom:67%; margin:1%; overflow:hidden;} .prodlist ul li .prod-tit span{ font-size:1em;} .prods{ padding-bottom:6%;} .prods ul li{ width:88%; margin:0 6% 4% 6%;} .netlist-wrap{ padding-top:6%;} .newslist2{ width:90%; margin:0 5%;} .newslist2 ul li{ width:100%; margin:0;} .tradegj{ padding:2% 3.75% 3% 3.75%;} .ctc-wrap{ padding: 2% 0 2% 0;} .ctc-cts{ padding-top:4%;} .ctc-info-item1{ width:90%; border-right:medium none; border-bottom:1px solid #E5E5E5; text-align:center; padding:3% 5%;} .ctc-info-item2{ width:90%; border-bottom:1px solid #E5E5E5; text-align:center; padding:3% 5%;} .ctc-info-item3{ width:90%; border-left:medium none; border-bottom:1px solid #E5E5E5; text-align:center; padding:3% 5%; margin-bottom:5%;} .ctc-info2-item1{ width:90%; border-right:medium none; border-bottom:1px solid #E5E5E5; text-align:center; padding:3% 5%;} .ctc-info2-item2{ width:90%; border-bottom:1px solid #E5E5E5; text-align:center; padding:3% 5%;} .ctc-info2-item3{ width:90%; border-left:medium none; border-bottom:1px solid #E5E5E5; text-align:center; padding:3% 5%; margin-bottom:5%;} .feedback{ margin:5% auto 0;} .feedback .feed-tip{ padding:0 8%;} .feedback .feed-msgwrap{ width:98%; margin:4% auto 0;} .feedback ul{ width:100%;} .feedback ul li{ position:relative; float:left; width:96%; margin:0 2% 2% 2%;} .hrlist-wrap{ padding-top:6%;} .hrlist-title{ margin-bottom:3%;} .hrlist ul li{ width:96%; height:0; padding-bottom:74.82%; margin:0 2% 4% 2%;} .hrlist-txt p label{ padding-left:7%; margin-right:6%;} .job-tip{ height:97px;} .job-tip .job-num{ width:96%; padding-left:4%; border-bottom:1px solid #DDD;} .job-tip .job-time{ width:96%; padding-right:0; padding-left:4%; text-align:left;} .job-s{ width:100%;} .job-m label{ width:30%;} .job-l label{ width:30%; height:196px;} .job-l textarea{ width:62%; min-height:168px; padding:14px 4% 14px 4%;} .job-ctc{ height:auto; min-height:24px; padding:12px 0; line-height:24px;} .job-ctc label{ display:inline-block; width:100%; text-indent:2em;} .job-ctc label a{ color:#00A050;} .cul-item-m1 .cul-txt{padding: 12% 0 0 50%;} .cul-item-r21 .cul-txt{ padding:40% 0 0 0;} .cul-item-r22 .cul-txt{ padding:28% 0 0 0;} .cul-item-l21 .cul-txt { padding:80% 0 0 0 !important;} .cul-item-r3 .cul-txt { padding: 10% 20px 0 0;} .cul-item-l21,.cul-item-m1,.cul-item-r21{ background-size:30%;} .cul-item-l21{ background-position:center 30%;} .cul-item-m1{ background-position: 10% center; } } @media screen and (max-width:640px) { .banner-s{ display: none;} .mbanner{ display: block !important; overflow: hidden; position: relative;} .beian{ margin-bottom: 37px !important;} .bottomlist{ display: block; height: 65px;} } @media screen and (max-width:480px) { .header{ height:80px; } .logo{ width:68%; height:80px; background:url(../images/logo3.png) left center no-repeat; margin-left:3.125%;} #hamburger{ top:33px;} .indab-item-wrap{ padding-top:6%;} .indnews{ padding-top:7.4%; padding-bottom:6%;} .indnews ul{ width:92%; margin:0 4%;} .indnews ul li{ width:100%; padding-bottom:48px; margin:0 0 6% 0;} .indser ul li i{ margin-left:-20%; margin-top:-20%; display:block; width:20%; padding:0 15%; height:0; padding-bottom:55%;} .indser ul li i span{ font-size:1em;} .inside-title{ padding-top:8%;} .imglist .blist{ width:96%; margin:0 2% 4%;} .featlist{ padding:0 0 4% 0;} .featlist .featlist-cont ul li{ width:96%; margin:0 2% 4%;} .cul-txt p{ font-size:1.25em; line-height:2.25em;} .cul-txt span{ font-size:1em; line-height:1.5625em;} .cul-item-l1 .cul-txt{ padding:16% 0 0 50%;} .cul-item-m1 .cul-txt{ padding:14% 0 0 46%;} .cul-item-r2 .cul-txt{ padding:9% 0 0 46%;} .cul-item-r3 .cul-txt{ padding:5% 0 0 52%;} .newslist{ padding-bottom:6%;} .newslist ul{ width:92%; margin:0 4%;} .newslist ul li{ width:100%; margin:0 0% 4% 0%;} .newsdetail{ padding-top:0%;} .newslist2{ padding-bottom:6%;} .topnews-item{ width:100%; margin:0 0 20px;} .newslist2 ul li a{ width:66%;} .case ul li{ float:left; width:98%; margin:0 1%;} .search-tit{ font-size:1.6em;} .certlist{ padding:0 0 6% 0;} .certlist ul li{ width:96%; margin:0 2% 4%;} .tradegn{ padding-top:2%;} .netlist-wrap{ padding-top:7%;} .netlist ul li span{ /*padding:0% 4% 4% 4%;*/ padding:4% 4% 4% 4%; font-size:0.875em;} .netlist ul li .netlist-item1{ width:92%; padding:4% 4% 4% 4%; font-size:1em; color:#00A050;} .netlist ul li .netlist-item2{ /*width:34%;*/ width:32%;} .netlist ul li .netlist-item3{ /*width:50%;*/ width:52%;} .netlist ul li .netlist-item4{ /*width:34%;*/ width:92%;} .netlist ul li .netlist-item5{ width:50%;} .newsdtl-pgtitle{ display:block;} .ser-item2{ padding-bottom:24%;} .ser-item2 .ser-item-txt span{ bottom:6%;} .cul-item-m1 .cul-txt{padding: 6% 20px 0 40%;} .cul-item-r21 .cul-txt{ padding:40% 0 0 0;} .cul-item-r22 .cul-txt{ padding:28% 0 0 0;} .cul-item-l21 .cul-txt { padding:80% 0 0 0 !important;} .cul-item-r3 .cul-txt { padding: 10% 20px 0 0;} .cul-item-l21{ background-size:40%;} .cul-item-m1,.cul-item-r21{ background-size:30%;} .cul-item-l21{ background-position:center 30%;} .cul-item-m1{ background-position: 10% center; } } @media screen and (max-width:375px) { .header{ height:55px;} .logo{ width: 160px;margin: 5px 15px;height: 40px;background:url(../images/logo4.png) left center no-repeat;background-size: contain;} #hamburger{ top:19px;} .indser ul li i{ margin-left:-30%; margin-top:-20%; display:block; width:30%; padding:0 15%; height:0; padding-bottom:65%;} .indser ul li i span{ font-size:1em;} .cul-txt p{ font-size:1em; line-height:2em;} .cul-txt span{ font-size:0.875em; line-height:1.5em;} .cul-item-l1 .cul-txt{ padding:16% 0 0 44%;} .cul-item-r2 .cul-txt{ padding:9% 0 0 42%;} .search-tit{ font-size:1.2em; margin-bottom:2%;} .ser-item2 .ser-item-txt span{ bottom:4%;} .cul-item-m1 .cul-txt{padding: 6% 20px 0 40%;} .cul-item-r21 .cul-txt{ padding:40% 0 0 0;} .cul-item-r22 .cul-txt{ padding:28% 0 0 0;} .cul-item-l21 .cul-txt { padding:80% 0 0 0 !important;} .cul-item-r3 .cul-txt { padding: 10% 20px 0 0;} .cul-item-l21{ background-size:40%;} .cul-item-m1,.cul-item-r21{ background-size:30%;} .cul-item-l21{ background-position:center 30%;} .cul-item-m1{ background-position: 10% center; } }