/*初始化样式*/ html{margin:0;padding:0;border:0;} body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,navs,section {margin:0;padding:0;border:0;} body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;} a{text-decoration:none;outline:none;} a:hover,a:active,a:focus{text-decoration:none;outline:none;} input{padding:0;margin:0;font-family:'Microsoft YaHei';} img{border:none;background:none;vertical-align:middle;} ul,ol,li{list-style-type:none;} select,input,img,select{vertical-align:middle;} table{border-collapse:collapse;border-spacing:0} table, th, td {vertical-align: middle} .clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;} .clearfix{zoom:1} .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;} h1,h2{font-size:12px;font-weight:bold;} hr {border: 0;border-top:1px solid #ccc;height:0;} .zl {font-size:18px; font-weight:bold;} .zl1 {font-size:14px; } .zla {font-size:22px; font-weight:bold;} .zla1 {font-size:16px; color:#666666; } .jieimg1 { width:35%;} .rc{ width:46%;} .rcc{float:left; margin-right:20px;margin-left:20px; border:solid 2px #CCCCCC; border-radius:10px; margin-bottom:50px;} p{margin:0;} .allx { transition-duration: 2.2s; opacity: 0; } .active .allx { opacity: 1; } .bottomx { transform: translateY(500px); } .active .bottomx { transform: translateY(0); } .left2 { transform: translateX(-500px); } .active .left2 { transform: translateX(0); } .left3 { transform: translateX(500px); } .active .left3 { transform: translateX(0); } .product-detail-tabli li a{ color:#fff; } body, html { scroll-behavior: smooth; } .fix{ position: fixed!important; z-index: 9999; left:0px; top:0px; height: 83px; padding: 0 20%; background: #0051ad; line-height: 83px; margin-top: 0%!important; width: 100%; } /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*滚动*/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%!important;} #demo1 {float: left;} #demo2 {float: left;} #m_demo{overflow:hidden;width:92%;margin:0 auto;} #m_indemo {float: left;width:800%!important;} #m_demo1 {float: left;} #m_demo2 {float: left;} .pos{position: relative;width:1920px;left:50%;margin-left:-960px;} .wh{width:1200px;margin:0 auto;} .w1270{ max-width:1270px;margin:0 auto; } .com-img{ overflow:hidden;} .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);} .roll_product {float: left;} .img{ max-width:100%; height:auto;} /*头部样式*/ .top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;} .top1 a{color:#595959;} .top2{height:143px;overflow:hidden;} .logo{float:left;line-height:143px;} .k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;} .k2 p:nth-child(2){color:#2459a9;font-size:27px;} .product_list1{margin-top:38px;} .product_list1 li{float:left;margin-right:57px;margin-bottom:28px;} .product_list1 li:nth-child(4n){margin-right:0;} .product_list1 li img{width:257px;height:293px;} .product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;} .section, .fp-tableCell { height: 100vh !important; overflow: hidden; position: relative; } .section1{ background: url(/images/bg1.jpg) top center no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section2{ background: url(/images/bg2.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section3{ background: url(/images/bg3.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section4{ background: url(/images/bg4.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section5{ background: url(/images/bg5.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section6{ background: url(/images/bg6.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section7{ background: url(/images/bg7.jpg) center center no-repeat; background-size: 100% 100%; box-sizing: border-box; } /*主体样式*/ .ssddds{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xyin-case-sort li:hover, .xyin-case-sort li.on { background: #3c486d; position: relative; color: #fff; cursor: pointer; } .xyin-case-sort li:hover a, .xyin-case-sort li.on a { color: #fff; } .aby_hh li:hover .aby_hh_img img{ filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%); } .gsjjsp { width:50%;} .conl { width:30%; float:left;} .conc { width:40%; float:left;} .conr { width:30%; float:left;} /*页面底部*/ .foot{background:#333;} .f_nav{width:826px;margin-top:40px;} .f_nav dl{float:left;width:136px;height:186px;overflow:hidden;} .f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;} .f_nav dd a{font-size:12px;color:#333;line-height:20px;} .copyright{text-align:center;line-height:24px;} /*内页左侧样式*/ .page-product-inquiry a{color: #fff;} .dusng{ position: absolute; width: 100%; left: 50%; margin-left: -50%; z-index: 9999; top: 0px; background-color:rgba(159,179,183,0.6); border-bottom: rgba(255,255,255,0.2) 1px solid; } .chang{ max-width: 1660px; margin: 0 auto; padding: 0 2%; font-family: "Microsoft Yahei"; } .chang1{ max-width: 1360px; margin: 0 auto; padding: 0 2%; font-family: "Microsoft Yahei"; } .dlogo{ float: left; width: 10%; } .dlogo img{ max-width: 100%; height: auto; } .dlogo .img2s{ display: none; } .nnav{ float: right; width: 80%; } .so{ margin-top: 28px; cursor: pointer; } .nei{ background: url(/images/bg1.jpg) top center no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 5% 0 10% 0; } .abt{ width: 40%; } .abt_aa{ font-size:2.1rem; font-weight: 600; font-stretch: normal; line-height: 55px; letter-spacing: 0px; color: #0051ad; } .abt_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #0051ad; text-transform: uppercase; } .abt_ee{ background: url(/images/tbg.jpg) no-repeat; width: 58px; height: 2px; margin: 1% 0; } .abt_cc{ font-size: 1.2rem; font-weight: 600; font-stretch: normal; line-height:50px; letter-spacing: 0px; color: #333333; margin-top: 3%; } .abt_dd{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 38px; letter-spacing: 0px; color: #333333; margin-top: 4%; } .abt_mm{ margin-top: 8%; font-size: 24px; font-weight: 600; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #0051ad; } .abt_mm a{ color: #0051ad; } .abg{ width: 55%; } .abg li{ width: 32%; position: relative; } .abg_img img{ width: 100%; height: auto; } .abgnei_aa{ background: url(/images/top1.png) no-repeat; width: 109px; height: 32px; background-size: 100% 100%; } .abgnei{ position: absolute; top:0px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.4); box-sizing: border-box; padding: 11% 14%; } .abgnei_bb{ font-size: 1rem; font-weight: 600; font-stretch: normal; line-height: 45px; letter-spacing: 2px; color: #ffffff; } .abgnei_cc{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; } .nei1{ background: url(/images/bg2.jpg.jpg) no-repeat; background-size: 100% 100%; padding: 7% 0 8% 0; overflow: hidden; color:#fff; } .cpp_bb{ background: url(/images/tbg1.jpg) no-repeat; width: 109px; height: 3px; margin: 4% 0; } .cpp_aa{ font-size: 2.75rem; font-weight: 600; font-stretch: normal; line-height: 50px; letter-spacing: 0px; color: #ffffff; text-transform: uppercase; } .cpp_aa span{ font-size: 1.8rem; font-weight: 600; font-stretch: normal; line-height: 50px; letter-spacing: 0px; color: #ffffff; padding-left: 2%; } .cppg{ width: 35%; } .cpp_cc{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #f0f0f0; } .cppfenlegn{ background: url(/images/tbg2.jpg) no-repeat; width: 159px; line-height: 48px; font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #0051ad; text-indent: 12%; } .cppfenle{ width: 65%; margin-top: 2%; align-items: center; } .cppfenlele li{ font-size: 17px; font-weight: normal; letter-spacing: 0px; color: #f0f0f0; line-height: 48px; background: url(/images/tbg3.jpg) right center no-repeat; height: 48px; padding: 0 0.6%; width: 20%; text-align: center; } .cppfenlele { width: 83%; display: flex; flex-wrap: wrap; justify-content: normal; } .cppfenlele li a{ color:#fff; } .fgb{ margin-top: 3.5%; } .hngt li{ width: 23%; cursor: pointer; } .hngt_img img{ width: 100%; height: auto; } .hngt_aa{ background: #eeeeee; line-height: 55px; text-align: center; font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; } .hngt_aa a{ color: #333333; } .hngt li:hover .hngt_aa{ background: #0051ad; } .hngt li:hover .hngt_aa a{ color:#fff; } .cppfenlele li:last-child{ background: none; } .cppfenlele li:hover, .cppfenlele li.on { position: relative; color: #fff; cursor: pointer; font-size: 20px; font-weight: 600; } .cppfenlele li:hover a, .cppfenlele li.on a { color: #fff; } .nei3{ background: url(/images/bg3.jpg) no-repeat; background-size: 100% 100%; color: #fff; box-sizing: border-box; padding: 5% 0 7% 0; } .ying{ text-align: center; } .ying_aa{ font-size: 1.8rem; font-weight: 600; font-stretch: normal; line-height: 65px; letter-spacing: 1px; color: #ffffff; } .ying_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #ffffff; } .yiong{ margin-top: 3%; } .yiong li{ width: 16%; position: relative; overflow: hidden; cursor: pointer; } .yiong_img img{ width: 100%; height: auto; } .yionggb{ position: absolute; width: 100%; height: 100%; left: 0; top: 30%; z-index: 1; transition-duration: .5s; text-align: center; } .yionggb_img{ line-height: 92px; } .yionggb_img img{ max-width: 100%; } .yionggb_aa{ font-size: 1.3rem; margin-top: 1.67vw; font-weight: 600; } .yionggb_aa a{ color:#fff; } .yiongnei{ position: absolute; width: 100%; height: 100%; z-index: 3; left: 0%; top: 0%; padding: 0 6%; display: flex; justify-content: center; align-items: center; transition-duration: .6s; transform: translateY(100%); color:#fff; } .yiongnei::before{ content: ''; position: absolute; top: -90%; left: -251%; display: block; width: 300%; height: 300%; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); background-color: rgba(0, 81, 173, 0.6); } .yiong li:hover .yiongnei{ transform: translateY(0); } .yiong li:hover .yiongnei::before{ left: -25%; } .yiong li:hover .yionggb{ opacity: 0; } .yiongnei_aa{ font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #ffffff; } .yiongnei_aa a{ color: #ffffff; } .ceng{ position: relative; z-index: 99; } .yiongnei_bb{ font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; } .nei4{ background: url(/images/bg4.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 4%; overflow: hidden; } .jixiele{ width: 50%; color:#fff; margin-top: 3%; } .jixiele_aa{ font-size: 2.25rem; font-weight: 600; font-stretch: normal; line-height: 71px; letter-spacing: 0px; color: #ffffff; text-transform: uppercase; } .jixiele_bb{ /* background: url(/images/7cf2adc81b827d1cb53bc7ca93ac79e7d6499cb8.png) no-repeat; width: 56px; height: 8px; */ margin-top: 5%; } .jixieru{ width: 49%; margin-top: 1%; } .jixieru_aa{ width: 164px; background-color: #0051ad; line-height: 78px; text-align: center; font-size: 1.3rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #ffffff; } .jixieru_bb{ font-size: 2.15rem; font-weight: 600; font-stretch: normal; line-height: 91px; letter-spacing: 2px; color: #000000; } .jixieru_bb span{ color: #0051ad; } .jixieru_cc{ font-size: 1rem; font-weight: normal; font-stretch: normal; line-height: 41px; letter-spacing: 1px; color: #666666; } .jixieru_dd{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #333333; margin-top: 4%; } .naku{ margin-top: 3%; } .mygg{ overflow: hidden; } .mygg_img img{ width: 100%; height: auto; } .mygg_tt{ background: #333333; text-align: center; font-size: 17px; font-weight: normal; font-stretch: normal; line-height: 56px; letter-spacing: 1px; color: #ffffff; } .mygg_tt a{ color: #ffffff; } .mygg .swiper-wrapper .swiper-slide{ cursor: pointer; } .mygg .swiper-wrapper .swiper-slide:hover .mygg_tt{ background: #0051ad; } .mygg .swiper-wrapper .swiper-slide:hover .mygg_tt a{ color: #fff; } .nei5{ background: url(/images/bg5.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 4% 0; overflow: hidden; } .xw{ text-align: center; } .xw_aa{ font-size: 1.8rem; font-weight: 600; font-stretch: normal; line-height: 65px; letter-spacing: 1px; color: #000000; } .xw_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #888888; } .xwwffe{ width: 25%; } .xwwfmm{ width: 120px; font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 0px; color: #666666; } .xwwfmm a{ color: #666666; } .xwwffe li{ font-size: 1.1rem; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 1px; color: #333333; } .xwwffe li a{ color: #333333; } .xwwfg{ margin-top: 1%; } .gugleft{ width: 49%; float: left; margin-top: 1.7%; } .xwright{ width: 49%; float: right; } .gugleft_img{ border-radius: 20px; } .gugleft_img img{ width: 100%; height: auto; } .gugleft_aa{ font-size: 17px; font-weight: 600; font-stretch: normal; line-height: 60px; letter-spacing: 1px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 1%; } .gugleft_aa a{ color: #333333; } .gugleft_aa:hover a{ color:#0051ad; } .gugleft_bb{ font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; } .shijia{ float: left; width: 12%; text-align: center; } .shijia_aa{ font-size: 30px; font-weight: 600; font-stretch: normal; line-height: 45px; letter-spacing: 0px; color: #666666; } .shijia_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; } .xwright li{ border-bottom: #d2d2d3 1px solid; padding: 2% 0; } .shinei_aa{ font-size: 17px; font-weight: 600; font-stretch: normal; line-height: 45px; letter-spacing: 1px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shinei_aa a{ color: #333333; } .shinei_aa:hover a{ color:#0051ad; } .shinei{ float: right; width: 86%; } .xwwffe li:hover, .xwwffe li.on { position: relative; color: #0051ad; cursor: pointer; } .xwwffe li:hover a, .xwwffe li.on a { color: #0051ad; } .nei6{ background: url(/images/bg6.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 4% 0; overflow: hidden; } .jujue{ width: 63%; color: #fff; } .jieimg{ width: 100%; } .jixiele_dd{ font-size: 1rem; font-weight: 600; font-stretch: normal; line-height: 71px; letter-spacing: 1px; color: #ffffff; margin-top: 3%; } .jujue_cc{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #ffffff; } .jujue_mm{ width: 206px; line-height: 60px; background-color: #ffffff; text-align: center; font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #0051ad; margin-top: 14%; } .jujue_mm a{ color: #0051ad; } .jieimg img{ width: 100%; height: auto; } .nei7{ background: url(/images/bg7.jpg) center center no-repeat; background-size: 100% 100%; padding: 4% 0; overflow: hidden; } .lain{ text-align: center; color:#fff; } .lain_aa{ font-size: 1.8rem; font-weight: 600; font-stretch: normal; line-height: 60px; letter-spacing: 1px; color: #fff; } .lain_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #888888; } .lingg{ margin-top: 1%; } .lingga{ width: 30%; } .lingger{ width: 15%; padding-top: 20%; } .linggdi{ width: 50%; } .lingga_aa{ text-transform: uppercase; font-size: 2rem; font-weight: 600; font-stretch: normal; line-height: 65px; letter-spacing: 2px; color: #ffffff; } .linggdi img{ width: 100%; height: auto; } .lingga_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 45px; letter-spacing: 27px; color: #ffffff; } .lingga_cc{ font-size: 18px; font-weight: 600; font-stretch: normal; line-height: 44px; letter-spacing: 1px; color: #ffffff; } .lingga_dd{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 44px; letter-spacing: 1px; color: #ffffff; } .lingga_mm{ width: 167px; line-height: 48px; background-color: #0051ad; text-align: center; margin-top: 4%; font-size: 16px; } .lingga_mm a{ color:#fff; } .lingger img{ width: 100%; height: auto; } .nash , .zhjici{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #fff; } .nash a , .zhjici a{ color: #fff; } .shinei_bb{ font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .fhdufnj{ display: none; } .zhuantig{ overflow: hidden; } .zhuantig li{ width: 33.3%; position: relative; cursor: pointer; } .zhuantig_img img{ width: 100%; height: auto; } .zhuantghh{ position: absolute; top: 30%; text-align: center; color:#fff; width: 100%; box-sizing: border-box; padding: 0 15%; } .zhuantghh_aa{ font-size: 1.5rem; font-weight: normal; font-stretch: normal; line-height: 70px; letter-spacing: 1px; color: #ffffff; } .zhuantghh_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 1px; color: #ffffff; margin-top: 5%; } /* 内页左侧导航栏样式 */ .neife .xypg-left-nav { margin: 0 -1px; display: flex; justify-content: center; ;flex-wrap: wrap; } .neife .xypg-left-nav > li { position: relative; border-bottom: none; background: url(/images/tba.jpg) right center no-repeat; padding: 0 2%; } .neife .xypg-left-nav > li:last-child { border-bottom: none; } .neife .xypg-left-nav > li > a { display: block; font-size: 16px; line-height: 22px; color: #999999; padding: 15px 12px; } .neife .xypg-left-nav > li .first-nav-btn { position: absolute; z-index: 99; width: 30px; height: 30px; text-align: center; top: 10px; right: 20px; cursor: pointer; background: url(/images/icon_spirit.png) 0 -240px no-repeat; display: none; } .neife .xypg-left-nav > li .first-nav-btn.clicked { background-position: 0 -270px; } .neife .xypg-left-nav > li:hover > a, .neife .xypg-left-nav > li.clicked > a { color: #FFB300; } .neife .xypg-left-nav > li:hover .first-nav-btn, .neife .xypg-left-nav > li.clicked .first-nav-btn { color: #FFB300; } .neife .xypg-left-nav .xypg-left-subnav { display: none; padding: 0 10px; } .neife .xypg-left-nav .xypg-left-subnav > li { border-top: 1px dashed #eeeeee; } .neife .xypg-left-nav .xypg-left-subnav > li > a { padding: 8px; display: block; line-height: 20px; color: #818181; font-size: 16px; } .neife .xypg-left-nav .xypg-left-subnav > li > a:hover { color: #FFB300; } .neife .xypg-left-nav .xypg-left-subnav > li.clicked > a { color: #FFB300; } .neife .xypg-left-nav .xypg-left-threenav > li > a { padding: 5px 10px; display: block; font-size: 14px; line-height: 24px; color: #999999; } .neife .xypg-left-nav .xypg-left-threenav > li > a:before { content: '\2014 '; } .neife .xypg-left-nav .xypg-left-threenav > li > a:hover { color: #FFB300; } .neife .xypg-left-nav .xypg-left-threenav > li.clicked > a { color: #FFB300; } @media (max-width: 990px) { .neife .xypg-left-nav .xypg-left-threenav { display: block; } } .neiimg{ width: 50%; float: left; } .neiimg img{ width: 100%; height: auto; } .asudnjgrig{ float: right; width: 47%; } .asudnjgrig_s{ font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 2px; color: #999999; } .asudnjgrig_s span{ font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 1px; color: #999999; } .asudnjgrig_aa{ font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 60px; letter-spacing: 1px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .asudnjgrig_aa a{ color: #333333; } .asudnjgrig_bb{ font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #333333; margin-top: 3%; } .xypg-news-list{ margin-top: 3%; } .xypg-news-list li{ width: 23%; margin: 0 1% 4% 1%; } .xwubf img{ width: 100%; height: auto; } .cwuf_aa{ font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 55px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cwuf_aa a{ color: #333333; } .cwuf_bb{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #666666; } .flexa{ display: flex; justify-content: flex-start; flex-wrap: wrap; } .cwuf_dd{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #999999; margin-top: 2%; } .cwuf_dd span{ text-align: right; float: right; } .cwuf_dd span a{ color: #999999; } .cwuf_hh{ border-bottom: #eeeeee 1px solid; margin-top: 2%; } .xypg-news-list li:hover .cwuf_aa a{ color: #0051ad; } .asudnjgrig_mm{ background: url(/images/tba1.jpg) no-repeat; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 53px; letter-spacing: 0px; color: #666666; text-align: right; height: 53px; margin-top: 3%; background-size: 87% 100%; } .asudnjgrig_mm a{ color: #666666; } .neifes{ display: flex; justify-content: center; flex-wrap: wrap; } .neifes li{ width: 18%; text-align: center; background: url(/images/tba2.jpg) right center no-repeat; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #999999; } .asd a{ padding-left: 5%; } .huashuzi{ padding: 3% 13%; } .huashuzi li{ text-align: center; } .huans span{ font-size: 2.5rem; font-weight: 600; font-stretch: normal; line-height: 50px; letter-spacing: 2px; color: #0051ad; } .huashuzi_aa{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 45px; letter-spacing: 1px; color: #333333; } .nnei{ background: url(/images/bg9.jpg) center center no-repeat; padding: 8% 0 12% 0; overflow: hidden; background-attachment: fixed; dislay:flexd; flex-direction: column-reverse; background-size: 100% 100%; } .abgg{ text-align: center; display:none; } .abgg_aa{ font-size: 2.5rem; font-weight: 600; font-stretch: normal; line-height: 60px; letter-spacing: 0px; color: #0051ad; text-transform: uppercase; } .abgg_bb{ font-size: 1.3rem; font-weight: 600; font-stretch: normal; line-height: 50px; letter-spacing: 2px; color: #333333; } .neiuang { text-align: center; padding: 2% 10%; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #333333; } .hudng{ max-width: 1360px; margin: 0 auto; font-family: "Microsoft Yahei"; padding: 0 2%; margin-top: 2%; } .rongyu{ text-align: center; } .rongyu_aa{ font-size: 2.5rem; font-weight: 600; font-stretch: normal; line-height: 70px; letter-spacing: 0px; color: #0051ad; text-transform: uppercase; } .rongyu_bb{ font-size: 1.3rem; font-weight: 600; font-stretch: normal; line-height: 50px; letter-spacing: 2px; color: #333333; } .rongyu_cc{ background: url(/images/tba3.jpg) center center no-repeat; width: 68px; height: 1px; margin: 0.5% auto 0; } .yfudng img{ width: 100%; height: auto; } .swipeprev{ position: absolute; background: url(/images/tbg4.png) no-repeat; width: 39px; height: 39px; border: none; outline: none; left:37%; bottom: 0px; z-index: 9999; } .swipenext{ position: absolute; background: url(/images/tbg4.png) no-repeat; width: 39px; height: 39px; border: none; outline: none; right:37%; bottom: 0px; transform: rotateY(180deg); z-index: 9999; } .gundonshu{ padding: 3% 12%; } .gundonshu li{ width: 33%; text-align: center; border-right: #e7e7e7 1px solid; } .gundonshu li:nth-child(3){ border:none; } .gundonshu_aa{ font-size: 2.7rem; font-weight: 600; font-stretch: normal; line-height: 80px; letter-spacing: 0px; color: #0051ad; } .gundonshu_bb{ font-size: 1.1rem; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 1px; color: #333333; } #certify { position: relative; } #certify .swiper-container { padding-bottom: 8%; } #certify .swiper-slide { width: 457px; height: 330px; } #certify .swiper-slide img{ display:block; } #certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: 10px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #e5e5e5; background-color: #e5e5e5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #0051ad; background-color: #0051ad; } .nebei{ background: url(/images/ban1.jpg) center center no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 3% 0; overflow: hidden; background-attachment: fixed; dislay:flexd; flex-direction: column-reverse; margin-top: 3%; } .bbgtu{ background: #fff; box-sizing: border-box; padding: 1% 15% 2% 15%; text-align: center; } .qiyeg{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; margin-top: 2%; } .lingh{ width: 40%; margin: 2% auto 0; } .lingh li{ background: url(/images/tbg.png) 10% center no-repeat #f5f5f5; width: 45%; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 0px; color: #666666; } .lingh li a{ color: #666666; } .lingh li:nth-child(2){ background: url(/images/pn1.png) 10% center no-repeat #f5f5f5; } .lingh li:hover a{ color:#fff } .lingh li:hover{ background: url(/images/pn2.png) 10% center no-repeat #0051ad; } .lingh li:nth-child(2):hover{ background: url(/images/p1.png) 10% center no-repeat #0051ad; } .shicheng{ width: 40%; } .shicheng_aa{ background: url(/images/p0.png) left center no-repeat; padding-left: 15%; font-size: 1.5rem; font-weight: 600; font-stretch: normal; line-height: 60px; letter-spacing: 0px; color: #0051ad; } .shili{ margin-top: 3%; } .shicheng_bb{ font-size: 2.5rem; font-weight: normal; font-stretch: normal; line-height: 70px; letter-spacing: 2px; color: #333333; margin-top: 17%; } .shicheng_cc{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 1px; color: #333333; margin-top: 4%; } .disngh{ width: 45%; } .ttry{ overflow: hidden; } .tab-li{ width: 35%; display: flex; justify-content: space-between; flex-wrap: wrap; line-height: 45px; padding: 2% 0; } .tab-li li{ width: 46%; text-align: center; border:#878787 2px solid; margin: 0 2%; font-family: "Microsoft Yahei"; font-size: 0.8rem; } .tab-li li a{ color: #000; } .tab-li li:hover{ background: #2b2b2b; border:#2b2b2b 2px solid; } .tab-li li:hover a{ color: #fff; } .tab-main{ position: relative; } .tab-li li:hover, .tab-li li.active { background: #2b2b2b; border:#2b2b2b 2px solid; color: #fff; } .tab-li li.active a{ color: #fff; } .tab-con { position: relative; } .tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0; } .tab-con .tab-main { opacity: 0; visibility: hidden; } .tab-con .tab-main.active { position: static; opacity: 1; visibility: visible; } .jisng_aa{ font-size: 3rem; font-weight: 600; font-stretch: normal; line-height: 70px; letter-spacing: 2px; color: #0051ad; } .jisng_bb{ font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 1px; color: #333333; } .jisng_cc{ width: 60%; margin-top: 3%; } .jisng_cc img{ width: 100%; height: auto; } .fenhur{ background: url(/images/p2.png) left 80% repeat-x; } .nngy{ background: #f8f8f8; padding-bottom: 4%; } .ttry_tt{ font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #444444; } .ttryian{ background: url(/images/p3.png) no-repeat; width: 16px; height: 16px; margin: 0 auto; } .ttry{ margin-top: 3%; } .ttry .swiper-wrapper .swiper-slide{ text-align: center; cursor: pointer; } .ttry .swiper-wrapper .swiper-slide-active .ttryian{ background: url(/images/p5.png) no-repeat; width: 16px; height: 16px; margin: 0 auto; } .mdngh{ margin-top: 3%; overflow: hidden; } .nedndsj li{ width: 16.62%; border-bottom: #f1f1f1 1px solid; border-right: #f1f1f1 1px solid; } .nedndsj{ border-top: #f1f1f1 1px solid; border-left: #f1f1f1 1px solid; margin-top: 3%; } .nedndsjimg img{ width: 100%; height: auto; } .gguj{ width: 50%; } .rni{ width: 20%; } .doamh{ width: 20%; } .qibng{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #ffffff; } .qibng a{ color: #ffffff; } #formsearch2{margin-top:4%;} #formsearch2 input{background:none;border:1px solid #8b8b8b;float:left;width:80%;outline: none;border-right: none;} #formsearch2 input#keyword{height:38px;line-height:38px;padding-left:4px;color:#666;} #formsearch2 input#s_btn{width:20%;height:38px;line-height:38px;text-align:center;background:#0051ad;color:#fff;border:none;cursor:pointer; float: right; } .xianggh{ border-top: #373b40 1px solid; margin-top: 1%; } .x-copyright{ float: left; width: 70%; } .xangp{ width: 45%; float: left; } .x-region{ float: right; text-align: right; } .mySwiper2{ overflow: hidden; float: left; width: 75%; } .mySwiper{ overflow: hidden; height: 37vh; } .fudng{ position: relative; margin: 12% 0; float: right; width: 20%; } .diasngh img{ width: 100%; height: auto; } .hdung img{ width: 100%; height: auto; } .mySwiper .swiper-slide { width: 100%; opacity: 0.4; overflow: hidden; } .mySwiper .swiper-slide-thumb-active { opacity: 1; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swipnext{ position: absolute; top: -20%; left:28%; background: url(/images/ioc.png) no-repeat; width: 53px; height: 22px; border: none; outline: none; } .swipprev{ position: absolute; bottom: -19%; left:28%; background: url(/images/ioc1.png) no-repeat; width: 53px; height: 22px; border: none; outline: none; } .chaning{ float: right; width: 50%; } .chaning_aa{ background: url(/images/ioc2.png) no-repeat; width: 72px; height: 5px; } .chaning_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 15px; color: #555555; } .chaning_cc{ font-size: 1.4rem; font-weight: 600; font-stretch: normal; line-height: 80px; letter-spacing: 2px; color: #000000; } .chaning_dd{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 1px; color: #333333; } .chaning_ee{ font-size: 16px; font-weight: 600; font-stretch: normal; line-height: 50px; letter-spacing: 1px; color: #0051ad; } .chaning_ff{ font-size: 15px; font-weight: normal; letter-spacing: 1px; color: #444444; line-height: 35px; } .chaning_gg{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; margin-top: 2%; } .chaning_hh{ width: 135px; background-color: #0051ad; border-radius: 20px; text-align: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #ffffff; margin-top: 3%; } .chaning_hh a{ color:#fff } .dhangi{ padding: 0 20%; background: #0051ad; line-height: 83px; margin-top: 4%; } .dhangi .product-detail-tabli li{ color:#fff; font-size: 18px; cursor: pointer; } .dhangi .product-detail-tabli .on{ font-weight: 600; } .bnuhj{ margin-top: 2%; } .bnuhj .product-detail-tabbox .product-detail-tabcon{ max-width: 1270px; margin: 0 auto; } .chantuye{ background: url(/images/ban2.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 3% 0; color:#fff; margin-top: 3%; } .she{ text-align: center; } .she_aa{ font-size: 35px; font-weight: 600; font-stretch: normal; line-height: 60px; letter-spacing: 0px; color: #ffffff; } .she_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; } .shebe{ margin-top: 3%; padding: 0 5%; } .shebe li{ width: 23%; text-align: center; cursor: pointer; } .shebe_img{ width: 60%; margin: 0 auto; transform: rotate(0deg); transition: all 0.6s ease; } .shebe_img img{ max-width: 100%; height: auto; } .shebe_hh{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; } .shebe li:hover .shebe_img{ transform: rotate(360deg); transition: all 0.6s ease; } .miaos{ text-align: center; } .chanmiaoshu{ margin-top: 3%; overflow: hidden; } .miaos_aa{ font-size: 35px; font-weight: 600; font-stretch: normal; line-height:60px; letter-spacing: 0px; color: #0051ad; } .miaos_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; } .moshung_img{ width: 50%; } .moshung_img img{ width: 100%; height: auto; } .moshung{ background: #f8f8f8; margin-top:3%; } .moshungnei{ width: 50%; box-sizing: border-box; padding: 6% 6% 4% 10%; } .moshungnei_aa{ font-size: 35px; font-weight: normal; font-stretch: normal; line-height: 60px; letter-spacing: 4px; color: #333333; } .moshungnei_bb{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 2px; color: #333333; margin-top: 2%; } .moshung .cpht img{ max-width:100%; height:auto !important;width:auto !important; } .gungy{ margin-top: 3%; } .mymmgr_img img{ width: 100%; height: auto; } .mymmgr .swiper-wrapper .swiper-slide{ position: relative; } .mymmgrnei{ position: absolute; top: 50%; width: 100%; text-align: center; } .mymmgrnei_img{ width: 10%; margin: 0 auto; } .mymmgrnei_img img{ width: 100%; height: auto; } .mymmgrnei_bb{ font-size: 22px; font-weight: 600; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #ffffff; } .mymmgr{ overflow: hidden; } .gungy{ position: relative; } .sion { position: absolute; width: 60%!important; left: 50%!important; margin-left: -30%; background: #fff; z-index: 9999; box-sizing: border-box; padding: 2%; bottom: -1%!important; text-align: center; } .swipxt{ position: absolute; bottom: 7%; left: 22%; background: url(/images/ioc3.png) no-repeat; z-index: 99999; width: 64px; height: 9px; border: none; outline: none; } .sion span::before{ content: '0'; } .swiev{ position: absolute; bottom: 7%; right: 22%; background: url(/images/ioc3.png) no-repeat; z-index: 99999; width: 64px; height: 9px; border: none; outline: none; transform: rotateY(180deg); } .sion .swiper-pagination-current{ font-size: 35px; font-weight: 600; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #0051ad; } .duibing{ margin-top: 3%; position: relative; } .duibing li{ width: 48%; position: relative; border-radius: 20px; overflow: hidden; } .duibingimg img{ width: 100%; height: auto; } .duibing_tt{ position: absolute; width: 100%; background: rgba(0, 81, 173, 0.6); font-size: 22px; font-weight: normal; font-stretch: normal; line-height: 71px; letter-spacing: 0px; color: #ffffff; text-align: center; bottom: 0px; left: 0px; } .diasndg{ position: relative; } .disng{ position: relative; } .disngosmk{ position: absolute; left: 44%; background: url(/images/ioc4.png) no-repeat; width: 170px; height: 170px; background-size: 100% 100%; top: -350px; z-index: 9999; } .xiang{ border-top: #eeeeee 1px solid; margin-top: 1%; } .xuangd{ text-align: center; font-size: 35px; font-weight: 600; font-stretch: normal; line-height: 60px; letter-spacing: 0px; color: #0051ad; margin-top: 2%; } .chang .xypg-detail-pn div{ border:none; } .chang .xypg-detail-pn div span{ display: none; } .rni img{ width: 100%; height: auto; } .owl-carousel .owl-item img{ height: 100vh; } .section { overflow: hidden; } @media(max-width: 1600px){ .jixieru_bb{ font-size: 30px; line-height: 55px; } .jixieru_dd{ margin-top: 0px; } .naku{ margin-top: 1%; } .xwright li{ padding: 1% 0; } .xiang{ margin-top: 0px; } .gugleft_aa{ line-height: 42px; } .gugleft{ margin-top: 1%; } .linggdi { width: 44%; } .lingga_dd{ line-height: 35px; } } @media(max-width: 1500px){ .cppfenlele li{ padding: 0 2%; } .cpp_aa{ font-size: 35px; } .cppfenlele li{ font-size: 16px; } .cpp_bb{ margin: 1% 0; } .fgb { margin-top:1.5%; } } @media(max-width: 1440px){ .jixieru_dd{ font-size: 14px; } .jixieru_cc{ font-size: 16px; line-height: 30px; } .cppfenle { margin-top: 2%; } .she_aa , .miaos_aa , .moshungnei_aa ,.xuangd{ font-size: 30px; } .cppfenlegn{ display: none; } .shebe_hh{ font-size: 14px; } .abt_aa{ line-height: 50px; } .abt_cc{ margin-top: 0px; } .abt_dd{ margin-top: 0px; } .abt_mm { margin-top: 4%; } .jixieru_bb , .jixiele_aa{ font-size: 25px; } .rongyu_aa , .jisng_aa , .shicheng_bb , .abgg_aa{ font-size: 35px; } .rongyu_bb{ font-size: 20px; } .doamh { width: 29%; } } @media(max-width: 1366px){ .lingga_dd{ font-size: 14px; } .lingga_bb{ letter-spacing: 7px; } .gugleft_bb{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .xw_aa{ line-height: 45px; } .shinei_bb{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .jixiele_aa{ line-height: 50px; } .jixieru{ margin-top: 3%; } .jixieru_aa{ line-height: 40px; font-size: 16px; } .jixieru_bb{ font-size: 20px; line-height: 25px; } .jixieru_cc{ display: none; } .jixieru_aa{ line-height: 60px; } .rongyu_aa , .jisng_aa , .shicheng_bb , .abgg_aa{ font-size: 30px; } .she_aa, .miaos_aa, .moshungnei_aa, .xuangd { font-size: 25px; } .moshungnei{ padding: 2% 4%; } .moshungnei_bb{ font-size: 14px; } } @media(max-width: 1280px){ .rongyu_aa , .jisng_aa , .shicheng_bb , .abgg_aa{ font-size: 25px; } .chaning_cc{ font-size: 25px; line-height: 40px; } #certify .swiper-slide { width: 430px; height: 300px; } .rongyu_aa, .jisng_aa, .shicheng_bb, .abgg_aa { font-size: 25px; } .gundonshu_bb{ font-size: 18px; } .gundonshu_aa{ font-size: 35px; } .zhuantghh_aa{ font-size: 25px; } .abt_aa{ font-size: 30px; line-height: 35px; } .abt_cc{ font-size: 18px; line-height: 40px; } .abt_dd{ font-size: 14px; line-height: 30px; } .abt_mm{ font-size: 18px; } .cpp_aa{ font-size: 35px; } .cpp_aa span{ font-size: 25px; } .cppfenlele li{ font-size: 16px; } .cppfenlegn{ display: none; } .cppfenlele { width: 100%; } .hngt_aa{ font-size: 16px; } .ying_aa{ font-size: 25px; } .jixieru_bb, .jixiele_aa { font-size:25px; line-height: 60px; } .jixieru_dd{ margin-top: 0px; } .jixieru{ margin-top: 2%; } .jixieru_aa{ line-height: 60px; } .mygg_tt{ font-size: 16px; } .xw_aa{ font-size: 30px; } .xwright li{ padding-bottom: 2%; } .lain_aa{ font-size: 30px; } .lingga_bb{ letter-spacing: 3px; } .lingga_dd{ line-height: 30px; font-size: 15px; } .cpp{ align-items: flex-end; } } @media(max-width: 1024px){ .disngosmk{ left: 41%; top: -244px; } .she_aa, .miaos_aa, .moshungnei_aa, .xuangd { font-size: 20px; } .moshungnei_bb { font-size: 13px; line-height: 24px; } .chaning_dd{ font-size: 14px; } .chaning_ff{ font-size: 14px; line-height: 30px; } .dhangi .product-detail-tabli li{ font-size: 16px; } .abt_aa { font-size: 20px; line-height: 30px; } .cpp_aa { font-size: 30px; } .cpp_cc { font-size: 14px; } .cppfenlele li { font-size: 14px; } .cppfenlele li:hover, .cppfenlele li.on{ font-size: 16px; } .hngt_aa { font-size: 14px; } .yionggb_aa{ font-size: 20px; } .yionggb{ top: 22%; } .yiongnei_aa{ font-size: 18px; } .yiongnei_bb{ font-size: 14px; line-height: 24px; } .shijia_bb{ font-size: 14px; } .gugleft_aa{ font-size: 15px; } .shinei_aa{ font-size: 15px; line-height: 35px; } .shinei_bb{ font-size: 14px; } .jixiele_dd{ font-size: 16px; line-height: 45px; } .jujue_cc{ font-size: 14px; line-height: 28px; } .jujue_mm{ margin-top: 5%; } .jujue_mm { width: 160px; line-height: 40px; } .lain_aa { font-size: 25px; } } @media(max-width: 996px){ .section7 { padding-bottom: 12%; } #fullpage{ overflow: hidden; } .section, .fp-tableCell { height: auto !important; } .section1{ background: url(/images/bg11.jpg) top center no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section2{ background: url(/images/bg21.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section3{ background: url(/images/bg31.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section4{ background: url(/images/bg41.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section5{ background: url(/images/bg51.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section6{ background: url(/images/bg61.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .section7{ background: url(/images/bg71.jpg) center center no-repeat; background-size: 100% 100%; box-sizing: border-box; } .gsjjsp { width:100%;} .jieimg1 { width:100%;} .rc{ width:90%;} .conl { width:100%; float:left;} .conc { width:100%; float:left;} .conr { width:100%; float:left;} .owl-carousel .owl-item img{ height: auto; } .mymmgrnei{ top: 33%; } .disngosmk{ display: none; } .disn{ display: none; } .duibing_tt{ font-size: 18px; line-height: 50px; } .chaning { width: 100%; float: none; } .mymmgrnei_bb{ font-size: 18px; } .shebe_hh { font-size: 12px; line-height: 30px; } .moshungnei_aa{ line-height: 35px; } .moshungnei{ padding:1%; } .moshungnei_bb { font-size: 12px; line-height: 24px; } .xangp { width: 100%; float: left; } .x-copyright , .x-region{ float: none; width: 100%; text-align: center; } .x-footer{ padding-bottom: 12%; } .x-banner , .page-banner{ margin-top: 60px; } .huashuzi{ padding: 3%; } .neiuang{ padding: 2%; font-size: 14px; } .huans span{ font-size: 25px; } .huashuzi_aa{ font-size: 14px; } .zhuantghh_aa { font-size: 20px; line-height: 40px; } .zhuantghh_bb{ font-size: 14px; line-height: 24px; } .rongyu_aa, .jisng_aa, .shicheng_bb, .abgg_aa { font-size: 25px; line-height: 40px; } .shicheng_cc{ font-size: 14px; line-height: 30px; } .lingh { width: 66%; } .shicheng_bb{ margin-top: 3%; } .shicheng { width: 50%; } .shicheng_aa{ font-size:25px; padding-left: 24%; } .bbgtu{ padding: 2%; } .abt{ width: 100%; } .abg { width: 100%; margin-top: 3%; } .cpp_aa { font-size: 25px; } .cpp_aa span { font-size: 20px; } .cppg { width: 100%; } .cpp_bb{ margin: 1% 0; } .cppfenle{ width: 100%; margin-top: 2%; } .ying_aa { font-size: 20px; line-height: 45px; } .ying_bb{ font-size: 14px; line-height: 30px; } .yiong li { width: 32%; margin-bottom: 2%; } .jixieru_cc{ font-size: 13px; } .jixieru_aa{ font-size: 16px; line-height: 45px; } .jixieru_bb, .jixiele_aa { font-size: 20px; line-height: 50px; } .jixieru_dd{ font-size: 14px; } .jixiele{ margin-top: 7%; } .jixieru { margin-top: 6%; } .xwwffe { width: 50%; } .xwwffe li{ font-size: 20px; } .gugleft{ float: none; width: 100%; } .xwright{ float: left; width: 100%; } .jujue{ width: 100%; } .jieimg { width: 100%; } .lingger{ display: none; } .lingga { width: 45%; } .lingga_aa{ font-size: 18px; line-height: 40px; } .lingga_bb{ line-height: 30px; } .lingga_dd { line-height: 26px; font-size: 13px; } .lingga_mm{ display: none; } .visible-xs { display: block!important; } .visible-xs1 { display: block!important; } .visible-xs1 li{ width:25%; float:left; } .dimg img { max-width:100%; height:auto;} .nedndsj li { width: 25%; } .fhdufnj{ display: block; } } @media(max-width: 500px){ .section1,.section2,.section3,.section4,.section5,.section6,.section7 { padding: 3% 0; } .section4 { background: none; } .section7{ padding-bottom: 5%; } .sion .swiper-pagination-current{ font-size: 25px; } .x-footer { padding-bottom: 16%; } .neife .xypg-left-nav > li{ padding: 0 3%; } .duibing li{ width: 100%; margin-bottom: 2%; } .sion{ width: 80%!important; margin-left: -40%; } .moshungnei_aa { line-height:25px; } .dhangi .product-detail-tabli li { font-size: 14px; } .moshung_img , .moshungnei { width: 100%; } .shebe li { width: 49%;} .she_bb{ font-size: 14px; } .dhangi { padding: 0 3%; } .fudng{ width: 100%; } .fudng{ margin:2% 0; } .mySwiper2 { overflow: hidden; float: none; width: 100%; } .swipnext , .swipprev{ display: none; } .mySwiper{ height: auto; } .chaning_cc { font-size: 20px; line-height: 26px; } .chaning_dd { font-size: 14px; line-height: 30px; } .neife .xypg-left-nav > li > a{ padding: 0 3px; line-height: 35px; font-size: 14px; } .nedndsj li { width: 50%; } .disngh{ width: 100%; } .jisng_cc{ width: 100%; } .shicheng { width: 100%; } #certify .swiper-slide { width: 245px; height: 240px; } .swipeprev{ left: 20%; } .swipenext{ right: 20%; } .lingh { width: 98%; } .lingh li{ line-height: 40px; font-size: 14px; } .qiyeg{ font-size: 14px; } .gundonshu_aa { font-size: 25px; line-height: 40px; } .gundonshu_bb { font-size: 14px; } .rongyu_aa, .jisng_aa, .shicheng_bb, .abgg_aa { font-size: 20px; line-height: 30px; } .gundonshu{ padding: 2%; } .zhuantig li{ width: 100%; } .abgg_bb{ font-size: 14px; } .neifes li{ width: 45%; margin-bottom: 2%; } .abgnei_bb{ font-size: 14px; line-height: 30px; } .abgnei_cc{ font-size: 14px; line-height: 28px; } .cppfenlele li{ padding: 0px; background: none; width: 32%; line-height: 35px; height: 35px; } .cppfenlele li:hover, .cppfenlele li.on { font-size: 14px; } .jieimg{ margin-top: 25px; } .hngt li { width: 49%; margin-bottom: 2%; } .yionggb_aa { font-size: 16px; } .yiongnei{ top: 3%; } .yiongnei_aa { font-size: 16px; } .yiongnei_bb { font-size: 12px; line-height: 22px; } .jixiele{ width: 100%; } .jixiele_aa{ color: #000; } .jixieru{ width: 100%; } .nei4{ background-size: cover; background:#fff; } .jixieru_bb, .jixiele_aa { font-size: 20px; line-height: 34px; } .xwwfmm{ display: none; } .xwwffe { width: 100%; } .xwwffe li { font-size: 16px; text-align: center; width: 33%; } .shijia{ width: 17%; } .shinei{ width: 76%; } .lingga{ width: 100%; } .linggdi { width: 100%; } .banuy { padding-bottom: 10%; } .nash, .zhjici{ font-size: 13px; } }