@charset "utf-8"; /* CSS Document */ html{} body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:100%; color:#3f3f3f; margin:0px; padding:0px; overflow-x:;} ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px;} img {border:none;} a:link, a:visited {color:#333; text-decoration: none;outline:none;} a:hover, a:active {color:#bd985c; text-decoration: none;outline:none;} .clear{clear:both;} .kg{ width:98%; margin:0 auto; max-width:1200px; display:;} .kga{ margin:0 auto; width:98%; max-width:1328px;} .kgb{ width:98%; margin:0 auto; max-width:1920px;} .fl{ float:left;} .fr{ float:right;} .bc{ margin:0 auto; } .dw{ position:relative;} .cj{ overflow:hidden;} .tc{text-align: center;} .green-black {display:block; padding-top:26px; clear:both;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-align:center;} .green-black a {padding:4px 7px 4px 7px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:1.5px; margin-right:1.5px; color:#333; background:url(../images/page_bg01.html) #fff bottom repeat-x;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none;} .green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.html) top repeat-x #f6d300; margin-left:1.5px; margin-right:1.5px; color:#000;font-size:12px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;} .green-black span.current {padding:4px 7px 4px 7px;border:1px solid #ccc; color:#000; height:12px; line-height:12px; zoom:1; overflow:auto; background:url(../images/page_bg02.html) top repeat-x #f6d300; margin-left:1.5px; margin-right:1.5px; margin-top:0px; margin-bottom:0px; font-size:12px} ::-webkit-scrollbar {width:5px;height:8px;background-color:#fff;border-radius:4px; position:relative;} ::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;} #dituContent{ height:450px; border-top:1px solid #ddd;} .goback{display: none;} @media screen and (max-width:770px){ #dituContent{ height:230px;} } /*基础配置*/ #myform1{width:100%; max-width:800px; margin:0 auto;} #myform1 .formli{width:100%; display: block; margin-bottom: 10px; height: 35px;} #myform1 .formli span{width:100px; float:left; text-align: right; line-height: 35px; height: 35px;} #myform1 .formli input{width:calc(100% - 110px); float:right; border:1px #ccc solid; line-height: 35px; height: 35px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #myform1 .formli textarea{width:calc(100% - 110px); height:90px; float:right; border:1px #ccc solid; line-height: 30px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #myform1 .formli input.subbnt{width:calc(100% - 110px); margin:10px auto 0; background: #222; border:1px #222 solid; color:#fff; line-height: 35px; height: 35px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /*首页style开始*/ .top_bg{background:#fff; width:100%; height:100px; position:fixed;-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.5);-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.5);box-shadow:0px 1px 5px rgba(0,0,0,0.5); z-index:999;} .top_kg{ width:98%; max-width:1300px; margin:0 auto; height:105px;} .logo{padding:26px 0 10px; height:65px;} /*新style*/ .ysbg{background: url(../picture/ldbg.html) bottom center no-repeat #113154; display:table;width:100%;} .inner_h1{font-size:2.75rem; text-align: center; color: #fff; font-weight: normal; margin:60px 0;} .w1200{width:100%; max-width:1200px; margin:0 auto;} .w1200s{width:100%; max-width:1200px; margin:0 auto;} .col-12{width:100%;} .col-6{float:left; width:50%;} .col-4{float:left; width:33.33%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .col-8{float:left; width:66.66%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .mypic img{width:100%; max-width: 100%;} .mypic2 img{width:100%; max-width: 100%; margin:15px 0;} .hide-wap{display:block;} .hide-pc{display:none;} .ysbg2{background: #113153; display:table;width:100%; padding:60px 0;} .tdbg{background-image: linear-gradient(-45deg, #0d2742, #000815, #0d2742); display:table;width:100%; padding:50px 0;} .product_ls{margin:0; padding:0;} .product_ls ul li{width:47%; text-align: center; font-size: 12px; border:1px #ccc solid; margin:10px 1.5%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .product_ls ul li img{width:100%; max-width: 100%;} .lan{font-size: 14px; color:#ccc; margin-top: 37px;} .sbox{float:left; width:120px; height:24px; background: #fff; border:1px #ccc solid; border-radius: 15px; box-shadow:0 0 5px #ccc; display: none;} .sbox .keys{float:left; width:75px; height:24px; background:none; border:none; padding-left: 10px;} .sbox .bnt{float:right; width:30px; height:24px; background:url(../images/search.png) 50% 50% no-repeat; text-indent: -99999px; border:none;} .ssbnt{float:left; width:30px; height:24px; background:url(../images/search.png) 50% 50% no-repeat; text-indent: -99999px; border:none; cursor: pointer;} .lan_link{margin-left:20px; line-height:26px; float:left; width:130px; border:1px #bd985b solid; border-radius:26px;} .lan_link a{color:#000; font-size: 12px; width:65px; display: inline-block; height:26px; line-height: 26px; text-align: center;} .lan_link a.cur{color:#fff; border-radius: 26px; background:#bd985b} .lan-m form{float:left; width:140px; height:24px; background: #fff; border:1px #ccc solid; border-radius: 15px; margin: 8px 0 10px 37.5px;} .lan-m form .keys{float:left; width:95px; height:24px; background:none; border:none; padding-left: 10px;} .lan-m form .bnt{float:right; width:30px; height:24px; background:url(../images/search.png) 50% 50% no-repeat; text-indent: -99999px; border:none;} @media screen and (max-width:770px){ .top_kg .fr{float:right;} .col-xs-12{width:100%;} .w1200s{width:96%;} .inner_h1{font-size:24px; text-align: center; color: #fff; font-weight: normal; margin:60px 0;} #myform1 .formli span{display:none;} #myform1 .formli input{width:100%;} #myform1 .formli textarea{width:100%;;} #myform1 .formli input.subbnt{width:100%;} .product_ls{display:none;} } /*新style*/ .sp_nav{width:68.3%;} .sp_nav i{ display:none;} .sp_navs{width:68.3%;} .sp_navs i{ display:none;} /*.sjj_nav{height:40px; display: table; position:relative; width:100%;} .sjj_nav ul{ margin:0 auto; width:100%; text-align: center;} .sjj_nav li{width:135px; text-align: center; display: inline-block;} .sjj_nav ul li:nth-child(1){display: none;} .sjj_nav ul li:nth-child(2){display: none;} .sjj_nav ul li ul li:nth-child(1){display: inline-block;} .sjj_nav ul li ul li:nth-child(2){display: inline-block;} .sjj_nav li .sp_nav_xjb{display:none;} .sjj_nav li a{display:block; padding:0px 0 15px; text-align:center; font-size:1rem; height:40px; line-height:40px; color:#fff; transition:0.5s; position:relative; z-index:9;} .sjj_nav li:hover a,.sjj_nav li.cur a{ color:#bd985c;} .sjj_nav li em{display:block; position:absolute; left:0; top:0; height:40px; transition:0.5s; width:100%; transform:scaleX(0); transition:0.5s;} .sjj_nav li:hover em,.sjj_nav li.cur em{transform:scaleX(1); transition:0.5s;} .sjj_nav li ul{position: absolute; top:55px; left:0; width:100%; background: rgba(16,21,40,0.8); transition:0.5s; display:none;} .sjj_nav li ul li{line-height: 40px; height:40px; border-bottom: 1px #1c2133 solid; transition:0.5s;} .sjj_nav li ul li a{line-height: 40px; height:40px;} .sjj_nav li ul li:hover{ background: #1c2133; border-bottom: 1px #1c2133 solid; transition:0.5s;} .sjj_nav li:hover ul{ transition:0.5s;display:block;} */ /* */ .top_sub{position: relative;} .sjj_nav{height:20px; display: table; margin-top: 39px; margin-left:90px;} .sjj_nav ul{ margin:0 auto; width:100%; text-align: center;} .sjj_nav li{text-align: center; display: inline-block; margin:0 20px;} .sjj_nav li .sp_nav_xjb{display:none;} .sjj_nav li a{display:block; padding:0px; text-align:center; font-size:1rem; height:20px; line-height:20px; color:#414141; transition:0.5s; position:relative; z-index:9;} .sjj_nav li a:hover,.sjj_nav li a.cur{ color:#bd985c;} .sjj_nav li.cur em{ position: absolute; width:12px; height:3px; margin-top: 5px; margin-left:-6px; background: #bd985c;} .sjj_nav li.nur:hover em{ position: absolute; width:12px; height:3px; margin-top: 5px; margin-left:-6px; background: #bd985c;} .sjj_nav li ul{position: absolute; top:60px; left:0; padding-top: 40px; background: url(../images/subbg.jpg) bottom center repeat-x; text-align: left; width:100%; transition:0.5s; display:none;} .sjj_nav li ul li{line-height:60px; height:60px; transition:0.5s;} .sjj_nav li ul li a{line-height:60px; height:60px; color:#414141;} .sjj_nav li ul li:hover{ transition:0.5s;color:#bd985c;} .sjj_nav li:hover ul{ transition:0.5s;display:block;} /*banner*/ .banner{height:auto; width:100%; position:relative; height:100%; display:inline-block; background: #000; margin-top: 100px;} .slides{position:relative; height:100%; background: #000;} .slides li{height:100%; position:relative; width:100%; margin:0} .slides li a{ display:block; width:100%; height:auto;} /*.slides li img{position: absolute;}*/ .slides li img{display:block;text-align:center; max-width:100%; height:auto; margin:0 auto} .scrollDown { position: absolute; display:none; bottom: 35px; left: 50%; transform: translateX(-50%); font: 400 12px 'NotoSans'; letter-spacing: 2px; text-align: center; color: #fff; text-transform: uppercase; text-decoration: none; line-height: normal; text-shadow: 0px 0px 5px #000; z-index: 9; } .scrollDown span{color:#fff;} .scrollDown:after { content: ''; display: block; width: 19px; height: 30px; background: url(../images/light-theme-right-arrow.png) no-repeat center; transform: rotate(90deg) translateX(-50%); position: absolute; left: calc(50% - 3px); top: calc(100% + 17px); margin-left: -8px; animation: bounces 2s infinite; } @keyframes bounces { 0%,100% { transform: rotate(90deg) translateX(-50%) } 50% { transform: rotate(90deg) translateX(-100%) } } @media screen and (max-width:1366px){ .slides li{ background-size:auto 100% !important; height:auto !important; min-height:600px !important;} } @media screen and (max-width:1280px){ .sjj_nav li a{padding:0 15px;} } @media screen and (max-width:1024px){ .slides li{min-height:200px !important;} .slides li img { display: block; text-align: center; max-width: 100%; height: 200px!important; margin: 0 auto; } } @media screen and (max-width:770px){ .slides li{ background:none!important; height:auto !important; min-height:inherit !important;} .slides li img{ width:100%; height:180px!important; display:block;} .pro_pic img { width: 100%; transition: 0.5s; max-height: auto; } .news_banner { background: url(../images/banner_a.jpg) no-repeat center; width: 100%; height: 350px; background-size: cover; } } .flex-control-nav{ position:absolute; bottom:10%; z-index:99; text-align:center; width:100%;} .flex-control-nav li{ display:inline-block; height:13px; margin:0 6px;} .flex-control-nav li a{ display:block; overflow:hidden; text-indent:-999px; width:10px; height:10px; border-radius:5px; background:#ccc; cursor:pointer;transition:0.5s;} .flex-control-nav li a.flex-active{ background:#bd985c; transition:0.5s; width:40px;} .flex-direction-nav{position:absolute;z-index:99; width:100%; left:0; margin:0 auto; top:47%; visibility: hidden;} .flex-direction-nav li a{display:block;width:15px;height:25px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:1; -khtml-opacity:1; opacity: 1;} .flex-direction-nav li a.flex-prev{left:2%;background:url(../images/slider-left-arrow.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:2%;background:url(../images/slider-right-arrow.png) center center no-repeat;} .flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} /*banner*/ /******* 产品推荐 *********/ .in_tj{width:100%;background:#fff;padding:65px 0 100px;} .in_tj .intj_bt{font-size:40px;color:#101528;text-align:center; padding-bottom:65px;} .in_tj .intj_bt span{ position: relative;} /*.in_tj .intj_bt span:before{width:80px; height:1px; background: #101528; content:''; position: absolute; left:-100px; top:22px;} .in_tj .intj_bt span:after{width:80px; height:1px; background: #101528; content:''; position: absolute; right:-100px; top:22px;}*/ .in_ab .brandstory{text-align:center;padding-top:40px; margin-bottom:30px;} .in_ab .brandstory span{ position: relative;color:#bd985c;font-size:36px;text-align:center;font-weight: lighter;} .in_ab .brandstory span:before{width:80px; height:1px; background: #bd985c; content:''; position: absolute; left:-100px; top:22px;} .in_ab .brandstory span:after{width:80px; height:1px; background: #bd985c; content:''; position: absolute; right:-100px; top:22px;} .in_liuyan .brandstory{text-align:center; margin-bottom:40px;} .in_liuyan .brandstory span{ position: relative;color:#bd985c;font-size:36px;text-align:center;font-weight: lighter;} .in_liuyan .brandstory span:before{width:80px; height:1px; background: #bd985c; content:''; position: absolute; left:-100px; top:22px;} .in_liuyan .brandstory span:after{width:80px; height:1px; background: #bd985c; content:''; position: absolute; right:-100px; top:22px;} .in_tj .intj_ls{} .intj_ls .inpro_01{width:31%; overflow:hidden;margin-top: 16px;} .inpro_01 img{width:100%;transition:0.5s;} .inpro_01:hover img{transition:0.5s; transform:scale(1.05)} .intj_ls .inpro_02{width:100%; } .inpro_02 li{width:31%;float:left;margin:2% 1% 0; height:390px; overflow:hidden; background: #000;} /*.inpro_02 li:nth-child(1){width:48%;float:left;margin:0% 1% 0;}*/ /*.inpro_02 li:nth-child(2){width:48%;float:left;margin:0% 1% 0;}*/ /*.inpro_02 li:nth-child(1),.inpro_02 li:nth-child(1) img{border-radius: 24px 0 0 0;}*/ /*.inpro_02 li:nth-child(2),.inpro_02 li:nth-child(2) img{border-radius: 0 24px 0 0;}*/ /*.inpro_02 li:nth-child(3),.inpro_02 li:nth-child(3) img{border-radius: 0 0 0 24px;}*/ /*.inpro_02 li:nth-child(5),.inpro_02 li:nth-child(5) img{border-radius: 0 0 24px 0;}*/ .inpro_02 li img{opacity:0.5; transition: 0.5;} .inpro_02 li:hover img{opacity:1; transition: 0.5;} .inpro_02 li .inchanp{overflow:hidden; position: relative;} .inpro_02 li .inchanp img{width:100%;transition:0.5s;} /*.inchanp i{position: absolute;width:118px; height: 64px; background: url(../picture/jiao1.png) no-repeat; left:0; bottom:0;} .inchanp b{position: absolute;width:118px; height: 64px; background: url(../picture/jiao2.png) no-repeat; top:0; right:0;}*/ .inchanp p{position: absolute;width:154px;transition:0.5s; opacity: 1; height: 62px; background: url(../images/ptit.png) 50% 50% no-repeat; top:50%; left:50%; margin:-31px 0 0 -77px; line-height: 62px; text-align: center; font-size:24px; color:#fff;} .inpro_02 li:hover .inchanp img{transition:0.5s;} .inpro_02 li:hover .inchanp p{ opacity: 0;transition:0.5s;} /*.inpro_02 li p{text-align: center; line-height: 40px; font-size: 16px;}*/ @media screen and (max-width:770px){ .intj_ls .inpro_01{display:none;} .intj_ls .inpro_02{width:100%; } .inpro_02 li{width:48%;float:left;margin-left:1%;margin-top:2%;margin-right:1%; height:260px; overflow:hidden} .inpro_02 li:nth-child(1){width:48%;float:left;margin-left:1%;margin-top:2%;margin-right:1%;} .inpro_02 li:nth-child(2){margin-top:2%;} /*.inpro_02 li:nth-child(2){width:96%;float:left;margin-left:2%;margin-top:2%;margin-right:2%;}*/ .flex-control-nav{bottom:5%;} .flex-control-nav li a{ display:block; overflow:hidden; text-indent:-999px; width:5px; height:5px; border-radius:5px; background:#ccc; cursor:pointer;transition:0.5s;} .flex-control-nav li a.flex-active{ background:#bd985c; transition:0.5s; width:20px;} } @media screen and (max-width:768px){ .slides li img { display: block; text-align: center; max-width: 100%; height: 180px; margin: 0 auto; } } @media screen and (max-width:520px){ .in_tj .intj_bt{font-size:2rem;background-size: auto 100%;} .in_tj .intj_ls{margin-top:1rem;} } /******* 优势 *********/ .yslist{margin-top: 20px;} .yslist ul li{width:14.66%; margin:20px 1% 0; text-align: center; float:left; height: 230px;} .yslist ul li img{width:60%; border:1px #333 solid; border-radius: 50%;} .yslist ul li h3{font-size: 20px; margin-top: 8px;} .yslist ul li p{font-size: 14px; margin-top: 8px;} .hidden-pc{display: none;} .hidden-mb{display: inline-block;} @media screen and (max-width:1024px){ .yslist ul li{width:23%;} } @media screen and (max-width:770px){ .yslist ul li{width:31.33%;} .hidden-mb{display: none;} .hidden-pc{display: inline-block;} } @media screen and (max-width:520px){ .yslist ul li{width:48%;} .slides li img{ width:100%; height:150px!important; display:block;} } .in_cpzs .innews_bt { text-align: center; font-size: 2.75rem; } .in_cpzs .innews_bz { text-align: center; color: #000; line-height: 32px; font-size: 1.125rem; padding-top: 25px; } .in_ys{background:url(../images/youshibg.html) no-repeat center; padding-top:70px; height:876px;} .in_ys1 img,.in_ys2 img{max-width:100%;} .in_ys .inys_bt{text-align:center; color:#fff; font-size:1.25rem;} .in_ys .inys_bt p{ font-size:2.75rem; padding-bottom:15px; letter-spacing:20px;} .in_ys .inys_bt span{ display:block; position:relative; line-height:21px; height:21px; letter-spacing:10px;} .in_ys .inys_bt span:after{content:""; width:106px; height:1px; background:url(../images/indys_xt.png) no-repeat left; position:absolute; left:20%; top:10px;} .in_ys .inys_bt span:before{content:""; width:106px; height:1px; background:url(../images/indys_xt.png) no-repeat left; position:absolute; right:20%; top:10px;} .in_ys .inys_ms{margin-top:25px;} .inys_ms li{width:48%; margin-top:40px; min-height:92px;} .inys_ms li.fr{ text-align:right;} .inys_ms li.fl .inys_nr{ padding-left:130px; color:#fff;} .inys_ms li.fr .inys_nr{ padding-right:130px; color:#fff;} .inys_ms .inys_nr h5{font-size:2rem; line-height:32px; height:32px; font-weight:normal; padding:0; margin:0;} .inys_nr p{font-size:1rem; height:48px; line-height:24px; margin-top:12px;} .inys_ms .di{background:#000;} .inys_ms .di i{margin-left:30px;font-size:1.5rem;color:#efb805;font-style: normal;} .inys_ms .di em{padding-left:30px;font-size:2.5rem;margin-top:1rem;color:#f9d302;font-style: normal; font-weight: bold;} .in_ys01{ background:url(../images/jiameng.html) no-repeat center #000; width:100%; height:700px;} @media screen and (max-width:1024px){ .in_ys .inys_bt span:after{left:15%;} .in_ys .inys_bt span:before{right:15%;} } @media screen and (max-width:770px){ .in_ys{background-size:auto 100%; padding-top:70px; height:auto; padding-bottom:80px;} .in_ys .inys_bt{font-size:1.125rem;} .in_ys .inys_bt p{ font-size:2.5rem;} .in_ys .inys_bt span{} .in_ys .inys_bt span:after{left:10%;} .in_ys .inys_bt span:before{right:10%;} .inys_ms li{width:47%; margin-top:40px; min-height:70px;} .inys_ms li .inys_nr{background-size:auto 70px !important;} .inys_ms li.fl .inys_nr{ padding-left:90px; color:#fff;} .inys_ms li.fr .inys_nr{ padding-right:90px; color:#fff;} .inys_ms .inys_nr h5{font-size:1.5rem; line-height:26px; height:26px;} .inys_nr p{font-size:0.875rem; height:40px; line-height:20px; margin-top:8px;} .inys_nr p br{ display:none;} } @media screen and (max-width:520px){ .in_ys{padding-top:40px; padding-bottom:50px;} .in_ys .inys_bt{font-size:1rem;} .in_ys .inys_bt p img{ height:30px;} .in_ys .inys_bt span{letter-spacing:2spx; font-size:0.875rem;} .in_ys .inys_bt span:after{ display:none;} .in_ys .inys_bt span:before{display:none;} .inys_ms li{width:47%; margin-top:30px; min-height:70px;} .inys_ms li .inys_nr{background-size:auto 25px !important;} .inys_ms li.fl .inys_nr{ padding-left:35px; color:#fff;} .inys_ms li.fr .inys_nr{ padding-right:35px; color:#fff;} .inys_ms .inys_nr h5{font-size:1rem; line-height:18px; height:18px;} .inys_nr p{font-size:0.75rem; min-height:36px; line-height:18px; margin-top:5px;} } /******* 首页产品展示 *********/ .in_cpzs{width:100%;background:#fff; padding-top:70px; padding-bottom:90px;} .in_cpzs .intj_bt{ text-align:center;} .incp_ls{margin-top:30px; position:relative;} .incp_tp{width:90.5%;margin:0 auto;overflow: hidden;} .incp_tp li{width:33.333%;float:left;} .incp_tp li a{ display:block; margin:0 3%;} .incp_tp li .incp_01{overflow:hidden;} .incp_tp li .incp_01 img{width:100%;transition:0.5s;} .incp_tp li:hover .incp_01 img{transform:scale(1.05);transition:0.5s;} .incp_tp li .incp_wz{text-align:center;color:#000;font-size:1.125rem; height:50px; line-height:50px;} .anjian .prev{background:url(../images/pre.png) center no-repeat;width:26px;height:74px;position:absolute;top:112px;left:0;cursor:pointer} .anjian .next{background:url(../images/next0.png) center no-repeat;width:26px;height:74px;position:absolute;top:112px;right:0;cursor:pointer} @media screen and (max-width:1024px){ .anjian .prev{top:60px;} .anjian .next{top:60px;} } @media screen and (max-width:770px){ .incp_tp li{width:50%;} } @media screen and (max-width:520px){ .in_cpzs{padding-top:40px; padding-bottom:50px;} .in_cpzs .intj_bt img{ height:50px;} .incp_tp li .incp_wz{font-size:1rem; height:40px; line-height:40px;} .anjian .prev{width:15px;height:43px;top:38px;background-size: 100%;} .anjian .next{width:15px;height:43px;top:38px;background-size: 100%;} } /******* 关于我们 *********/ .in_ab{background:url(../images/aboutbg2.jpg) center top no-repeat;} .in_ab .inab_bt{text-align:center;margin-bottom:25px;padding-top:50px;} .in_ab .inab_nr{font-size:0.875rem;color:#fff;line-height:2} .in_ab .inab_tp{margin:30px auto 0 auto} .inab_tp li{width:23%;margin-right:1.333%;float:left; padding:0.5%; background:#fff;} .inab_tp li:nth-child(4n){ margin-right:0;} .inab_tp li img{width:100%; display:block;} @media screen and (max-width:770px){ .in_ab{background:url(../images/aboutbg2.jpg) center top no-repeat; background-size:cover;} .in_ab .inab_tp{width:100%;} } @media screen and (max-width:520px){ .in_ab .inab_bt{margin-bottom:20px;padding-top:40px;} .in_ab .inab_bt img{ height:50px;} .in_ab .inab_nr{line-height:1.5} .in_ab .inab_tp{margin:20px auto 0 auto} .inab_tp li{width:47%; padding:1%; margin-right:0; margin-bottom:2%;} .inab_tp li:nth-child(2n){ float:right;} } /******* 新闻资讯 *********/ .in_news {background:#fff; padding-top:80px; padding-bottom:50px;} .in_news .innews_bt{ text-align:center; font-size:2.75rem;} .in_news .innews_bz{ text-align:center; color:#000; line-height:32px; font-size:1.125rem; padding-top:25px;} .in_news .innews_bz i{ display:block; width:87px; height:2px; background:#ddd; margin:20px auto 0 auto;} .in_news .innews_gd{margin-top:15px;} .in_news .innews_nr li{ float:left; width:33.333%;} .innews_kg{ margin:25px 3% 0 3%; position:relative; cursor:pointer;} .innews_pic{ overflow: hidden;} .innews_pic img{ display:block; width:100%; transition:0.5s;} .innews_kg:hover .innews_pic img{transform:scale(1.1);} .innews_wb{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; transform:scale(0); transition:0.5s;} .innews_kg:hover .innews_wb{transform:scale(1); transition:0.5s;} .innews_jh{ text-align:right; width:90%; margin:0 auto; padding-top:10px; color:#fff; font-size:2.25rem;} .innews_ms{ color:#fff; width:90%; margin:20px auto 0 auto; font-size:1rem; line-height:30px; height:120px;} .innews_zj{ margin:30px auto 0 auto; width:98%;} .innews_more{ line-height:40px; height:40px;} .innews_more a{ color:#333; font-size:1rem;} .innews_an a{ cursor:pointer; display:block; width:40px; height:40px; float:left; margin-left:5px; background:#434343; text-align:center; line-height:40px; font-family:"宋体"; font-size:1.875rem; color:#fff; font-weight:bold;} .inliuyan_bt{ border-bottom:1px solid #ddd; margin-bottom:90px;} .inliuyan_bt p{ width:354px; text-align:center; margin:0 auto; background:#fff; margin-bottom:-39px;} @media screen and (max-width:520px){ .in_news {padding-top:40px; padding-bottom:30px;} .in_news .innews_bt img{width:80%;} .in_news .innews_bz{ line-height:22px; font-size:0.875rem; letter-spacing:2px; padding-top:20px;} .in_news .innews_bz i{width:52px;} .in_news .innews_gd{margin-top:15px;} .in_news .innews_nr{ overflow:hidden;} .in_news .innews_nr li{width:50%;} .innews_kg{ margin:10px 3% 0 3%;} .innews_wb{ display:none;} .innews_zj{ margin:20px auto 0 auto;} .innews_more{ line-height:30px; height:30px;letter-spacing:2px;} .innews_more a{font-size:0.875rem;} .innews_an a{width:30px; height:30px; font-size:1.375rem; line-height:30px;} .inliuyan_bt{margin-bottom:80px;} .inliuyan_bt p{ width:200px; margin-bottom:-25px;} .inliuyan_bt img{ width:170px;} } .inxw{ background:#fff; padding-top:70px; padding-bottom:80px;} .inxw_bt{ text-align:center;} .inxw_nr{ padding-top:10px;} .inxw_nr li{ float:left; width:48%; margin-top:4%;} .inxw_nr li:nth-child(2n){ float:right;} .inxw_pic{ width:30%;} .inxw_pic p{ border:2px solid #ddd; overflow:hidden;} .inxw_pic img{ display:block; width:100%;} .inxw_wb{ width:67%;} .inxw_rq{ font-size:0.875rem; color:#999; height:20px; line-height:20px; margin-top:6px;} .inxw_mc{ height:30px; line-height:30px; font-size:1.125rem; color:#000; overflow:hidden;} .inxw_ms{ font-size:0.875rem; line-height:24px; height:48px; color:#585858; margin-top:5px; overflow:hidden;} .inxw_more{ padding-top:40px;} .inxw_more a{ display:block; border:2px solid #ddd; width:146px; height:46px; text-align:center; margin:0 auto; text-align:center; line-height:46px; color:#333;} .inxw_more a:hover{ background:#000; color:#fff; border:2px solid #000;} @media screen and (max-width:1024px){ .inxw_rq{margin-top:0px;} .inxw_ms{margin-top:0px;} } @media screen and (max-width:770px){ .inxw_rq{display:none;} } @media screen and (max-width:520px){ .inxw{padding-top:40px; padding-bottom:50px;} .inxw_bt img{ height:50px;} .inxw_nr{ padding-top:20px;} .inxw_nr li{float:none; width:100%; margin-top:3%;} .inxw_nr li:nth-child(2n){ float:none;} .inxw_mc{ height:26px; line-height:26px; font-size:0.9375rem;} .inxw_more{ padding-top:30px;} .inxw_more a{ width:126px; height:36px; font-size:0.875rem; line-height:36px;} } .in_liuyan{width:100%; padding-top:50px; padding-bottom:80px; background:#101528;} .in_liuyan .inlx_bt{ text-align:center; padding-bottom:40px;} .in_liuyan .in_lx{width:36%;} .in_lx .inlx_tp{margin-bottom:2.5rem; color: #979797; line-height:1.5; font-size: 16px;} .in_lx .inlx_tp img{width:100%;} .in_lx p{font-size:14px;line-height:1.5rem;margin-bottom:0.5rem; color:#979797;} .in_lx p a{ color:#979797;} .in_lx p img{padding-right:5px;margin-bottom:-4px;} .in_liuyan .in_ly{width:57.5%;} .inputLabel{font-size:14px; color:#979797; width:100%; display: block; margin-bottom:10px;} .inputbox{font-size:14px; color:#ccc; width:100%; background: #373737; border:#373737 1px solid;} .alert{margin:0 5px; color:#bd985c;} .ly .text,.ly .text2{ width:33.7%; padding-left:10px; /*height:30px;*/ line-height:30px; background:none; border:solid 1px #ccc; margin-bottom:15px; height:30px;font-size:0.875rem} .textarea{ border:dashed 1px #ccc; background:#eee; height:auto;} .ly p{ margin:6px 0 10px;} .itext2{} .Cont{font-size:14px; color:#ccc; width:98%; background: #373737; border:#373737 1px solid;} .btninput{ width:31.3%; font-size: 14px; height:34px; line-height:28px; text-align:center; background:#bd985c; border:0px none; cursor:pointer; color:#fff; margin:15px 0;} .formul{margin:0 0 0px 0;padding:0; width:100%; display:table;} .formul li{float:left; width:31.3%; margin:0 2% 10px 0;} @media screen and (max-width:1024px){ .in_lx .inlx_tp{margin-bottom:1rem;} .in_lx p{margin-bottom:0.2rem;} .ly .text,.ly .text2{ width:34.7%; } .in_liuyan .in_lx{width:33%;} .in_liuyan .in_ly{width:64.5%;} .itext2 {width:84.6%} } @media screen and (max-width:770px){ .in_liuyan{padding-bottom:2rem;} .in_liuyan .in_lx{width:96%; margin:0 2%;} .in_liuyan .in_ly{width:100%;margin-top:1rem} .itext{width:35.7%} .in_lx .inlx_tp{font-size: 14px;} .formul li{float:left; width:100%; margin:0 0 0 0;} } @media screen and (max-width:520px){ .in_liuyan{ padding-top:40px; padding-bottom:50px;} .in_liuyan .inlx_bt{ padding-bottom:0px;} .in_liuyan .inlx_bt img{ height:50px;} .inlx_bt span{font-size:1rem;margin-top:0.5rem;} .in_liuyan .in_lx{margin-top:2rem;} .itext{width:100%;} .itext2 {width:99%} } /**** 链接 ********/ .link_bg{ height:25px; padding-bottom:10px; background:#000; padding-top:20px; color:#979797;} .link_title{ font-size:1rem; font-weight:bold; line-height:25px;} .link_nr{ line-height:25px; height:25px; overflow:hidden; font-size:12px; width:92%;} .link_nr a{ display:block; float:left; padding-right:10px; color:#979797;} .link_nr a:hover{ text-decoration:underline;} @media screen and (max-width:1024px){ .link_nr{ width:90%;} } @media screen and (max-width:770px){ .link_bg{ display:none;} } /**** 底部 ********/ .foot{ width:100%; background:#09111e; text-align: center; padding:10px 0;} .foot .lg{ width: 41%; margin-top:3rem;} .address{ color: #bd985c;line-height:2; font-size:14px;} .address a{ color:#bd985c;} .address a:hover{ text-decoration:underline;} .footlink{text-align: center;} .footlink a{margin:0 10px;} @media screen and (max-width:770px){ .foot{ width:100%; height:auto;} .foot .lg{ width: 100%; margin-top:2rem;} .address{ padding: 0px 0 65px 0;width: 96%; margin:0 2%;} } @media screen and (max-width:520px){ .foot{margin-bottom:54px;} .foot .lg img{width:46%} } /*foot下面一键拨号*/ .fswzj{ display:none;} @media(max-width:770px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#fff;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:1px solid #999;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#000; display:block; border-left:1px solid #ededed;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:23%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}} /*************内页**************/ /*关于我们*/ .subpagetop{width:100%;height: 100px; overflow: hidden; clear: both;} .about_banner{background:url(../images/banner_a.jpg) no-repeat center; width:100%; height:350px; background-size: cover;} .brand_banner{background:url(../images/banner_b.jpg) no-repeat center; width:100%; height:350px; background-size: cover;} .contact_banner{background:url(../images/banner_c.jpg) no-repeat center; width:100%; height:350px; background-size: cover;} .product_banner{background:url(../images/banner_p.jpg) no-repeat center; width:100%; height:250px; background-size: cover;} .news_banner{background:url(../images/banner_a.jpg) no-repeat center; width:100%; height:250px; background-size: cover;} .message_banner{background:url(../images/banner_m.jpg) no-repeat center; width:100%; height:350px; background-size: cover;} .service_banner{background:url(../images/banner_a.jpg) no-repeat center; width:100%; height:350px; background-size: cover;} .kefu_banner{background:url(../images/banner_k.jpg) no-repeat center; width:100%; height:450px; background-size: cover;} .main{ font-family:"微软雅黑"; padding-top:20px; background:#fff;} .about_fl{width:20.83%; box-sizing:border-box;} .about_fl .about_tit{background:#000;color:#bd985c;padding: 25px 0 25px 20px;font-size:0.875rem;} .about_tit p{font-size:1.875rem;} .about_ls li {margin-top: 2px;position: relative; background: #ccc;} .about_ls li a{font-size:1rem;display:block;padding:10px 0 10px 16px ;z-index:9;position: relative; } .about_ls li span{disply:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:0.5s;transform:scaleX(0);background:#bd985c;} .about_ls li:hover a, .about_ls li.cur a {color:#fff;} .about_ls li:hover span, .about_ls li.cur span{transition:0.5s;transform:scaleX(1);} /*电脑产品导航跟上面的about_ls li是一样的样式,只不过header它要兼顾手机端,所以要和之前的样式about分开写*/ header nav li {margin-top: 2px;position: relative; background: #ccc;} header nav li a{font-size:1rem;display:block;padding:10px 0 10px 16px ;z-index:9;position: relative; } header nav li span{disply:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:0.5s;transform:scaleX(0);background:#f6d300;} header nav li:hover a, header nav li.cur a {color:#000;} header nav li:hover span, header nav li.cur span{transition:0.5s;transform:scaleX(1);} /*电脑产品导航跟上面的about_ls li是一样的样式,只不过header它要兼顾手机端,所以要和之前的样式about分开写*/ .about_fr{width:100%; box-sizing:border-box;} .main_wz{ height:42px; line-height:42px; text-align:right; font-size:12px; color:#666; border-bottom:1px solid #e4e4e4;} .main_wz a{ color:#666;} .main_wz a:hover{ text-decoration:underline;} .main_nr{ width:96%; max-width: 800px; padding:25px 0;box-sizing:border-box; margin:0 auto;} .about_nr{ font-size:0.875rem; line-height:28px; color:#333;margin-bottom:1rem;} .about_nr img{max-width:100%;} @media screen and (max-width:1024px){ .main_nr{ padding:25px 0 50px 0;box-sizing:border-box;} } @media screen and (max-width:770px){ .main{ padding-top:0; padding-bottom: 0;} .main .kg{ width:100%; } .about_fl{width:100%; } .about_fl .about_tit{display:none;} .about_ls {background:#ccc;width:100%;height:48px;} .about_ls li {width:25%;float:left;} .about_ls li {margin-top: 0;} .about_ls li a{text-align:center;} .pro_ls li {width:20%;float:left;} .about_fr{width:100%; } .main_wz{display:none;} .about_nr{ margin-bottom:0;} .fl_03 li{width:33.333%;} } @media screen and (max-width:770px){ .about_ls li a{font-size:0.875rem;padding:10px 0 10px 0px ;} } @media screen and (max-width:520px){ } /*新闻*/ .news_nr{width:100%;} .news_nr li{border-bottom:1px solid #ccc; width:100%; padding:20px 0;} .news_nr li .news_z{width:180px;} .news_nr li .news_z img{width:100%; max-width: 100%;} .news_z p{font-size:2.625rem;background:#000;color:#fff;padding:18px 0;} .news_nr li .news_y{width:calc(100% - 200px);} .news_y p{font-size: 1rem; color: #000; padding-bottom: 8px;padding-top: 3px;} .news_y span{line-height:1.5rem;color:#888;} .news_y:hover p{color: #bd985c;} .news_y:hover span{color:#bd985c;} /*新闻展示页*/ .newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; } .newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;} .newsshow_wnnr{ margin:0 auto; padding-top:15px; /*font-size:0.9125rem;*/ line-height:2; } .newsshow_wnnr p{/*font-size:0.875rem !important;*/} .newsshow_wnnr span{/*font-size:0.875rem !important;*/} .newsshow_wnnr img{ max-width:100%;} /*.bdsharebuttonbox{ width:145px; margin:40px auto 0 auto;}*/ .sxyjsys,.sxyjsys a{ font-size:0.875rem; line-height:20px;} .sxyjsys a:hover{ text-decoration:underline;} .xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px; color:#717171;} .xgnews-con{ padding-top:15px;} .xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;} .xgnews-con li a{ font-size:0.875rem;} .xgnews-con li span{ float:right; color:#999; font-size:0.75rem;} .xgnews-con li a:hover{ text-decoration:underline;} @media screen and (max-width:1024px){ .xgnews-con li span{display:none;} } .xgpro-con ul li:nth-child(4){/*display: none;*/} @media screen and (max-width:520px){ .news_nr li .news_z{display:none;} .news_nr li .news_y{width:100%;} .xgpro-con ul li:nth-child(4){display: block;} } /*产品展示*/ .product_nr{width:100%; margin-top: 20px;} .product_nr li{float: left; width:23%; margin: 1%;} .product_nr li .pro_pic{border:2px solid #ccc; overflow:hidden; height:250px; display:flex;align-items:center;justify-content:center} .pro_pic img{max-width:100%;transition:0.5s; height:auto;} .product_nr li:hover .pro_pic img{transition:0.5s;transform:scale(1.05)} .product_nr li p{text-align:center;font-size:0.875rem;margin-top:0.5rem;color:#333;} @media screen and (max-width:520px){ .product_nr li{width: 47%; margin: 1.5%; } .product_nr li p{min-height:24px;} } /******* 产品内页展示 *********/ .nycp_title{font-size:1.125rem; line-height:35px; text-align:center; color:#414141; font-weight:bold; padding-bottom:8px; } .swiper-container {display:none;} #tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;background:url(../images/spr.html) no-repeat;} #tFocus{width:430px;overflow:hidden;} #tFocus-pic{width:420px; height:315px; border:5px solid #ddd; position:relative; background: #fff;} #tFocus-pic li{width:420px;height:315px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0; margin:0;} #tFocus-pic li img{ display:block; margin:0 auto;} #tFocusBtn{width:310px;height:119px; margin-top:10px;z-index:20;overflow:hidden; display: none;} #tFocus-btn{width:310px; height:119px; position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-right:3px; display: none;} #tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;} #tFocus-btn li{height:117px; width:90px; position:relative; border:2px solid #ddd; display:block; float:left; margin:0 3px; cursor:pointer;} #tFocus-btn li.active{border:2px solid #f6d300;} #tFocus-btn li img{ display:block; width:100%; margin:0 auto;} #tFocus-btn li i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/vpic.html) no-repeat center rgba(0,0,0,0.3);} #tFocus-leftbtn,#tFocus-rightbtn{ position:absolute; height:40px;margin-top:18px;width:15px;float:left;text-indent:-9999px;} #tFocus-leftbtn{margin-right:5px;} .proshowa_wb{ width:calc(100% - 460px);} .nycp_mc{ border-bottom:1px solid #ddd; padding-bottom:15px;} .nycp_mc p{ font-size:1.5rem; font-weight:bold; padding-bottom:5px; color:#000;} .nycp_nr{ font-size:0.875rem; color:#656464; line-height:24px; padding-top:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd;} .nycp_nr img{ max-width:100%;} .nycp_tel{ margin-top:1.875rem; background:url(../images/nycp_pic.png) no-repeat left center; padding-left:23px; font-size:1rem; color:#979797;} .nycp_tel strong{ color:#454545;} .nycp_more{ width:133px; height:45px; padding-top:19px;} .nycp_more a{display:block; background:#bd985b; text-align:center; line-height:45px; font-size:1.125rem; color:#fff; font-weight:bold;} .nycp_more .job_moreb{ display:none;} @media screen and (max-width:770px){ .proshowa{ background:none; padding:0%; border:none;} #tFocus{ float:none; margin:0 auto;} .proshowa_wb{ width:100%; margin-top:30px;} .nycp_mc{font-size:1rem;} .nycp_mc p{ font-size:1.375rem;} .proshow_bom{ margin-top:20px; padding:0%; border:none; background:none;} .proms_l{ width:100%;} .cnxh{ width:100%;} .cnxh_nr li{ margin:20px 1.333% 0 0; float:left; width:24%;} .cnxh_nr li:nth-child(4n){ margin:20px 0 0 0;} } @media screen and (max-width:520px){ .swiper-container { display:block; width: 100%; height: 100%; } .swiper-slide { text-align:center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img{display:block; width:100%; height:auto} #tFocus{ display:none;} .proshowa_wb{ width:100%;} .nycp_more .job_morea{ display:none;} .nycp_more .job_moreb{ display:block;} .cnxh_nr li{ margin:15px 0% 0 0%; width:49%;} .cnxh_nr li:nth-child(2n){ float:right;} .cnxh_nr li:nth-child(4n){ margin:15px 0 0 0;} } .nycp_bt{ border-bottom:1px solid #ccc; margin-top:40px;} .nycp_bt p{ background:#000;color:#fff; width:140px; font-size:1rem; height:42px; line-height:42px; text-align:center;} .nycp_nr{ font-size:0.875rem; line-height:24px; padding-top:10px; padding-bottom:15px;} .nycp_nr img{ max-width:100%;} @media screen and (max-width:520px){ .nycp_pic {text-align:center;margin-bottom:2rem;} .nycp_pic img{ max-width:100%;border:none;} } /*案例展示*/ .case_nr{width:100%;} .case_nr li{float: left; width:23%; margin: 1%;} .case_nr li .case_pic{border:2px solid #ccc; overflow:hidden;} .case_pic img{width:100%;transition:0.5s;} .case_nr li:hover .case_pic img{transition:0.5s;transform:scale(1.05)} .case_nr li p{text-align:center;font-size:0.875rem;margin-top:0.5rem;color:#333;} @media screen and (max-width:520px){ .case_nr li{width: 47%; margin: 1.5%; } } /*在线留言*/ .book_nr{width:100%;} .book_nr .book_title{font-size:0.875rem;} .book_title p{color:#000;font-weight:bold;} .book_nr .book_q{width:50%;margin-top:2rem;} .book_q li{margin-bottom:5px;} .book_q .book_01 {width:18%} .book_01 p{font-size:0.875rem;} .book_q .book_02 {width:80%} .contxt2{width:400px;} @media screen and (max-width:1024px){ .book_nr .book_q{width:62%} } @media screen and (max-width:1024px){ } @media screen and (max-width:520px){ .book_nr .book_q{width:100%} .book_q .book_01 {width:28%} .book_q .book_02 {width:70%} .cfeed{ width:100%} } input{ font-family:"微软雅黑"; font-size:0.875rem;} .btn{ width:80px; height:30px; background:#bd985c; border:0; padding:0; font-family:"微软雅黑"; color:#fff; font-size:16px; cursor:pointer;} .ms{display: none;} .msbox{display: none;} #mpkeys{color:#bd985b;} .brandright img{width:100%; max-width: 100%; margin-top: 150px;} .brandleft{padding:170px 30px 170px; background: rgba(189,152,92,0.78); float:right;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .brandtit1{font-size: 40px; color:#fff;} .brandtit2{font-size: 16px; color:#fff; margin-top: 18px;} .brandtit_line{width:32px; height:3px; background: #fff; margin-top: 10px;} .branddec{font-size: 16px; line-height: 3; color:#fff; margin-top:50px;} .brandbnt{font-size: 16px; color:#fff; border:1px #fff solid; width:120px; height: 36px; margin-top:25px; display: block;line-height: 36px; text-align: center; border-radius:18px;} .brandbnt:hover{background: #fff; color:#bd985c;} .newleft img{width:100%; max-width: 100%;} .newtit{width:100%; display: table; margin-top: 20px;} .newtit font{float:left; font-size: 18px; line-height: 45px; font-weight: bold;} .newtit span{float:right; font-size: 14px; line-height: 45px;} .newleft p{font-size: 12px; line-height: 18px; height:36px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .newpic{background-size:cover;} .newpic img{visibility: hidden;} .newitem{ margin-left: 30px; width:100%; border-bottom:1px #e6e6e6 solid; display: table; padding:20px 0;} .newright .newitem:nth-child(3){border:none;} .newitem .newpics{height:115px; width:115px; overflow:hidden;} .newitem:hover{color: #bd985c;} .ntxt{ width:calc(100% - 140px);box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .date{width:75px; font-size: 16px; text-align: center; margin-top: 10px;} .date span{font-size: 55px; font-weight: bold; width:75px; display: block; line-height:55px;} .ntit{font-size: 16px; font-weight: bold; margin:10px 0;} .txt{float:right; width:calc(100% - 100px);} .txt p{font-size: 12px; line-height:20px; height:60px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;} .newbnt{text-align: center; padding-top:90px; display: table; width:100%;} .newbnt a{width:120px; height: 36px; border:1px #000 solid; border-radius: 18px; line-height: 36px; font-size: 16px; transition: 0.5s; display: inline-block;} .newbnt a:hover{border:1px #bd985c solid; background: #bd985c; color:#333;} .in_ca{width:100%; background: url(../images/contactbg.jpg) 50% 50% no-repeat; background-size: cover; padding:100px 0;} .in_ca .intj_bt{text-align: center;} .in_ca .intj_bt span:nth-child(1){font-size:40px;color:#bd985c;text-align:center; width:100%; display: table;} .in_ca .intj_bt .line_tit{width:115px; margin:0 auto;font-size:14px;color:#bd985c;text-align:center; position: relative;} .in_ca .intj_bt .line_tit:before{width:57px; height:1px; content:''; background: url(../images/contact_line1.png) center center no-repeat; position:absolute;left:-73px; top:9px;} .in_ca .intj_bt .line_tit:after{width:57px; height:1px; content:''; background: url(../images/contact_line2.png) center center no-repeat; position:absolute;right:-73px; top:9px;} .contactright{padding-top: 100px; padding-left: 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .telbox{height:30px; line-height: 30px; background: url(../images/c_tel.png) left center no-repeat; padding-left:30px; color:#bd985c;} .mailbox{height:30px; line-height: 30px; background: url(../images/c_mail.png) left center no-repeat; padding-left:30px; color:#bd985c;} .addressbox{height:30px; line-height: 30px; background: url(../images/c_address.png) left center no-repeat; padding-left:30px; color:#bd985c;} .c_input{line-height: 45px; padding-top: 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .messagebox .c_input:nth-child(1){padding-right: 10px;} .messagebox .c_input:nth-child(2){padding-left: 10px;} .c_input span{float:left; width:100%; color:#bd985c;} .c_input input{width:100%; background:#080f1a; color:#bd985c; border:none;} .messagebox{padding-right:40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .c_textarea span{float:left; width:100%; color:#bd985c;line-height: 45px;} .c_textarea textarea{width:100%; background:#080f1a; color:#bd985c; border:none; height: 163px;} .c_bnt_s{width:120px; height: 36px; border-radius: 18px; border:1px #bd985c solid; background: #bd985c; font-size: 16px; text-align: center; line-height: 32px;} .c_bnt_r{width:120px; height: 36px; border-radius: 18px; border:1px #d4d4d4 solid; background: #d4d4d4; font-size: 16px; text-align: center; line-height: 32px; margin-left: 40px;} .c_bnt_s:hover{ background:none; color:#bd985c;} .c_bnt_r:hover{ background:none; color:#d4d4d4;} .c_bnt{padding-top:25px; display: table;} .ewmpic img{padding-left: 30px; padding-bottom: 30px;} .location{line-height: 1.5px; margin-bottom: 1em; font-size: 14px; display: table;} .whitebox{width:100%; padding:0 30px; background: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .systitle { color: #2c2c2c; font-size: 24px; text-align: left; padding-left: 1.34em; background: url(../images/icon_menu.png) no-repeat left center; background-size: 1em auto; margin-bottom: 1px; } .systitle i{display: none;} .ul-parent{display: table; margin-top: 30px; width:100%;} .ul-parent li {margin-right: 0.8em;margin-bottom: 0.5em;float:left;} .ul-parent li a{width:125px; height:40px; line-height: 40px; font-size: 14px; text-align: center; color:#fff; background: #C6C6C6; display: inline-block;} .ul-parent li a.cur,.ul-parent li a:hover{background: #bd985c;} .subcon{} .subcon,.subcon p{line-height:1.5; font-size: 14px;} .news_y p.new_date{color:#b6b6b6;} .newsDetail{} .newsDetail .newsTitle{color:#2c2c2c; font-size:20px;text-align:left; padding-bottom:0.7em; border-bottom:1px solid #EEEEEE; margin-bottom:0.8em;} .newsDetail .newsST{ text-align:left; color:#aeaeae; font-size:90%;} .newsDetail .newsST > span{ margin:0 1.5em;} .newsDetail .newsST > span:first-child{ margin-left:0;} .newdec{display: table; width:100%; padding-bottom: 13px;} .newshare{ text-align:right; margin-top:-25px;color:#aeaeae;} .newshare span{float:right; font-size: 14px; line-height: 30px;} .newsDetail .newsContent{ padding:24px 0;border-top:1px solid #EEEEEE; color:#636363;} .news-others{ margin-top:1em; padding:1em 0; border-top:1px solid #eee;} .bdsharebuttonbox{display: inline-block;float:right;} .w100{width:100%; display:table;} .w50{width:46%; margin:3% 2%;} .w50 .p1{font-size: 16px; font-weight: bold;} .w50 .p2{font-size: 12px; line-height: 1.5;} .w50 img{max-height: 400px; max-width: 100%;} .tr,.trp{text-align: right;} .tl,.tlp{text-align: left;} .search_m{display: none;} .AboutContent{width:100%; max-width: 1200px; margin:0 auto;} .AboutContent img{width:100%; max-width: 100%;} /*导航样式*/ @media screen and (max-width:990px){ .hide-wap{display:none;} .hide-pc{display:block;} .sjj_nav{margin-left:0px;} .about_banner,.brand_banner,.contact_banner,.product_banner,.news_banner,.message_banner,.service_banner{height:150px;} .kefu_banner{background:url(../images/banner_k.jpg) no-repeat center; width:100%; height:300px; background-size: cover;} .ewmpic img:nth-child(1){padding-left: 0px;} .brandleft{padding-top: 100px; padding-bottom: 100px;} .branddec{font-size: 14px;} .w900w50{width:50%;} .w990pr0{padding-right: 0px; margin-right: 0px;} .search_m{display: none; position: absolute; width:100%; height:60px; top:80px; background:rgba(0,0,0,0.8); padding-top: 10px;} .goback{display:block;width:80px; height:80px; position:absolute; right:0; background:url(../images/searchm2.png) 50% 50% no-repeat;} .subpagetop{height: 80px;} .banner{margin-top: 80px;} .slides li img{display:block;text-align:center; max-width:100%; height:180px; margin:0 auto} .col-md-12{width:96%;margin:0 2%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .lan{display: none;} .ms{display: block; margin:0 auto 15px; float: none;} .ms a{color: #fff;} .msbox{ display:block; margin:10px 5% 15px; width:90%; height:26px; background:none; border:1px #bd985c solid; border-radius: 15px;} .msbox .keys{float:left; width:85%; height:26px; background:none; border:none; padding-left: 10px;} .msbox .bnt{float:right; width:30px; height:26px; background:url(../images/searchm.png) 50% 50% no-repeat; text-indent: -99999px; border:none;} .top_bg{height:80px; background: #0d182a;} .top_kg .logo{padding:10px 10px 0; position: absolute; left:50%; margin-left: -112px;} .top_kg .logo img{max-width:60%; height:auto;} .in_tj{width:100%;background:#fff;padding:20px 0;} .in_tj .intj_bt{font-size:20px;color:#101528;text-align:left; padding-bottom:0px;} .in_tj .intj_bt span{margin-left: 10px; border-left: 4px #222 solid; padding-left: 15px;} .inchanp p{font-size: 4vw;} .inpro_02 li:nth-child(1),.inpro_02 li:nth-child(1) img{border-radius: 0px 0 0 0;} .inpro_02 li:nth-child(2),.inpro_02 li:nth-child(2) img{border-radius: 0 0px 0 0;} .inpro_02 li:nth-child(3),.inpro_02 li:nth-child(3) img{border-radius: 0 0 0 0px;} .inpro_02 li:nth-child(5),.inpro_02 li:nth-child(5) img{border-radius: 0 0 0px 0;} .brandtit1{font-size:6vw; color:#fff; padding-top: 50px;} .brandtit2{font-size:4vw; color:#fff; margin-top: 0px;} .brandright img{margin-top: 50px;} .newbnt{padding-top:40px;} .newitem{margin-left: 0; width:100%} .telbox,.mailbox,.addressbox,.c_input span,.c_textarea span{font-size:14px;} .messagebox .c_input:nth-child(1){padding-right: 0px;} .messagebox .c_input:nth-child(2){padding-left: 0px;} .messagebox .col-md-12{width:100%; margin:0;} .messagebox .c_input{padding-top: 15px;} .messagebox .c_input span{width:70px; margin:0; float:left; line-height: 32px;} .messagebox .c_input input{width:calc(100% - 85px); margin:0; float:right; background: #080f1a;} .dtable{ padding-top: 15px; display: table;} .messagebox .c_textarea span{width:70px; margin:0; float:left; line-height: 32px;} .messagebox .c_textarea textarea{width:calc(100% - 88px); margin:0; float:right; background: #080f1a;} .in_ca{padding:50px 0;} .in_ca .intj_bt span:nth-child(1){font-size:5.5vw;color:#bd985c;text-align:center; padding-bottom:0px; width:100%;} .in_ca .intj_bt span:nth-child(2){font-size:12px;color:#bd985c;text-align:center; position: relative;} .in_ca .intj_bt span:nth-child(2):before{width:57px; height:1px; background: url(../images/contact_line1.png) no-repeat; position: absolute; left:-73px;} .messagebox{padding-right:0px;} .c_textarea textarea{width:calc(100% - 2px);} .c_bnt{text-align: center;} .contactright{padding-top:50px; padding-left: 0px;} /*产品分类导航*/ header{ background:none; width:auto; display:block;position: relative; z-index:100; margin:0; padding:0; border-radius:0; float:none !important;} header nav li{background:none; line-height:inherit; margin-bottom:auto;} header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;} header nav li span{ display:none;} header nav li ul li{ margin:auto; background:none;} header nav li ul li a{border:0; line-height:inherit;} header nav li i{ height:40px;} .mean-container .mean-bar {width:100%;position:relative;background:#f6d300; height:40px; z-index:99;} .mean-container .mean-bar div.fl{ font-size:1rem; color:#000; line-height:40px; padding-left:2%;} .mean-container a.meanmenu-reveal {width:22px;height:22px;padding:9px 10px;position:absolute;top:0;right:0;cursor:pointer;color:#000;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px; display:block;font-family:Arial, Helvetica, sans-serif; font-weight:700} .mean-container a.meanmenu-reveal span {display:block;background:#000;height:3px;margin-top:3px} .mean-container .mean-nav {float:left;width:100%;background: rgba(228,246,255,0.2); margin-bottom: 30px;} .mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;} .mean-container .mean-nav ul li {position:relative;width:100%;} .mean-container .mean-nav ul li a {display:block;width:90%; background:none; font-size:0.875rem;padding:0 5%;height:39px; line-height:39px;margin:0;text-align:left;border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5);text-decoration:none;text-transform:uppercase} .mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid #f1f1f1;border-top:1px solid rgba(255, 255, 255, .25); opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible} .mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0} .mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700; background:rgba(255, 255, 255, .1); border:0!important; border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important} .mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(0,0,0,.9)} .mean-container .mean-push {float:left; width:100%; padding:0; margin:0;clear:both} .mean-nav .wrapper {width:100%;padding:0;margin:0} .mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .mean-remove {display:none!important} header nav {text-align: center;background: #efefef;} header nav ul {margin:0;padding:1em;list-style-type: none;} /*分类*/ /*导航样式*/ .top_kg{ width:100%; height:80px; } .sp_nav{width:60px;float:left;position: relative;cursor: pointer; height:60px; padding:10px;} .sp_nav i{display:block; color:#000; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;} .sp_nav span{display:block;background:#bd985c;width:40%;height:1px;position:absolute;left:30%;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:25px} .sp_nav span:nth-of-type(2){top:35px} .sp_nav span:nth-of-type(3){top:45px} .sp_nav_se span:nth-of-type(1){top:35px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){top:25px;transform:rotate(-45deg); display: none;} .sp_nav_se span:nth-of-type(3){top:35px;transform:rotate(-45deg)} .sp_navs{width:60px;float:right;position: relative;cursor: pointer; height:60px; background:#f6d300; padding:10px;} .sp_navs i{display:block; color:#000; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;} .sp_navs span:nth-of-type(1){display:block;background:url(../images/search.png) center -7px no-repeat;width:40%;height:30px;position:absolute;left:30%;transition:all ease 0.35s;top:0px} .sp_navs span:nth-of-type(2){display:block;background:#000;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s;top:32px} .sp_navs_se span:nth-of-type(1){top:22px;transform:rotate(45deg)} .sp_navs_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)} .sjj_nav{position:fixed; margin-top: 0px; z-index:9; background:rgba(0,0,0,0.9); width:50%; height:calc(100% - 104px); line-height:40px; top:74px; left:-100%; overflow:auto; overflow-x:hidden; transition:0.5s;} .nav_show{top:80px; left:0; transition: 0.5s;} .sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;} .sjj_nav ul li{ float:none; width:90%; margin:0 5%;} /*.sjj_nav>ul>li:first-child{overflow:hidden;} .sjj_nav>ul>li:first-child>a{width:calc(100% - 70px);}*/ .sjj_nav>ul>li.lan-wap>span{padding:0 6px; color:#fff; cursor: pointer;} .sjj_nav>ul>li.lan-wap>span:nth-child(2){cursor:default;} .sjj_nav>ul>li.lan-wap>span:hover{padding:0 6px; color:#f8b600;} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{ display:block; position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li em{ display:none;} .sjj_nav ul li{border-top:1px #5a5a5a solid;position:relative;line-height:40px;font-size:14px;} .sjj_nav ul li:nth-child(1){/*border-top:none;*/} .sjj_nav>ul >li:last-child{border-bottom:1px #5a5a5a solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{ width:90%; font-size:0.875rem; margin:0 auto; color:#fff; text-align:inherit; padding:inherit; height:auto; line-height:inherit;background:none;} .sjj_nav ul li:hover a{color:#bd985c;} .sjj_nav ul li.cur a,.sjj_nav ul li.cur ul li.cur a{color:#bd985c;} .sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{color:#666;display:block;text-align:left; font-size:0.875rem;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#0071bc;} .sjj_nav ul li ul{position: relative; top:0; background: none;} .sjj_nav ul li:hover ul{display: none;} .sjj_nav ul li ul li{margin-left:0; text-align: center; border-bottom:0px; border-top: 1px #5a5a5a solid;} .sjj_nav ul li ul li a{text-align: center;} .sjj_nav ul li.noborder{border-top:none;} } @media screen and (max-width:520px){ .subpagetop{height: 50px;} .top_kg{height:50px;} .address{padding:0;font-size:3.5vw;} .address span{display: none;} .newpics{display: none;} .newtit font{float:left; font-size: 18px; line-height: 24px; font-weight: bold; width:100%;} .newtit span{float:left; font-size: 14px; line-height: 24px;} .ntxt{width:100%;} .logo{height:35px;} .c_bnt_s{width:100px; height: 30px; border-radius: 15px; border:1px #bd985c solid; background: #bd985c; font-size: 14px; text-align: center; line-height: 26px;} .c_bnt_r{width:100px; height: 30px; border-radius: 15px; border:1px #d4d4d4 solid; background: #d4d4d4; font-size: 14px; text-align: center; line-height: 26px; margin-left: 20px;} .banner{margin-top:50px;} .sp_header{height:50px;} .sp_logo{padding:10px;float:left;height:50px} .sp_logo img{margin:auto;max-height:30px;} .sp_nav{width:50px; height:50px; padding:0px;} .sp_nav i{ font-size:0.8125rem; bottom:6px;} .sp_nav span{ width:40%; left:30%;} .sp_nav span:nth-of-type(1){top:17px} .sp_nav span:nth-of-type(2){top:25px} .sp_nav span:nth-of-type(3){top:33px} .sp_nav_se span:nth-of-type(1){top:25px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){top:25px;transform:rotate(-45deg); display: none;} .sp_nav_se span:nth-of-type(3){top:25px;transform:rotate(-45deg)} .sp_navs{width:50px; height:50px; padding:0px;} .sp_navs i{ font-size:0.8125rem; bottom:6px;} .sp_navs span{ width:50%; left:25%;} .sp_navs span:nth-of-type(1){top:10px} .sp_navs span:nth-of-type(2){top:20px; display: none;} .sp_navs_se span:nth-of-type(1){top:13px;transform:rotate(45deg)} .sp_navs_se span:nth-of-type(2){top:13px;transform:rotate(-45deg); display: block;} .sjj_nav{top:52px; width:55%;} .nav_show{top:50px;} } .homenewlist_m{display: none;} @media screen and (max-width:770px){ .about_banner,.brand_banner,.contact_banner,.product_banner,.news_banner,.message_banner,.service_banner{height:130px;} .kefu_banner{background:url(../images/banner_km.jpg) no-repeat center #000; width:100%; height:450px; background-size: cover;} .txt_m{float:right;width:calc(100% - 150px);} .txt_m p{font-size: 12px; line-height:20px; height:40px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .txt_m span{font-size: 12px;color:#999; float:right; margin:8px;} .newpics_m{width:130px; height:130px;} .homenewlist_m{display: block; margin:0 10px;} .homenewlist,.w700none{display: none;} .brandleft{padding-top: 0px; padding-bottom: 50px;} .branddec{margin-top: 25px; font-size: 13px; line-height: 1.8;} .brandleft{padding-left: 15px; padding-right: 15px;} .location{display: none;} .systitle{background:#3d3d3d; color:#fff; font-size: 18px; line-height: 40px; cursor:pointer; margin-bottom:0px;} .systitle i{float:right; margin-right: 15px; line-height: 40px; display:inline-block;} .ul-parent{width:100%; margin:0; display: none;} .ul-parent li{width:100%; margin:0; text-align: left; margin-bottom:1px;} .ul-parent li a{width:calc(100% - 24px); text-align: left; padding-left:24px; background: #f0f0f0; color:#333;} .ul-parent li a:hover,.ul-parent li a.cur{background: #f0f0f0; color:#bd985c;} .subclear30{clear:both; height:2px; width:100%; background:#bd985c;} .newshare{text-align:left;color:#aeaeae; float: left; margin-top:0px;} .newshare span{font-size: 14px; line-height: 30px;} .bdsharebuttonbox{display: inline-block;} .whitebox {padding:15px 10px;} .w50{width:100%; margin:3% 0%;} .w100 .tr{text-align:left;} .trp,.tlp{text-align: center;} } @media screen and (max-width:520px){ .search_m{top:50px;} .top_bg{ height:50px; box-shadow:0px 1px 3px rgba(0,0,0,0.5);} .top_kg .logo{position: absolute;left:50%; margin-left: -69px;} .top_kg .logo img{max-width:45%; height:auto;} .sjj_nav li{width:100%;} .goback{display:block;width:50px; height:50px; position:absolute; right:0; background:url(../images/searchm2.png) 50% 50% no-repeat; background-size: 17px 20px;} } .lan-wap a{width:80px;} /*新闻20210107*/ .new_top_bar{width:100%; height:60px; background: #dedede;} .new_1300{width:94%;max-width:1300px; margin: 0 auto;} .new_ul_parent li{width:210px; height:60px; text-align: center; line-height: 60px; color:#333; float:left;} .new_ul_parent li.cur{width:210px; height:60px; text-align: center; line-height: 60px; color:#fff; float:left; background: #bd985b;} .new_ul_parent li.cur a{color:#fff;} .new_list{margin-top: 30px; width:100%;} .new_list .new_list_i{padding:20px 0;} .new_list .new_list_i .tdesc{width:94%;max-width:1300px; margin: 0 auto; display: table;} .new_list .new_list_i .news_z{width:173px; height:130px;} .new_list .new_list_i .news_z img{width:100%; max-width: 100%;} .new_list .new_list_i:hover{background: #f2eee8;} .news_d{width:80px; padding-right: 40px;} .news_d span{width:100%; display: block; text-align: center;} .news_d span:nth-child(1){font-size: 63px; font-weight: bold; color: #333;} .news_d span:nth-child(2){font-size: 16px; color: #333;} .news_txt{width:calc(100% - 330px);} .new_list .new_list_i .news_txt p:nth-child(1){font-size: 20px; font-weight: bold; margin-bottom: 10px;} .new_list .new_list_i .news_txt p:nth-child(2){font-size:14px; line-height:20px; color:#333; height:40px; overflow: hidden; margin-bottom: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .new_list .new_list_i .news_txt p:nth-child(3){font-size:14px; line-height:20px;} .new_list .new_list_i .news_txt p:nth-child(4){font-size:12px; line-height:20px; text-align: right; color: #666; display: none;} .detail_con{width:94%; max-width: 1000px; margin:30px auto 30px;} .newsDetail{width:100%; max-width: 640px; margin:0 auto;} .newsDetail .newsContent img{max-width:450px; max-height:9999px; margin:25px auto 20px;} .hide-wap770{display:block;} .hide-pc770{display:none;} .about_subtitle{text-align: center; width:100%;} .about_subtitle p{font-size:16px; margin-bottom: 5px;} .about_subtitle span{width:20px; height:3px; background: #bd985c; display: inline-block;} .fixed_bar{position: fixed; top:100px; z-index: 9999;} @media screen and (max-width:990px){ .new_ul_parent li.w33{width:33.33%; height:60px; text-align: center; line-height: 60px; color:#333; float:left;} .new_ul_parent li.w33.cur{width:33.33%;} .new_ul_parent li.w25{width:16%; height:60px; text-align: center; line-height: 60px; color:#333; float:left;} .new_ul_parent li.w25.cur{width:20%;} } @media screen and (max-width:770px){ .address,.address a{font-size: 12px;} .hide-wap770{display:none;} .hide-pc770{display:block;} .new_top_bar{width:100%; height:50px; background: #fff; padding:15px 0 20px;} .new_ul_parent li{width:50%; height:60px; text-align: center; line-height: 60px; color:#333; float:left; background: #cacccf;} .new_ul_parent li.cur{width:50%;height:60px; text-align: center; line-height: 60px; color:#bd985c; float:left; background: #09111e;} .new_ul_parent li.cur a{color:#bd985c;} .new_ul_parent li.w33.cur{width:33.33%;} .new_list{margin-top: 10px; width:100%;} .news_d{display: none;} .new_list .new_list_i{padding:8px 0;} .new_list .new_list_i .news_z{width:120px; height:90px;} .news_txt{width:calc(100% - 130px);} .new_list .new_list_i .news_txt p:nth-child(1){font-size: 14px; font-weight: bold; margin-bottom: 8px;} .new_list .new_list_i .news_txt p:nth-child(2){font-size:12px; line-height:16px; color:#333; height:32px; overflow: hidden; margin-bottom: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .new_list .new_list_i .news_txt p:nth-child(3){display: none;} .new_list .new_list_i .news_txt p:nth-child(4){display: block;} .newsDetail .newsContent img{max-width:94%; max-height:9999px;} } .