/* CSS Document */ *{padding:0; margin:0;} html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; } div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;} div,ul,li{list-style:none;} h1,h2,h3,h4,h5,h6 {font-weight:normal;} a{text-decoration:none; color:#222222; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; outline:none;} a:hover {color:#ffa500;} :focus{outline:0;} .clear{margin:0; padding:0; clear:both;} table {BORDER-COLLAPSE:collapse; border-spacing:0;} img{display:block; border:0; width:100%;} b {}i,em {font-style:normal;} button, input, select, textarea,radio {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased;} button {cursor:pointer;} .clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display: inline-table;} *html .clearfix {height:1%;} .clearfix {display:block;} *+html .clearfix {min-height:1%;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0.3; color:#000000;} input:-moz-placeholder,textarea:-moz-placeholder{opacity:0.3; color:#000000;} input::-moz-placeholder,textarea::-moz-placeholder{opacity:0.3; color:#000000;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:0.3; color:#000000;} @font-face{ font-family: "Poppins-Regular"; src: url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.otf') format('otf'); font-weight: normal; font-style: normal; font-display: block; } @font-face{ font-family: "LexendBold"; src: url('../fonts/LexendBold.ttf') format('truetype'), url('../fonts/LexendBold.woff') format('woff'), url('../fonts/LexendBold.otf') format('otf'); font-weight: normal; font-style: normal; font-display: block; } body {font-size:16px; color:#222222; font-family:"Poppins-Regular", Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none; background:#ffffff; line-height:28px;} .main {position:relative; margin:0 auto;} @media screen and (max-width:2560px) { .main {width:90%; max-width:1650px;} } @media screen and (max-width:1920px) { .main {width:90%; max-width:1560px;} } @media screen and (max-width:1560px) { body {font-size:15px;line-height:26px;} } @media screen and (max-width:1240px) { body {font-size:14px;line-height:24px;} } @media screen and (max-width:992px) { body {font-size:13px;line-height:24px;} .main {width:92%;} } /***头部***/ .header{width:100%; box-sizing:border-box; position:fixed; height:135px; z-index:99; background:rgb(255,255,255,1); transition:all .2s ease-in-out; top:0; left:0;} .header .main{display:flex;} .header_top{height:45px; line-height:45px; width:100%; background:#038bbf; display:flex; justify-content:space-between; align-items:center;} .header_top .main{display:flex;} .top_left{display:flex; flex:1; max-width:30%; box-sizing:border-box;} .top_right{display:flex; flex:1; max-width:70%; box-sizing:border-box;} .top_left ul, .top_right ul{display:flex; width:100%;} .top_left ul{justify-content: flex-start; /* 靠左对齐 */} .top_left li{color:#ffffff; display:flex; align-items:center; margin:0 15px; white-space: nowrap;} .top_left li:first-child{ margin-left:0;} .top_left li:last-child{ margin-right:0;} .top_left li a{color:#ffffff; opacity:0.85;} .top_left li img{display:inline-block; margin-right:5px; vertical-align: middle; width:20px; height:auto;} .top_right ul{justify-content: flex-end; /* 靠右对齐 */} .top_right li{color:#ffffff; display:flex; align-items:center; margin:0 10px; white-space: nowrap;} .top_right li:first-child{ margin-left:0;} .top_right li:last-child{ margin-right:0;} .top_right li a{color:#ffffff; opacity:0.85;} .top_right li a:hover{color:#ffffff; text-decoration:underline; opacity:1;} .top_right li img{display:inline-block; margin-right:5px; vertical-align: middle; width:20px; height:auto;} .header .more_btn{background:#ffa500; font-size:14px;} .header .more_btn:after{background:#038bbf;} .header_left{display:flex; flex: 0 0 13%; box-sizing:border-box;} .header_logo{display:flex;align-items:center; position:relative;} .header_logo a{color:#ffffff;} .header_logo_img{float:left;} .header_logo img{ height:100%; max-height:60px;} .header_logo_txt{float:right; padding-left:5px;} .header_logo_txt h1{font-size:30px; font-family:"LexendBold"; margin-top:2px;} .header_logo_txt p{font-weight:normal;} .header_right{display:flex; flex:1; box-sizing:border-box;} .header .mNavList{display:flex; width:100%; padding-left:18%; box-sizing:border-box;} .header .mNavList>li{flex-grow:1; position:relative; text-align:center; line-height:90px; height:90px; box-sizing:border-box; font-weight:bold; text-transform:uppercase; font-size:17px;} .header .mNavList>li:last-child{flex-grow:0; margin-left:20px; margin-right:0;} .header .mNavList>li>a>i{display:inline-block; width:20px; height:20px; vertical-align:middle; background:url("../images/pro_click.png") no-repeat center -1px; -moz-transition: all linear .3s;-webkit-transition: all linear .3s; -ms-transition: all linear .3s;} .header .mNavList>li:hover>a>i{background:url("../images/pro_click_on.png") no-repeat center 1px; -moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);filter:rogid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .header .mNavList>li>a:hover{color:#ffa500;} .navsearch{padding:0 0 0 10px; line-height:45px; box-sizing:border-box; cursor:pointer;} .navsearch img{width:24px; height:24px; vertical-align:middle;display: inline-block;} .topsearchbox{position:relative; padding:3%;} .topsearchbox h2{ font-family:"LexendBold"; font-size:32px; margin-bottom:25px; text-align:center;} .topsearchbox .closebtn{width:40px; height:40px; background:#038bbf; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:100%; position:absolute; right:-58px; top:-58px; display:flex; align-items:center; justify-content: center;} .topsearchbox .closebtn img{width:60%; height:auto;transition: transform 1s ease;} .topsearchbox .closebtn:hover{background:#ffa500;} .topsearchbox .closebtn:hover img{transform: rotate(180deg);} .topsearch{background:#f8f8f8; border:1px #dddddd solid; border-radius:5px; height:50px; line-height:50px; padding:0 0 0 15px; position:relative;transition:all .3s ease-in-out; font-weight:normal;} .topsearch .input{width:100%; line-height:50px; box-sizing:border-box; font-size:16px;} .topsearch .search{position:absolute; top:14px; right:15px; width:20px; height:20px; background:url(../images/ico_search.svg) no-repeat; background-size:cover;} #menu:before, #menu:after {content:"";display:table;} #menu:after {clear:both;} #menu{zoom:1;} #menu li:hover a{color:#ffa500;} #menu li a:hover {color:#ffa500;} #menu li:hover ul {opacity:1; visibility:visible; margin:0;} #menu ul {margin:15px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:90px; width:fit-content; display:block; z-index:1; transition:all .3s ease-in-out; background:#ffa500; border-radius:0 0 5px 5px; overflow:hidden; left:50%; transform:translateX(-50%);} #menu ul li{margin:0; background-color:#ffa500; padding:8px 20px; width:100%; height:auto; line-height:30px; text-transform:capitalize; box-sizing:border-box; color:#ffffff!important; text-align:center; position:relative;transition:all .3s ease-in-out; font-weight:normal; white-space:nowrap; border-bottom:1px rgb(255,255,255,0.1) solid; font-size:16px;} #menu ul li a{display:block; font-weight:normal!important; color:#ffffff!important;} #menu ul li:hover{background:#8c2227; color:#ffffff!important;} #menu ul li:hover a{color:#ffffff!important;} #menu ul li:last-child{border-bottom:0;} @media screen and (max-width:1560px){ .header_logo_txt h1{font-size:24px;} .header .mNavList{padding-left:15%;} .header .mNavList li{font-size:16px;} #menu ul li{font-size:14px; line-height:24px;} } @media screen and (max-width:1560px){ .header_logo_txt h1{font-size:18px;} .header .mNavList{padding-left:13%;} .header .mNavList li{font-size:16px;} #menu ul li{font-size:13px; line-height:24px;} .header_logo_txt p{font-size:13px;} } @media screen and (max-width:1240px){ .header .mNavList{padding-left:5%;} .header .mNavList li{font-size:14px;} #menu ul li{font-size:12px; line-height:20px;} } #lang{cursor:pointer; position:relative;transition:all .3s ease-in-out; color:#ffffff; font-weight:normal;} #lang .langpic{width:30px; display:inline-block; vertical-align:middle;} #lang ul{top:90px!important; border-radius:5px; background:#ffffff!important;} #lang ul li{text-align:left; background:#ffffff!important;border-bottom:1px rgb(0,0,0,0.05) solid;} #lang ul li img{display:inline!important; opacity:1; width:20px; margin-right:10px;} #lang ul li a{color:#222222!important;} #lang ul li:hover a{color:#ffa500!important;} .m-header {display:none;} @media screen and (max-width:992px) { .header {display:none;} .m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgb(255,255,255,1); z-index:99;} .m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;} .m-header-logo {float:left; width:85%; margin-top:4px;font-size:16px;} .m-header-logo img{height:30px; width:auto; float:left; margin-right:5px; margin-top:3px;} .m-header-logo h2{font-size:24px; line-height:34px; font-family:"LexendBold";} .m-header-logo h2 span{color:#ffa500; margin-left:2px;} .nav-btn {position:relative; float:right; margin:12px -10px 0 0; width:60px; height:30px; cursor:pointer;} .nav-btn span {position:absolute; left:10px; display:block; width:35px; height:4px; background:#038bbf; transition:all ease 0.35s;} .nav-btn span:nth-of-type(1){top:0;} .nav-btn span:nth-of-type(2){top:9px;} .nav-btn span:nth-of-type(3){top:18px;} .nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);} .nav-btn-se span:nth-of-type(2){width:0} .nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);} .m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:45px; background:#f7f9ff; overflow:auto; overflow-x:hidden; transition:top ease 0.35s;} .nav-show {top:45px;} .nav-show ul {border-bottom:1px rgba(255,255,255,0.10) solid;} .m-nav ul li i {position:absolute; top:4px; right:0px; height:40px; padding:0 17px 0 17px;} .m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;} .m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);} .m-nav ul li {position:relative; line-height:45px; font-size:16px; border-bottom:1px rgba(0,0,0,0.06) solid;} .m-nav ul li img{ height:16px; width:auto; margin-right:10px; float:left;} .m-nav ul li ul {display:none; background:rgb(0,0,0,0.03);} .m-nav ul li a {width:80%; display:block; padding-left:20px; font-weight:normal; text-transform:capitalize;} .m-nav ul li ul li a {display:block; font-size:15px; line-height:30px; text-align:left; padding:8px 8px 8px 26px; opacity:0.85;} .m-nav ul li i svg {width:25px; height:20px; fill:#038bbf;} .m-nav ul li .m-nav-i-se svg {fill:#038bbf;} .m-nav-prod {overflow:hidden;} .m-nav-prod li{width:50%; float:left;background:url(../images/dian.svg) 25px center no-repeat; background-size:5px; padding-left:8px; box-sizing:border-box;} } /*通栏下拉菜单开始*/ .mnSubBg{background:linear-gradient(to right, #f5f5f5 20%, #f5f5f5 0%); z-index:111; top:135px; position:fixed; display:none; zoom:1; width:100%; overflow:hidden; box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.2);} .mnSubBg .main{display:flex; align-items:stretch;} /*aboutus*/ .nav_about_left{width:30%; float:left; padding:65px 50px 50px 0; box-sizing:border-box; text-align:right;} .nav_about_left h2{font-family:"LexendBold"; font-size:30px; text-transform:uppercase; } .nav_about_left .ptxt{opacity:0.75; margin-top:10px; padding-left:10%;} .nav_about_right{float:right; width:70%;padding:50px 0 50px 0px; box-sizing:border-box;} .nav_about_right ul{width:28%; float:left; margin-right:5%;} .nav_about_right ul li{display:block; line-height:55px; text-transform:capitalize; border-bottom:1px rgb(0,0,0,0.1) dotted; padding:0 15px; box-sizing:border-box;transition:all .3s ease-in-out; position:relative;} .nav_about_right ul li a{display:block; color:#038bbf;} .nav_about_right ul li i{display:inline-block; width:4px; height:4px; border-top: 1px solid #555; border-right: 1px solid #555; transform: rotate(45deg); position: absolute; right:10px; top:50%; transform: translateY(-50%) rotate(45deg); transition: all 0.3s ease-in-out;} .nav_about_right ul li:hover i{border-color:#ffa500; right:5px;} .nav_about_right ul li:hover a{color:#ffa500;} .nav_about_right_side{width:calc(100% - 300px); float:right; padding-left:40px; box-sizing:border-box; margin-right:0;} .nav_about_right_side_txt{-webkit-line-clamp:8; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; font-size:14px;} /*product*/ .nav_prodlist{width:67%; float:right;} .nav_prodlist_left{width:300px; float:left; overflow:hidden;} .nav_prodlist_left_img{border-radius:10px; overflow:hidden;} .prodclassnotes{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; margin-bottom:5px; opacity:0.8; font-size:14px;} .nav_prodlist h2{font-size:22px; margin-bottom:10px;font-family:"LexendBold";} .nav_prodlist .ptxt{padding-right:10%; box-sizing:border-box;} .nav_prodlist .ptxt img{ max-width:550px; border-radius:5px;} #nav_prodlistul{width:calc(100% - 300px); float:right; padding-left:40px; box-sizing:border-box; margin-right:0;} #nav_prodlistul h2{font-size:22px; margin-bottom:5px;font-family:"LexendBold";} #nav_prodlistul p{display:block; line-height:40px; text-transform:capitalize; padding-left:12px; position:relative;} #nav_prodlistul p i{display:inline-block; width:4px; height:4px; border-top: 1px solid #555; border-right: 1px solid #555; transform: rotate(45deg); position: absolute; left:0px; top:50%; transform: translateY(-50%) rotate(45deg); transition: all 0.3s ease-in-out;} #nav_prodlistul p a{color:#038bbf;} #nav_prodlistul p:hover a{color:#ffa500;} #nav_prodlistul p:hover i{border-color:#ffa500;} /*project*/ #projectlist{display:grid; grid-template-columns:repeat(2,1fr); gap:50px; width:90%;} #projectlist li{overflow:hidden; text-align:center; padding:0; line-height:24px;} #projectlist li .imgbox{border-radius:10px; overflow:hidden;} #projectlist li p{margin:5px auto 10px;} @media screen and (max-width:992px) { .mnSubBg{display:none;} } /*通栏下拉菜单结束*/ /***banner***/ .banner{width:100%; overflow:hidden; position:relative; margin:130px auto 0;} .banner .swiper-slide .text{position:absolute; width:60%; left:0; top:50%; transform:translateY(-50%); z-index:3; text-align:left; color:#fff; box-sizing:border-box; padding:0 0 0 10%;} .banner .swiper-slide .text h2{margin:0; font-size:65px; line-height:1.2; opacity:0; text-shadow:4px 4px 10px rgba(0,0,0,0.5);transform: translateX(32px);transition: all 0.5s ease 0.2s; color:#ffffff; margin-bottom:10px; font-family:"LexendBold";} .banner .swiper-slide .text h2 span{color:#ffa500;} .banner .swiper-slide .text h3{font-size:18px; opacity:0; transform: translateX(32px);transition: all 0.5s ease 0.5s; color:#ffffff; margin-bottom:10px; font-weight:700; line-height:2;} .banner .swiper-slide .text .bannerpic{ background:rgb(0,0,0,0.3); border-radius:50px; padding:15px 30px; box-sizing:border-box; margin:10px auto; width:40%; opacity:0; transform: translateX(32px);transition: all 0.5s ease 0.7s; } .banner .swiper-slide .text .bannerpic img{width:auto; max-width:100%;} .banner .swiper-slide .text .bannerbtn{display:flex; align-items:center; text-decoration:none; color:#ffffff; border-radius:5px; overflow:hidden; transition: opacity 0.5s ease 0.8s, transform 0.5s ease 0.8s; margin:30px 0 0 0; opacity:0;transform:translateX(-32px); width:fit-content;} .bannerbtn .text_box {background-color: #038bbf; padding:0px 25px; height:50px; display:flex; align-items:center; transition:all 0.2s ease-in-out; font-size:18px;} .bannerbtn .arrow_box{background-color: #038bbf; width:50px; height:50px; display:flex; align-items:center; justify-content:center; position:relative;} .bannerbtn .arrow_box i{display:inline-block; width:10px; height:10px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(45deg); position: absolute; left:30%; top:50%; transform: translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out;} .bannerbtn:hover .arrow_box i{left:40%;} .bannerbtn:hover .text_box{color:#ffffff; background:#ffa500;} .banner .swiper-slide .text a{display:inline-block;} .banner .swiper-slide .text a:hover .bannerbtn{background:#ffffff;color:#ffa500; transition: all 0.3s ease;} .banner .swiper-container .swiper-wrapper .swiper-slide-active .text h2{transform: translateX(0);opacity: 1;} /*必须保留这个路径*/ .banner .swiper-container .swiper-wrapper .swiper-slide-active .text h3{transform: translateX(0);opacity: 1;} /*必须保留这个路径*/ .banner .swiper-container .swiper-wrapper .swiper-slide-active .text .bannerbtn{transform:translateX(0);opacity: 1;} /*必须保留这个路径*/ .banner .swiper-container .swiper-wrapper .swiper-slide-active .text .bannerpic{transform:translateX(0);opacity: 1;} /*必须保留这个路径*/ .banner .swiper-button-prev{width:40px; height:40px; background:none; margin-top:0; left:0.5%; top:46%; color:#ffffff; display:none;} .banner .swiper-button-prev:before{font-size:32px; position:absolute; left:50%; top:50%; display:inline-block; transform: translate(-50%, -50%);color:#fff;} .banner .swiper-button-prev:hover:before{color:#31a338;} .banner .swiper-button-next{width:40px; height:40px; background:none; margin-top:0; right:0.5%; top:46%; color:#ffffff;display:none;} .banner .swiper-button-next:before{font-size:32px; position: absolute; left: 50%; top:50%; display: inline-block; transform: translate(-50%, -50%);color:#fff;} .banner .swiper-button-next:hover:before{color:#31a338;} .banner .pagination-all{position:absolute;bottom:10px;width:100%;left:0;z-index:8; text-align:center;} .banner .swiper-pagination {position:relative;display: inline-block;text-align:center;} .banner .swiper-pagination .swiper-pagination-bullet{width:15px; height:4px; border-radius:4px; background:rgba(255, 255, 255, 0.7); opacity:1; margin:0 3px; position:relative; transition: all 0.5s;} .banner .swiper-pagination .swiper-pagination-bullet-active{background:#ffa500;} @media screen and (max-width:1650px) { .banner .swiper-slide .text h2{font-size:45px;} .banner .swiper-slide .text h3{font-size:18px;} } @media screen and (max-width:1560px) { .banner .swiper-slide .text h2{font-size:36px;} .banner .swiper-slide .text h3{font-size:18px;} } @media screen and (max-width:1240px) { .banner .swiper-slide .text h2{font-size:20px;} .banner .swiper-slide .text h3{font-size:14px;} .bannerbtn .text_box {font-size:14px;} } @media screen and (max-width:992px) { .banner{margin-top:45px; display:block} .banner .swiper-slide .text{padding:0 5%; width:100%; text-align:center;} .banner .swiper-slide .text h2{font-size:20px; line-height:1.3;margin-bottom:0px;} .banner .swiper-slide .text h3{font-size:12px;margin-bottom:0px; display:none;} .banner .swiper-slide .text .bannerpic{padding:5px 20px; margin:5px auto; width:80%} .banner .swiper-slide .text .bannerpic img{width:auto; max-width:100%;} .banner .swiper-slide .text .bannerbtn{margin:10px auto 0;} .bannerbtn .text_box {font-size:14px;} .bannerbtn .text_box {padding:0px 15px; height:35px;} .bannerbtn .arrow_box{width:35px; height:35px; line-height:35px;} .bannerbtn .arrow_box i{width:6px; height:6px;} .banner .swiper-container .swiper-button-prev {top:40%; width:20px; height:20px; display:none;} .banner .swiper-container .swiper-button-next {top:40%; width:20px; height:20px; display:none;} .banner .swiper-container .pagination-all {bottom:0px;} } /***index htitle***/ .index_htitle{width:100%; box-sizing:border-box; margin-bottom:20px; position:relative; text-align:center;} .index_htitle h1{font-size:42px; line-height:1.1; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; position:relative; z-index:3; font-weight:bold; font-family:"LexendBold"; padding-bottom:20px;text-transform: capitalize;} .index_htitle h1 span{color:#ffa500;} .index_htitle h1::after { content:""; position:absolute; left:50%; bottom:8px; transform:translateX(-50%); width:60px; height:5px; background: linear-gradient(to right, #ffa500 50%, #ffa500 50%); border-radius:2px;} .index_htitle h1::before { content:""; position:absolute; left:50%; bottom:15%; transform:translateX(-50%); width:25%; height:1px; background:#dddddd;} .index_htitle h2{font-size:42px; line-height:1.1; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; position:relative; z-index:3; font-weight:bold; font-family:"LexendBold"; padding-bottom:20px;text-transform: capitalize;} .index_htitle h2 span{color:#ffa500;} .index_htitle h2::after { content:""; position:absolute; left:50%; bottom:8px; transform:translateX(-50%); width:60px; height:5px; background: linear-gradient(to right, #ffa500 50%, #ffa500 50%); border-radius:2px;} .index_htitle h2::before { content:""; position:absolute; left:50%; bottom:15%; transform:translateX(-50%); width:25%; height:1px; background:#dddddd;} .index_htitle .plist{display:block; margin-top:10px;} .index_htitle .plist ul{display:flex;gap:10px 5px; justify-content:center;flex-wrap:wrap;} .index_htitle .plist ul li{flex-shrink:0; position:relative; padding:7px 20px; background:#038bbf; border-radius:25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} .index_htitle .plist ul li a{color:#ffffff;} .index_htitle .plist ul li:hover{background:#ffa500;} .index_htitle .plist ol{display:flex;gap:40px; justify-content:center; margin-bottom:40px;} .index_htitle .plist ol li{flex-shrink:0; position:relative; padding:0 0 2px 0; font-weight:700;} .index_htitle .plist ol li::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#dddddd;} .index_htitle .plist ol li a{color:#038bbf;} .index_htitle .plist ol li:hover a{color:#ffa500;} .index_htitle .plist ol li:hover::after{background-color:#ffa500;} #lynavonsec_mid {color:#ffa500;} #lynavonsec_mid a{color:#ffa500;} #lynavonsec_mid::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#ffa500;} .index_htitle .ptxt{width:80%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; margin:5px auto 0;} .index_htitle .ptxt a{color:#ffa500;} .index_htitle .ptxt a:hover{text-decoration:underline;} @media screen and (max-width:1560px) { .index_htitle h1{font-size:36px;} .index_htitle h2{font-size:36px;} .index_htitle .plist ul{gap:5px;} .index_htitle .plist ol{gap:30px;margin-bottom:30px;} } @media screen and (max-width:1240px) { .index_htitle h1{font-size:24px;} .index_htitle h2{font-size:24px;} .index_htitle .plist ul{gap:5px;} .index_htitle .plist ol{gap:15px;margin-bottom:20px;} } @media screen and (max-width:992px) { .index_htitle{margin-bottom:10px;} .index_htitle h1{font-size:18px; margin-bottom:10px;} .index_htitle h2{font-size:18px;} .index_htitle h2::after {width:50px; height:5px;} .index_htitle h2::before {width:50%;bottom:22%;} .index_htitle .ptxt{width:100%;-webkit-line-clamp:20;} } .div_more_top{text-align:left;margin-top:30px;} .more{display:flex; align-items:center; text-decoration:none; color:#ffffff; border-radius:4px; overflow:hidden; transition:transform 0.2s;width:fit-content;} .text_box {background-color: #038bbf; padding:0px 20px; height:50px; display:flex; align-items:center;} .arrow_box{background-color: #038bbf; width:50px; height:50px; display:flex; align-items:center; justify-content:center; transition: transform 0.3s; position:relative;} .arrow_box i{display:inline-block; width:10px; height:10px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(45deg); position: absolute; left:30%; top:50%; transform: translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out;} .more:hover .arrow_box i{left:40%;} .more:hover .text_box{color:#ffffff; background:#0a2a59;} @media screen and (max-width:1560px) { .div_more_top{margin-top:20px;} } @media screen and (max-width:1240px) { .div_more_top{margin-top:10px;} } @media screen and (max-width:992px) { .div_more_top{margin-top:10px;} .more .text_box {padding:0px 15px; height:35px;} .more .arrow_box{width:35px; height:35px; line-height:35px;} .more .arrow_box i{width:6px; height:6px;} } .more_btn{background:#038bbf; height:50px; line-height:50px; position:relative; padding:0 20px; display:inline-block; border-radius:5px;} .more_btn .more_btn_txt{z-index:9; height:50px; line-height:50px; color:#ffffff; position:inherit; border-radius:5px;} .more_btn:after{content:' '; position:absolute;left:0; width:100%; top:0; height:0; background:#ffa500; z-index:2; transition:300ms ease-out;border-radius:5px;} .more_btn:hover:after{left:0; height:100%;} @media screen and (max-width:1560px) { .more_btn{height:40px; line-height:40px;} .more_btn .more_btn_txt{height:40px; line-height:40px;} } @media screen and (max-width:1240px) { .more_btn{height:35px; line-height:35px; font-size:13px;} .more_btn .more_btn_txt{height:35px; line-height:35px;} } @media screen and (max-width:992px) { .more_btn{height:35px; line-height:35px; font-size:13px;} .more_btn .more_btn_txt{height:35px; line-height:35px;} } .swiper-container{overflow: hidden;} .swiper-button-next.solution-area-next{top:50%;transform:translateY(-50%);right:-40px;width:40px;height:40px;border-radius:100%;color:#ffa500;transition:all .3s ease-in-out} .swiper-button-prev.solution-area-prev{top:50%;transform:translateY(-50%);left:-40px;width:40px;height:40px;border-radius:100%;color:#ffa500;transition:all .3s ease-in-out} .swiper-button-next.solution-area-next::after,.swiper-button-prev.solution-area-prev::after{font-size:13px;} .swiper-button-next.solution-area-next:hover{background:none;} .swiper-button-prev.solution-area-prev:hover{background:none;} @media screen and (max-width:992px){ .swiper-button-next.solution-area-next{right:-10px;width:30px;height:30px;top:50%;transform:translateY(-50%);} .swiper-button-prev.solution-area-prev{left:-10px;width:30px;height:30px;top:50%;transform:translateY(-50%);} .swiper-button-next.solution-area-next::after,.swiper-button-prev.solution-area-prev::after{font-size:13px;} } .swiper-button-next.prod-area-next{top:50%;transform:translateY(-50%);right:-10px;width:40px;height:40px;border-radius:100%;color:#ffffff;transition:all .3s ease-in-out; opacity:1; background:#ffa500; border-radius:5px;} .swiper-button-prev.prod-area-prev{top:50%;transform:translateY(-50%);left:-10px;width:40px;height:40px;border-radius:100%;color:#ffffff;transition:all .3s ease-in-out; opacity:1; background:#ffa500; border-radius:5px;} .swiper-button-next.prod-area-next::after,.swiper-button-prev.prod-area-prev::after{font-size:16px;} .swiper-button-next.prod-area-next:hover{background:#038bbf;} .swiper-button-prev.prod-area-prev:hover{background:#038bbf;} @media screen and (max-width:992px){ .swiper-button-next.prod-area-next{right:-10px;} .swiper-button-prev.prod-area-prev{left:-10px;} } .swiper-button-next.project-area-next{top:55%;transform:translateY(-55%);right:0px;width:40px;height:40px;border-radius:100%; background:#038bbf; color:#ffffff; transition:all .3s ease-in-out; opacity:1;} .swiper-button-prev.project-area-prev{top:55%;transform:translateY(-55%);left:0px;width:40px;height:40px;border-radius:100%;background:#038bbf; color:#ffffff; transition:all .3s ease-in-out; opacity:1;} .swiper-button-next.project-area-next::after,.swiper-button-prev.project-area-prev::after{font-size:14px;} .swiper-button-next.project-area-next:hover{background:#ffa500;} .swiper-button-prev.project-area-prev:hover{background:#ffa500;} @media screen and (max-width:992px){ .swiper-button-next.project-area-next{right:0px;width:30px;height:30px;} .swiper-button-prev.project-area-prev{left:0px;width:30px;height:30px;} .swiper-button-next.project-area-next::after,.swiper-button-prev.project-area-prev::after{font-size:12px;} } .swiper-pagination-bullet{width:12px!important; height:12px!important; background:#ffffff!important; opacity:1!important;} .swiper-pagination-bullet-active{background:#ffa500!important;} .mod1{width:100%; box-sizing:border-box; position:relative; padding:80px 0; background:#f5f5f5;} .mod1_box{margin-top:20px; position:relative;} .mod1_box .swiper-slide{padding:10px; box-sizing:border-box;} .prodmove{display:block;} .prodmove li{float:left;width:100%;position:relative;display:block;overflow:hidden; border-radius:5px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background:#ffffff;} .prodmove li .ptxt{margin:15px; box-sizing:border-box;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-align:center;} @media screen and (max-width:992px){ .mod1{padding:30px 0;} .mod1_box{margin-top:10px;} } .mod2{width:100%; box-sizing:border-box; position:relative; padding:80px 0;} .mod2_box{position:relative;} .mod2_box ul{display:flex; width:100%;} .mod2_box ul li{flex:0 0 50%;height:100%;display:flex;align-items:center;justify-content:center} .mod2_box ul li img{height:100%; object-fit:cover;} .mod2_box_txt{padding:0px 50px; box-sizing:border-box; width:100%; display:block!important;} .mod2_box_txt h2{text-align:left; font-size:36px; color:#038bbf;font-family:"LexendBold"; line-height:1.2;} .mod2_box_txt .ptxt{text-align:left; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:11; -webkit-box-orient: vertical;} @media screen and (max-width:1560px){ .mod2_box_txt{padding:0 40px;} .mod2_box_txt h2{font-size:32px;} } @media screen and (max-width:1240px){ .mod2_box_txt{padding:0 20px;} .mod2_box_txt h2{font-size:24px;} } @media screen and (max-width:992px){ .mod2{padding:30px 0;} .mod2_box ul{flex-wrap: wrap;} .mod2_box ul li{flex:0 0 100%;} .mod2_box_txt{padding:0;} .mod2_box_txt h2{font-size:18px; line-height:1.3;} } .mod3{width:100%; box-sizing:border-box; position:relative; padding:80px 0; background:#f5f5f5;} .mod3_box{display:block; padding:0 0 0 5%; box-sizing:border-box; display:flex;max-width:1920px; margin:0 auto;} .mod3_box > *:first-child {flex: 0 0 30%;} .mod3_box > *:nth-child(2) {flex:1; padding-left:3%; box-sizing:border-box;} .mod3_box .index_htitle h2{text-align:left} .mod3_box .index_htitle .ptxt{text-align:left} .mod3_box .index_htitle h2::after{left:0; transform:translateX(0);} .mod3_box .index_htitle h2::before{left:0; transform:translateX(0);bottom:9%;} .mod3_box .index_htitle .ptxt{padding:0; text-align:left; width:100%;} .mod3_box ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;} .mod3_box ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; background:#000000;} .mod3_box ul li a{color:#ffffff;} .mod3_box_title{ position:absolute; width:100%; bottom:0; background:rgb(0,0,0,0.4); text-align:center; padding:10px; box-sizing:border-box; z-index:3; line-height:1.3;} @media screen and (max-width:992px){ .mod3{padding:30px 0;} .mod3_box .index_htitle h2::before{bottom:20%;} .mod3_box{padding:0 5%; display:block;} .mod3_box > *:first-child {flex:1;} .mod3_box > *:nth-child(2) {flex:1; padding-left:0; margin-top:15px;} .mod3_box ul{gap:10px;} } .mod4{width:100%; box-sizing:border-box; position:relative; padding:0 0 80px 0; background: linear-gradient(to bottom, #f5f5f5 50%, #ffffff 50%);} .mod4_box{position:relative;} .mod4_box ul{display:grid; grid-template-columns:repeat(4,1fr); gap:30px;} .mod4_box ul li{overflow:hidden; position:relative; border-radius:5px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background:#ffffff;} .mod4_txt{padding:20px; box-sizing:border-box;} .mod4_txt h2{color:#038bbf; font-size:20px; font-weight:700; margin-bottom:10px;} .mod4_txt .ptxt{opacity:0.8;} @media screen and (max-width:1560px){ .mod4_box{margin-bottom:30px;} .mod4_box ul{gap:25px;} .mod4_txt h2{font-size:18px;} } @media screen and (max-width:1240px){ .mod4_box{margin-bottom:20px;} .mod4_box ul{gap:15px;} .mod4_txt h2{font-size:16px;} } @media screen and (max-width:992px){ .mod4{padding:0 0 30px 0;} .mod4_box{margin-bottom:20px;} .mod4_box ul{grid-template-columns:repeat(2,1fr); gap:10px;} .mod4_txt{padding:10px;} .mod4_txt h2{font-size:16px; line-height:1.2;} } .mod5{width:100%; box-sizing:border-box; position:relative; padding:80px 0; background:#f5f5f5;} .mod5_box{position:relative;} .mod5_box_list{margin-bottom:40px;} .mod5_box_list ul{display:grid; grid-template-columns:repeat(3,1fr); gap:30px;} .mod5_box_list ul li{overflow:hidden; position:relative; border-radius:5px;} @media screen and (max-width:1560px){ .mod5_box_list{margin-bottom:30px;} .mod5_box_list ul{gap:25px;} } @media screen and (max-width:1240px){ .mod5_box_list{margin-bottom:20px;} .mod5_box_list ul{gap:15px;} } @media screen and (max-width:992px){ .mod5{padding:30px 0;} .mod5_box_pic{max-width:100%;} .mod5_box_text{position:relative; top:0%;transform:translateY(0); width:100%;} .mod5_box_list{margin-bottom:20px;} .mod5_box_list ul{gap:5px;} } .mod99_box{overflow:hidden; position:relative;} .mod99_box .swiper-slide{padding:10px; box-sizing:border-box;} .projectmove{display:block;} .projectmove li{float:left;width:100%;position:relative;display:block;overflow:hidden; border-radius:5px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background:#ffffff;} .projectmove li .ptxt{margin:15px; box-sizing:border-box;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-align:center;} @media screen and (max-width:992px){ .mod99_box{margin-top:10px;} .projectmove li .ptxt{margin:10px; line-height:1.5;} } .mod9{width:100%; box-sizing:border-box; position:relative; padding:80px 0; overflow:hidden;} .mod9_box{width:100%;box-sizing:border-box;} .mod9_box .index_htitle h2{text-align:left;} .mod9_box .index_htitle .ptxt{text-align:left; width:100%;} .mod9_box .index_htitle h2::after{left:0; transform:translateX(0);} .mod9_box .index_htitle h2::before{left:0; transform:translateX(0);} .mod9_box_left{width:45%; float:left;} .mod9_box_left ul{overflow:hidden;} .mod9_box_left ul li{margin-bottom:25px; display:flex; flex-wrap:wrap;} .mod9_box_left ul li:last-child{margin-bottom:0;} .mod9_box_left ul li .imgbox{flex: 0 0 40%; overflow:hidden; border-radius:5px;} .mod9_box_left ul li .mod9_box_txt{flex: 1; padding-left:25px;} .mod9_box_left ul li .mod9_box_txt h2{font-size:18px; margin-bottom:5px; font-weight:700;} .mod9_box_left ul li .mod9_box_txt h2 a{color:#038bbf;} .mod9_box_left ul li .mod9_box_txt h2 a:hover{color:#ffa500;} .mod9_box_left ul li .mod9_box_txt .ptxt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; opacity:0.8;} .mod9_box_right{width:50%; float:right; padding-left:5%; box-sizing:border-box;} @media screen and (max-width:1240px){ .mod9_box_left ul li .mod9_box_txt h2{font-size:16px;} } @media screen and (max-width:992px){ .mod9{padding:30px 0;} .mod9_box_left{width:100%; float:none; padding-right:0;} .mod9_box_left ul li .mod9_box_txt{padding-left:10px;} .mod9_box_right{width:100%; float:none; margin-top:30px; padding-left:0;} .mod9_box_left ul li .mod9_box_txt h2{font-size:16px;} } /***msn***/ .msntable{position:relative; margin-top:20px;} .msntable ul{display:flex; gap:3%; flex-wrap:wrap; align-items:stretch;} .msntable ul li{margin-bottom:18px;} .msntable ul li:last-child{margin-bottom:0;} .msntable ul li:nth-child(1){width:31.3333%;} .msntable ul li:nth-child(2){width:31.3333%;} .msntable ul li:nth-child(3){width:31.3333%;} .msntable ul li:nth-child(4){width:48.5%;} .msntable ul li:nth-child(5){width:48.5%;} .msntable ul li:nth-child(6){width:100%;} .msntable ul li:nth-child(7){width:100%;} .msntable_submit{width:100%; background-color:#038bbf; border:none; color:#ffffff; cursor:pointer; border-radius:5px; padding:20px 30px; box-sizing:border-box; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; text-transform:uppercase; font-size:inherit; font-weight:700;} .msntable_submit:hover{background:#ffa500;} .msntable_input{width:100%; padding:10px; line-height:30px; background:#ffffff; box-sizing:border-box; border-radius:5px;font-family:"Poppins-Regular"; border:1px #dddddd solid;} .msntable_textarea{width:100%;line-height:30px; resize:none;font-family:"Poppins-Regular", Helvetica, sans-serif; padding:15px;background:#ffffff; box-sizing:border-box; border-radius:5px; height:150px;border:1px #dddddd solid;} .msntable_input::placeholder {color:#999!important; opacity:0.8!important;} .msntable_textarea::placeholder {color:#999!important;opacity:0.8!important;} @media screen and (max-width:992px) { .msntable{margin-top:10px;} .msntable ul li{margin-bottom:10px;} .msntable ul li:nth-child(1){width:100%;} .msntable ul li:nth-child(2){width:100%;} .msntable ul li:nth-child(3){width:100%;} .msntable ul li:nth-child(4){width:100%;} .msntable ul li:nth-child(5){width:100%;} .msntable_input{font-size:13px; padding:5px;} .msntable_textarea{font-size:13px; line-height:20px; padding:5px; height:100px;} .msntable_submit{padding:15px 20px;} } /***footer***/ .footer {position:relative; padding:60px 0 0 0; background:#f5f5f5;} .footer_left{width:36%; float:left; display:block;} .footer_left_contact{overflow:hidden; width:100%;} .footer_left_contact img{max-width:200px; display:block; margin-bottom:20px;} .footer_left_contact h2{ position:relative; font-size:20px; margin-bottom:20px; font-family:"LexendBold"; text-transform:uppercase;} .footer_left_contact ul{overflow:hidden;} .footer_left_contact ul li{margin-bottom:20px; padding-left:30px; line-height:30px; background-repeat:no-repeat; background-size:24px; background-position: left 0px top 4px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; width:fit-content;} .footer_left_contact ul li:nth-child(1) {background-image:url(../images/ico_address.svg);} .footer_left_contact ul li:nth-child(2) {background-image:url(../images/ico_tel.svg);} .footer_left_contact ul li:nth-child(3) {background-image:url(../images/ico_whatsup.svg);} .footer_left_contact ul li:nth-child(4) {background-image:url(../images/ico_email.svg);} .footer_left_contact ul li:nth-child(5) {background-image:url(../images/ico_email.svg);} .footer_left_contact ul li:last-child{margin-bottom:0;} .footer_left_contact ul li:hover{opacity:1;} .footer_left_meadia{overflow:hidden; width:100%; margin-top:30px;} .footer_left_meadia h2{ position:relative; font-size:16px; text-transform:uppercase; line-height:30px; margin-bottom:10px;} .footer_left_meadia a{ display:inline-block; margin-right:20px;} .footer_left_meadia a img{ width:30px; height:30px; opacity:0.8;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} .footer_left_meadia a:hover img{opacity:1;} .footer_right{float:right; width:59%; display:flex; justify-content:space-between; gap:30px; margin-left:5%;} .footer_right .footer_nav:nth-child(1){width:36%;} .footer_right .footer_nav:nth-child(2){width:40%;} .footer_right .footer_nav:nth-child(3){width:24%;} .footer_nav h2{font-size:20px; margin-bottom:20px; text-transform:uppercase; font-weight:bold;font-family:"LexendBold";} .footer_nav ul{letter-spacing:-8px;} .footer_nav ul li{letter-spacing:normal; vertical-align:top; width:100%; margin-bottom:10px; background:url(../images/dian.svg) left center no-repeat; background-size:8px; padding-left:14px; text-transform: capitalize; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; width:fit-content;} .footer_nav ul li:hover a{opacity:1;} .footer_nav ul li:hover{opacity:1;} .footer_copyright {width:100%; text-align:center; color:#ffffff; background:#038bbf; padding:15px; box-sizing:border-box; margin-top:50px; line-height:1.3; font-size:14px;} @media screen and (max-width:1560px) { .footer_left_contact h2{font-size:16px; margin-bottom:20px;} .footer_nav h2{font-size:16px; margin-bottom:20px;} } @media screen and (max-width:1240px) { .footer_left_contact h2{font-size:14px; margin-bottom:10px;} .footer_nav h2{font-size:14px; margin-bottom:10px;} } @media screen and (max-width:992px) { .footer {padding:30px 0 0 0; box-sizing:border-box; margin-top:0;} .footer_left {width:100%; padding:0px; margin-right:0; float:none; margin-top:0px;} .footer_left_contact img{max-width:120px; margin-bottom:10px;} .footer_left_contact{overflow:hidden; width:100%; margin-top:0px;} .footer_left_contact h2{font-size:14px; margin-bottom:10px;} .footer_left_contact ul{overflow:hidden;} .footer_left_contact ul li{margin-bottom:15px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:20px; background-position:top left;} .footer_left_meadia{margin-top:20px;} .footer_right{display:none;} .footer_copyright {font-size:12px; padding:10px; margin-top:20px;} } /***img***/ .imgbox {position:relative; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} .imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);} a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);} .imgbox:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);} .imgbox .mask, .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;} .imgbox .view2{position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; top:50%; left:50%; margin:-18px 0 0 -18px; width:36px; height:36px; background:url(../images/video.svg) no-repeat; background-size:36px;} .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8);} .imgbox .view {top:50%; left:50%; margin:-26px 0 0 -24px; width:48px; height:48px; background:url(../images/view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgbox:hover .mask, .imgbox:hover .view {opacity:0.5;} .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);} /************内页banner*************/ .ban {margin:130px auto 0; width:100%;position:relative; overflow:hidden;} .ban .addiv{position:absolute; width:100%; color:#ffffff; top:70%; transform: translateY(-70%); text-align:right;} .ban .addiv h2{font-size:65px; line-height:1; text-transform:uppercase; font-weight:700; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:rgb(255,255,255,0.8);text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);font-family:"LexendBold";} .ban .addiv_txt{font-size:20px; text-transform:uppercase; color:rgb(255,255,255,0.65);} @media screen and (max-width:1560px) { .ban .addiv h2{font-size:65px;} .ban .addiv_txt{font-size:18px;} } @media screen and (max-width:1240px) { .ban .addiv h2{font-size:48px;} .ban .addiv_txt{font-size:14px;} } @media screen and (max-width:992px) { .ban {margin:45px auto 0;display: flex; flex-direction:column;} .ban .addiv{top:50%; transform:translateY(-50%); text-align:center;} .ban .addiv_txt{font-size:13px;} .ban .addiv h2{font-size:20px;} } /*--------内页路径--------*/ #weizhi{width:100%; margin:0 auto; background:#f7f9ff; border-bottom:1px #dddddd solid; box-sizing:border-box;} #weizhi2{width:100%; margin:90px auto 0; background:#f8f8f8;} .weizhi{width:90%; margin:0 auto;line-height:20px; padding:13px 0; box-sizing:border-box; color:#666666;} .weizhi a{color:#666666; line-height:24px;} .weizhi a:hover{color:#999999;} .span_right{float:right;} .home{height:24px; line-height:24px; display:inline-block;background:url(../images/icon5.png) left 3px no-repeat; padding-left:20px;} .span_list{height:24px; line-height:24px; display:inline-block; background:url(../images/weizhi_right.png) left 2px no-repeat; padding-left:20px;} .span_list b{font-weight:normal;} @media screen and (max-width:2560px) { .weizhi {width:90%; max-width:1650px;} } @media screen and (max-width:1920px) { .weizhi {width:90%; max-width:1560px;} } @media screen and (max-width:992px) { #weizhi{margin:0 auto;} #weizhi2{margin:60px auto 0;} .weizhi{width:100%; padding:5px 0;} .weizhi a{line-height:20px;} .span_right{ display:none;} .home{height:20px; display:inline-block;} .span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) left center no-repeat; padding-left:20px;} } /****************************公用****************************/ .wrap {width:100%; position:relative; padding:60px 0; box-sizing:border-box;} @media screen and (max-width:992px) { .wrap {padding:20px 0;} } .lymain_box{width:100%; display:flex; align-items:stretch;/*左右两边的高度一致*/ box-sizing:border-box; margin:60px 0;} .lymain_box_left{float:right; width:72%; box-sizing:border-box; margin:0 0 0 5%;} .lymain_box_right{float:left; width:23%; background:#f5f5f5; padding:30px; box-sizing:border-box; border-radius:5px;} @media screen and (max-width:992px){ .lymain_box{display:block; margin:15px 0;} .lymain_box_left{float:none; width:100%; margin:0;} .lymain_box_right{display:none;} } /*右侧的分类列表*/ .lymain_right_list{ position:relative; display:block; overflow:hidden; margin-bottom:40px;} .lymain_right_list h2{font-size:24px; padding-bottom:10px; border-bottom:1px #dddddd dotted; font-family:"LexendBold";} .lymain_right_list ul{overflow:hidden;} .lymain_right_list ul li{position:relative; box-sizing:border-box; border-bottom:1px #dddddd dotted; padding:10px 0 10px 14px; background:url(../images/dian.svg) left center no-repeat; background-size:8px;} @media screen and (max-width:1560px) { .lymain_right_list h2{font-size:18px;} } @media screen and (max-width:1240px) { .lymain_right_list h2{font-size:16px;} } /*右侧推荐新闻*/ .lymain_right_news{ position:relative; display:block; overflow:hidden; margin-bottom:40px;} .lymain_right_news h2{font-size:24px; padding-bottom:10px; border-bottom:1px #dddddd dotted; font-family:"LexendBold";} .lymain_right_news ul{overflow:hidden; margin-top:10px;} .lymain_right_news ul li{width:100%; position:relative; box-sizing:border-box; overflow:hidden; border-bottom:1px #dddddd solid; padding-bottom:20px;} .lymain_right_news ul li:nth-child(n+2){margin-top:20px;} .lymain_right_news ul li .news_box{box-sizing:border-box;} .lymain_right_news ul li .news_title{font-weight:bold;-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:24px;} .lymain_right_news ul li .imgbox{width:20%; float:left; margin-right:10px; border-radius:5px; overflow:hidden;} .lymain_right_news ul li .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-top:5px; line-height:20px; font-size:14px; opacity:0.75;} .lymain_right_news ul li .news_date{display:inline-block; font-size:16px; color:#999999; font-weight:normal; background:url(../images/date.svg) left center no-repeat; padding-left:30px; background-size:20px;} .lymain_right_news ul li .news_more{border-top:1px #dddddd dotted; padding-top:5px; margin-top:5px;} @media screen and (max-width:1560px) { .lymain_right_news h2{font-size:18px;} .lymain_right_news ul li .news_title{font-size:14px;} } @media screen and (max-width:1240px) { .lymain_right_news h2{font-size:16px;} .lymain_right_news ul li .news_title{font-size:12px;} } /*分页*/ .page{text-align:center; padding:10px 10px; margin-top:40px;} .page a{display:inline-block; border:1px #ecf5ff solid; font-size:14px; padding:6px 14px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px; color:#999999; background:#ffffff;} .page a:hover{background:#ffa500; color:#fff;} .pagea{background:#ffa500!important; color:#ffffff!important;} @media screen and (max-width:992px) { .page{padding:5px 0; margin-top:20px;} .page a{font-size:14px; padding:5px 15px; margin:0;} } /*内页子导航*/ #lmlbonsec {background:#00b3c0; color:#ffffff;} #lmlbonsec a{background:#00b3c0; color:#ffffff;} .lmlb{width:100%; display:block; overflow:hidden; box-sizing:border-box;} .lmlb ul{display:flex; border-bottom:2px #00b3c0 solid;} .lmlb ul li{text-align:center; transition:all 0.3s ease-in-out; background:#ededed; padding:8px 25px; box-sizing:border-box; margin-right:5px; border-radius:10px 10px 0 0; white-space: nowrap; font-weight:bold;} .lmlb ul li:last-child{margin-right:0;} .lmlb ul li a{display:block;} .lmlb ul li:hover{background:#00b3c0; color:#ffffff;} .lmlb ul li:hover a{color:#ffffff;} @media screen and (max-width:992px) { .lmlb{ margin:20px 0 0 0;} .lmlb ul{overflow:scroll;} .lmlb ul li{padding:8px 10px; margin-right:5px;} } .lynav{width:100%; display:block; overflow:hidden; box-sizing:border-box;} .lynav ul{display:flex; justify-content:center; flex-wrap:wrap; margin-top:40px; background:#f5f5f5; padding:20px; box-sizing:border-box; gap:10px;} .lynav ul li{text-align:center; transition:all 0.3s ease-in-out; background:#038bbf; padding:8px 25px; box-sizing:border-box;border-radius:5px; white-space:nowrap; flex-shrink:0; color:#ffffff;} .lynav ul li:last-child{margin-right:0;} .lynav ul li a{color:#ffffff;} .lynav ul li:hover{background:#ffa500; color:#ffffff;} .lynav ul li:hover a{color:#ffffff;} #lynavonsec {background:#ffa500; color:#ffffff;} #lynavonsec a{background:#ffa500; color:#ffffff;} @media screen and (max-width:992px) { .lynav ul{padding:0 0 10px 0; box-sizing:border-box;margin-top:20px; gap:5px; background:none;justify-content:flex-start;} .lynav ul li{padding:6px 15px;} } .about_mod1{width:100%; box-sizing:border-box; position:relative; padding:80px 0;} .about_mod1 .index_htitle h1{text-align:left; color:#038bbf;} .about_mod1 .index_htitle .ptxt{text-align:left} .about_mod1 .index_htitle h1::after{left:0; transform:translateX(0); bottom:5px;} .about_mod1 .index_htitle h1::before{left:0; transform:translateX(0);bottom:9%;} .about_box1{position:relative;display:flex;} .about_box1_left{flex:1; padding-right:5%; box-sizing:border-box;} .about_box1_left_txt{text-align:left; margin-top:20px;} .about_box1_right{flex: 0 0 33%; overflow:hidden; position:relative; background:#f5f5f5;} .aboutpicmove img{border-radius:5px; overflow:hidden;} @media screen and (max-width:1560px){ .about_mod1{padding:60px 0;} } @media screen and (max-width:1240px){ .about_mod1{padding:40px 0;} } @media screen and (max-width:992px){ .about_mod1{padding:30px 0;} .about_box1{display:block;} .about_box1_left{padding-right:0;} .about_box1_right{flex:1;} .about_box1_left_txt{margin-top:0px;} } .about_mod2{width:100%; box-sizing:border-box; position:relative; padding:80px 0; background:#f5f5f5;} .about_box2{position:relative;} .about_box2 ul{display:grid; grid-template-columns:repeat(3,1fr); gap:30px;} .about_box2 ul li{overflow:hidden; position:relative; padding:20px; box-sizing:border-box;} .about_box2 ul li .imgbox{width:200px; height:200px; overflow:hidden; border-radius:100%; margin:20px auto;} .about_box2_txt{box-sizing:border-box; text-align:center;} .about_box2_txt h2{color:#038bbf; font-size:20px; font-weight:700; margin-bottom:5px;} .about_box2_txt .ptxt{opacity:0.8;} @media screen and (max-width:1560px){ .about_mod2{padding:60px 0;} .about_box2 ul{gap:20px;} .about_box2 ul li{padding:15px;} .about_box2 ul li .imgbox{width:150px; height:150px; margin:15px auto;} .about_box2_txt h2{font-size:18px;} } @media screen and (max-width:1240px){ .about_mod2{padding:40px 0;} .about_box2 ul{gap:10px;} .about_box2 ul li{padding:10px;} .about_box2 ul li .imgbox{width:120px; height:120px; margin:10px auto;} .about_box2_txt h2{font-size:16px;} } @media screen and (max-width:992px){ .about_mod2{padding:30px 0;} .about_box2 ul{gap:10px;grid-template-columns:repeat(1,1fr);} .about_box2 ul li{padding:0px;} .about_box2 ul li .imgbox{width:130px; height:130px; margin:10px auto;} .about_box2_txt h2{font-size:16px;} } .about_mod3{width:100%; box-sizing:border-box; position:relative; padding:80px 0; background:#ffffff;} .about_mod3 .ptxt{width:100%;} @media screen and (max-width:992px){ .about_mod3{padding:30px 0;} } .about_mod4{width:100%; box-sizing:border-box; position:relative; padding:80px 0; background:#f5f5f5;} .about_mod4 .ptxt{width:100%; text-align:left;} .about_box4 ul{display:grid; grid-template-columns:repeat(3,1fr); gap:30px;} .about_box4 ul li{overflow:hidden; position:relative; border-radius:5px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background:#ffffff;padding:40px; box-sizing:border-box;} @media screen and (max-width:992px){ .about_mod4{padding:30px 0;} .about_box4 ul{gap:10px;grid-template-columns:repeat(1,1fr);} .about_box4 ul li{padding:20px;} } /*contact us*/ .contact_mod2{width:100%; box-sizing:border-box; position:relative; padding:80px 0; overflow:hidden;} .contact_mod2 .index_htitle h2{text-align:left;} .contact_mod2 .index_htitle .ptxt{text-align:left; width:100%;} .contact_mod2 .index_htitle h2::after{left:0; transform:translateX(0);} .contact_mod2 .index_htitle h2::before{left:0; transform:translateX(0);} .contact_mod2_box{display:block; width:40%; float:left;} .contact_mod2_box ul{display:grid; grid-template-columns:repeat(1, 1fr); gap:40px; margin-top:40px;} .contact_mod2_box ul li{position:relative;} .contact_mod2_box ul li h3{font-size:18px; margin-bottom:10px; font-weight:bold; line-height:1.2;} .contact_mod2_box p{display:flex; flex-wrap:wrap; font-size:20px;} .contact_mod2_box p a{color:#038bbf; font-weight:700;} .contact_mod2_box p a:hover{color:#ffa500;} .contact_mod2_box p img{ width:24px;display:inline; margin-right:5px; vertical-align:middle;} @media screen and (max-width:1560px){ .contact_mod2{padding:60px 0;} .contact_mod2_box ul li h3{font-size:16px;} .contact_mod2_box ul li{padding-left:0%;} .contact_mod2_box p{font-size:18px;} } @media screen and (max-width:1240px){ .contact_mod2{padding:40px 0;} .contact_mod2_box ul li h3{font-size:14px;} .contact_mod2_box p{font-size:16px;} } @media screen and (max-width:992px) { .contact_mod2{padding:30px 0;} .contact_mod2_box{width:100%; float:none;} .contact_mod2_box ul{grid-template-columns:repeat(1, 1fr); gap:20px 0; margin-top:20px;} .contact_mod2_box ul li{border-bottom:1px #dddddd dotted; padding-bottom:20px;} .contact_mod2_box ul li h3{font-size:14px; margin-bottom:5px;} .contact_mod2_box p{font-size:16px;} } .contact_mod3_box{ position:relative; padding: 0 0 0 10%; box-sizing:border-box; width:60%; float:right;} .contact_mod3_box .index_htitle{margin-bottom:0px;} .contact_mod3_box .index_htitle h2{margin-bottom:0px;} .contact_mod3_box .msntable{margin-top:40px;} @media screen and (max-width:992px) { .contact_mod3_box{margin:30px auto 0; width:100%; padding:0;} .contact_mod3_box .index_htitle h2{margin-bottom:0px;} .contact_mod3_box .msntable{margin-top:10px;} } /*新闻*/ .newslist{display:block; margin:60px 0;} .newslist ul{display:block; } .newslist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; box-sizing:border-box; overflow:hidden; border-radius:5px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background:#ffffff;margin-bottom:40px; display:flex; flex-wrap: wrap;} .newslist ul li:last-child{margin-bottom:0;} .newslist ul li .imgbox{flex: 0 0 30%;} .newslist ul li .imgbox img{height:100%;} .newslist ul li .news_box{flex: 0 0 70%; box-sizing:border-box; position:relative; padding:40px;} .newslist ul li .news_title{font-size:24px; font-weight:bold; margin:0 0 10px 0; line-height:30px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;} .newslist ul li .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; opacity:0.8;} .newslist ul li .news_tags{margin-bottom:10px; color:#038bbf;} .newslist ul li .news_tags b{font-weight:normal;} .newslist ul li .news_tags a{color:#038bbf;} .newslist ul li .news_tags a:hover{color:#ffa500;} .newslist ul li .news_date{background:url(../images/date.svg) left 5px no-repeat; background-size:18px; padding-left:25px; opacity:0.8; margin-top:30px;} @media screen and (max-width:1560px) { .newslist{margin:40px 0;} .newslist ul li{margin-bottom:30px;} .newslist ul li .news_box{padding:30px;} .newslist ul li .news_title{font-size:18px; line-height:20px;} } @media screen and (max-width:1240px) { .newslist{margin:30px 0;} .newslist ul li{margin-bottom:20px;} .newslist ul li .news_box{padding:20px;} .newslist ul li .news_title{font-size:16px; margin:0 0 5px 0; line-height:18px;} } @media screen and (max-width:992px) { .newslist{margin:20px 0;} .newslist ul li{margin-bottom:10px;} .newslist ul li .imgbox{flex: 0 0 100%;} .newslist ul li .news_box{flex: 0 0 100%; padding:15px; } .newslist ul li .news_title{font-size:18px; line-height:20px;-webkit-line-clamp:3;} .newslist ul li .ptxt{line-height:20px; height:auto;} .newslist ul li .news_tags{margin-bottom:5px;} .newslist ul li .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:16px; padding-left:22px; position:relative; margin-top:20px; bottom:0;} } .newslist2{display:block; margin:40px 0;} .newslist2 ul{display:grid; grid-template-columns:repeat(3,1fr); gap:40px;} .newslist2 ul li{overflow:hidden; position:relative; box-sizing:border-box; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border:1px #f1f1f1 solid; border-radius:5px; display:flex; flex-direction:column; height:100%; background:#ffffff;} .newslist2 ul li .imgbox{position:relative; width:100%; height:0; padding-bottom:66.66%; overflow: hidden;} .newslist2 ul li .imgbox img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;} .newslist2_box{flex:1; min-height:33.34%; padding:20px; box-sizing:border-box;} .newslist2_box .news_title{font-size:20px; font-weight:bold; margin:0 0 10px 0; line-height:30px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;} .newslist2_box .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; opacity:0.8;} .newslist2_box .news_tags{margin-bottom:10px; color:#038bbf;} .newslist2_box .news_tags b{font-weight:normal;} .newslist2_box .news_tags a{color:#038bbf;} .newslist2_box .news_tags a:hover{color:#ffa500;} .newslist2_box .news_date{background:url(../images/date.svg) left 5px no-repeat; background-size:18px; padding-left:25px; opacity:0.8; margin-top:30px;} @media screen and (max-width:1560px) { .newslist2{margin:40px 0;} .newslist2 ul{gap:30px;} .newslist2_box{padding:15px;} .newslist2_box .news_title{font-size:18px; line-height:20px;} } @media screen and (max-width:1240px) { .newslist2{margin:30px 0;} .newslist2 ul{gap:20px;} .newslist2_box{padding:10px;} .newslist2_box .news_title{font-size:16px; margin:0 0 5px 0; line-height:18px;} } @media screen and (max-width:992px){ .newslist2{margin:20px 0;} .newslist2 ul{grid-template-columns:repeat(1,1fr); gap:20px;} .newslist2_box{padding:10px;} .newslist2_box .news_title{font-size:16px; line-height:20px;-webkit-line-clamp:3;} .newslist2_box .ptxt{line-height:20px; height:auto;} .newslist2_box .news_tags{margin-bottom:5px;} .newslist2_box .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:16px; padding-left:22px; position:relative; margin-top:20px; bottom:0;} } /*新闻详情页*/ .newsshow{overflow:hidden; display:block;} .newsshow_img{margin-bottom:10px; text-align:left;} .newsshow_img img{width:auto; max-width:100%; border-radius:5px;} .news_xxjs{line-height:28px!important; word-break:break-word!important; overflow:hidden; margin-bottom:30px;} .news_xxjs p,.news_xxjs span{line-height:28px!important;font-size:16px!important;} .news_xxjs h2{font-size:22px; font-weight:700;} .news_xxjs h3{font-size:18px; font-weight:700;} .news_xxjs img{width:auto; max-width:100%;display: initial; margin:0;} .news_xxjs video{width:100%; height:100%; object-fit:fill; overflow:hidden;} .news_xxjs a{color:#ff3300;} .news_xxjs iframe{width:800px; height:600px;} .news_xxjs ul,.news_xxjs ol{margin:10px 0; box-sizing:border-box; padding-left:15px; box-sizing:border-box;} .news_xxjs ul li,.news_xxjs ol li{ background:url(../images/dian2.svg) left 10px no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box;} .news_title{overflow:hidden;} .news_title h1{font-size:36px;line-height:1.1; margin-bottom:20px;text-align:left; font-family:"LexendBold"; padding:0 0 10px 0; box-sizing:border-box; border-bottom:1px #dddddd dotted; color:#038bbf;} .pubdate{margin:0 0 20px 0; overflow:hidden; text-align:left; padding-bottom:20px; border-bottom:1px #dddddd dotted;} .pubdate span{margin:0px 20px 0 0;} .pubdate a{color:#999999;} .pubdate a:hover{ color:#f08619;} .news_xxjs table{width:100%;table-layout:fixed;} .news_xxjs table tr:nth-child(odd){background-color:#f5f5f5;} .news_xxjs table tr:nth-child(even){background-color: #ffffff;} .news_xxjs table tr:first-child{background-color:#038bbf; color:#ffffff;} .news_xxjs td{padding:10px; font-size:14px!important; border:1px #dddddd solid!important;line-height:24px!important;word-break:break-all!important; vertical-align:top;} .news_xxjs td p,.news_xxjs td span{font-size:16px!important;line-height:24px!important;word-break:break-all!important;} .news_xxjs th{padding:10px; font-size:14px!important; border:1px #dddddd solid!important;line-height:24px!important;word-break:break-all!important;} .news_xxjs th p,.news_xxjs th span{font-size:16px!important;line-height:24px!important;word-break:break-all!important;} .news_xxjs_margin{margin-bottom:50px;} @media screen and (max-width:1560px) { .news_title h1{font-size:32px;} .news_xxjs_margin{margin-bottom:30px;} } @media screen and (max-width:1240px) { .news_title h1{font-size:24px;} .news_xxjs_margin{margin-bottom:20px;} } @media screen and (max-width:992px) { .news_xxjs{line-height:24px!important; font-size:13px!important; width:100%; overflow-x:auto;} .news_xxjs p,.news_xxjs span{line-height:24px!important;font-size:13px!important;} .news_xxjs video{width:100%; height:100%; object-fit:fill; overflow:hidden;} .news_title h1{font-size:18px; margin-bottom:10px;} .pubdate{margin:0 0 10px 0; padding-bottom:10px;} .pubdate span{margin:0px 10px 0 0;} .news_xxjs h2{font-size:16px;} .news_xxjs h3{font-size:14px;} .news_xxjs table{display:-webkit-box; width:auto!important; white-space:nowrap; overflow-x:auto; overflow-y:hidden; border:0;} .news_xxjs td{padding:4px; font-size:13px!important; border:1px #dddddd solid!important;line-height:16px!important;word-break:break-all!important;} .news_xxjs td p,.news_xxjs td span{font-size:13px!important;line-height:16px!important;word-break:break-all!important;} .news_xxjs th{padding:4px; font-size:13px!important; border:1px #dddddd solid!important;line-height:16px!important;word-break:break-all!important;} .news_xxjs th p,.news_xxjs th span{font-size:13px!important;line-height:16px!important;word-break:break-all!important;} .news_xxjs ul li,.news_xxjs ol li{ background:url(../images/dian2.svg) left 6px no-repeat; background-size:7px;} .news_xxjs iframe{width:100%; height:300px;} .news_xxjs_margin{margin-bottom:10px;} } /*相关资讯*/ .Information{overflow:hidden;} .Information ul{ padding:0px;} .Information li{border-bottom:1px dotted #dcdcdc; line-height:20px; padding:10px 0;} .Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;} .Information li{overflow:hidden; text-transform: capitalize;} @media screen and (max-width:992px) { .Information li{padding:5px 0;} } /*新闻顶部推荐*/ .cases_index{margin:60px 0 0 0; border-radius:5px; position:relative; background:#ffffff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); padding:50px;} .cases_mod1{overflow:hidden; display:block;} .cases_mod1 ul{display:flex; align-items:stretch;position:relative; background:#ffffff;} .cases_mod1 ul li:nth-child(1){flex:1; max-width:600px; overflow:hidden;} .cases_mod1 ul li:nth-child(2){max-width:calc(100% - 600px); padding:0px 50px; box-sizing:border-box;} .cases_mod1 h2{font-size:32px; line-height:1.1; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-bottom:10px; font-family:"LexendBold";} .cases_mod1 .ptxt{line-height:24px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-bottom:30px; opacity:0.8;} .cases_mod1 .ptxt2{margin-bottom:10px; color:#ffa500;} .cases_mod1 .news_tags{margin-bottom:10px; color:#038bbf;} .cases_mod1 .news_tags b{font-weight:normal;} .cases_mod1 .news_tags a{color:#038bbf;} .cases_mod1 .news_tags a:hover{color:#ffa500;} .cases_mod1 .news_date{background:url(../images/date.svg) left 5px no-repeat; background-size:18px; padding-left:25px; opacity:0.8; margin-top:30px;} @media screen and (max-width:1560px) { .cases_index{margin:40px 0 0 0; padding:40px;} .cases_mod1 ul li:nth-child(1){flex:1; max-width:400px;} .cases_mod1 ul li:nth-child(2){max-width:calc(100% - 400px); padding:0 40px;} .cases_mod1 h2{font-size:28px;} .cases_mod1 .ptxt{margin-bottom:20px;} } @media screen and (max-width:1240px) { .cases_index{margin:30px 0 0 0; padding:30px;} .cases_mod1 ul li:nth-child(1){flex:1; max-width:300px;} .cases_mod1 ul li:nth-child(2){max-width:calc(100% - 300px); padding:0 30px;} .cases_mod1 h2{font-size:22px;} .cases_mod1 .ptxt{margin-bottom:10px;} } @media screen and (max-width:992px) { .cases_index{margin:20px 0; padding:15px;} .cases_mod1 ul{display:block;} .cases_mod1 ul li:nth-child(1){max-width:100%; width:100%;} .cases_mod1 ul li:nth-child(2){max-width:100%; width:100%; margin-top:10px; padding:0;} .cases_mod1 h2{font-size:18px; margin-bottom:5px; -webkit-line-clamp:3;} .cases_mod1 .ptxt2{margin-bottom:5px;} .cases_mod1 .news_tags{margin-bottom:5px;} .cases_mod1 .ptxt{line-height:22px; font-size:12px; margin-bottom:10px; -webkit-line-clamp:3;} .cases_mod1 .more_btn{margin-bottom:30px;} } /*service*/ .service_box{margin:60px 0;} .service_box ul{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;} .service_box ul li{box-sizing:border-box;} .service_box ul li p{text-align:center; margin-top:10px; font-weight:700; font-size:18px;color:#038bbf;} .service_box ul li:hover p{color:#ffa500;} .service_box ul li .imgbox{box-sizing:border-box; background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.1);border-radius:5px; overflow:hidden; border:10px #ffffff solid;} @media screen and (max-width:1560px){ .service_box ul{padding:0 2%;} .service_box ul li{padding:15px;} .service_box ul li p{font-size:16px;} } @media screen and (max-width:1240px){ .service_box ul{padding:0;} .service_box ul li{padding:10px;} .service_box ul li p{font-size:14px;} } @media (max-width: 992px) { .service_box{margin:30px 0;} .service_box ul{grid-template-columns:repeat(2,1fr); gap:10px; padding:0;} .service_box ul li{ padding:0px;} .service_box ul li .imgbox{border:5px #ffffff solid;} .service_box ul li p{font-size:14px; margin-top:5px;} } .service_box_msn{ position:relative; padding:5%; box-sizing:border-box; margin:0 auto 60px; border-radius:5px; background:#f8f8f8;} .service_box_msn .index_htitle{margin-bottom:0px;} .service_box_msn .index_htitle h2{margin-bottom:0px;} .service_box_msn .msntable{margin-top:40px;} @media screen and (max-width:992px) { .service_box_msn{padding:5%; margin:0 auto 30px; width:100%;} .service_box_msn .index_htitle h2{margin-bottom:0px;} .service_box_msn .msntable{margin-top:10px;} } .qty_box_top{position:relative;display:block; margin-top:40px;} .qty_box_top_left{margin-bottom:60px; overflow:hidden;} .qty_box_top_left .imgbox{ float:left; width:40%; border-radius:50px 0;} .qty_box_top_left_txt{float:right; width:58%;} .qty_box_top_right{padding:3%; box-sizing:border-box; border:1px #dddddd solid; border-radius:5px; background:#f8f8f8; z-index:0; position:relative;} .qty_box_top_title{font-size:32px; color:#038bbf; font-weight:700; width:fit-content; position:relative; font-family:"LexendBold";} .qty_box_top_title::after {content:""; position:absolute; left:50%; bottom:3px; transform:translateX(-50%); width:100%; height:6px; background: linear-gradient(to right, #ffa500 50%, #ffa500 50%); border-radius:2px;z-index:-1;} .qty_box_top_ptxt{text-align:left; margin-top:10px;} .qty_box_top_ptxt p{margin-bottom:5px;} .qty_box_top .index_htitle h2{text-align:left;} .qty_box_top .index_htitle .ptxt{text-align:left; width:100%;} .qty_box_top .index_htitle h2::after{left:0; transform:translateX(0);} .qty_box_top .index_htitle h2::before{left:0; transform:translateX(0);} @media (max-width: 992px) { .qty_box_top{display:block; margin-top:20px;} .qty_box_top_left{margin-bottom:30px;} .qty_box_top_left .imgbox{float:none; width:100%; border-radius:50px 0; margin-bottom:10px;} .qty_box_top_left_txt{float:none; width:100%;} .qty_box_top_right{flex:1;padding:5%;} .qty_box_top_title{font-size:18px;} } .qty_box_list{margin:60px 0;} .qty_box_list ul{display:grid; grid-template-columns:repeat(4,1fr); gap:40px;} .qty_box_list ul li{padding:20px; box-sizing:border-box; background:#ffffff; box-shadow:0 4px 12px rgba(0,0,0,0.1); border-radius:5px; overflow:hidden;} .qty_box_list ul li p{text-align:center; margin-top:10px;} @media screen and (max-width:1560px){ .qty_box_list ul{gap:30px;} .qty_box_list ul li{padding:15px;} .qty_box_list .ptext .ptxt{margin-bottom:20px;} } @media screen and (max-width:1240px){ .qty_box_list ul{gap:20px;} .qty_box_list ul li{padding:10px;} .qty_box_list .ptext .ptxt{padding:0; margin-bottom:15px;} } @media (max-width: 992px) { .qty_box_list{margin:30px 0;} .qty_box_list ul{grid-template-columns:repeat(2,1fr); gap:10px;} .qty_box_list ul li{padding:10px;} .qty_box_list .ptext .ptxt{margin-bottom:10px;} } /*product*/ .prod_box{display:block;} .prod_box ul{display:grid; grid-template-columns:repeat(1,1fr); gap:100px; margin-top:40px;} .prod_box ul li{position:relative;} .prod_box_top{padding:60px 80px 0 80px; box-sizing:border-box; z-index:3; position:relative; margin-top:-35%;} .prod_box_pic{width:100%; background:#09161b; overflow:hidden;} .prod_box_pic img{opacity:0.65;} .prod_box ul li .prod_box_txt{width:100%;} .prod_box ul li .prod_box_txt h2{font-size:36px; line-height:1.2; font-weight:700; margin-bottom:20px; color:#ffffff;font-family:"LexendBold"; width:fit-content; position:relative;} .prod_box ul li .prod_box_txt h2::after {content:""; position:absolute; left:50%; bottom:5px; transform:translateX(-50%); width:100%; height:6px; background: linear-gradient(to right, #ffa500 50%, #ffa500 50%); border-radius:2px;z-index:-1;} .prod_box ul li .prod_box_txt h3{font-size:20px; font-weight:700; margin-bottom:10px; color:#ffffff;} .prod_box ul li .prod_box_txt .ptxt{-webkit-line-clamp:10; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#ffffff;} .prod_box ul li .prodlist{width:100%; margin-top:40px;} .prod_box ul li .prodlist ol{display:grid; grid-template-columns:repeat(4,1fr); gap:30px;} .prod_box ul li .prodlist ol li{text-align:center; padding:15px; box-sizing:border-box; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background:#ffffff; border-radius:5px; overflow:hidden;} .prod_box ul li .prodlist ol li .imgbox{border-radius:5px; overflow:hidden;} .prod_box ul li .prodlist ol li p{ line-height:1.2; margin-top:10px;} @media screen and (max-width:1560px){ .prod_box ul{gap:60px; margin-top:30px;} .prod_box_top{padding:40px 60px 0 60px;} .prod_box ul li .prod_box_txt h2{font-size:32px; margin-bottom:10px;} .prod_box ul li .prod_box_txt h3{font-size:18px; margin-bottom:5px;} .prod_box ul li .prodlist{margin-top:30px;} .prod_box ul li .prodlist ol{gap:20px;} } @media screen and (max-width:1240px){ .prod_box ul{gap:50px; margin-top:20px;} .prod_box_top{padding:20px 50px 0 50px;} .prod_box ul li .prod_box_txt h2{font-size:24px; margin-bottom:10px;} .prod_box ul li .prod_box_txt h3{font-size:16px; margin-bottom:5px;} .prod_box ul li .prodlist{margin-top:20px;} .prod_box ul li .prodlist ol{gap:20px;} } @media screen and (max-width:992px){ .prod_box ul{gap:40px; margin-top:20px;} .prod_box_top{padding:0px; margin-top:10px;} .prod_box ul li .prod_box_txt h2{font-size:24px; margin-bottom:5px;color:#222222;} .prod_box ul li .prod_box_txt h3{font-size:16px; margin-bottom:5px;color:#222222;} .prod_box ul li .prod_box_txt .ptxt{color:#222222;} .prod_box ul li .prodlist{margin-top:20px;} .prod_box ul li .prodlist ol{grid-template-columns:repeat(2,1fr); gap:10px;} .prod_box ul li .prodlist ol li{padding:10px;} } .prodcate_box2{ display:block;} .prodcate_box2 ul{display:grid; grid-template-columns:repeat(4,1fr); gap:40px;} .prodcate_box2 ul li{ box-sizing:border-box; background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.1);border-radius:5px; overflow:hidden;} .prodcate_box2 ul li p{text-align:center; margin:10px; line-height:1.4; box-sizing:border-box;} @media screen and (max-width:1560px){ .prodcate_box2 ul{gap:30px;} } @media screen and (max-width:1240px){ .prodcate_box2 ul{gap:20px;} } @media screen and (max-width:992px){ .prodcate_box2 ul{grid-template-columns:repeat(2,1fr); gap:10px;} } .prodcate_box3{display:block; margin:40px 0;} .prodcate_box3 ul{display:grid; grid-template-columns:repeat(4,1fr); gap:40px;} .prodcate_box3 ul li{ box-sizing:border-box; background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.1);border-radius:5px; overflow:hidden;} .prodcate_box3 ul li p{text-align:center; margin:10px; line-height:1.4; box-sizing:border-box;} @media screen and (max-width:1560px){ .prodcate_box3{margin:30px 0;} .prodcate_box3 ul{gap:30px;} } @media screen and (max-width:1240px){ .prodcate_box3{margin:20px 0;} .prodcate_box3 ul{gap:20px;} } @media screen and (max-width:992px){ .prodcate_box3 ul{grid-template-columns:repeat(2,1fr); gap:10px;} } #tab1{width:100%; overflow:hidden;} #tab1 ul{display:flex; gap:1px; border-radius:5px; overflow:hidden;} #tab1 ul li{flex:1; min-width:0; word-break: break-word; overflow-wrap:break-word; background:#038bbf;color:#ffffff; text-align:center; padding:18px 10px; box-sizing:border-box; cursor:pointer; font-weight:700; display:flex; align-items:center;justify-content:center; line-height:1.2;} #tab1 li.now{background:#ffa500; color:#ffffff;} .tablist{overflow:hidden; display:none;} .block{display:block; } #tablist1{margin-top:15px;} @media screen and (max-width:992px) { #tab1 ul{flex-wrap:wrap;} #tab1 ul li{flex:1 0 auto; white-space:nowrap; min-width: calc(50% - 1px); padding:10px;} #tablist1{margin-top:10px;} } /*产品左右分栏*/ .prodmain_box{width:100%; display:flex; align-items:stretch;/*左右两边的高度一致*/} .prodmain_box_left{float:right; width:77%; box-sizing:border-box; margin:0 0 0 3%; background:#ffffff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); padding:40px; border-radius:5px; overflow:hidden;} .prodmain_box_right{float:left; width:20%; border-radius:5px; overflow:hidden;} @media screen and (max-width:1560px){ .prodmain_box_left{padding:30px;} } @media screen and (max-width:1240px){ .prodmain_box_left{padding:20px;} } @media screen and (max-width:992px){ .prodmain_box{display:block;} .prodmain_box_left{float:none; width:100%; margin:0;} .prodmain_box_right{display:none;} } /*产品中心的右侧下拉菜单*/ .lymain_prod_left_box{display:block; margin-bottom:50px;} .lymain_prod_left_box>ul{overflow:hidden;} .lymain_prod_left_box h2{font-size:24px; color:#038bbf; font-family: "LexendBold";box-sizing:border-box;border-bottom:1px #dddddd solid; padding-bottom:10px;} .fa-caret-right{ background:url(../images/prod_left_icon.png) center center no-repeat; width:20px; height:20px; float:right;} .iconRotate{transform: rotate(90deg); transition: transform 0.5s;} .fa-caret-right:hover{cursor:pointer;} .d-firstNav{position:relative; padding:15px 0; line-height:20px; box-sizing:border-box;border-bottom:1px #dddddd solid;font-weight:bold; cursor:pointer;} .d-firstNav:hover{color:#ffa500;} .d-secondNav{position:relative; padding:12px; line-height:20px; border-bottom:1px rgba(255,255,255,0.1) solid; box-sizing:border-box;background:#7f7f7f;} .s-secondItem{background:url(../images/point.png) 12px center no-repeat; position:relative; padding:14px 10px 14px 24px; line-height:20px; border-bottom:1px #ededed solid;box-sizing:border-box;} .d-secondDrop{box-sizing:border-box;} .s-firstDrop,.s-secondDrop {display:none;} #prodonsec {color:#ffa500;} #prodonsec a{color:#ffa500;} /*prod title*/ .prod_title{width:100%;box-sizing:border-box;position:relative; margin-bottom:30px;} .prod_title h1{font-size:36px;line-height:1.2;font-weight:700; margin-bottom:5px;} .prod_title_txt{opacity:0.7; margin-bottom:20px;} @media screen and (max-width:992px){ .prod_title{margin-bottom:20px;} .prod_title h1{font-size:24px; line-height:1.5; margin-bottom:10px;padding:0;} } /*product details*/ .prod_details_end_box{overflow:hidden; margin-bottom:40px;} .prod_details_end_box h2{font-size:18px; margin-bottom:10px; padding:10px 20px; box-sizing:border-box; position:relative; color:#ffffff; background:#038bbf; border-radius:5px;} .prod_details_end_box h3{font-size:24px; position:relative; color:#038bbf;} .prod_details_end_txt{line-height:28px!important; word-break:break-word!important; overflow:hidden;} .prod_details_end_txt p,.prod_details_end_txt span{line-height:28px!important;} .prod_details_end_txt ul,.prod_details_end_txt ol{margin:10px 0;box-sizing:border-box;} .prod_details_end_txt li,.prod_details_end_txt li{ background:url(../images/dian.svg) left 10px no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box; margin-left:10px;} .prod_details_end_txt table{/*display:-webkit-box; width:auto!important; overflow-x: auto; overflow-y: hidden;*/ min-width:100%; border:none;} .prod_details_end_txt table tr:nth-child(odd){background-color:#f5f5f5;} .prod_details_end_txt table tr:nth-child(even){background-color: #fdfdfd;} .prod_details_end_txt table tr:first-child{background-color:#777777; color:#ffffff;} .prod_details_end_txt td{padding:10px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:24px!important;word-break:initial!important;} .prod_details_end_txt td p,.prod_details_end_txt td span{font-size:14px!important;line-height:24px!important;word-break:initial!important;} .prod_details_end_txt th{padding:10px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:24px!important;word-break:initial!important; font-weight:normal;} .prod_details_end_txt th p,.prod_details_end_txt th span{font-size:14px!important;line-height:24px!important;word-break:initial!important;font-weight:normal;} .prod_details_end_txt img{width:auto; max-width:100%; margin:0 auto; display:inline; height:auto;} .prod_details_end_txt a{color:#ff3300;} @media screen and (max-width:992px){ .prod_details_end_box{margin-bottom:20px;} .prod_details_end_box h2{font-size:14px; line-height:20px; height:auto; padding:10px;} .prod_details_end_box h3{font-size:14px; margin-bottom:5px;} .prod_details_end_txt{line-height:24px!important;} .prod_details_end_txt p,.prod_details_end_txt span{line-height:24px!important;} .prod_details_end_txt table{display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;} .prod_details_end_txt td{padding:8px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:16px!important;word-break:initial!important;} .prod_details_end_txt td p,.prod_details_end_txt td span{font-size:12px!important;line-height:16px!important;word-break:initial!important;} .prod_details_end_txt th{padding:8px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:16px!important;word-break:initial!important; font-weight:normal;} .prod_details_end_txt th p,.prod_details_end_txt th span{font-size:12px!important;line-height:16px!important;word-break:initial!important;font-weight:normal;} .prod_details_end_txt li,.prod_details_end_txt li{ background:url(../images/dian.svg) left 5px no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box; margin-left:10px;} } .prod_details_end_pic{display:grid; grid-template-columns:repeat(4,1fr); gap:10px;} @media screen and (max-width:992px){ .prod_details_end_pic{display:grid; grid-template-columns:repeat(2,1fr);} } .prodcate_box{position:relative; margin:20px 0 0 0;} .prodcate_boxul{display:grid; grid-template-columns:repeat(3,1fr); gap:30px;} .prodcate_boxul li{overflow:hidden; position:relative;} .prodcate_boxul li .imgbox{border-radius:5px; border:1px #ececec solid; box-sizing:border-box;} .prodcate_box_txt{text-align:center; margin-top:5px;} @media screen and (max-width:992px){ .prodcate_box{margin:20px 0 0 0;} .prodcate_boxul{grid-template-columns:repeat(2,1fr); gap:10px;} .prodcate_box_txt{font-size:12px; font-weight:normal;} } .prodcate_box2{position:relative;} .prodcate_box2 .index_htitle h1{text-align:left;} .prodcate_box2 .index_htitle .ptxt{text-align:left; width:100%;} .prodcate_box2 .index_htitle h1::after{left:0; transform:translateX(0);} .prodcate_box2 .index_htitle h1::before{left:0; transform:translateX(0);} .prodcate_box2ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;} .prodcate_box2ul li{position:relative; padding:20px; box-sizing:border-box; box-shadow:2px 2px 5px 0 #f1f1f1; border:1px #ececec solid;} .prodcate_box2ul li .titlename{font-size:18px;} .prodcate_box2ul_list{ border-bottom:1px #ddd dotted; padding-bottom:7px; margin-bottom:7px; background:url(../images/dian.svg) left 11px no-repeat; background-size:5px; padding-left:10px;} .prodcate_box2ul li .more2{ margin-top:20px;} @media screen and (max-width:1560px){ .prodcate_box2ul li .titlename{font-size:16px;} } @media screen and (max-width:1240px){ .prodcate_box2ul li .titlename{font-size:14px;} } @media screen and (max-width:992px){ .prodcate_box2ul{grid-template-columns:repeat(1,1fr); gap:20px;} .prodcate_box2ul li{padding:20px;} } .prodcate_box3{position:relative; margin:60px 0;} .prodcate_box3ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:30px;} .prodcate_box3ul li{position:relative; box-sizing:border-box; box-shadow:2px 2px 5px 0 #f1f1f1; border:1px #ececec solid;} .prodcate_box3ul li .ptxt{padding:10px; box-sizing:border-box; text-align:center;} .prodcate_box3ul li .titlename{font-size:18px;} @media screen and (max-width:1560px){ .prodcate_box3ul li .titlename{font-size:16px;} } @media screen and (max-width:1240px){ .prodcate_box3ul li .titlename{font-size:14px;} } @media screen and (max-width:992px){ .prodcate_box3{margin:20px 0;} .prodcate_box3ul{grid-template-columns:repeat(2,1fr); gap:20px;} } /*产品中心*/ .proddetail{margin:0; overflow:hidden;} .proddetail h1{font-size:36px; padding-bottom:10px; line-height:1.2; font-family:"LexendBold"; border-bottom:1px #dddddd dotted; margin-bottom:20px;} .prod_details_top{margin:0 0 30px 0; overflow:hidden; display:flex; align-items:stretch;} .product_right_top_left{flex:1; max-width:40%;} .product_right_top_left .swiper-container{border:1px #dddddd solid; box-sizing:border-box;} .product_right_top_left .bigpic {display:flex; justify-content:center; align-items:center; width:100%; height:auto!important; overflow:hidden; background:#ffffff;} .product_right_top_left .bigpic img{max-width: 100%; max-height: 100%; object-fit: contain;} .product_right_top_left .bigpic iframe{width:100%; height:100%; object-fit:contain;} .product_right_top_left img{box-sizing:border-box;} .swiper-container-thumbs{margin-top:10px; background:#f8f8f8; padding:10px 20px!important; box-sizing:border-box; overflow:hidden;} .swiper-container-thumbs img{cursor:pointer;border:2px #ffffff solid; box-sizing:border-box;} .swiper-slide-thumb-active img{border:2px #ffa500 solid; box-sizing:border-box;} .product_right_top_right{flex:1; max-width:60%; padding-left:3%;} .product_right_top_right_p{background:#f9f9f9;width:100%; overflow:hidden;} .product_right_top_right_p ul{overflow:hidden;} .product_right_top_right_p ul li{line-height:55px; height:55px; border-bottom:1px #ddd solid; padding-left:47px; overflow:hidden;} .product_right_top_right_p ul li b{ margin-right:10px;} .product_right_top_right_p ul li:nth-child(1){ background:url(../images/ico_tel.svg) 15px center no-repeat; background-size:24px;} .product_right_top_right_p ul li:nth-child(2){ background:url(../images/ico_whatsup.svg) 15px center no-repeat; background-size:24px;} .product_right_top_right_p ul li:nth-child(3){ background:url(../images/ico_email.svg) 15px center no-repeat; background-size:24px;} .product_right_top_right_notes{border:1px #ddd dotted; padding:10px; margin-bottom:5px; background:#f7f9ff; color:#038bbf;} .product_right_top_right_notes a{ font-weight:700; margin-left:5px; color:#ffa500;} .product_right_top_right_notes a:hover{text-decoration:underline;} .product_right_top_right_tags{width:100%; overflow:hidden; margin-bottom:10px;} .product_right_top_right_tags ul,.product_right_top_right_tags ol{margin:10px 0; box-sizing:border-box;} .product_right_top_right_tags li,.product_right_top_right_tags li{ background:url(../images/dian.svg) left center no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box;margin-left:10px;} .product_right_top_right_tags table{width:100%;} .product_right_top_right_tags table tr:nth-child(odd){background-color:#f5f5f5;} .product_right_top_right_tags table tr:nth-child(even){background-color: #fdfdfd;} .product_right_top_right_tags table tr:first-child{background-color:#666666; color:#ffffff;} .product_right_top_right_tags td{padding:10px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:24px!important;word-break:initial!important;} .product_right_top_right_tags td p,.product_right_top_right_tags td span{font-size:14px!important;line-height:24px!important;word-break:initial!important;} .product_right_top_right_tags th{padding:10px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:24px!important;word-break:initial!important; font-weight:normal;} .product_right_top_right_tags th p,.product_right_top_right_tags th span{font-size:14px!important;line-height:24px!important;word-break:initial!important;font-weight:normal;} .product_right_top_right_tags p{margin-bottom:5px;} .product_right_top_btn{margin-top:20px; overflow:hidden; display:flex;white-space: nowrap; column-gap:20px;} .productlist_more{line-height:50px; color:#fff; border-radius:5px; cursor:pointer; padding:0 20px 0 55px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; width:fit-content; display:inline-block; background:#ffa500 url(../images/ico_email2.svg) 20px center no-repeat; background-size:24px;} .productlist_more:hover {background-color:#333333;color:#fff;} @media screen and (max-width:1560px) { .proddetail h1{font-size:32px;margin-bottom:20px;} } @media screen and (max-width:1240px) { .proddetail h1{font-size:24px;margin-bottom:10px;} } @media screen and (max-width:992px) { .proddetail h1{font-size:18px; margin-bottom:10px; padding-bottom:5px;} .prod_details_top{margin:0 0 30px 0; flex-direction:column;} .product_right_top_left{flex:1; max-width:100%;} .product_right_top_right{flex:1; max-width:100%; padding-left:0; margin-top:20px;} .product_right_top_right h1{font-size:18px; padding-bottom:10px;} .product_right_top_right_tags{line-height:24px; margin-bottom:10px;} .product_right_top_right_tags table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;} .product_right_top_right_tags td{padding:8px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:16px!important;word-break:initial!important;} .product_right_top_right_tags td p,.product_right_top_right_tags td span{font-size:12px!important;line-height:16px!important;word-break:initial!important;} .product_right_top_right_tags th{padding:8px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:16px!important;word-break:initial!important; font-weight:normal;} .product_right_top_right_tags th p,.product_right_top_right_tags th span{font-size:12px!important;line-height:16px!important;word-break:initial!important;font-weight:normal;} .product_right_top_right_tags li,.product_right_top_right_tags li{ background:url(../images/dian.svg) left 5px no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box; margin-left:10px;} .product_right_top_btn{margin-top:10px; column-gap:5px;} .productlist_more{height:35px; line-height:35px; background-size:18px; padding:0 20px 0 45px;} } /*产品列表中相关的产品推荐*/ .prodcate_list_txt2{overflow:hidden; margin-top:30px; padding:30px; background:#f7f9ff; box-sizing:border-box; border:1px #efefef solid; border-radius:5px; box-shadow:2px 2px 5px 0 #f1f1f1;} .prodcate_list_txt2 h2{font-size:24px; font-family:"LexendBold"; margin-bottom:15px; padding-left:12px; position:relative; border-bottom:1px #dddddd dotted; padding-bottom:10px;} .prodcate_list_txt2 h2::before{position:absolute; left:0; top:11%; width:4px; height:50%; background:#038bbf; content: '';} .prodcate_list_prod2{text-align:left; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing:border-box; overflow:hidden; display:block;} .productlistul2{display:grid; grid-template-columns:repeat(4, 1fr); /* 一行三列 */ gap:30px;} .productlistul2 li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden; border:1px #eaeaea solid; border-radius:5px;box-shadow:0 0 10px 0 #eaeaea; box-sizing:border-box; background:#ffffff;} .productlistul2 li:hover{box-shadow:0 0 15px 0 #dedede;} .productlistul2 li .imgbox{width:100%;} .productlistul2 li .mytitle{line-height:1.2; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; text-align:center; padding:10px; box-sizing:border-box;} @media screen and (max-width:1240px) { .prodcate_list_txt2{padding:30px;} .prodcate_list_txt2 h2{font-size:20px;} } @media screen and (max-width:992px) { .prodcate_list_txt2{padding:5%; min-height:0; margin-top:15px;} .prodcate_list_txt2 h2{font-size:18px;line-height:20px;} .prodcate_list_prod2{text-align:left; margin-top:0px; margin-right:0%; width:100%;} .productlistul2{grid-template-columns:repeat(2, 1fr); gap:10px;} .productlistul2 li .mytitle{-webkit-line-clamp:3;} } /*projects*/ .project_box{display:block;} .project_box ul{display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:40px;} .project_box ul li{overflow:hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow:hidden; border-radius:5px;} .project_box ul li .imgbox{width:100%; overflow:hidden; margin-bottom:10px;} .project_box ul li .project_box_txt{width:100%;} .project_box ul li .project_box_txt h2{font-size:16px; font-weight:700; margin-bottom:10px; text-align:center;} .project_box ul li .projectlist{display:flex; flex-wrap:wrap; gap:5px;} .project_box ul li .projectlist p{flex: 0 0 calc(50% - 5px); box-sizing: border-box; background:url(../images/dian.svg) left center no-repeat; background-size:7px; padding-left:12px;} .project_box ul li .projectlist p:hover{background:url(../images/dian_on.svg) left center no-repeat; background-size:7px;} .project_box ul li .projectlist p a{color:#038bbf;} .project_box ul li .projectlist p a:hover{color:#ffa500;} @media screen and (max-width:1560px){ .project_box ul li .project_box_txt h2{font-size:16px;} } @media screen and (max-width:1240px){ .project_box ul li .project_box_txt h2{font-size:14px;} } @media screen and (max-width:992px){ .project_box ul{grid-template-columns:repeat(2,1fr); gap:10px 10px; margin-top:10px;} .project_box ul li .project_box_txt{width:100%;} .project_box ul li .project_box_txt h2{font-size:12px; line-height:1.2;} .project_box ul li .project_box_txt .ptxt{-webkit-line-clamp:3; font-size:13px;} .project_box ul li .projectlist p{flex: 0 0 100%;} } /*预设版式的详情页模块*/ .detailtext_box{overflow:hidden;} .detailtext_box h1{font-size:36px;line-height:1.1; margin-bottom:20px;text-align:left; font-family:"LexendBold"; padding:0 0 10px 0; box-sizing:border-box; border-bottom:1px #dddddd dotted; color:#038bbf;} .detailtext_title{font-family:"LexendBold"; font-size:24px; margin-bottom:10px; line-height:1.2; color:#038bbf;} .detailtext_box h2{font-family:"LexendBold"; font-size:24px; margin-bottom:10px; line-height:1.2; color:#038bbf;} .detailtext0{display:block; margin-bottom:30px;} .detailtext1{display:block; margin-bottom:30px;} .detailtext1{display: flex; flex-direction: column;background:#038bbf;color:#ffffff;} .detailtext1 ul {display: flex; align-items:flex-start;} .detailtext1 ul li {flex: 1; display: flex; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; flex-direction:column;} .detailtext1 ul li img {max-width:100%; height:auto;} .detailtext1_box{padding:50px; text-align:left; box-sizing:border-box;} .detailtext2{display:block; margin-bottom:30px;} .detailtext2{display:flex; flex-direction:column; background:#038bbf; color:#ffffff;} .detailtext2 ul {display: flex; align-items:flex-start;} .detailtext2 ul li {flex: 1; display: flex; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; flex-direction:column;} .detailtext2 ul li img {max-width:100%; height:auto;} .detailtext2_box{padding:50px; text-align:left; box-sizing:border-box;} .detailtext3{display:block; margin-bottom:30px;background:#f8f8f8; padding:20px; box-sizing:border-box;} .detailtext3 img{width:auto; max-width:100%; margin:0 auto;} .detailtext4{display:block; margin-bottom:30px;} .detailtext4 ul{display:grid; grid-template-columns:repeat(2,1fr); gap:10px;} .detailtext4 ul li{display:block;} .detailtext4 ul li p{text-align:center; margin-top:10px;} .detailtext5{display:block; margin-bottom:30px;} .detailtext5 ul{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;} .detailtext5 ul li{display:block;} .detailtext5 ul li p{text-align:center; margin-top:10px;} @media screen and (max-width:1560px){ .detailtext_box h1{font-size:36px; margin-bottom:20px;} .detailtext_title{font-size:32px;} .detailtext_box h2{font-size:24px;} } @media screen and (max-width:1240px){ .detailtext_box h1{font-size:24px; margin-bottom:20px;} .detailtext_title{font-size:24px;} .detailtext_box h2{font-size:18px;} } @media screen and (max-width:992px) { .detailtext_box h1{font-size:18px; margin-bottom:10px;} .detailtext_title{font-size:18px;} .detailtext_box h2{font-size:18px;} .detailtext0{display:block; margin-bottom:20px;} .detailtext1{display:block; margin-bottom:20px;} .detailtext1 ul{flex-direction: column;} .detailtext1_box{padding:10px;} .detailtext1_box h2{font-size:14px;} .detailtext2{display:block; margin-bottom:20px;} .detailtext2 ul{flex-direction: column;} .detailtext2 ul li:last-child{order:-1;} .detailtext2_box{padding:10px;} .detailtext2_box h2{font-size:14px;} .detailtext3{display:block; margin-bottom:20px;} .detailtext4{display:block; margin-bottom:20px;} .detailtext4 ul{grid-template-columns:repeat(1,1fr); gap:10px;} .detailtext5{display:block; margin-bottom:20px;} .detailtext5 ul{grid-template-columns:repeat(1,1fr); gap:10px;} } .page404{ width:100%; margin:300px 0 200px 0; text-align:center;} .page404 img{ width:auto; display:inline-block;} @media screen and (max-width:992px) { .page404{ width:80%; margin:100px 10%; text-align:center;} .page404 img{ width:auto; max-width:100%; display:inline-block;} } .videolist{position:absolute; bottom:0; right:0; width:50px; height:50px; z-index:22; background:#ff0000 url(../images/video.png) center center no-repeat; background-size:32px;} /*视频弹窗*/ .masklayer{position: fixed;display: none;width:100%;height:100%; top:0px; left:0px;background-color:rgba(0, 0, 0, 0.8);z-index:99999; -webkit-user-select: none;-ms-user-select: none;} .vclose { position:absolute;right:30px; top:30px;cursor: pointer; width:50px; height:50px; } .vclose img{width:auto; height:auto; display:inline-block;} .videos{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;} .videos video{width:100%; height:100%;} .videolist {cursor:pointer;} @media screen and (max-width:992px) { .vclose { position:absolute;right:10px; top:10px; cursor: pointer; width:30px; height:30px; } .vclose img{width:auto; height:auto; display:inline-block;} .videos{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;} .videolist {} } .searchlist{overflow:hidden; box-sizing:border-box;} .searchlist h2{ font-size:24px; font-weight:bold; margin-bottom:10px;} .searchlist ul{overflow:hidden;} .searchlist ul li{border-bottom:1px #CCCCCC dotted; overflow:hidden; padding:20px 0px;} .searchlist ul li:hover{background:#ffffff;} .searchlist ul li{line-height:24px;} .searchlist ul li h4{text-align:left;} .searchlist ul li p{color:#999999;} .searchlist ul li p span{ margin-right:35px;} @media screen and (max-width:992px) { .searchlist h2{font-size:18px; margin-bottom:0px;} .searchlist ul li{padding:10px 0px;} } .feedback{width:100%; box-sizing:border-box; margin:100px auto 100px;} .feedback h2{font-size:24px;font-weight:bold; color:#ffa500;} .feedback h4{height:4px; width:50px; background:#ffa500; margin:20px 0;} .feedback_btn{width:fit-content; height:40px; line-height:40px; background:#ffa500; color:#fff; border-radius:5px; text-align:center;-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:inline-block; padding:0 25px; margin-top:30px;} .feedback_btn:hover{background:#ffa500; color:#fff;} @media screen and (max-width:992px) { .feedback{width:90%; padding:30px 0; margin:50px auto;} .feedback h2{font-size:18px;} .feedback h4{height:2px; width:30px; margin:10px 0;} .feedback_btn{margin-top:10px;} } .global_left_top{position:fixed; right:10px; bottom:20px; z-index:99;} #myback{width:50px; height:50px;} #myback img{width:100%;} .myback_active{opacity:0!important;} #mymeil{width:50px; height:50px; margin-bottom:10px;} #mymeil img{width:100%;} @media screen and (max-width:992px){ .global_left_top{bottom:10px;} #myback{width:35px; height:35px;} #mymeil{width:35px; height:35px;} } /*搜索和在线留言弹窗*/ #infoFormDiv{display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding:2%; background-color: #fff; z-index:1000; width:50%; box-sizing:border-box; border-radius:5px;} #infoFormDiv ul h2{ font-size:24px; line-height:1.2; text-align:center; margin-bottom:20px; font-weight:700;} #infoFormDiv ul p{text-align:center; margin-top:10px;} #infoFormDiv li {overflow:hidden;} #infoFormDiv li:nth-child(n+2) {margin-top:3%; text-align:center;} #overlay{display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.8); z-index: 999;} #infoFormDiv_prod{display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding:4%; background-color: #fff; z-index:1000; width:50%; box-sizing:border-box; border-radius:5px;} #infoFormDiv_prod ul h2{ font-size:28px; line-height:1.2; text-align:center; margin-bottom:20px; font-family: "LexendBold";} #infoFormDiv_prod ul p{text-align:center; margin-top:10px;} #infoFormDiv_prod li {overflow:hidden;} #infoFormDiv_prod li:nth-child(n+2) {margin-top:3%; text-align:center;} #overlay_prod{display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.8); z-index: 999;} .msg_name_input,.msg_mail_input,.msg_textarea2{padding:0px 15px; background:#fafafa; box-sizing:border-box; font-family:"Poppins-Regular"; border-radius:5px; border:1px #eaeaea solid;} .msg_name_input,.msg_mail_input {float:left; width:48.5%; line-height:50px; height:50px;} .msg_mail_input{margin-left:2%;} .msg_name_input::-webkit-input-placeholder{color: #666666!important; opacity:1;} .msg_mail_input::-webkit-input-placeholder{color: #666666!important; opacity:1;} .msg_textarea2::-webkit-input-placeholder{color: #666666!important; opacity:1;} .msg_textarea2 {width:100%;line-height:24px; resize:none; color:#222222; padding:10px; box-sizing:border-box;} .msg_submit_2{width:fit-content; height:50px; line-height:50px; text-align:center; text-transform:uppercase; color:#ffffff; background:#038bbf; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:5px; padding:0 30px; display:inline-block; font-size:inherit;} .msg_submit_2:hover{background:#ffa500; color:#ffffff;} .msg_cancel{width:40px; height:40px; background:#038bbf; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:100%; position:absolute; right:-10px; top:-10px; display:flex; align-items:center; justify-content: center;} .msg_cancel img{width:60%; height:auto;transition: transform 1s ease;} .msg_cancel:hover{background:#ffa500;} .msg_cancel:hover img{transform: rotate(180deg);} @media screen and (max-width:992px) { #infoFormDiv{padding:5% 5%; width:90%;} #infoFormDiv ul h2{ font-size:16px; margin-bottom:10px;} #infoFormDiv li:nth-child(n+2) {margin-top:10px;} #infoFormDiv_prod{padding:5% 5%; width:90%;} #infoFormDiv_prod ul h2{ font-size:16px; margin-bottom:10px;} #infoFormDiv_prod li:nth-child(n+2) {margin-top:10px;} .msg_name_input,.msg_mail_input {float:none; width:100%; line-height:40px; height:40px; margin-bottom:10px;} .msg_mail_input{margin-left:0;} .msg_submit_2{height:30px; line-height:30px; margin-right:10px;} .msg_cancel{height:30px; width:30px;} }