@charset "utf-8"; @font-face { font-family: 'Inter'; src: url('/dist/fonts/Inter/Inter-Regular.woff2') format('woff2'), url('/dist/fonts/Inter/Inter-Regular.woff') format('woff'), url('/dist/fonts/Inter/Inter-Regular.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Inter-Bold'; src: url('/dist/fonts/Inter/Inter-Bold.woff2') format('woff2'), url('/dist/fonts/Inter/Inter-Bold.woff') format('woff'), url('/dist/fonts/Inter/Inter-Bold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Inter-Medium'; src: url('/dist/fonts/Inter/Inter-Medium.woff2') format('woff2'), url('/dist/fonts/Inter/Inter-Medium.woff') format('woff'), url('/dist/fonts/Inter/Inter-Medium.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Inter-Light'; src: url('/dist/fonts/Inter/Inter-Light.woff2') format('woff2'), url('/dist/fonts/Inter/Inter-Light.woff') format('woff'), url('/dist/fonts/Inter/Inter-Light.ttf') format('truetype'); font-display: swap; } /**********样式重置**********/ :root { --color:#222; --font-color:#666; --main-color:#00539e; --normal-color:#00aa3a; --font:Inter,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif; --font-bold:Inter-Bold,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif; --font-light:Inter-Light,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif; --font-en:Inter-Medium,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif; --font-size:16px; --font-size-large:48px; --font-size-big:24px; --font-size-mid:18px; --font-size-sm:14px; --gap-large:80px; --gap-big:70px; --gap-mid:35px; --gap-sm:15px; --line-height:1.5; --padding-lr:0 15px; --page-width:1630px; --border:1px solid #ddd; } @media (min-width:992px) and (max-width:1230px) { :root { --gap-large:50px; --gap-big:50px; --font-size:15px; --font-size-large:36px; --font-size-big:20px; --font-size-mid:16px; } } @media (min-width:1px) and (max-width:991px){ :root { --font-size:14px; --font-size-large:24px; --font-size-big:18px; --font-size-mid:16px; --font-size-sm:12px; --gap-large:40px; --gap-big:30px; --gap-mid:20px; --gap-sm:10px; --page-width:100%; } } html,body{ -ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/ -webkit-overflow-scrolling: touch;/*解决iOS滚动条被卡住的问题*/ scroll-behavior: smooth;/*滚动到指定位置*/ max-width:1920px; margin:0 auto; } html{background:#FFF;font-size:16px;} @media (min-width:1px) and (max-width:767px) { html{font-size:14px;} } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0} fieldset,img{border:0} ol,ul{list-style:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6,dt{font-size:100%;font-weight:normal;} q:before,q:after{content:''} input:visited,input:focus,input,textarea,button:visited,button:focus,textarea:visited,textarea:focus{border:none;outline: none;} .clearfix:after,.clearfix:before,.container::after,.container:before{display:table;content:" ";} .clearfix:after,.container::after{clear:both;} *{box-sizing:border-box;} a{outline:none;color:#111;text-decoration:none;} a:hover{color:var(--main-color);} img,li{border:0;vertical-align:top;} img{max-width:100%;height:auto;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #717171; } input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #717171; } input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */ color: #717171; } input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+ 适配ie*/ color: #717171; } b,body,dd,div,form,h4,h5,h6,img,input,textarea,li,p,pre,ul{margin:0 auto;padding:0;font-family:var(--font);color:var(--color);line-height:var(--line-height);font-size:var(--font-size);} b{font-family:var(--font-bold);font-weight:normal;} p{color:var(--font-color);} h1,h2,h3,h4,dt{font-family:var(--font-bold);} .hidden{display:none!important;} .noinfo{font-size:1rem;text-align:center;margin-top:10px;padding-bottom:30px;} .item .img{overflow:hidden;position:relative;} .item .img img{transition:all .4s;transform:scale(1);margin:0 auto;display:block;width:100%;height:100%;object-fit:cover;} .item:hover .img img{transform:scale(1.05);} .flex{display:flex;} .flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;} .flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;} .flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;} .flex_column{display:flex;justify-content:space-between;flex-wrap:wrap; flex-direction:column;} .flex_center{display:flex;justify-content:center;flex-wrap:wrap;} .flex_vcenter{display:flex;flex-flow:column;justify-content:center;} .txtcenter{text-align:center;} .vcenter{position:absolute;top:50%;transform:translate(0,-50%);} .vccenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .container{width:100%;padding:var(--padding-lr);max-width:var(--page-width);} .ValidationError{border:1px solid red!important;} .text-center{text-align:center;} .nopadding{padding:0!important;} .pc{display:block;} .wap{display:none!important;} @media screen and (min-width:1px ) and (max-width:991px) { .pc{display:none;} .wap{display:block!important;} } .clamp1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .clamp2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .clamp3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .clamp4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;} .clamp5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;} .keylink{font-weight:bold;} @media screen and (min-width:1px ) and (max-width:1429px) { .container{width:100%;} } @media screen and (min-width:1px ) and (max-width:992px){ .inputgroup{margin-bottom:2vw;} } /**********样式重置**********/ /**********公共样式**********/ .frame{padding-top:var(--gap-large);padding-bottom:var(--gap-large);overflow:hidden;} .frame .title{margin-bottom:var(--gap-mid);position:relative;overflow:hidden;text-align:left;} .frame .title h3{font-size:36px;position:relative;} .frame .title h2{font-size:50px;position:relative;font-family:var(--font-bold);line-height:1.2222;} .line{width:46px;height:4px;background:linear-gradient(to right,var(--main-color) 50%,var(--normal-color) 50%);margin:20px 0 0;} .frame .title p{font-size:16px;margin:0 auto;margin-top:20px;color:#666;} @media (min-width:1080px) and (max-width:1429px) { .frame .title h2{font-size:30px;} .frame .title p{font-size:16px;} } @media (min-width:1px) and (max-width:1079px) { .frame .title{margin-bottom:20px;} .frame .title h2{font-size:24px;} .frame .title h3{font-size:24px} .frame .title p{font-size:13px;} } .morelink{display:inline-block;position:relative;padding:10px 50px 10px 20px;transition:all 0.3s;text-align:center;font-size:16px;line-height:30px;z-index:1;color:#fff;background-color:var(--main-color);overflow:hidden;border-radius:5px;} .morelink:hover{color:#fff;} .morelink:before{content:"\e709";font-family:iconfont;position:absolute;top:calc(50% - 10px);right:15px;transition:all 0.3s;font-size:20px;line-height:1;transform:rotate(-45deg);} .morelink:hover:before{transform:rotate(0);} .morelink:after{content:"";position:absolute;top:0;left:0;bottom:0;width:0;background-color:rgba(0,0,0,0.1);transition:all 0.3s;z-index:-1;} .morelink:hover:after{width:100%;} .morelink2{background-color:var(--normal-color);} @media (min-width:1080px) and (max-width:1429px) { .morelink{font-size:14px;padding:8px 60px 8px 15px;} .morelink:before{font-size:20px;right:15px;line-height:24px;} } @media (min-width:1px) and (max-width:1079px) { .morelink{font-size:14px;padding:5px 40px 5px 15px;} .morelink:before{font-size:18px;right:10px;line-height:24px;} } /**********公共样式**********/ /**********头部样式**********/ header{width:100%;z-index:99;position:sticky;top:0;background-color:#fff;transition:all 0.3s;} header.fixed{box-shadow:0 0 5px #ccc;background-color:#fff;} header.fixed .top1{height:0;padding:0;overflow:hidden;border:none;} header .top{border-bottom:1px solid #e6e6e6;padding:8px 0;transition:all 0.3s;} header .top .flex_between{display:flex;align-items:center;} header .top .left{width:50%;font-size:16px;color:#666;} header .top .right{width:50%;text-align:right;} header .top .right a.cont{font-size:16px;color:#666;margin-left:25px;display:inline-block;} header .top .right a.cont>i{display:inline-block;font-size:20px;line-height:24px;color:var(--main-color);margin-right:5px;vertical-align:top;} header .top .right a.cont:hover{color:var(--main-color);} #logo{position:relative;margin-left:0;} #logo .logo{height:86px;position:relative;display:block;} #logo .logo img{top:50%;transform:translate(0,-50%);position:relative;transition:all 0.3s;width:initial;} #Menu{align-items:center;transition:all .3s;margin-right:0;} #Menu ul.menunav{margin:0;} #Menu ul.menunav>li{display:inline-block;padding:0 18px;} #Menu ul.menunav>li>a{position:relative;display:block;line-height:30px;padding:20px 0;font-size:18px;overflow:hidden;} #Menu ul.menunav>li>a:before{content:"\e667";font-family:iconfont;position:absolute;bottom:-100px;left:calc(50% - 9px);transition:all 0.3s;color:var(--main-color);transform:rotate(180deg);} #Menu ul.menunav>li.dropdown>a:after{content:"\eb8b";font-family:iconfont;font-size:18px;margin-left:3px;vertical-align:top;display:inline-block;} #Menu ul.menunav>li.active>a{color:var(--main-color);} #Menu ul.menunav>li.active>a:before,#Menu ul.menunav>li:hover>a:before{bottom:2px;} #Menu ul.menunav>li.dropdown.active>a:after{} #Menu ul>li{position:relative;} #Menu ul>li ul.dropdown-menu{position:absolute;top:100%;background-color:#fff;z-index:2;min-width:100%;box-shadow:0 10px 15px rgba(0,0,0,0.17);padding:5px 0 10px;margin-top:30px;transition:all 0.3s;visibility:hidden;opacity:0;left:50%;transform:translate(-50%,0);} #Menu ul>li ul.dropdown-menu>li{display:block;} #Menu ul>li ul.dropdown-menu>li>a{line-height:24px; font-size:16px; padding:8px 25px 8px 25px;display:block;white-space:nowrap;text-align:left;position:relative;position:relative;z-index:2;color:#888;} #Menu ul>li ul.dropdown-menu>li>a:before{content:"\e6af";font-family:iconfont;color:var(--main-color);position:absolute;left:-50px;transition:all 0.3s;opacity:0;transform:rotate(-180deg);} #Menu ul>li ul.dropdown-menu>li>a.icon_right:after{content:"\e6af";font-family:iconfont;display:inline-block;margin-left:5px;font-size:14px;position:absolute;right:10px;transform:rotate(-90deg);} #Menu ul>li ul.dropdown-menu>li:not(:last-child)>a{border-bottom:1px solid #ddd;} #Menu ul>li ul.dropdown-menu>li>a>i{font-size:14px;line-height:24px;position:absolute;right:10px;} #Menu ul>li ul.dropdown-menu>li:hover>a,#Menu ul>li ul.dropdown-menu>li>a:hover{color:var(--main-color);} #Menu ul>li ul.dropdown-menu>li:hover>a:before,#Menu ul>li ul.dropdown-menu>li>a:hover:before{left:5px;opacity:1;} #Menu ul>li:hover ul.dropdown-menu{margin-top:0;visibility:visible;opacity:1;} #Menu ul>li ul.dropdown-menu ul.catemenu{left:100%;top:0;border-left:1px solid #fff;display:none;transform:initial;} #Menu ul>li ul.dropdown-menu>li:hover ul.catemenu{display:block;} #search{margin:0 0 0 30px;position:relative;} #search #sform{width:187px;height:40px;box-sizing:border-box;display:flex;overflow:hidden;background-color:#fff;transition:all 0.3s;border:1px solid #afafaf;border-radius:5px;} #search #sform #stext{width:calc(100% - 45px);padding-left:15px;} #search #sform #sbut{width:45px;position:relative;text-align:center;border:none;background-color:transparent;cursor:pointer;} #search #sform #sbut>i{font-size:18px;line-height:1;color:var(--main-color);} #lang{position:relative;margin:0 0 0 30px;} #lang .link{display:flex;justify-content:space-around;align-items:center;border:1px solid #cfcfcf;padding:6px 10px;background-color:#fafafa;} #lang .link>i{display:inline-block;color:#000;} #lang .link>i.icon-lang{font-size:20px;} #lang .link>span{display:inline-block;color:#000;margin:0 60px 0 5px;} #lang ul.dropdown-menu{position:absolute;top:100%;background-color:#fff;z-index:2;width:100%;box-shadow:0 5px 10px rgba(0,0,0,0.17);padding:5px 15px 10px;margin-top:30px;transition:all 0.3s;visibility:hidden;opacity:0;left:50%;transform:translate(-50%,0);overflow:hidden;} #lang ul.dropdown-menu>li{min-width:120px;} #lang ul.dropdown-menu>li img{margin-right:8px;margin-left:0;} #lang ul.dropdown-menu>li>a{line-height:24px;font-size:16px; padding:8px 0 8px 0;white-space:nowrap;position:relative;z-index:2;color:#888;display:flex;justify-content:flex-start;align-items:center;} #lang ul.dropdown-menu>li:hover>a{color:var(--main-color);} #lang ul.dropdown-menu>li:not(:last-child)>a{border-bottom:1px solid #ddd;} #lang:hover ul.dropdown-menu{margin-top:0;visibility:visible;opacity:1;} /*手机导航*/ header #menu_btn{width:40px; height:40px; cursor:pointer; position: relative;display:inline-block;border-radius:50px;text-align:center;margin-top:15px;float:right;display:none;} header #menu_btn>i{display:inline-block;font-size:24px;line-height:40px;color:var(--main-color);} header #menu_btn>i:before{content:"\e61c";} header #menu_btn.show>i:before{content:"\e640";} @media (min-width:1430px) and (max-width:1629px){ #Menu ul.menunav>li{padding:0 12px;} } @media (min-width:1080px) and (max-width:1429px) { header .container{padding-left:15px;padding-right:15px;} #logo .logo{height:60px;} #logo .logo img{width:120px;} #Menu ul.menunav>li{padding: 0 6px;} #Menu ul.menunav>li>a{font-size:16px;} #search{margin-left:5px;} #search #sform{width:140px;} #lang{margin-left:15px;} #lang .link>span{margin-right:15px;} } @media (min-width:1px) and (max-width:1079px) { header .top{display:none;} #logo .logo img{width:120px;} #search{margin-left:0px;} #search #sform{width:150px;height:36px;} #lang{margin-left:10px;} #lang .link>span{margin-right:5px;display:none;} #lang ul.dropdown-menu{min-width:140px;} #Menu ul.menunav > li.active > a{color:#fff;} #Menu ul.menunav > li > a::before{display:none;} #Menu{height:60px;} #logo .logo{height:60px;} #logo .logo img{max-width:150px;height:auto;} header #search{margin-right:0;} header #menu_btn{display:block;margin-top:3px;margin-right:0;margin-left:10px;} header #menu_btn>i{color:#000;} header.iheader #menu_btn>i{color:#fff;} #Menu ul.menunav{display:block;width:220px;position:fixed;top:0;left:-230px;bottom:0;background-color:var(--main-color);box-shadow:0 0 3px #eee;padding-top:20px;overflow-y:scroll;padding-bottom:60px;transition:all 0.3s;} #Menu ul.menunav>li{display:block;padding:0;} #Menu ul.menunav>li>a{padding:6px 15px;color:#fff;text-align:left;font-size:16px;font-weight:bold;} #Menu ul>li ul.dropdown-menu{display:block;background-color:initial;position:relative;padding-left:15px;box-shadow:none;border-bottom:none;opacity:1;visibility:visible;margin-top:0;padding-top:0;} #Menu ul>li ul.dropdown-menu>li>a{color:#fff;font-size:14px;padding:4px 10px 4px 20px;white-space:initial;} #Menu ul>li ul.dropdown-menu>li:not(:last-child)>a{border:none;} #Menu ul>li ul.dropdown-menu ul.catemenu{display:block;position:relative;left:0;border-left:none;} header.show #Menu ul.menunav{left:0;z-index:2;} } /**********头部样式**********/ .feedbackbox ul{} .feedbackbox ul>li{margin:0 0 25px;width:100%;position:relative;} .feedbackbox ul>li:last-child{margin-right:0;} .feedbackbox ul>li.half{width:49%;} .feedbackbox ul>li>label{text-align:left;font-weight:normal;font-size:20px;line-height:30px;margin-right:5px;color:#8a8a8a;} .feedbackbox ul>li>label>em{color:#f00;font-style:initial;font-size:18px;line-height:40px;display:inline-block;vertical-align:top;} .feedbackbox ul>li>.input{margin:0;height:55px;width:100%;border:1px solid #dbdbdb;padding-left:15px;border-radius:5px;} .feedbackbox ul>li textarea.input{resize:none;position:relative;line-height:30px;font-size:16px;padding-top:6px;} .feedbackbox ul>li.tips{border-bottom:none;font-size:18px;line-height:24px;color:#747474;} .feedbackbox .submit{display:inline-block;margin-top:0;background-color:var(--main-color);color:#fff;text-align:center;padding:8px 25px;font-size:16px;line-height:30px;} .feedbackbox .submit>i{margin-right:8px;} @media (min-width:992px) and (max-width:1229px) { .feedbackbox ul>li.half{margin-bottom:20px;} .feedbackbox ul>li{} .feedbackbox ul>li>label{font-size:16px;} .feedbackbox ul>li.btnli .btnlink{padding:3px 40px;} } @media (min-width:768px) and (max-width:991px) { .feedbackbox ul>li.half{margin-bottom:20px;} .feedbackbox ul>li{} .feedbackbox ul>li>label{font-size:16px;} .feedbackbox ul>li>input{} .feedbackbox ul>li textarea{} .feedbackbox ul>li.btnli .morelink{padding:3px 40px;font-size:16px;line-height:32px;} } @media (min-width:1px) and (max-width:767px) { .feedbackbox ul>li.half{margin-bottom:20px;width:100%;} .feedbackbox ul>li>label{font-size:16px;} .feedbackbox ul>li textarea.input{} .feedbackbox ul>li.btnli .morelink{padding:3px 40px;font-size:16px;line-height:32px;} } /**********底部样式**********/ footer{background:#182737;} footer dl dt{margin-bottom:25px;font-size:24px;line-height:30px;position:relative;font-family:var(--font-en);color:#fff;} footer dl dd{position:relative;margin-bottom:15px;border-bottom:1px solid #545f6c;padding-bottom:10px;} footer dl dd>a{display:block;transition:all 0.3s;line-height:24px;color:#bbbfc8;} footer dl dd>a:hover{color:#fff;} footer dl dd>a:before{content:"";width:0px;height:8px;background-color:#fff;display:inline-block;vertical-align:top;margin-top:8px;border-radius:50px;transition:all 0.3s;} footer dl dd>a:hover{color:#fff;} footer dl dd>a:hover:before{width:8px;margin-right:10px;} footer .left{width:39.375%;border-right:1px solid #545f6c;margin:0;padding-top:70px;padding-right:130px;padding-bottom:70px;} footer h3{margin-bottom:25px;font-size:24px;line-height:30px;position:relative;font-family:var(--font-en);color:#fff;} footer .left .item{padding-left:65px;margin-bottom:40px;position:relative;} footer .left .item i{width:48px;height:48px;line-height:48px;border-radius:5px;background-color:#394554;color:#fff;text-align:center;position:absolute;left:0;top:0;font-size:24px;} footer .left .item p,footer .left .item a{display:block;color:#bbbfc8;} footer .left .item a:hover{color:#fff;text-decoration:underline;} footer .right{width:60.625%;margin:0;padding-top:70px;display:flex;flex-wrap:wrap;} footer .right .menulist{padding:0 30px 30px 90px;border-bottom:1px solid #545f6c;display:flex;justify-content:space-between;align-items:center;width:100%;} footer .right .flex_between{margin:0;width:100%;} footer .right .menulist a{color:#bbbfc8;display:block;margin:0;position:relative;} footer .right .menulist em{position:relative;} footer .right .menulist em:before{content:"";width:2px;height:20px;background-color:#bbbfc8;position:absolute;left:100%;top:-10px;transform:rotate(15deg);} footer .right .menulist a:hover{color:#fff;text-decoration:underline;} footer .right .footcategory{padding-top:60px;border-right:1px solid #545f6c;width:560px;padding-left:90px;margin:0;} footer .right .footcategory dl{width:285px;} footer .right .footimg{padding-top:60px;margin:0;} footer .right .footimg .img{text-align:center;} footer .footshare{margin-top:40px;display:flex;} footer .footshare>a{} footer .footshare>a>i{display:block;color:#fff;font-size:16px;text-align:center;margin-right:15px;width:32px;height:32px;line-height:32px;border-radius:5px;background-color:#394554;} footer .footshare>a:hover>i{background-color:var(--main-color);} /*footer .footshare>a>i.icon-facebook:hover{background-color:#3c5a99;border:1px solid #3c5a99;} footer .footshare>a>i.icon-linkedin:hover{background-color:#0077b5;border:1px solid #0077b5;} footer .footshare>a>i.icon-twitter:hover{background-color:#028fd9;border:1px solid #028fd9;} footer .footshare>a>i.icon-youtube:hover{background-color:#d54029;border:1px solid #d54029;} footer .footshare>a>i.icon-pinterest:hover{background-color:#e10600;border:1px solid #e10600;} footer .footshare>a>i.icon-instagram:hover{background-color:#cf3d6b;border:1px solid #cf3d6b;}*/ .copyright{overflow:hidden;padding:18px 0;border-top:1px solid #545f6c;} .copyright .footdiv{margin:0;color:#bbbfc8;} .copyright .footdiv>a{color:#bbbfc8;} .copyright .footdiv>a:hover{color:#fff;text-decoration:underline;} @media (min-width:1080px) and (max-width:1429px) { footer{} footer .left{padding-right:30px;padding-top:50px;} footer .right{padding-top:50px;} footer .right .menulist{padding-left:30px;} footer .right .footcategory{padding-left:30px;padding-top:30px;width:60%;} footer .right .footimg{padding-top:30px;} } @media (min-width:1px) and (max-width:1079px) { footer{padding:0 0 50px;} .footercontent{display:none;} .copyright{margin-top:0;padding:15px 0;} footer .footshare{margin-bottom:10px;} } #mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;bottom:0;width:100%;display:none;z-index:10;background-color:#fff;} #mobMenu .foot_nav{text-align:center;color: #898989;font-size:14px;flex:1;} #mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;} #mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;} @media (min-width:1px) and (max-width:991px) { #mobMenu{display:flex;} } #float{position:fixed;right:0;top:60%;z-index:55;transform:translate(0,-50%);display: flex; flex-direction: column; align-items: flex-end;} #float .ico{display:block;width:50px;height:50px;text-align:center;background:var(--main-color);position:relative;cursor:pointer;margin-bottom:6px;overflow:hidden;display:flex;justify-content:center;align-items:center;} #float .ico>i{font-size:28px;line-height:50px;display:block;color:#fff;width:50px;} #float .ico>.img{position:absolute;right:50px;width:140px;top:0;display:none;background-color:#fff;box-shadow:0 0 5px #b0b0b0;} #float .ico>.img>img{width:100%;} #float .ico>i.icon_whatsapp{background-color:#1bc73a;} #float .ico:hover>.img{display:block;} #float .ico.email{background-color:#f7aa3c;} #float .ico.whatsapp{background-color:#25d366;} #float .ico.getainquiry{background-color:#a4c6f9;} @media (min-width:1px) and (max-width:991px){ #float .ico{width:40px;height:40px;margin-bottom:5px;} #float .ico>i{font-size:20px;line-height:40px;} #float .ico>.img{right:40px;} } #float .ico p{width:0;color:#fff;transition:all 0.3s;white-space:nowrap;} #float .ico i .number{position:absolute;width:25px;height:25px;font-size:16px;border-radius:50%;left:-5px;z-index:13;line-height:25px;background-color:#c6171e;color:#fff;top:-5px;} #float .ico.getainquiry i{animation:blink 1.6s infinite;} #float .ico:hover{width:auto;} #float .ico:hover p{width:auto;padding:0 15px 0 5px;min-width:30px;} @keyframes blink { 0% { opacity: 1; color: #fff } 50% { opacity: 0.4 } 100% { opacity: 1 } } #floatForm{position:fixed;right:20px;bottom:-30px;z-index:999;transform: translateY(100%);transition: all 0.35s;} #floatForm.show{transform: translateY(0);bottom:0;} #floatForm .bg{width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;} #floatForm .contactForm{width:90%;max-width:380px;position:relative;z-index:1;box-shadow:0 0 10px 1px var(--main-color);padding:30px 20px;background-color:#f3f3f3;border:1px solid #e1eaec;} #floatForm .contactForm .btnclose{display:block;width:30px;height:30px;background-color:#000;border:3px solid #fff;border-radius:50%;z-index:1;position:absolute;top:-15px;right:-15px;text-align:center;cursor:pointer;} #floatForm .contactForm .btnclose>i{font-size:12px;line-height:24px;color:#fff;font-weight:bold;} #floatForm .contactForm .quickQuoteTitle{font-size:22px;line-height:24px;color:#171717;font-weight:600;margin-bottom:20px;} #floatForm .contactForm input, .contactForm textarea{padding:12px;width:100%;border:1px solid #dadada;margin-bottom:10px;background-color:#fff;color:#000;resize:none;} #floatForm .contactForm .submit{padding:10px 20px;min-width:120px;font-size:16px;line-height:20px;border:1px solid var(--main-color);background-color:var(--main-color);text-align:center;color:#fff;border-radius:50px;display:inline-block;} #floatForm .contactForm .submit:hover{color:var(--main-color);} /**********底部样式**********/ /**********首页样式**********/ #ibframe{width:100%;position:relative;} #ibframe:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.3);z-index:1;} #ibframe .swiper{height:100%;} #ibframe .swiper-slide img{width:100%;height:100%;object-fit:cover;margin:0 auto;} /*#ibframe .swiper-slide-active img{transition:5s linear;transform:scale(1,1);}*/ #ibframe .swiper-pagination{bottom:3vw;} #ibframe .swiper-pagination-bullet{width:19px;height:3px;margin:0 4px;background-color:#d0d0d0;opacity:1;border-radius:0;transition:all 0.3s;} #ibframe .swiper-pagination-bullet-active{background-color:var(--main-color);width:35px;} #ibframe .btnlist .swbtn{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;position:absolute;color:#fff;top:calc(50% - 25px);z-index:1;background-color:rgba(0,0,0,0.3);border-radius:50%;transition:all 0.3s;display:none;} #ibframe .btnlist .swbtn>i{font-size:30px;display:block;} #ibframe .btnlist .swbtn.btn-prev{left:calc(4vw);} #ibframe .btnlist .swbtn.btn-next{right:calc(4vw);transform:rotateY(180deg);} #ibframe .btnlist .swbtn:hover{background-color:var(--main-color);} #ibframe video{height:calc(100vh - 127px);object-fit:cover;} #ibframe .txt{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;width:90%;z-index:2;} #ibframe .txt h2{font-size:50px;line-height:1;font-weight:bold;color:#fff;} #ibframe .txt .line{display:block;width:0;height:17px;background:url(/dist/images/banner_line.png) no-repeat left center;position:relative;left:calc(50% - 112px);animation:showline 2.5s forwards;margin-top:8px;} #ibframe .txt p{font-size:18px;line-height:1.5;margin-top:8px;color:#e7e7e7;font-family:var(--font-light);} #ibframe .txt .morelink{margin-top:30px;} @keyframes showline { 0% { width: 0; } 100% { width:224px; } } #ibframe .mouse{border:2px solid rgba(255,255,255,.7);width: 20px;height: 32px;position: absolute;z-index: 4;left: 50%;bottom:60px;margin-left: -10px;border-radius: 20px;} #ibframe .mouse:after{content: '';display: block;width: 2px;height: 4px;background: rgba(255,255,255,.8);position: absolute;left: 50%;top: 5px;margin-left: -1px;animation: mouse-middle .86s ease infinite;} @keyframes mouse-middle{ 0% {opacity:.8;} 50% {opacity:1; top:15px; height:7px;} 100% {opacity:0; top:28px; height:4px;} } @media (min-width:1080px) and (max-width:1429px) { #ibframe .txt h2{font-size:36px;} #ibframe .txt p{font-size:16px;} } @media (min-width:1px) and (max-width:1079px){ #ibframe video{height:300px;} #ibframe{position:relative;height:initial;} #ibframe .swiper{height:initial;} #ibframe .swiper-slide img{width:100%;height:initial;object-fit:initial;} #ibframe .swiper-pagination{bottom:5px;} #ibframe .swiper-pagination-bullet{width:30px;} #ibframe .swiper-pagination-bullet-active{width:45px;} #ibframe .btnlist .swbtn{width:36px;height:36px;line-height:36px;} #ibframe .btnlist .swbtn>i{font-size:20px;} #ibframe .btnlist .swbtn.btn-prev{left:15px;} #ibframe .btnlist .swbtn.btn-next{right:15px;} #ibframe .txt h2{font-size:18px;} #ibframe .txt p{display:none;} #ibframe .txt .morelink{display:none;} #ibframe .mouse{display:none;} } #frame1{background-color:#f3f3f3;} #frame1 .title{text-align:left;} #frame1 article{font-size:16px;line-height:1.875;color:#666;} #frame1 article b{display:inline-block;color:var(--main-color);} #frame1 .btnlist{display:flex;align-items:center;margin-top:50px;} #frame1 .btnlist .morelink{margin-right:50px;} #frame1 .btnlist .showvideo{position:relative;display:inline-block;padding-left:75px;} #frame1 .btnlist .showvideo>i{font-size:60px;line-height:1;color:var(--normal-color);position:absolute;left:0;top:-5px;} #frame1 .btnlist .showvideo>span{display:block;line-height:50px;font-size:16px;color:var(--main-color);height:50px;} #frame1 .btnlist .showvideo:hover>span{color:var(--main-color);} #frame1 .imgbox{margin-top:60px;height:488px;position:relative;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:top center;} #frame1 .numlist{position:absolute;bottom:50px;width:90%;left:5%;} #frame1 .numlist .item{width:20%;position:relative;padding-left:75px;padding-top:5px;position:relative;} #frame1 .numlist .item:not(:last-child):before{content:"";width:1px;height:40px;background-color:#fff;position:absolute;left:105%;top:10px;} #frame1 .numlist .item>i{position:absolute;font-size:60px;left:0;top:0;line-height:1;color:#fff;} #frame1 .numlist .item span{color:#fff;font-size:30px;display:inline-block;line-height:1;font-family:var(--font-bold);} #frame1 .numlist .item sup{color:#fff;font-size:18px;line-height:30px;display:inline-block;vertical-align:top;margin-left:5px;} #frame1 .numlist .item p{color:#fff;font-size:14px;line-height:20px;} @media (min-width:1430px) and (max-width:1629px) { #frame1 .numlist .item:not(:last-child):before{left:calc(108%);} } @media (min-width:1080px) and (max-width:1429px) { #frame1 .imgbox{height:360px;} #frame1 .numlist .item{width:25%;margin:0;padding-left:65px;} #frame1 .numlist .item:not(:last-child):before{display:none;} #frame1 .numlist .item>i{font-size:50px;} #frame1 .numlist .item span{font-size:24px;} } @media (min-width:1px) and (max-width:1079px) { #frame1 article{font-size:14px;line-height:1.6;} #frame1 .btnlist{margin-top:30px;flex-wrap:wrap;} #frame1 .btnlist .morelink{min-width:180px;margin-bottom:15px;margin-right:30px;} #frame1 .btnlist .showvideo{min-width:150px;padding-left:50px;margin-bottom:15px;} #frame1 .btnlist .showvideo>i{font-size:40px;top:0;} #frame1 .btnlist .showvideo>span{line-height:40px;height:40px;} #frame1 .numlist{width:96%;left:2%;} #frame1 .imgbox{height:300px;} #frame1 .numlist .item{width:50%;margin:0 0 15px;padding-left:45px;} #frame1 .numlist .item:not(:last-child):before{display:none;} #frame1 .numlist .item>i{font-size:36px;} #frame1 .numlist .item span{font-size:24px;} #frame1 .numlist .item sup{font-size:14px;line-height:24px;} } #frame2{background:url(/dist/images/cate_bg.png) no-repeat bottom right;position:relative;} #frame2:before{content:"";background:linear-gradient(to right,#fff 55%,#eef2f6 55%);top:0;left:0;right:0;bottom:0;position:absolute;z-index:-1;} #frame2 .title{width:43.75%;margin:0;} #frame2 .catelist{width:37.5%;margin:0;} #frame2 .catelist .catename{display:inline-block;text-align:center;color:var(--main-color);} #frame2 .catelist .catename:not(:last-child){margin-right:65px;} #frame2 .catelist .catename>i{display:block;width:95px;height:95px;line-height:95px;font-size:50px;background-color:#fff;border:1px solid #ababab;border-radius:50%;color:#666;margin:0 auto 10px;} #frame2 .catelist .catename.active>i{background-color:var(--main-color);border-color:var(--main-color);color:#fff;} #frame2 .item .flex_between{align-items:center;} #frame2 .item .txt{width:45%;margin:0;} #frame2 .item .txt h3{font-size:36px;color:var(--main-color);} #frame2 .item .txt .remark{margin-top:20px;} #frame2 .item .txt .remark p{padding-left:30px;position:relative;} #frame2 .item .txt .remark p:before{content:"\e65b";font-family:iconfont;color:var(--normal-color);position:absolute;left:0;top:0;font-size:20px;line-height:24px;} #frame2 .item .txt .morelink{margin-top:40px;} #frame2 .item .pic{width:54%;margin:0;text-align:center;padding:30px 0;} #frame2 .item .pic img{transition:all 0.3s;width:100%;max-width:800px;} #frame2 .item .pic img:hover{transform:scale(1.03);} #frame2 .swiper-pagination{position:relative;margin-top:20px;} #frame2 .swiper-pagination-bullet{width:12px;height:12px;margin:0 7px;background-color:#fff;opacity:1;border-radius:50%;border:1px solid #9d9d9d;transition:all 0.3s;} #frame2 .swiper-pagination-bullet-active{background-color:var(--main-color);border-color:var(--main-color);} @media (min-width:1080px) and (max-width:1429px) { #frame2{background:none;} #frame2 .title{margin-bottom:20px;} #frame2 .catelist .catename>i{width:75px;height:75px;line-height:75px;font-size:40px;} #frame2 .item .txt h3{font-size:26px;} #frame2 .item .pic{padding:30px;} } @media (min-width:1px) and (max-width:1079px) { #frame2{background:none;} #frame2 .title{width:100%;} #frame2 .catelist{width:100%;margin-top:15px;margin-bottom:20px;} #frame2 .catelist .catename>i{width:50px;height:50px;line-height:50px;font-size:30px;} #frame2 .catelist .catename:not(:last-child){margin-right:30px;} #frame2 .item .txt{width:100%;} #frame2 .item .txt h3{font-size:22px;} #frame2 .item .txt .remark p{font-size:14px;} #frame2 .item .pic{padding:30px;width:100%;} #frame2 .item .txt .morelink{margin-top:30px;} } #frame3{} #frame3 .title{text-align:center;} #frame3 .title .line{margin-left:auto;margin-right:auto;} #frame3 .title p{} #frame3 .list{margin:0 -15px;position:relative;} #frame3 .list .swiper{padding:15px;} #frame3 .list .item{box-shadow:0 0 15px #ccc;} #frame3 .list .item .img{padding:15px 30px;} #frame3 .list .item .txt{padding:10px 30px 40px;} #frame3 .list .item:hover .txt h4{color:var(--main-color);} #frame3 .btnlist .swbtn{display:inline-block;width:37px;height:37px;line-height:37px;text-align:center;position:absolute;color:#fff;top:calc(50% - 18px);z-index:1;background-color:rgba(0,83,158,0.61);border-radius:5px;transition:all 0.3s;} #frame3 .btnlist .swbtn>i{font-size:30px;display:block;} #frame3 .btnlist .swbtn.btn-prev{left:0;} #frame3 .btnlist .swbtn.btn-next{right:0;transform:rotateY(180deg);} #frame3 .btnlist .swbtn:hover{background-color:var(--main-color);} #frame3 .swiper-wrapper { -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } @media (min-width:1430px) and (max-width:1629px){ #frame3 .list .item .txt{padding:10px 20px 30px;} } @media (min-width:1080px) and (max-width:1429px) { #frame3 .list .item .txt{padding:15px 15px 15px;} } @media (min-width:1px) and (max-width:1079px) { #frame3 .list{margin:0 -15px;} #frame3 .list .item .txt{padding:15px 15px 15px;} } #frame4{background:linear-gradient(to right,#234167 50%,#fff 50%);} #frame4 .left{width:33%;margin:0;display:flex;align-items:center;} #frame4 .left .title h2{color:#fff;} #frame4 .left .title p{color:#fff;} #frame4 .left .remark{color:#fff;border-left:4px solid var(--normal-color);padding:5px 15px;} #frame4 .left .morelink2{margin-top:120px;} #frame4 .right{width:50%;padding:30px;margin-right:115px;margin-left:0;background-color:#fff;} #frame4 .right .item{width:calc((100% - 20px)/2);margin:0 20px 0 0;} #frame4 .right .item:nth-child(2n){margin-right:0;} #frame4 .right .item:not(:nth-last-child(-n+2)){margin-bottom:20px;} @media (min-width:1080px) and (max-width:1429px) { #frame4 .left{width:40%;} #frame4 .right{margin-right:0;width:60%;} } @media (min-width:1px) and (max-width:1079px) { #frame4{background:linear-gradient(to bottom,#234167 60%,#fff 60%);} #frame4 .left{width:100%;} #frame4 .left .morelink2{margin-top:30px;} #frame4 .right{margin-right:0;width:100%;margin-top:15px;padding:20px;} } #frame5{} #frame5 .title{text-align:center;} #frame5 .title .line{margin-left:auto;margin-right:auto;} #frame5 .left{width:60%;margin:0;height:600px;} #frame5 .right{width:36.75%;margin:0;} #frame5 .right .list{display:flex;flex-flow:column;justify-content:space-between;margin:0;height:100%;} #frame5 .right .item{background-color:#f4f5f7;padding:35px 50px;width:100%;cursor:pointer;position:relative;} #frame5 .right .item h3{font-size:18px;line-height:40px;padding-left:60px;position:relative;} #frame5 .right .item h3 i{font-size:40px;line-height:1;position:absolute;left:0;top:0;color:var(--main-color);} #frame5 .right .item p{display:none;line-height:1.875;margin-top:10px;} #frame5 .right .item.active{background-color:#dff0f9;} #frame5 .right .item.active:before{content:"";border-width:36px 32px;border-style:solid;border-color:transparent #dff0f9 transparent transparent;position:absolute;left:-64px;top:calc(50% - 36px);} #frame5 .right .item.active h3 i{color:var(--normal-color);} #frame5 .right .item.active p{display:block;} @media (min-width:1430px) and (max-width:1629px){ #frame5 .left{height:auto;} #frame5 .right .item{padding:25px 40px;} } @media (min-width:1080px) and (max-width:1429px) { #frame5 .left{height:auto;} #frame5 .right .item{padding:15px 25px;} #frame5 .right .item h3{font-size:16px;line-height:30px;padding-left:40px;} #frame5 .right .item h3 i{font-size:30px;} #frame5 .right .item p{font-size:14px;line-height:1.5;} } @media (min-width:1px) and (max-width:1079px) { #frame5{padding-top:0;} #frame5 .left{height:auto;width:100%;} #frame5 .right{width:100%;} #frame5 .right .item{padding:15px 20px;} #frame5 .right .item h3{font-size:16px;line-height:24px;padding-left:40px;} #frame5 .right .item h3 i{font-size:30px;} #frame5 .right .item p{font-size:14px;line-height:1.5;} #frame5 .right .item.active:before{display:none;} } #frame6{padding-top:0;} #frame6 .list .swiper{padding-top:10px;padding-bottom:10px;padding-right:1px;} #frame6 .list .item{display:block;border:1px solid #e1e1e1;transition:all 0.6s;} #frame6 .list .item:nth-child(4n){margin-right:0;} #frame6 .list .item .txt{padding:20px 25px 70px;} #frame6 .list .item .txt h3{font-size:18px;} #frame6 .list .item .txt p{margin-top:6px;} #frame6 .list .item .morelink3{display:inline-block;border-radius:5px;padding:10px 20px;color:#fff;background-color:var(--normal-color);position:absolute;left:25px;bottom:-8px;} #frame6 .list .item .morelink3:before{content:"";border-width:2.5px;border-style:solid;border-color:#595959 transparent transparent #595959;position:absolute;left:100%;bottom:3.5px;} #frame6 .list .item:hover{margin-top:-10px;border-color:var(--main-color);} #frame6 .list .item:hover .txt h3{color:var(--main-color);} #frame6 .list .item:hover .morelink3{background-color:var(--main-color);} #frame6 .btnlist{position:absolute;top:10px;right:0;display:flex;} #frame6 .btnlist .swbtn{display:inline-block;width:60px;height:53px;line-height:53px;text-align:center;color:#fff;z-index:1;background-color:var(--main-color);transition:all 0.3s;margin:0;} #frame6 .btnlist .swbtn>i{font-size:30px;display:block;} #frame6 .btnlist .swbtn.btn-prev{border-radius:5px 0 0 5px;} #frame6 .btnlist .swbtn.btn-next{transform:rotateY(180deg);background-color:var(--normal-color);border-radius:5px 0 0 5px;} @media (min-width:1080px) and (max-width:1429px) { } @media (min-width:1px) and (max-width:1079px) { #frame6 .btnlist .swbtn{width:40px;height:40px;line-height:40px;} #frame6 .list .item .txt{padding:15px 15px 20px;} #frame6 .list .item .txt h3{font-size:16px;} #frame6 .list .item .txt p{font-size:14px;margin-top:5px;} #frame6 .list .item .morelink3{display:none;} } #frame7{background:linear-gradient(to bottom,#f4f5f7 60%,#182737 60%);padding-bottom:0;} #frame7 .title{text-align:center;} #frame7 .title .line{margin-left:auto;margin-right:auto;} #frame7 .feedbackbox{background-color:#fff;padding:70px 36px 75px;} #frame7 .feedbackbox ul>li>.input{height:68px;} #frame7 .feedbackbox ul>li textarea.input{height:160px;} #frame7 .feedbackbox .txtcenter{margin-top:20px;} #frame7 .feedbackbox .morelink3{display:inline-block;border-radius:5px;padding:15px 25px;color:#fff;background-color:var(--main-color);line-height:30px;} #frame7 .feedbackbox .morelink3>i{margin-right:10px;vertical-align:top;font-size:20px;} #frame7 .feedbackbox .morelink3:hover{background-color:var(--normal-color);} @media (min-width:1080px) and (max-width:1429px) { #frame7 .feedbackbox{padding:35px;} #frame7 .feedbackbox ul>li>.input{height:60px;} #frame7 .feedbackbox ul>li textarea.input{height:140px;} #frame7 .feedbackbox .txtcenter{margin-top:0px;} #frame7 .feedbackbox .morelink3{padding:10px 25px;} } @media (min-width:1px) and (max-width:1079px) { #frame7 .feedbackbox{padding:20px;} #frame7 .feedbackbox ul>li>.input{height:50px;} #frame7 .feedbackbox ul>li textarea.input{height:120px;} #frame7 .feedbackbox .txtcenter{margin-top:0px;} #frame7 .feedbackbox .morelink3{padding:8px 25px;} } #bgframe{background-repeat:no-repeat;background-size:auto 100%;padding-top:65px;padding-bottom:65px;background-position:center;} #bgframe.scroll{background-attachment:fixed;padding-bottom:180px;} #bgframe .title{text-align:center;max-width:900px;margin-bottom:0;} #bgframe .title h2{color:#fff;line-height:1.4;} #bgframe .title h4{text-transform:uppercase;} #bgframe .title h4:before{display:none;} #bgframe .morelink{margin-top:30px;min-width:220px;} @media (min-width:1px) and (max-width:1079px) { #bgframe{padding-top:30px;padding-bottom:30px;} #bgframe.scroll{padding-bottom:30px;} #bgframe.scroll .title h2{font-size:20px;} } /**********首页样式**********/ #bframe{overflow:hidden;position:relative;height:350px;background-repeat:no-repeat;background-color:#eee;background-position:top center;background-attachment:fixed;} #bframe img{width:100%;height:100%;object-fit:cover;} #bframe .txt{position:absolute;width:100%;top:50%;transform:translate(0,-50%);text-align:left;} #bframe h2{font-size:42px;color:#fff;line-height:1;} @media (min-width:1080px) and (max-width:1429px) { #bframe{height:250px;} } @media (min-width:1px) and (max-width:1079px) { #bframe{height:150px;} #bframe h2{font-size:20px;line-height:1.2;} } /*共用*/ #Location{width:100%;background:url(/dist/images/banner_n.jpg) no-repeat center /cover;padding:40px 0;height:105px;position:relative;} #Location .location{display:flex;align-items:center;position:relative;} #Location .location:before{content:"\e663";font-family:iconfont;color:#fff;margin-right:15px;font-size:24px;line-height:24px;} #Location .location a{display:inline-block;color:#fff;font-size:18px;} #Location .location a:hover{color:var(--normal-color);} #Location .location a:not(:last-child)::after{content:"/";font-family:iconfont;margin:0 10px;vertical-align:top;color:#fff;font-weight:bold;} #Location .location span{display:inline-block;color:#fff;font-size:18px;} @media (min-width:1230px) and (max-width:1429px){ #Location{} } @media (min-width:992px) and (max-width:1229px) { #Location{} #Location .location a{font-size:14px;} #Location .location span{font-size:14px;} } @media (min-width:768px) and (max-width:991px) { #Location{} #Location .location{} #Location .location a{font-size:12px;line-height:18px;} #Location .location a:first-child:before{font-size:16px;} #Location .location span{font-size:12px;line-height:18px;} } @media (min-width:1px) and (max-width:767px) { #Location{padding:15px 0;} #Location .location{flex-wrap:wrap;position:absolute;bottom:15px;} #Location .location a{font-size:13px;line-height:18px;} #Location .location a:first-child:before{font-size:16px;} #Location .location span{font-size:13px;line-height:18px;} } .nframe{padding-top:var(--gap-big);} @media (min-width:1080px) and (max-width:1429px) { } @media (min-width:1px) and (max-width:1079px) { } /*左侧菜单*/ #left_nav{width:404px;margin:0;} #right_nav{width:calc(100% - 460px);margin:0;} #left_nav .leftbox{margin-bottom:40px;box-shadow:0 0 20px #ccc;} #left_nav .leftbox dl>dt,#left_nav .leftbox h2{font-size:26px;line-height:30px;color:var(--main-color);padding:15px 30px;background-color:#f2f2f2;border-top:5px solid var(--main-color);position:relative;} #left_nav .leftbox dl>dt>i,#left_nav .leftbox h2>i{font-size:30px;color:var(--normal-color);margin-right:10px;line-height:30px;display:inline-block;vertical-align:top;} #left_nav #sform2{overflow:hidden;border-radius:5px;} #left_nav #sform2 #stext2{width:calc(100% - 40px);height:40px;padding-left:15px;} #left_nav #sform2 #sbut2{width:40px;height:40px;background-color:var(--main-color);border:none;} #left_nav #sform2 #sbut2>i{color:#fff;font-size:20px;cursor:pointer;} #left_nav dl>dd{position:relative;cursor:pointer;overflow:hidden;border-bottom:1px solid #ececec;} #left_nav #LeftProduct dl>dd>a{display:block;font-size:16px;line-height:30px;padding:15px 30px 15px 25px;position:relative;z-index:2;background-color:#fff;} #left_nav #LeftProduct dl>dd>a:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:var(--main-color);transition:all 0.3s;z-index:-1;} #left_nav dl>dd>i{position:absolute;right:5px;top:15px;display:inline-block;width:30px;height:30px;text-align:center;transition:all 0.3s;z-index:3;} #left_nav dl>dd>i:before{content:"\e667";font-family:iconfont;font-size:18px;line-height:30px;transform:rotate(-90deg);display:inline-block;color:var(--main-color);} #left_nav dl>dd.active>i:before,#left_nav dl>dd:hover>i:before{color:var(--main-color);} #left_nav #LeftProduct dl>dd.active>a,#left_nav #LeftProduct dl>dd:hover>a{color:#fff;} #left_nav #LeftProduct dl>dd.active>a:before,#left_nav #LeftProduct dl>dd:hover>a:before{width:100%;color:#fff;} #left_nav dl>dd.active>i:before,#left_nav dl>dd:hover>i:before{color:#fff;} #left_nav dl>dd ul{padding:0 15px 5px;padding-top:15px;display:none;} #left_nav dl>dd.active ul{display:block;} #left_nav dl>dd ul>li{} #left_nav dl>dd ul>li>a{display:block;font-size:17px;line-height:30px;position:relative;color:#959595;padding-bottom:5px;margin-bottom:5px;} #left_nav dl>dd ul>li:not(:last-child)>a{} #left_nav dl>dd ul>li.active>a,#left_nav dl>dd ul>li:hover>a{color:var(--main-color);} #left_nav dl>dd ul>li.active>a:before,#left_nav dl>dd ul>li:hover>a:before{color:var(--main-color);} #left_nav dl>dd ul>li.active>ul{display:block;} #left_nav dl>dd ul>li>ul.catelist{padding:0 20px 0;} #left_nav dl>dd ul>li>ul.catelist>li>a{display:block;border-bottom:1px solid #d5d5d5;padding-left:8px;font-size:14px;} #LeftPro .list{padding:40px 30px;} #LeftPro .list .item{display:block;border:1px solid #e7e7e7;position:relative;} #LeftPro .list .item:not(:last-child){margin-bottom:30px;} #LeftPro .list .item h4{position:absolute;background:rgba(0,83,158,0.68);bottom:0;left:0;right:0;text-align:center;color:#fff;font-size:18px;padding:13px;font-family:var(--font);} #LeftContact{} #LeftContact .list{padding:30px 25px 45px;background-repeat:no-repeat;background-position:right bottom;} #LeftContact .list .item{padding-left:35px;position:relative;} #LeftContact .list .item:not(:last-child){margin-bottom:20px;} #LeftContact .list .item i{position:absolute;left:0;top:0;font-size:24px;line-height:1;color:var(--normal-color);} #LeftContact .list .item span{display:block;color:#000;} #LeftContact .list .item p,#LeftContact .list .item a{display:block;color:#666;margin-top:5px;} #LeftContact .list .item a:hover{text-decoration:underline;color:var(--main-color);} @media (min-width:1430px) and (max-width:1629px){ #right_nav{width:calc(100% - 440px);} } @media (min-width:1080px) and (max-width:1429px) { #left_nav{width:33%;} #right_nav{width:65%;} #left_nav #LeftProduct dl>dd>a{font-size:16px;} #left_nav dl>dd ul>li>a{font-size:15px;} } @media (min-width:1px) and (max-width:1079px) { #left_nav{display:none;} #right_nav{width:100%;} } #right_nav .title{text-align:left;} #right_nav .title h2{} @media (min-width:1080px) and (max-width:1429px) { #right_nav .title p{font-size:15px;} } @media (min-width:1px) and (max-width:1079px) { } article.context,article.context>*{color:#666;line-height:2;font-size:16px;} @media (min-width:1px) and (max-width:1079px) { article.context,article.context>*{line-height:1.8;font-size:14px;} } /*关于我们*/ #ab_info{background:url(/dist/images/ab_bg.jpg) no-repeat left bottom;} #ab_info .left{width:50%;margin:0;} #ab_info .left .title h4{font-size:18px;color:var(--normal-color);} #ab_info .left .title h3{margin-top:15px;} #ab_info .left .title {margin-bottom:20px;} #ab_info .left article{font-size:16px;line-height:1.875;overflow-y:auto;height:390px;padding-right:75px;} #ab_info .left article>*{font-size:16px;line-height:1.875;} #ab_info article::-webkit-scrollbar{width: 4px;box-sizing: border-box;background-color:#e0e0e0;} #ab_info article::-webkit-scrollbar-thumb {height: 5px;border-radius: 5px;background-color: var(--main-color);} #ab_info .right{width:45.5%;margin:0;} #ab_info .btnlist .swbtn{display:inline-block;width:37px;height:37px;line-height:37px;text-align:center;position:absolute;color:#fff;top:calc(50% - 18px);z-index:1;background-color:rgba(0,0,0,0.46);border-radius:50px;transition:all 0.3s;} #ab_info .btnlist .swbtn>i{font-size:30px;display:block;} #ab_info .btnlist .swbtn.btn-prev{left:20px;} #ab_info .btnlist .swbtn.btn-next{right:20px;transform:rotateY(180deg);} #ab_info .btnlist .swbtn:hover{background-color:var(--main-color);} #ab_info .numlist{margin-top:90px;} #ab_info .numlist .item{width:25%;position:relative;padding-left:100px;padding-top:5px;} #ab_info .numlist .item>i{position:absolute;font-size:70px;left:0;top:0;line-height:1;color:var(--main-color);} #ab_info .numlist .item span{color:#333;font-size:48px;display:inline-block;line-height:1;font-family:var(--font-bold);} #ab_info .numlist .item sup{color:#333;font-size:20px;line-height:30px;display:inline-block;vertical-align:top;margin-left:5px;} #ab_info .numlist .item p{color:#333;font-size:14px;line-height:20px;} @media (min-width:1430px) and (max-width:1629px){ #ab_info .left article{font-size:16px;line-height:1.6;height:340px;} #ab_info .left article>*{font-size:16px;line-height:1.6;} } @media (min-width:1080px) and (max-width:1429px) { #ab_info .left .title h3{font-size:30px;} #ab_info .left article{font-size:15px;line-height:1.6;height:290px;padding-right:50px;} #ab_info .left article>*{font-size:15px;line-height:1.6;} #ab_info .numlist{margin-top:50px;} #ab_info .numlist .item{padding-left:65px;} #ab_info .numlist .item>i{font-size:50px;} #ab_info .numlist .item span{font-size:30px;} } @media (min-width:1px) and (max-width:1079px) { #ab_info .left{width:100%;} #ab_info .left .title h3{font-size:24px;margin-top:5px;line-height:1.2;} #ab_info .left article{font-size:14px;line-height:1.6;height:300px;padding-right:15px;} #ab_info .left article>*{font-size:14px;line-height:1.6;} #ab_info .right{width:100%;margin-top:20px;} #ab_info .numlist{margin-top:50px;} #ab_info .numlist .item{padding-left:45px;width:50%;margin-bottom:15px;} #ab_info .numlist .item>i{font-size:36px;} #ab_info .numlist .item span{font-size:20px;} #ab_info .numlist .item sup{font-size:14px;line-height:1;} #ab_info .numlist .item p{font-size:13px;} } #ab_video{height:490px;background-repeat:no-repeat;background-position:top center;background-attachment:fixed;position:relative;} #ab_video .txt{position:absolute;top:50%;transform:translate(0,-50%);width:100%;text-align:center;padding-top:40px;} #ab_video .txt .video_icon{top:0;} #ab_video .txt p{color:#fff;font-size:48px;text-transform:uppercase;} #ab_video .txt p b{color:#fff;font-size:48px;} @media (min-width:1080px) and (max-width:1429px) { #ab_video{height:360px;} #ab_video .txt p{font-size:30px;} #ab_video .txt p b{font-size:30px;} } @media (min-width:1px) and (max-width:1079px) { #ab_video{height:250px;} #ab_video .txt{top:60%;} #ab_video .txt p{font-size:20px;} #ab_video .txt p b{font-size:20px;} } #ab_his{background:url(/dist/images/his_bg.jpg) no-repeat center top;} #ab_his .title{width:22.5%;margin:0;} #ab_his .list{width:76.25%;margin:0;} #ab_his .swiper{margin-right:-8vw;height:100%;} #ab_his .list .swiper-slide{background-color:#fff;border-radius:10px;padding:50px 45px;height:100%;position:relative;} #ab_his .list .swiper-slide:before{content:"";background:url(/dist/images/point.jpg) no-repeat right 50px top 45px;position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;} #ab_his .list .swiper-slide h4{font-size:54px;color:#666;line-height:1.2;} #ab_his .list .swiper-slide h5{font-size:18px;color:#333;font-family:var(--font-en);margin-top:10px;} #ab_his .list .swiper-slide .remark{margin-top:10px;font-size:16px;line-height:1.875;color:#777;padding-left:15px;position:relative;} #ab_his .list .swiper-slide .remark:before{content:"";width:5px;height:5px;background-color:var(--main-color);border-radius:50px;position:absolute;left:0;top:12px;} #ab_his .btnlist{margin-top:90px;} #ab_his .btnlist .swbtn{width:45px;height:45px;box-sizing:border-box;border:3px solid #999;border-radius:50px;text-align:center;display:inline-block;color:#999;} #ab_his .btnlist .swbtn>i{font-size:24px;display:block;line-height:39px;} #ab_his .btnlist .swbtn.btn-next{transform:rotateY(180deg);margin-left:10px;} #ab_his .btnlist .swbtn:hover{background-color:var(--main-color);color:#fff;border-color:var(--main-color);} @media (min-width:1080px) and (max-width:1429px) { #ab_his .list .swiper-slide{padding:30px;} #ab_his .list .swiper-slide h4{font-size:40px;} } @media (min-width:1px) and (max-width:1079px) { #ab_his .title{width:100%;margin:0;} #ab_his .btnlist{margin-top:15px;} #ab_his .swiper{margin-right:0;} #ab_his .list{width:100%;margin:20px 0 0;} #ab_his .list .swiper-slide{padding:15px 20px;} #ab_his .list .swiper-slide:before{display:none;} #ab_his .list .swiper-slide h4{font-size:24px;} #ab_his .list .swiper-slide h5{font-size:16px;} #ab_his .list .swiper-slide .remark{font-size:14px;line-height:1.6;} } #ab_work{} #ab_work .morelink{position:absolute;right:0;top:5px;} #ab_work .item{width:calc((100% - 60px)/4);margin:0 20px 0 0;position:relative;} #ab_work .item:nth-child(4n){margin-right:0;} #ab_work .item .txt{position:absolute;background:rgba(0,0,0,0.5);top:0;right:0;left:0;bottom:0;transform:scale(0);display:flex;align-items:center;transition:all 0.3s;} #ab_work .item .txt p{color:#fff;font-size:20px;} #ab_work .item:hover .txt{transform:scale(1);} @media (min-width:1080px) and (max-width:1429px) { #ab_work .item{width:calc((100% - 45px)/4);margin:0 15px 0 0;} } @media (min-width:1px) and (max-width:1079px) { #ab_work .morelink{position:relative;top:initial;right:initial;margin-top:15px;} #ab_work .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;} #ab_work .item:nth-child(4n){margin-right:15px;} #ab_work .item:nth-child(2n){margin-right:0;} } #ab_ce{background:#f6f6f6;} #ab_ce .item{width:calc((100% - 120px)/4);margin:0 40px 0 0;position:relative;padding:20px;background:url(/dist/images/ce_bg.jpg) no-repeat center/100%;} #ab_ce .item:nth-child(4n){margin-right:0;} #ab_ce .item .txt{position:absolute;background:rgba(0,0,0,0.5);top:0;right:0;left:0;bottom:0;transform:scale(0);display:flex;align-items:center;transition:all 0.3s;} #ab_ce .item .txt p{color:#fff;font-size:20px;} #ab_ce .item:hover .txt{transform:scale(1);} #ab_ce .morelink{margin-top:50px;} @media (min-width:1080px) and (max-width:1429px) { #ab_ce .item{width:calc((100% - 45px)/4);margin:0 15px 0 0;} } @media (min-width:1px) and (max-width:1079px) { #ab_ce .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;} #ab_ce .item:nth-child(4n){margin-right:15px;} #ab_ce .item:nth-child(2n){margin-right:0;} #ab_ce .morelink{margin-top:20px;} } #se_1{} #se_1 .title{text-align:center;margin-bottom:50px;} #se_1 .title .line{margin-left:auto;margin-right:auto;} #se_1 .list .item{width:calc((100% - 45px)/2);margin:0 45px 45px 0;background-color:#f8f9fa;padding:0 45px 45px;} #se_1 .list .item:nth-child(2n){margin-right:0;} #se_1 .list .item .txt{padding-top:20px;} #se_1 .list .item h4{font-size:24px;color:#333;} #se_1 .list .item .line{margin-top:10px;} #se_1 .list .item .remark{margin-top:15px;font-size:18px;line-height:2;color:#666;} @media (min-width:1080px) and (max-width:1429px) { #se_1 .list .item{padding:0;} #se_1 .list .item .txt{padding:20px;} #se_1 .list .item h4{font-size:20px;} #se_1 .list .item .remark{font-size:16px;line-height:1.875;} } @media (min-width:1px) and (max-width:1079px) { #se_1 .list .item{padding:0;width:100%;margin:0 0 25px 0;} #se_1 .list .item .txt{padding:15px;} #se_1 .list .item h4{font-size:18px;} #se_1 .list .item .remark{font-size:13px;line-height:1.875;} } .faqlist{border-top:1px solid #e0e0e0;} .faqlist dl{transition:all 0.3s;overflow:hidden;padding-top:18px;padding-bottom:18px;border-bottom:1px solid #e0e0e0;} .faqlist dl>dt{font-size:18px;line-height:30px;cursor:pointer;position:relative;padding-left:50px;padding-right:50px;} .faqlist dl>dt:after{content:"\e608";font-family:iconfont;position:absolute;right:0;top:0;font-size:20px;line-height:30px;color:var(--main-color);transition:all 0.3s;} .faqlist dl>dt:before{content:"Q";font-size:24px;line-height:30px;font-family:var(--font-bold);color:#ccc;position:absolute;left:5px;top:0;} .faqlist dl>dd{height:0;padding:0 20px 0 50px;overflow:hidden;font-size:16px;line-height:30px;position:relative;transition:all 0.3s;color:#666;} .faqlist dl>dd:before{content:"A";font-size:24px;line-height:30px;font-family:var(--font-bold);color:var(--main-color);position:absolute;left:5px;top:0;} .faqlist dl.active{border-bottom:1px solid var(--main-color);} .faqlist dl.active>dt{font-family:var(--font-bold);} .faqlist dl.active>dt:after{content:"\e624";} .faqlist dl.active>dt:before{color:var(--main-color);} .faqlist dl.active>dd{height:auto;margin-top:15px;} @media (min-width:1080px) and (max-width:1429px) { .faqlist dl>dt{font-size:18px;} .faqlist dl>dd{font-size:15px;} } @media (min-width:1px) and (max-width:1079px) { .faqlist dl{padding-top:12px;padding-bottom:12px;} .faqlist dl>dt{font-size:16px;line-height:1.5;padding-left:36px;} .faqlist dl>dt:before{font-size:20px;} .faqlist dl>dd{font-size:13px;line-height:1.5;padding-left:36px;} .faqlist dl>dd:before{font-size:20px;} } #GalleryPage{background-color:#fff;} #GalleryPage .item{width:calc((100% - 90px)/4);margin:0 30px 30px 0;display:block;padding:5px;border:1px solid #ddd;transition:all 0.3s;} #GalleryPage .item:nth-child(4n){margin-right:0;} #GalleryPage .item p{text-align:center;padding-top:10px;padding-bottom:5px;} #GalleryPage .item:hover{box-shadow:0 0 15px #ddd;} @media (min-width:992px) and (max-width:1229px) { #GalleryPage .item{width:calc((100% - 60px)/3);margin:0 30px 30px 0;padding:5px;} #GalleryPage .item p{margin-top:8px;} } @media (min-width:768px) and (max-width:991px) { #GalleryPage .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;padding:5px;} #GalleryPage .item:nth-child(3n){margin-right:15px;} #GalleryPage .item:nth-child(2n){margin-right:0;} #GalleryPage .item p{margin-top:8px;} } @media (min-width:1px) and (max-width:767px) { #GalleryPage .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;padding:5px;} #GalleryPage .item:nth-child(3n){margin-right:15px;} #GalleryPage .item:nth-child(2n){margin-right:0;} #GalleryPage .item p{margin-top:8px;font-size:14px;} } #GalleryPage1{} #GalleryPage1 .item{width:calc((100% - 100px)/6);margin:0 20px 20px 0;display:block;padding:5px;border:1px solid #ddd;transition:all 0.3s;} #GalleryPage1 .item:nth-child(6n){margin-right:0;} #GalleryPage1 .item p{text-align:center;padding-top:10px;padding-bottom:5px;} #GalleryPage1 .item:hover{box-shadow:0 0 15px #ddd;} @media (min-width:992px) and (max-width:1229px) { #GalleryPage1 .item{width:calc((100% - 60px)/4);} #GalleryPage1 .item:nth-child(6n){margin-right:20px;} #GalleryPage1 .item:nth-child(4n){margin-right:0;} } @media (min-width:768px) and (max-width:991px) { #GalleryPage1 .item{width:calc((100% - 40px)/3);} #GalleryPage1 .item:nth-child(6n){margin-right:20px;} #GalleryPage1 .item:nth-child(3n){margin-right:0;} } @media (min-width:1px) and (max-width:767px) { #GalleryPage1 .item{width:calc((100% - 20px)/2);} #GalleryPage1 .item:nth-child(2n){margin-right:0;} } /*联系我们*/ #ContactPage{background:url(/dist/images/Contact.jpg) no-repeat center bottom/cover;overflow:hidden;} #ContactPage .title h3{color:var(--main-color);font-size:30px;font-family:var(--font-bold);} #ContactPage .title h4{color:#333;font-size:14px;font-family:var(--font-bold);line-height:24px;padding-right:30px;} #contact{width:50%;margin:0;padding:50px;} #contact .item{padding-left:65px;position:relative;border-bottom:1px solid #dedede;margin-bottom:20px;padding-bottom:20px;} #contact .item i{width:48px;height:48px;line-height:48px;text-align:center;position:absolute;left:0;top:0;font-size:36px;color:var(--main-color);} #contact .item b{color:#222;display:block;} #contact .item p,#contact .item a{display:block;color:var(--main-color);margin-top:5px;} #contact .item a:hover{text-decoration:underline;} @media (min-width:1080px) and (max-width:1429px) { #contact{padding:30px;} #contact .item{padding-left:50px;} #contact .item i{font-size:30px;width:40px;height:40px;line-height:40px;} } @media (min-width:1px) and (max-width:1079px) { #contact{width:100%;padding:25px;} #ContactPage .title h3{font-size:24px;} #contact .item{padding-left:40px;} #contact .item i{font-size:24px;width:30px;height:30px;line-height:30px;} } #feedback{width:50%;margin:0;padding:50px;} #feedback .feedbackbox{} #feedback .feedbackbox ul > li{margin-bottom:20px;} #feedback .feedbackbox ul > li > .input{} #feedback .feedbackbox ul > li textarea.input{height:120px;} #feedback .feedbackbox .submit{background-color:var(--normal-color);border-radius:5px;padding-left:50px;padding-right:50px;font-family:var(--font-bold);} #feedback .feedbackbox .submit:hover{background-color:var(--main-color);} @media (min-width:1080px) and (max-width:1429px){ #feedback{padding:30px;} #ContactPage .title h4{padding-right:0;} #feedback .feedbackbox ul > li{margin-bottom:15px;} #feedback .feedbackbox ul > li textarea.input{height:90px;} } @media (min-width:1px) and (max-width:1079px) { #feedback{padding:0 25px 25px;width:100%;} #ContactPage .title h4{padding-right:0;} #feedback .feedbackbox ul > li{margin-bottom:15px;} #feedback .feedbackbox ul > li textarea.input{height:90px;} #feedback .feedbackbox{width:100%;} #feedback .feedbackbox .half{width:100%;} #feedback .feedbackbox ul > li{margin-bottom:15px;} } /*产品中心*/ .mobProCatelist{margin-bottom:20px;} .mobProCatelist .link{display:inline-block;font-size:14px;margin-right:15px;line-height:2;} #ProPage .catelist{margin-top:30px;} #ProPage .cateitem{margin-bottom:50px;background:url(/dist/images/cate_bg2.jpg) no-repeat left center;} #ProPage .cateitem:nth-child(2n){background:url(/dist/images/cate_bg2.jpg) no-repeat right center;} #ProPage .cateitem:nth-child(2n) .flex_between{flex-flow:row-reverse;} #ProPage .cateitem .img{width:50%;margin:0;display:flex;align-items:flex-end;padding-bottom:30px;} #ProPage .cateitem .img img{margin-left:0;transition:all 0.3s;} #ProPage .cateitem .txt{width:48%;background-color:#fff;margin:60px 0 0;padding:70px 30px 50px 55px;} #ProPage .cateitem .txt h2{color:#333;font-size:30px;} #ProPage .cateitem .txt .remark{line-height:1.875;color:#666;margin-top:30px;min-height:170px;} #ProPage .cateitem .txt .morelink{margin-top:30px;} #ProPage .cateitem .img:hover img{transform:scale(1.05);} #ProPage .cateitem .txt h2:hover{color:var(--main-color);} @media (min-width:1080px) and (max-width:1429px) { #ProPage .cateitem .txt{padding:40px 30px 40px 40px;} } @media (min-width:1px) and (max-width:1079px) { #ProPage .cateitem{background:none;} #ProPage .cateitem:nth-child(2n){background:none;} #ProPage .cateitem:nth-child(2n) .flex_between{flex-flow:column;} #ProPage .cateitem .img{width:100%;padding-bottom:0;background:url(/dist/images/cate_bg2.jpg) no-repeat center/100%;} #ProPage .cateitem .txt{width:100%;padding:20px 0 0;margin-top:0;} #ProPage .cateitem .txt h2{font-size:20px;} #ProPage .cateitem .txt .remark{font-size:14px;min-height:initial;} } #ProPage .ProList .item{width:calc((100% - 70px)/3);margin:0 35px 35px 0;overflow:hidden;position:relative;border:1px solid #e4e4e4;} #ProPage .ProList .item:nth-child(3n){margin-right:0;} #ProPage .ProList .item .img{padding:15px 30px;} #ProPage .ProList .item .txt{padding:15px 25px 25px;} #ProPage .ProList .item h4{font-size:16px;color:#333;font-family:var(--font);} #ProPage .ProList .item .remark{font-size:14px;line-height:2;color:#666;margin-top:15px;} #ProPage .ProList .item .morelink4{display:inline-block;margin-top:10px;font-family:var(--font-bold);color:var(--main-color);line-height:24px;} #ProPage .ProList .item .morelink4>i{color:var(--normal-color);font-size:24px;display:inline-block;margin-left:10px;line-height:24px;vertical-align:top;} #ProPage .ProList .item:hover h4{color:var(--main-color);} #ProPage .ProList .item:hover{box-shadow:0 0 15px #ccc;} @media (min-width:1430px) and (max-width:1629px){ #ProPage .ProList .item{width:calc((100% - 50px)/3);margin:0 25px 25px 0;} #ProPage .ProList .item .txt{padding:15px 20px 20px;} } @media (min-width:1080px) and (max-width:1429px) { #ProPage .ProList .item{width:calc((100% - 30px)/2);margin:0 30px 30px 0;} #ProPage .ProList .item:nth-child(3n){margin-right:30px;} #ProPage .ProList .item:nth-child(2n){margin-right:0;} } @media (min-width:1px) and (max-width:1079px) { #ProPage .ProList .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;} #ProPage .ProList .item:nth-child(3n){margin-right:15px;} #ProPage .ProList .item:nth-child(2n){margin-right:0;} #ProPage .ProList .item .txt{padding:10px;} #ProPage .ProList .item h4{font-size:14px;} #ProPage .ProList .item .morelink4{display:none;} } .currertkeywords{margin-bottom:30px;font-size:18px;} .currertkeywords b{display:inline-block;margin-right:10px;font-size:18px;color:var(--main-color);} /*产品详情*/ #ProDetailPage .panelbox{padding-top:0;display:none} #ProDetailPage .panelbox.active{display:block;} #ProductDetail{padding-top:50px;} #ProductDetail .prosection{margin-top:0;} #ProductDetail .leftcate{width:300px;overflow:visible;} #ProductDetail .leftcate .box{position:sticky;top:150px;} #ProductDetail .leftcate .box h3{margin-bottom:15px;background-color:var(--main-color);color:#fff;padding:20px 15px;font-size:20px;} #ProductDetail .leftcate a.catename{display:block;padding:10px 15px;font-size:16px;border-radius:10px;margin-bottom:10px;border:1px solid #ddd;} #ProductDetail .leftcate a.catename:hover{background-color:var(--main-color);color:#fff;border:1px solid var(--main-color);} #ProductDetail .ProductDetailbox{} #ProductDetail video{max-width:1000px;} @media (min-width:1px) and (max-width:1229px) { } /*产品详情部分 样式还原*/ #ProductDetail .tit h3{color:#333;background-color:#fff;border:1px solid #d7d7d7;border-bottom:none;cursor:pointer;transition:all 0.3s;font-size:20px;margin-right:5px;} #ProductDetail .tit h3.active,#ProductDetail .tit h3:hover{background-color:var(--main-color);color:#fff;border-color:var(--main-color);} #ProductDetail .paneltitle h3{color:#fff;background-color:var(--main-color);margin-bottom:30px;font-size:20px;padding:15px 15px;font-family:var(--font);} #ProductDetail .panel{position:relative;z-index:0;margin-bottom:30px;} #ProductDetail .prodetail p{margin:revert;margin:revert-layer;line-height:2!important;} #ProductDetail .prodetail table{border-collapse:collapse} #ProductDetail .prodetail table:not([cellpadding]) td,table:not([cellpadding]) th{padding:0} #ProductDetail .prodetail table td{line-height:2;text-align:center;} #ProductDetail .prodetail table[border]:not([border="0"]):not([style*=border-width]) td,#ProductDetail .prodetail table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px} #ProductDetail .prodetail table[border]:not([border="0"]):not([style*=border-style]) td,#ProductDetail .prodetail table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid} #ProductDetail .prodetail table[border]:not([border="0"]):not([style*=border-color]) td,#ProductDetail .prodetail table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc} /*产品详情部分 样式还原*/ #ProductIntro{} #ProductIntro .IntroImg{width:45%;position:relative;} #ProductIntro .IntroImg #BigImg{border:1px solid #ddd;display:flex;align-items:center;} #ProductIntro .IntroImg #SmallImg{position:relative;width:100%;margin-top:15px;padding-right:1px;padding-bottom:1px;} #ProductIntro .IntroImg #SmallImg .swiper-slide{border:1px solid #ddd;margin:0;} #ProductIntro .IntroImg #SmallImg .swiper-slide.swiper-slide-thumb-active{border:1px solid var(--main-color);} #ProductIntro .IntroImg .btnlist{} #ProductIntro .IntroImg .swbtn{position:absolute;width:40px;height:40px;line-height:40px;text-align:center;z-index:1;background-color:var(--main-color);color:#fff;top:calc(50% - 20px);border-radius:50px;opacity:0.8;} #ProductIntro .IntroImg .swbtn>i{font-size:18px;display:inline-block;} #ProductIntro .IntroImg .swbtn.btn-prev>i{} #ProductIntro .IntroImg .swbtn.btn-next>i{transform:rotateY(180deg);} #ProductIntro .IntroImg .swbtn:hover{opacity:1;} #ProductIntro .IntroImg .swbtn:hover>i{color:#fff;} #ProductIntro .IntroImg .btn-next{right:15px;} #ProductIntro .IntroImg .btn-prev{left:15px;} #ProductIntro .IntroImg #BigImg .proimgbox{padding:0px 60px;display:block;} #ProductIntro .IntroImg img{width:100%;} #ProductIntro .IntroText{width:55%;padding:0 0 0 40px;} #ProductIntro .IntroText .title{margin-bottom:15px;text-align:left;} #ProductIntro .IntroText .line{border-bottom:2px solid var(--main-color);margin-top:15px;} #ProductIntro .IntroText h1{font-size:26px;line-height:1.2;position:relative;margin-top:0;} #ProductIntro .IntroText h3{font-size:20px;line-height:24px;margin-top:0;margin-bottom:10px;color:#0093e4;text-transform:uppercase;position:relative;font-weight:bold;} #ProductIntro .IntroText p{} #ProductIntro .IntroText .remark{font-size:14px;line-height:30px;margin-top:15px;} #ProductIntro .IntroText .remark p{font-size:14px;line-height:30px;margin-bottom:10px;} #ProductIntro .IntroText .remark p>b{display:block;} #ProductIntro .IntroText .onservice{margin-top:20px;} #ProductIntro .IntroText .onservice a{ display: inline-flex; align-items: center; font-size: 16px; font-family: var(--font1); margin-right:30px; margin-bottom: 15px;} #ProductIntro .IntroText .onservice a i{ font-size:20px; display: inline-block; margin-right: 7px; color: var(--main-color);line-height:24px;} #ProductIntro .IntroText .btnlist{overflow:hidden;margin-top:20px;} #ProductIntro .IntroText .btnlist>a{margin-right:10px;} #ProductIntro .IntroText .prevlist{margin-top:40px;} #ProductIntro .IntroText .prevlist>a{display:block;margin-bottom:6px;} #ProductIntro .IntroText .prevlist>a:hover{color:#0093e4;} #ProductIntro .IntroText .prevlist>a:hover>b{color:#0093e4;} #ProductIntro .param{} #ProductIntro .param dl{margin-top:15px;} #ProductIntro .param dl dt{color:var(--normal-color);font-size:18px;margin-bottom:8px;} #ProductIntro .param dl dd strong{display:inline-block;min-width:160px;font-size:18px;color:#888;line-height:2;margin-right:15px;} #ProductIntro .param dl dd span{display:inline-block;font-size:18px;color:#888;line-height:2;} .prosection{margin-top:50px;} .prosection .tit{margin-bottom:30px;overflow:hidden;border-bottom:1px solid #d7d7d7;} .prosection .tit h3{padding:10px 30px;font-size:20px;line-height:30px;position:relative;background-color:var(--main-color);display:inline-block;color:#fff;} #inquiry .feedbackbox ul li{margin-bottom:20px;} #inquiry .feedbackbox ul > li{margin-bottom:12px;} #inquiry .feedbackbox ul > li > .input{background-color:#f6f6f6;height:55px;padding-left:15px;} #inquiry .feedbackbox ul > li textarea.input{height:120px;} #inquiry .feedbackbox .morelink2{margin-top:30px;} #RelatedProduct{} #RelatedProduct .ProList .item{width:calc((100% - 60px)/3);margin:0 30px 30px 0;position:relative;overflow:hidden;border:1px solid #ddd;} #RelatedProduct .ProList .item:nth-child(3n){margin-right:0;} #RelatedProduct .ProList .item .img{padding:15px 10px;} #RelatedProduct .ProList .item .txt{padding:10px 15px;} #RelatedProduct .ProList .item h4{font-size:16px;text-align:center;} #RelatedProduct .ProList .item:hover{border:1px solid var(--main-color);} #RelatedProduct .ProList .item:hover h4{color:var(--main-color);} @media (min-width:1080px) and (max-width:1429px) { #ProductIntro .IntroText{padding-left:20px;} #ProductIntro .IntroText h1{font-size:24px;} #ProductIntro .IntroText .remark{line-height:1.5;} #ProductIntro .IntroText .onservice a{margin-bottom:8px;} #RelatedProduct .ProList .item{width:calc((100% - 40px)/3);margin:0 20px 20px 0;} } @media (min-width:1px) and (max-width:1079px) { #ProductIntro .IntroImg{width:100%;} #ProductIntro .IntroText{width:100%;padding-left:0;margin-top:20px;} #ProductIntro .IntroText h1{font-size:20px;} #ProductIntro .IntroText .remark{line-height:1.5;} #ProductIntro .IntroText .onservice a{margin-bottom:5px;} #RelatedProduct .ProList .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;} #RelatedProduct .ProList .item:nth-child(3n){margin-right:15px;} #RelatedProduct .ProList .item:nth-child(2n){margin-right:0;} #RelatedProduct .ProList .item .txt{padding:8px 10px;} #RelatedProduct .ProList .item h4{font-size:14px;} } /*新闻*/ #NewsPage{} .news_flex{flex-flow:row-reverse;} #NewsPage .title{display:flex;} #NewsPage .title .box{width:25%;margin:0;} #NewsPage .title .line{margin-top:10px;} #NewsPage .title p{width:73%;margin:5px 0 0;font-size:15px;} #NewsPage .NewsList{} #NewsPage .NewsList .item{padding-bottom:30px;border-bottom:1px solid #e8e8e8;width:100%;align-items:center;position:relative;} #NewsPage .NewsList .item h4{font-size:20px;color:#222;} #NewsPage .NewsList .item p{font-size:16px;line-height:1.875;color:#777;margin-top:5px;} #NewsPage .NewsList .item1 .img{width:370px;margin:0;} #NewsPage .NewsList .item1 .txt{flex:1;padding-left:40px;padding-right:60px;} #NewsPage .NewsList .item1 time{font-size:14px;color:#666;line-height:30px;display:block;margin-bottom:10px;} #NewsPage .NewsList .item1 time>i{display:inline-block;vertical-align:top;line-height:30px;color:var(--normal-color);margin-right:10px;} #NewsPage .NewsList .item1 .morelink{margin-top:50px;background-color:#fff;color:var(--main-color);border:1px solid var(--main-color);padding:5px 50px 5px 20px;} #NewsPage .NewsList .item1 .morelink:before{color:var(--main-color);} #NewsPage .NewsList .item1 .morelink:after{background-color:var(--main-color);} #NewsPage .NewsList .item1 .morelink:hover{color:#fff;} #NewsPage .NewsList .item1 .morelink:hover:before{color:#fff;} #NewsPage .NewsList .item1 .morelink:hover{} #NewsPage .NewsList .item2{padding-top:25px;} #NewsPage .NewsList .item2:before{content:"";position:absolute;left:0;top:0;bottom:0;background-color:#f8f9fa;width:0;z-index:-1;transition:all 0.3s;} #NewsPage .NewsList .item2 time{width:120px;position:relative;text-align:center;} #NewsPage .NewsList .item2 time:before{content:"";width:1px;height:80%;position:absolute;top:10%;right:0;background-color:#e8e8e8;} #NewsPage .NewsList .item2 time b{display:block;font-size:60px;line-height:1;color:var(--main-color);} #NewsPage .NewsList .item2 time span{display:block;font-size:16px;color:var(--main-color);margin-top:5px;} #NewsPage .NewsList .item2 .txt{margin-left:25px;margin-right:0;flex:1;padding-right:180px;} #NewsPage .NewsList .item2 .icon-right{position:absolute;right:35px;font-size:30px;line-height:1;transform:rotate(-45deg);transition:all 0.3s;} #NewsPage .NewsList .item2:hover:before{width:100%;} #NewsPage .NewsList .item2:hover h4{color:var(--main-color);} #NewsPage .NewsList .item2:hover .icon-right{color:var(--main-color);transform:rotate(0);} @media (min-width:1080px) and (max-width:1429px) { #NewsPage .NewsList .item1 .img{width:250px;} #NewsPage .NewsList .item1 .txt{flex:1;padding-left:30px;padding-right:0px;} #NewsPage .NewsList .item1 time{margin-bottom:5px;} #NewsPage .NewsList .item h4{font-size:18px;} #NewsPage .NewsList .item p{margin-top:0;font-size:14px;line-height:1.6;} #NewsPage .NewsList .item1 .morelink{margin-top:20px;} #NewsPage .NewsList .item2 time b{font-size:40px;} #NewsPage .NewsList .item2 .txt{padding-right:80px;} } @media (min-width:1px) and (max-width:1079px) { #NewsPage .title{flex-wrap:wrap;} #NewsPage .title .box{width:100%;} #NewsPage .title p{width:100%;font-size:13px;margin-top:10px;} #NewsPage .NewsList .item{padding:15px 0;width:100%;} #NewsPage .NewsList .item:before{display:none;} #NewsPage .NewsList .item .img{display:none;} #NewsPage .NewsList .item .txt{width:100%;margin:0;padding:0;border-left:none;border-top:none;} #NewsPage .NewsList .item .txt h4{font-size:16px;height:auto;} #NewsPage .NewsList .item .txt p{font-size:13px;margin-bottom:0;margin-top:6px;line-height:1.6;} #NewsPage .NewsList .item time{display:none;} #NewsPage .NewsList .item1 .morelink{display:none;} #NewsPage .NewsList .item2 .icon-right{display:none;} } #NewsDetailPage{} #NewsDetailPage .title{border-bottom:1px solid #ddd;padding-bottom:15px;} #NewsDetailPage .title h2{font-size:36px;} #NewsDetailPage .title p{margin-top:5px;} #NewsDetailPage .btnList{margin-top:30px;background-color:#f0f0f0;padding:20px 25px;} #NewsDetailPage .btnList>.link{font-size:16px;display:block;} #NewsDetailPage .btnList>.link:nth-child(1){margin-bottom:5px;} #NewsDetailPage .btnList>.link span{color:#999;display:inline-block;vertical-align:top;margin-right:5px;} #NewsDetailPage .btnList>.link>i.iconfont{display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;font-size:20px;border-radius:50%;border:2px solid #dedede;color:#dedede;vertical-align:top;margin:0 6px;} #NewsDetailPage .btnList>.link:hover>i.iconfont{border:2px solid #009b4d;color:#009b4d;} @media (min-width:992px ) and (max-width:1229px) { #NewsDetailPage .btnList>.link{font-size:16px;} } @media (min-width:768px) and (max-width:991px) { #NewsDetailPage .btnList{padding:15px;} #NewsDetailPage .btnList>.link{font-size:16px;} } @media (max-width:767px){ #NewsDetailPage .title h2{font-size:20px;line-height:1.3;} #NewsDetailPage .btnList{padding:15px;} #NewsDetailPage .btnList>.link{font-size:14px;} } #CaseList{} #CaseList .item{display:block;width:calc((100% - 60px)/3);margin:0 30px 30px 0;border-radius:15px;overflow:hidden;padding:24px;background:#f0f0f0 url(/dist/images/xd.png) no-repeat top 35% center;} #CaseList .item:nth-child(3n){margin-right:0;} #CaseList .item h3{font-size:22px;margin-bottom:5px;} #CaseList .item p{color:#999;margin-bottom:15px;} #CaseList .item .morelink2{} #CaseList .item .txt{margin-bottom:20px;} #CaseList .item .img{border-radius:15px;overflow:hidden;} #CaseList .item:hover h3{color:var(--main-color);} @media (min-width:1080px) and (max-width:1429px) { #CaseList .item{width:calc((100% - 40px)/3);margin:0 20px 20px 0;padding:20px;} #CaseList .item h3{font-size:18px;} #CaseList .item p{font-size:14px;} } @media (min-width:1px) and (max-width:1079px) { #CaseList .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;padding:10px;background-image:none;} #CaseList .item:nth-child(3n){margin-right:15px;} #CaseList .item:nth-child(2n){margin-right:0;} #CaseList .item h3{font-size:15px;line-height:1.4;} #CaseList .item p{font-size:13px;display:none;} #CaseList .item .morelink2{display:none;} } #ApplicationPage{} #ApplicationPage .item{width:calc((100% - 60px)/2);margin:0 60px 60px 0;position:relative;display:block;overflow:hidden;} #ApplicationPage .item:nth-child(2n){margin-right:0;} #ApplicationPage .item .txt{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,transparent ,var(--main-color));z-index:1;height:50%;display:flex;align-items:flex-end;transition:all 0.3s;} #ApplicationPage .item .txt h4{width:100%;color:#fff;padding:30px 100px 30px 50px;font-size:24px;line-height:45px;} #ApplicationPage .item .txt h4 i{color:var(--normal-color);font-size:45px;line-height:45px;vertical-align:top;margin-right:8px;} #ApplicationPage .item .txt i.more{position:absolute;right:50px;bottom:30px;color:#fff;font-size:40px;line-height:45px;} @media (min-width:1080px) and (max-width:1429px) { #ApplicationPage .item{width:calc((100% - 40px)/2);margin:0 40px 40px 0;} } @media (min-width:1px) and (max-width:1079px) { #ApplicationPage .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;} #ApplicationPage .item .txt{position:relative;bottom:initial;left:initial;right:initial;height:initial;} #ApplicationPage .item .txt h4{padding:10px 15px;font-size:14px;line-height:1.5;text-align:center;background-color:var(--main-color);} #ApplicationPage .item .txt h4 i{display:none;} #ApplicationPage .item .txt i.more{display:none;} } /*分页*/ ul.pagination {box-shadow:none;width:100%;border-radius:0;text-align:center;display:inline-block;margin:20px 0;padding-left:0;} ul.pagination li{display:inline-block;} ul.pagination li:not(:first-child){margin-left:5px;} ul.pagination li a{display:inline-block;font-size:16px;border-radius:50px;width:36px;height:36px;line-height:36px;position:relative;background-color:#f8fafc;color:#333;text-decoration:none;} ul.pagination li.active span,ul.pagination li.active a{background-color:var(--main-color);border-color:var(--main-color);color:#fff;} ul.pagination li:hover a{background-color:var(--main-color);color:#fff;} .npt{padding-top:var(--gap-large);} #VideoPage .VideoList{} #VideoPage .VideoList .item{width:calc((100% - 60px)/4);overflow:hidden;margin:0 20px 20px 0;padding:15px;box-shadow:0 0 10px #eee;} #VideoPage .VideoList .item:nth-child(4n){margin-right:0;} #VideoPage .VideoList .item .txt{padding:15px 0 10px;text-align:center;} #VideoPage .VideoList .item .txt p{font-size:18px;color:#888;line-height:1.3333;} #VideoPage .VideoList .item:hover .txt p{color:var(--main-color);} video{width:100%;display:block;} @media (min-width:992px) and (max-width:1229px) { #VideoPage .VideoList .item{padding:15px;width:calc((100% - 50px)/3);margin:0 25px 25px 0;} } @media (min-width:768px) and (max-width:991px) { #VideoPage .VideoList .item{width:calc((100% - 30px)/3);margin:0 15px 15px 0;padding:15px;} #VideoPage .VideoList .item .txt p{font-size:16px;} } @media (min-width:1px) and (max-width:767px) { #VideoPage .VideoList .item{width:100%;margin:0 0 15px;padding:15px;} #VideoPage .VideoList .item .txt p{font-size:14px;} } #PrivacyPolicyPage .title{margin-bottom:20px;} #PrivacyPolicyPage article h4{font-size:20px;margin-bottom:10px;} #PrivacyPolicyPage article p{font-size:16px;line-height:1.5;color:#999;margin-bottom:10px;} @media (max-width:767px) { #PrivacyPolicyPage article h4{font-size:16px;} #PrivacyPolicyPage article p{font-size:13px;} } .img-wrapper{position:relative;overflow:hidden;} .img-wrapper:after { background:#fff; content:""; filter:blur(6px); height:300%; top:0; right:0; bottom:0; left:0; margin:auto; opacity:.6; position:absolute; transform:translate(-100%,-100%) rotate(45deg); width:25px; } .img-hover:hover .img-wrapper:after { animation:move 1s ease-out; display:block } @keyframes move { 0% { transform:translate(-200px,-200px) rotate(45deg) } to { transform:translate(200px,200px) rotate(45deg) } } .video_icon{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:60px;height:60px;line-height:60px;text-align:center;} .video_icon i.iconfont{display:block;font-size:24px;width:60px;height:60px;line-height:60px;background-color:rgba(255,255,255,0.8);border-radius:50%;color:var(--main-color);} .video_icon .play, .video_icon .play:before, .video_icon .play:after { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; -ms-border-radius: 50%; transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6); box-shadow: 0 0 0 0 rgba(255,255,255, 0.6); -webkit-animation: play 3s infinite; animation: play 3s infinite; } .video_icon .play:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .video_icon .play:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } @-webkit-keyframes play { 70% { box-shadow: 0 0 0 20px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); } } @keyframes play { 70% { box-shadow: 0 0 0 20px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); } }