@font-face {font-family: DIN; src: url('DIN-Medium.otf')} *{box-sizing:border-box;color:#333;} body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:"microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */} img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;} .fl{float:left;} .fr{float:right;} ul,li{ list-style:none; } a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;} pre{word-break: break-word;} :focus{outline:none!important;border-color:inherit;} .clearfix{*zoom: 1;} .clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";} .clearfix:after{clear: both;} table{border-collapse:collapse;border-spacing:0;width:100%} h3,h4,h5,h6{font-weight: normal;} em,i{font-style:normal;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;} input[type="button"]{border:none;} textarea { -webkit-appearance: none;} .auto{margin:0 auto;max-width: 1250px;width: 94%;} :hover{transition: all .2s;} .img_hover_wrap{overflow: hidden;} .img_hover{transition: all .3s;} .img_hover:hover{transform: scale(1.05,1.05);} .img_traslate{transition: all .3s;} .img_traslate:hover{transform: translateY(-10px);} .img_rotate{transition: all .3s;} .img_rotate:hover{transform:rotate(-360deg);} .bold{font-weight: bold;} .normal{font-weight: normal!important;} .center{text-align: center!important;} .img{width: 100%;display: block; height: auto;} .ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .ele{position:relative;} .ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;} .ipt{display: block;border:none;} .ipt_button{cursor: pointer;} .item_scale .icon{transition: all .3s;} .item_scale:hover .icon{transform: scale(1.08,1.08);} .text-left{text-align: left!important;} .text-right{text-align: right!important;} .clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/} .clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;} .clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} .clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;} body{background: #fff;overflow-x: hidden;} .item{} .item .imgbox{display: block;overflow: hidden;} .item .img,.imgbox .img{transition: all 1s;width:auto;height:auto; max-width: 100%; max-height: 100%; display: block;} .item:hover .imgbox .img,.imgbox:hover .img{transform: scale(1.1,1.1);} .zoomimg{position:relative;overflow: hidden;height: 0;display: block;} .zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;} .flipx .icon{transition: all .3s;} .flipx:hover .icon{transform:scaleX(-1);} .scale .icon{transition: all .3s;} .scale:hover .icon{transform: scale(1.1,1.1);} .underline:hover{text-decoration: underline;} label{-webkit-tap-highlight-color: rgba(255,0,0,0);} .img_full{width: 100%;height: 100%;display: block;object-fit: cover;} .flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;} .flex-align-start{align-items: flex-start;} .flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .flex-align-end{align-items: flex-end;} .flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;} .flex-pack-start{justify-content: flex-start;} .flex-pack-end{justify-content: flex-end;} .flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-w{flex-wrap:wrap;} .flex-1{flex:1;overflow: hidden;} .flex-11{flex:1;} /* ::-webkit-input-placeholder{color:#999;} :-moz-placeholder{color:#999;} ::-moz-placeholder{color:#999;} :-ms-input-placeholder{color:#999;} */ /* .btn{background-color: #de2304;color:#fff;border:none;cursor: pointer;display: block;text-align: center;font-size: 16px;border-radius:25px;} .btn:hover{background-color: #c41f03;} */ .c-main{color:#115fad!important;} /* 公共部分 */ .head{height: 100px;position: sticky;width: 100%;left: 0;top: 0;background-color: #fff;z-index:100;border-bottom:1px solid #e5e5e5;} .head .wrap{display: flex;align-items: center;justify-content: space-between;height: 100%;max-width: 1600px;width:96%;} .hd-logo{} .hd-logo .img{height: 66px;width: auto;} .hd-nav{} .hd-nav li{margin-left: 35px;display: inline-block;vertical-align: middle;position: relative;} .hd-nav li>a{display: block;font-size: 18px;color:#000000;padding:0 10px;position: relative;line-height: 60px;} .hd-nav li>a::after{content:'';position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;background-color: #115fad;transition: all .3s;} .hd-nav li.cur>a,.hd-nav li:hover>a{color: #115fad;} .hd-nav li.cur>a::after{width: 100%;left: 0;} .hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);} .hd-nav .drop{background-color: #fff;position: absolute;min-width: 200px;left: 50%;margin-left: -100px;padding:10px 35px;z-index: 100;box-shadow: 2px 4px 36px 0px rgba(0, 0, 0, 0.2);transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;} .hd-nav .drop::before{content:'';width: 0;height: 0;border-style: solid; border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;position: absolute;left: 90px;top: -10px;} .hd-nav .drop .lk{display: block;font-size: 14px;color:#333;line-height: 44px;border-bottom:1px solid #e5e5e5;white-space: nowrap;position: relative;} .hd-nav .drop .lk::before{content:'';position: absolute;width: 10px;height: 10px;background:url(../images/icon_09.png) no-repeat center;background-size:contain;left: -18px;top: 50%;margin-top: -5px;display: none;} .hd-nav .drop .lk:hover{color:#115fad;} .hd-nav .drop .lk:hover::before{display: block;} .hd-nav .drop .lk:last-child{border:none;} .hd-nav .cpdrop{width: 890px;padding:30px 35px;margin-left: -445px;} .hd-nav .cpdrop::before{left: 50%;transform: translate(-50%,0);} .hd-nav .cpdrop .dropbox{display: flex;justify-content: space-between;} .hd-nav .cpdrop .col{} .hd-nav .cpdrop .tit{font-size: 16px;color:#115fad;/*4c758c*/ margin-bottom: 8px;} .hd-nav .cpdrop .lk{border-color:transparent;line-height: 30px;color:#333; /*#888*/} .idx-body .head{position: fixed;border:none;} .foot{background:url(../images/ft_02.jpg) no-repeat center;background-size:cover;} .foot .auto{max-width: 100%;width: 88%;} .foot a:hover{color:#fff;} .ft-t{padding:80px 0;} .ft-t .wrap{display: flex;} .ft-xx{width: 35%;max-width: 400px;} .ft-xx .smlogo{height: 70px;width: auto;} .ft-xx .txt{font-size: 16px;color: rgba(255, 255, 255, 0.3);line-height: 36px;margin-top: 10px;} .ft-menu{flex:1;overflow: hidden;display: flex;justify-content: space-between;padding:0 0 0 6%;} .ft-menu .col{} .ft-menu .tit{font-size: 20px;color:#fff;} .ft-menu .lks{margin-top: 15px;} .ft-menu .lk{display: block;font-size: 16px; color: #696969;line-height: 36px;} .ft-b{border-top: 1px solid rgba(255, 255, 255, 0.1);padding:30px 0;} .ft-b .txt{font-size: 14px; color: #696969;line-height: 36px;} /* 服务支持 */ .inner-ban{height: 500px;position: relative;} .inner-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);} .inner-ban .bt{font-size: 40px;color:#fff;} .inner-ban .x{width: 190px;height: 2px;background-color: #fff;margin-top: 20px;display: block;} .inner-ban .txt{font-size: 20px;color:#fff;margin-top: 15px;} .pub-tt{text-align: center;margin-bottom: 50px;} .pub-tt .bt{font-size: 30px;} .pub-tt .smwz{font-size: 16px;margin-top: 15px;} .fw-main{padding:65px 0 80px;} .fw-list{display: flex;flex-wrap: wrap;margin-left: -2%;} .fw-list .item{min-height: 300px;padding:35px 25px;text-align: center;border-radius:10px;border:8px solid #f8f8f8;margin:0 0 2% 2%;width: 31.3%;} .fw-list .icon{width: 86px;display: block;margin:0 auto;} .fw-list .tit{margin-top: 15px;font-size: 18px;} .fw-list .txt{font-size: 14px;color:#888;line-height: 1.6;margin-top: 20px;} /* 新闻列表 */ .top-bar{border-bottom:1px solid #e5e5e5;height: 75px;} .top-bar .box{height: 100%;display: flex;align-items: center;justify-content: space-between;} .xw-menu{} .xw-menu .lk{display: inline-block;vertical-align: middle;line-height: 75px;margin-right: 45px;font-size: 18px;position: relative;} .xw-menu .lk::after{content:'';position: absolute;left: 50%;bottom: 0;height: 2px;background-color: #023a96;width: 0;transition: all .3s;} .xw-menu .lk.cur,.xw-menu .lk:hover{color:#023a96;} .xw-menu .lk.cur::after,.xw-menu .lk:hover::after{width: 100%;left: 0;} .crumb{background:url(../images/xw_02.png) no-repeat left center;background-size:15px;padding-left: 23px;} .crumb,.crumb *{font-size: 16px;color:#999;line-height: 30px;} .crumb a:hover{color:#023a96;} .xw-main{padding:70px 0;} .xw-top{box-shadow:0px 0px 46px 0px rgba(0, 37, 80, 0.1);padding: 50px;margin-bottom: 100px;background:url(../images/xw_04.jpg) no-repeat right center;} .xw-top .item{display: flex;} .xw-top .imgbox{width: 48%;height: 300px;margin-right: 40px;} .xw-top .info{flex:1;overflow: hidden;display: flex;flex-direction: column;} .xw-top .date{display: flex;align-items: center;} .xw-top .day{font-size: 36px;font-weight: bold;line-height: 1;} .xw-top .year{font-size: 14px;margin-top: 4px;} .xw-top .date::after{content:'';display: inline-block;height: 1px;border-top:1px dashed #333;opacity: .3;flex:1;overflow: hidden;} .xw-top .title{font-size: 22px;font-weight: bold;margin-top: 15px;line-height: 30px;} .xw-top .more{width: 160px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #f4f5f6;font-size: 16px;} .xw-top .more::after{content:'';display: block;margin-left: 5px;width: 20px;height: 20px;background:url(../images/icon_01.png) no-repeat center;background-size:contain;margin-top: 2px;} .xw-top .item:hover .title{color:#0b419a;} .xw-top .item:hover .more{background-color: #0b419a;color:#fff;} .xw-top .item:hover .more::after{background-image:url(../images/icon_01-1.png)} .xw-top .swiper-pagination{position: static;font-size: 0;margin-top: 40px;} .xw-top .swiper-pagination-bullet{width: 50px;height: 3px;border-radius:0;opacity: 1;margin:0 10px;background-color: #d5d5d5;margin:0 8px!important;} .xw-top .swiper-pagination-bullet-active{background-color: #0b419a;} .xw-list{display: flex;flex-wrap: wrap;margin-left: -3%;} .xw-list .item{width: 30.3%;margin:0 0 3% 3%;} .xw-list .date{display: flex;align-items: center;} .xw-list .day{font-size: 36px;font-weight: bold;line-height: 1;} .xw-list .year{font-size: 14px;margin-top: 4px;} .xw-list .date::after{content:'';display: inline-block;height: 1px;border-top:1px dashed #333;opacity: .3;flex:1;overflow: hidden;} .xw-list .imgbox{height: 210px;margin-top: 20px; text-align: center;} .xw-list .title{font-size: 18px;font-weight: bold;line-height: 1.6;margin-top: 15px;-webkit-line-clamp: 2;} .pagelist{text-align: center;margin-top: 50px;} .pagelist a{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border-radius:50%;margin:0 8px;border:1px solid #efefef;line-height: 48px;} /*.pagelist li a{display: block;transition: all 0s;}*/ .pagelist a.page-num-current,.pagelist a:hover{color:#fff;background-color: #0b419a;border-color:#0b419a;} /* 新闻详情 */ .xw-det{padding:70px 0;} .xw-det .wrap{display: flex;align-items: flex-start;} .xw-det .wrap-l{flex:1;overflow: hidden;} .xw-det .wrap-r{width: 350px;margin-left: 8%;} .xw-det .top{margin-bottom: 30px;} .xw-det .top .title{font-size: 32px;font-weight: bold;line-height: 1.4;} .xw-det .top .sm{margin-top: 25px;display: flex;} .xw-det .top .fz{font-size: 16px;color:#888;margin-right: 35px;} .xw-det .top .fz em{padding:0 4px;cursor: pointer;} .xw-det .top .fz em.checked{color: #0b419a;} .xw-det .top .x{width: 78px;height: 2px;background-color: #0b419a;margin-top: 28px;display: block;} .xw-det .edit{font-size: 16px;line-height: 1.6;padding:35px 0;} .xw-bot{padding:45px 0 0;border-top:1px solid #efefef;display: flex;justify-content: space-between;} .xw-bot .backpage{width: 165px;height: 45px;display: flex;align-items: center;justify-content: center;background-color: #f4f5f6;font-size: 16px;} .xw-bot .backpage::before{content:'';display: block;width: 18px;height: 18px;background:url(../images/icon_02.png) no-repeat center;background-size:contain;margin-right: 8px;} .xw-bot .backpage:hover{background-color: #0b419a;color:#fff;} .xw-bot .backpage:hover::before{background-image:url(../images/icon_02-1.png)} .xw-bot .lk{width: 125px;height: 45px;line-height: 45px;text-align: center;margin-left: 10px;display: block;border:1px solid #efefef;font-size: 16px;} .xw-bot .lk:hover{color:#fff;background-color: #0b419a;border-color:#0b419a;} .xw-sear{} .xw-sear .tit{font-size: 20px;font-weight: bold;display: flex;align-items: center;margin-bottom: 25px;} .xw-sear .tit::before{width: 3px;height: 20px;background-color: #0b419a;margin-right: 10px;content:'';display: block;} .xw-sear .form{display: flex;align-items: center;border:1px solid #e5e5e5;} .xw-sear .form .ipt-txt{line-height: 50px;flex:1;overflow: hidden;font-size: 15px;padding:0 15px;} .xw-sear .form .x{width: 1px;height: 20px;background-color: #efefef;} .xw-sear .form .submit{width: 50px;height: 50px;background:url(../images/icon_03.png) no-repeat center;background-size:20px;cursor: pointer;border:none;} /* 联系我们 */ .lx-sec{padding:50px 0 80px;} .lx-sec .detail{display: flex;} .lx-sec .info{width: 50%;padding:4% 6% 20px;background-color: #f9f9f9;} .lx-sec .title{font-size: 20px;font-weight: bold;margin-bottom: 15px;} .lx-sec .txt{font-size: 16px;line-height: 2;} .lx-sec .imgbox{width: 50%;height: 325px;overflow: hidden;} /* 产品列表 */ .cp-main{padding:50px 0 60px;} .cp-main .wrap{display: flex;align-items: flex-start;} .cp-main .l{width: 250px;margin-right: 35px;} .cp-main .r{flex:1;overflow: hidden;} .cp-menu{} .cp-menu .bt{line-height: 60px;background-color: #115fad;padding:0 20px;font-size: 20px;color:#fff;} .cp-menu .list{border:1px solid #e8e8e8;border-top:none;border-bottom:none;} .cp-menu .list li{} .cp-menu .list >li > .tit{font-size: 16px;color:#86939e;line-height: 50px;padding:0 20px;border-bottom:1px solid #e8e8e8;display: block;border-left:3px solid transparent; color: #4c758c;font-weight:bold; } .cp-menu .list >li .t2 { /*font-weight:bold;*/color: #4c758c; font-size:15px } /*.cp-menu .list .drop{display: none;}*/ .cp-menu .list .lk{display: block;font-size: 13px;color:#283d4f;line-height: 35px;/*50*/padding-left: 35px;border-bottom:1px solid #e8e8e8;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .cp-menu .list .lk:hover{background-color: #f5f8fa;} .cp-menu .list li.cur .drop{display: block;} .cp-menu .list li:hover .tit{background-color: #f5f8fa;border-left-color:#115fad;} .cp-menu .list li.cur >a { color:#115fad } .cp-menu .list >li > ul > li > ul > li > .lk {padding-left: 55px} .cp-sec{} .cp-sec .t-tit{font-size: 20px;} .cp-sec .txt{font-size: 14px;color:#595959;line-height: 1.7;margin-top: 10px;text-indent: 2em;} .cp-list{display: flex;flex-wrap: wrap;margin-left: -3%;margin-top: 35px;} .cp-list .item{border:1px solid #b2c9df;border-radius:10px;width: 22%;margin:0 0 3% 3%;overflow: hidden;} .cp-list .imgbox{height: 165px;display: flex;align-items: center;justify-content: center;} .cp-list .imgbox .img{max-width:100%;max-height:100%;width: auto;height: auto;} .cp-list .title{font-size: 15px;color:#333;-webkit-line-clamp: 1;line-height: 50px;padding:0 10px;border-top:1px solid #efefef;text-align: center;display: block;} .cp-list .item:hover .title{color: #115fad;} /* 产品详情 */ .cp-intro{display: flex;align-items: flex-start;justify-content: space-between;} .cp-intro .slide{width: 48%;} .cp-intro .slide2{border:1px solid #efefef;} .cp-intro .slide2 .item{height: 300px;display: flex;align-items: center;justify-content: center;} .cp-intro .slide2 .img{max-width: 100%;max-height: 100%;height: auto;width: auto;} .cp-intro .slide1{margin-top: 20px;padding:0 35px;position: relative;} .cp-intro .slide1 .item{border:1px solid #efefef;height:80px;} .cp-intro .slide1 .img{max-width: 100%;max-height: 100%;height: auto;width: auto;} .cp-intro .slide1 .swiper-slide-thumb-active .item{border-color:#115fad;} .cp-intro .slide1 .swiper-container{position: static;} .cp-intro .swiper-button{width: 30px;height: 30px;background:url(../images/icon_04.png) no-repeat center;background-size:24px;margin-top: -15px;} .cp-intro .swiper-button-prev{left: 0;} .cp-intro .swiper-button-next{right: 0;transform: rotate(180deg);} .cp-intro .info{width: 48%;} .cp-intro .title{font-size: 24px;font-weight: bold;line-height: 1.4;} .cp-intro .txt{font-size: 15px;line-height: 1.8;color:#666;text-indent: 2em;margin-top: 15px;-webkit-line-clamp: 8;} .cp-intro .line{height: 14px;display: flex;flex-direction: column;justify-content: space-between;margin-top: 20px;} .cp-intro .line::before,.cp-intro .line::after{content:'';height: 1px;background-color: #efefef;} .cp-intro .btns{display: flex;margin-top: 30px;} .cp-intro .anniu{width: 110px;height: 50px;margin-right: 25px;background-color: #115fad;font-size: 16px;color:#fff;border:none;cursor: pointer;line-height: 50px;display: block;text-align: center;} .cp-intro .anniu:hover{background-color: #07539f;} .cp-xq{margin-top: 65px;} .cp-xq .top{border-bottom:1px solid #e5e5e5;} .cp-xq .top .bt{width: 315px;line-height: 70px;font-size: 18px;color:#fff;background-color: #969696;display: block;font-weight: bold;text-align: center;} .cp-xq .edit{font-size: 16px;padding:30px 30px 0;font-size: 14px;line-height: 2.2;color:#333;} .pagenav{display: flex;justify-content: space-between;margin-top: 60px;} .pagenav .lk{font-size: 15px;color:#555;max-width: 47%;display: inline-block;vertical-align: middle;line-height: 40px;} .cp-xz{margin-top: 30px;} .cp-xz li{display: flex;margin-bottom: 10px;} .cp-xz li *{font-size: 15px;line-height: 30px;} .cp-xz .title{flex:1;overflow: hidden;-webkit-line-clamp: 1;background:url(../images/cp_03.png) no-repeat left center;background-size:24px;padding-left: 34px;color:#595959;} .cp-xz .size{width: 18%;padding-left: 15px;} .cp-xz .date{width: 25%;} .cp-xz .link{color:#1890ff;} .cp-xz .link:hover{text-decoration: underline;} /* index */ .idx-s{height: 100vh;} .idx-s1{} .idx-s1 .item{height: 100vh;} .idx-s1 .swiper-container .swiper-slide {overflow: hidden;} .idx-s1 .swiper-container .swiper-slide img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transition: all 3s;-webkit-transition: all 3s;-moz-transition: all 3s;-ms-transition: all 3s;} .idx-s1 .swiper-container .swiper-slide-active img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);} .idx-s1 .swiper-container .swiper-pagination{display: none;} .idx-s1 .scroll {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);z-index: 2;text-align: center;} .idx-s1 .scroll img {animation-name: bounces;animation-iteration-count: infinite;animation-duration: 3s;animation-fill-mode: both;} .idx-s1 .scroll h2 {font-size: 14px;color: #fff;margin-top: 6px;} .idx-s1 .swiper-button{background-size:16px;} .idx-s1 .swiper-button-prev{left: 7%;} .idx-s1 .swiper-button-next{right: 7%;} @keyframes bounces { 0%, 15%, 47%, 73%, 89%, 100% { animation-timing-function: ease-out; transform: translate3d(0, 0, 0); } 30%, 32% { animation-timing-function: ease-in; transform: translate3d(0, -10px, 0); } 60% { animation-timing-function: ease-in; transform: translate3d(0, -8px, 0); } 82% { animation-timing-function: ease-in; transform: translate3d(0, -4px, 0); } 94% { animation-timing-function: ease-in; transform: translate3d(0, -2px, 0); } } .idx-s2{background:url(../images/idx_02.jpg) no-repeat center;background-size:cover;position: relative;} .idx-s2 .titbox{text-align: center;position: absolute;width: 100%;left: 0;top: 145px;} .idx-s2 .titbox .bt{font-size: 40px;color:#000000;font-weight: bold;} .idx-s2 .list{display: flex;height: 100%;} .idx-s2 .list .item{width: 20%;height: 100%;border-right:1px solid #e5e5e5;position: relative;} .idx-s2 .list .box{position: absolute;width: 100%;left: 0;bottom: -240px;} .idx-s2 .list .imgbox{padding: 0 14%;height: 280px;display: flex;align-items: center;} .idx-s2 .list .pic{width: 100%;} .idx-s2 .list .pic2{display: none;} .idx-s2 .list .info{padding: 130px 20% 20%;-webkit-transition: all 0.5s;margin-top: -120px;} .idx-s2 .list .num{font-size: 18px;color:#666;} .idx-s2 .list .title{font-size: 24px;font-weight: bold;margin: 4% 0 7%;} .idx-s2 .list .x{width: 48px;height: 2px;background-color: #333;display: block;} .idx-s2 .list .bot{overflow: hidden;transition: all .5s;margin-top:25px;opacity: 0;} .idx-s2 .list .txt{font-size: 16px;line-height: 28px;} .idx-s2 .list .arrow{width: 50px;height: 50px;margin-top: 45px;display: block;background:url(../images/icon_05.png) no-repeat center #fefffa;background-size:20px;} /* .idx-s2 .list .box:hover{bottom: 0;} .idx-s2 .list .box:hover *{color:#fff;} .idx-s2 .list .box:hover .info{background-color: #0b419b;} .idx-s2 .list .box:hover .pic1{display: none;} .idx-s2 .list .box:hover .pic2{display: block;} .idx-s2 .list .box:hover .x{background-color: #fff;} .idx-s2 .list .box:hover .bot{opacity: 1;} */ .idx-s3{background:url(../images/idx_10.jpg) no-repeat center;background-size:cover;position: relative;overflow: hidden;} .idx-s3 .wrap{height: 100%;} .idx-s3 .item{display: flex;align-items: center;} .idx-s3 .lbox{width: 45%;padding:0 8% 0px; /*140*/} .idx-s3 .rbox{flex:1;overflow: hidden;} .idx-s3 .bt{font-size: 40px;font-weight: bold;} .idx-s3 .x{width: 30px;height: 1px;background: #333;margin: 3% 0 8%;display: block;} .idx-s3 .smtit{font-size: 24px;font-weight: bold;margin-bottom: 20px;display: flex;align-items: flex-end;} .idx-s3 .smtit .icon{width: 41px;margin-right: 12px;} .idx-s3 .txt{font-size: 16px;color:#333;line-height: 1.8;} .idx-s3 .txt img { margin: 10px; } .idx-s3 .tps{margin-top: 25px;} .idx-s3 .tps li{display: inline-block;vertical-align: middle;margin-right: 25px;} .idx-s3 .tps .tp{height: 55px;} .idx-s3 .more{margin-top: 8%;display: inline-block;vertical-align: middle;transition: all .3s;font-size: 16px;} .idx-s3 .more::after{content:'';display: inline-block;vertical-align: middle;margin-left: 5px;width: 22px;height: 22px;background:url(../images/icon_01.png) no-repeat center;background-size:contain;} .idx-s3 .more:hover{color:#0c4499;margin-left: 15px;} .idx-s3 .more:hover::after{background-image:url(../images/icon_01-2.png)} .idx-s3 .imgbox{width: 100%;height: 100%;} .idx-s3 .slide2{width: 84%;position: absolute;left: 50%;transform: translate(-50%,0);bottom: 60px;z-index:90;} .idx-s3 .slide2 .item{height: 140px;position: relative;background-color: #fff;} .idx-s3 .slide2 .box{height: 100%;display: flex;flex-direction: column;justify-content: center;cursor: pointer;position: relative;z-index:30;width: 100%;padding:0 30px;} .idx-s3 .slide2 .box::after{content:'';position: absolute;right: 1px;top: 35px;bottom: 35px;background-color: #efefef;width: 1px;} .idx-s3 .slide2 .num{font-size: 16px;color:#333;opacity: 0.6;} .idx-s3 .slide2 .tit{font-size: 24px;font-weight: bold;margin-top: 6px;} .idx-s3 .slide2 .swiper-container{padding-top: 20px;} .idx-s3 .slide2 .swiper-slide{background-color: #fff;height: 100%;} .idx-s3 .slide2 .swiper-slide:last-child .box::after{display: none;} .idx-s3 .slide2 .swiper-notification{display: none;} /* .idx-s3 .slide2 .item::after{content:'';position: absolute;width: 100%;left: 0;bottom: 0;height:0;background:url(../images/idx_21.jpg) no-repeat center;background-size:cover;z-index:20;transition: all .2s;} */ .idx-s3 .slide2 .item .shade{position: absolute;width: 100%;left: 0;bottom: 0;height:0;z-index:20;transition: all .2s;} .idx-s3 .slide2 .item .shade .zhezhao{background-color: rgba(13,55,118,0.9);position: absolute;width: 100%;left: 0;bottom: 0;height:100%;top: 0;} .idx-s3 .slide2 .swiper-slide-thumb-active{z-index:5;position: relative;} .idx-s3 .slide2 .swiper-slide-thumb-active .item .shade{height: 160px;} .idx-s3 .slide2 .swiper-slide-thumb-active .box::after{display: none;} .idx-s3 .slide2 .swiper-slide-thumb-active *{color:#fff;} .idx-s3 .slide1 .swiper-pagination{display: none;} #fp-nav{display: none!important;} .navPage{position:fixed;right: 20px;top: 50%;z-index:99;width: 70px;transform: translate(0,-50%);} .navPage li{width: 70px;height: 70px;border-radius:50%;/* */position: relative;} .navPage li a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius:50%;} .navPage li .smb{display: none;width: 100%;height: 100%;align-items: center;justify-content: center;flex-direction: column;} .navPage li .ico{height: 22px;width: auto;display: block;margin:0 auto;} .navPage li .fz{font-size: 12px;color:#fff;text-align: center;margin-top: 4px;} .navPage li .circle{width: 15px;height: 15px;border:2px solid #fff;display: block;border-radius:50%;} .navPage li a::before,.navPage li a::after{content:'';width: 1px;background-color: #fff;flex:1;overflow: hidden;} .navPage li.active a{background-color: #0b419a;} .navPage li.active .smb{display: flex;} .navPage li.active .circle{display: none;} .navPage li.active a::before,.navPage li.active a::after{display: none;} .navPage li:first-child a::before,.navPage li:last-child a::after{display: none;} .idx-s2 .titbox{opacity: 0;} .idx-s2 .list .item{opacity: 0;} .idx-s3 .lbox{opacity: 0;} .idx-s3 .rbox{opacity: 0;} .idx-s3 .slide2 .swiper-slide{opacity: 0;} .full-mask { position: fixed; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 10000; } .full-mask .img { width: 100%; height: 100%; object-fit: cover; transition: all 2.5s ease-in; } .full-mask.active .img { transform: scale(10); -webkit-transform: scale(10); -moz-transform: scale(10); -ms-transform: scale(10); opacity:0; } @media only screen and (min-width: 992px) { .idx-s2 .list .box:hover{bottom: 0;} .idx-s2 .list .box:hover *{color:#fff;} .idx-s2 .list .box:hover .info{background-color: #0b419b;} .idx-s2 .list .box:hover .pic1{display: none;} .idx-s2 .list .box:hover .pic2{display: block;} .idx-s2 .list .box:hover .x{background-color: #fff;} .idx-s2 .list .box:hover .bot{opacity: 1;} } @media screen and (min-width:1240px) and (max-width:1500px){ .head .wrap{width: 96%;} .hd-logo .img{height: 50px;} .hd-nav li{margin-left: 30px;} .hd-nav li>a{padding: 0 5px;} .foot .auto{width: 94%;} .ft-xx{width: 32%;} .ft-xx .txt{font-size: 15px;} .ft-menu{padding-left:4%;} .ft-menu .tit{font-size: 18px;} .ft-menu .lk{font-size: 15px;} } @media screen and (min-width:992px) and (max-width:1239px){ .auto{width: 92%;max-width: 100%;} .head .wrap{width: 96%;} .hd-logo .img{height: 40px;} .hd-nav li{margin-left: 20px;} .hd-nav li>a{font-size: 17px;padding: 0;} .ft-t .wrap{display: block;} .ft-xx{width: 100%;max-width: 100%;margin-bottom: 0;text-align: center;} .ft-xx .txt{font-size: 14px;line-height: 34px;} .ft-menu{padding:0;display: none;} .ft-menu .tit{font-size: 16px;} .ft-menu .lk{font-size: 14px;line-height: 30px;} .ft-b .txt{text-align: center;} /* 新闻列表 */ /* 新闻详情 */ .xw-det .wrap{flex-direction: column-reverse;} .xw-det .wrap-r{width: 100%;margin:0 0 40px;} .xw-det .top{margin-bottom: 0;} .xw-det .top .title{font-size: 26px;} /* 产品列表 */ .cp-list .item{width: 30.3%;} /* 产品详情 */ .cp-intro .title{font-size: 20px;} /* index */ .idx-body .head{position: sticky;background-color: #fff;border-bottom:1px solid #e5e5e5;} .idx-s2 .titbox{opacity: 1;} .idx-s2 .list .item{opacity: 1;} .idx-s3 .lbox{opacity: 1;} .idx-s3 .rbox{opacity: 1;} .idx-s3 .slide2 .swiper-slide{opacity: 1;} .navPage{display: none;} .idx-s{height: auto;} .idx-s1{position: relative;} .idx-s1 .item{height: 70vh;} .idx-s1 .scroll{bottom: 30px;} .idx-s1 .scroll img{width: 20px;} .idx-s1 .scroll h2{font-weight: normal;} .idx-s2{padding:0;} .idx-s2 .titbox{top: 50px;} .idx-s2 .titbox .bt{font-size: 26px;} .idx-s2 .list .item{height: 570px;} .idx-s2 .list .box{bottom: -25%;} .idx-s2 .list .imgbox{height: 120px;} .idx-s2 .list .title{font-size: 17px;} .idx-s2 .list .info{padding:90px 10% 10%;margin-top: -60px;} .idx-s2 .list .txt{font-size: 14px;line-height: 24px;} .idx-s2 .list .arrow{width: 30px;height: 30px;margin-top: 25px;} .idx-s3 .lbox{ padding: 0 4% 90px;} .idx-s3 .bt{font-size: 22px;} .idx-s3 .x{margin:3% 0 5%;} .idx-s3 .smtit{font-size: 18px;margin-bottom: 20px;} .idx-s3 .smtit .icon{width: 32px;} .idx-s3 .txt{font-size: 14px;line-height: 1.6;} .idx-s3 .tps li{margin-right: 15px;} .idx-s3 .tps .tp{height: 30px;} .idx-s3 .more{font-size: 14px;} .idx-s3 .more::after{width: 16px;height: 16px;} .idx-s3 .slide2{width: 92%;bottom: 30px;} .idx-s3 .slide2 .item{height: 80px;} .idx-s3 .slide2 .swiper-slide-thumb-active .item::after{height: 90px;} .idx-s3 .slide2 .box{padding:0 5px 0 15px;} .idx-s3 .slide2 .num{font-size: 14px;} .idx-s3 .slide2 .tit{font-size: 17px;} .idx-s3 .slide2 .box::after{top: 5px;bottom: 5px;} } @media screen and (min-width:768px) and (max-width:991px){ .auto{padding:0 3%;width: 100%;} .sj-menu{position:absolute;right: 2%;top: 50%;width: 30px;height: 30px;background: url(../images/menu.png) no-repeat center;background-size:30px;display: block;margin-top: -15px;z-index:100;} .sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:28px;} .head{height: 80px;} .head .wrap{width: 100%;} .hd-logo .img{height: 50px;} .hd-nav{position: fixed;width: 100%;left: 0;top: 80px;background-color: #fff;overflow-y: scroll!important;bottom: 0;overflow-x: hidden;} .hd-nav li{display: block;margin: 0;border-bottom:1px solid #efefef;} .hd-nav li>a{padding:0 30px;line-height: 70px;} .hd-nav li>a::after{display: none;} .hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0 0 0 30px;display: none;margin-left: 0;box-shadow:none;} .hd-nav .drop::before{display: none;} .hd-nav .drop .lk{line-height: 60px;border:none;border-top:1px solid #efefef;padding-left: 30px;font-size: 16px;} .hd-nav .arrow{width: 70px;height: 70px;background:url(../images/icon_04.png) no-repeat center;background-size:24px;position: absolute;right: 0;top: 0;transform: rotate(-90deg);} .hd-nav .arrow.this{transform: rotate(90deg)} .hd-nav .cpdrop .col{position: relative;} .hd-nav .cpdrop .lks{display: none;} .hd-nav .cpdrop .dropbox{display: block;} .hd-nav .cpdrop .tit{line-height: 60px;border-top:1px solid #efefef;padding-left: 30px;margin-bottom: 0;} .hd-nav .cpdrop .lk{padding-left: 45px;color:#333;} .hd-nav .cpdrop .arrow{background-size:18px;} .ft-t{padding:50px 0 30px;} .ft-t .wrap{display: block;} .ft-xx{width: 100%;max-width: 100%;text-align: center;} .ft-xx .txt{font-size: 14px;line-height: 30px;} .ft-menu{display: none;} .ft-b{padding:20px 0;} .ft-b .txt{text-align: center;line-height: 24px;} /* 服务支持 */ .inner-ban{height: 400px;text-align: center;} .inner-ban .bt{font-size: 30px;} .inner-ban .x{display: none;} .inner-ban .txt{font-size: 18px;} .pub-tt .bt{font-size: 26px;} .pub-tt .smwz{font-size: 15px;margin-top: 10px;} .fw-main{padding:65px 0;} .fw-list .item{border-width:5px;} .fw-list .icon{width: 76px;} .fw-list .txt{margin-top: 10px;} /* 新闻列表 */ .xw-main{padding:50px 0;} .xw-top{box-shadow:none;border:1px solid #efefef;padding: 20px;} .xw-top .imgbox{height: 260px;} .xw-top .day{font-size: 30px;} .xw-top .title{font-size: 20px;} .xw-top .more{width: 140px;} .xw-top .swiper-pagination-bullet{width: 30px;} .xw-list{margin:50px 0 0;justify-content: space-between;} .xw-list .item{width: 47%;margin:0 0 6%;} .xw-list .day{font-size: 30px;} .pagelist{margin-top: 30px;} .pagelist li{width: 44px;height: 44px;line-height: 42px;} /* 新闻详情 */ .xw-det{padding:50px 0;} .xw-det .wrap{flex-direction: column-reverse;} .xw-det .wrap-r{width: 100%;margin:0 0 40px;} .xw-sear .tit{display: none;} .xw-det .top{margin-bottom: 0;text-align: center;} .xw-det .top .title{font-size: 24px;} .xw-det .top .sm{margin-top: 15px;justify-content: center;} .xw-det .top .fz{font-size: 15px;margin:0 15px;} .xw-det .top .x{display: none;} /* 联系我们 */ .lx-sec .info{padding: 4% 4% 20px;} /* 产品列表 */ .cp-main .wrap{display: block;} .cp-main .l{width: 100%;margin:0 0 30px;} .cp-menu{position: relative;} .cp-menu .bt{position: relative;} .cp-menu .bt::after{content:'';position: absolute;right: 20px;top: 50%;width: 30px;height: 30px;background:url(../images/arrow.png) no-repeat center;background-size:22px;margin-top: -15px;transition: all .3s;} .cp-menu .list{position: absolute;width: 100%;left: 0;background-color: #fff;display: none;} .cp-menu .bt.this::after{transform: rotate(-180deg);} .cp-list .item{width: 30.3%;} /* 产品详情 */ .cp-intro .title{font-size: 20px;} .cp-xq .top .bt{width: 240px;} .cp-xq .edit{padding:30px 0 0;} /* index */ .idx-body .head{position: sticky;background-color: #fff;border-bottom:1px solid #e5e5e5;} .idx-s2 .titbox{opacity: 1;} .idx-s2 .list .item{opacity: 1;} .idx-s3 .lbox{opacity: 1;} .idx-s3 .rbox{opacity: 1;} .idx-s3 .slide2 .swiper-slide{opacity: 1;} .navPage{display: none;} .idx-s{height: auto;} .idx-s1{position: relative;} .idx-s1 .item{height: 50vh;} .idx-s1 .swiper-button{display: none;} .idx-s1 .scroll{display: none;} .idx-s1 .swiper-container .swiper-pagination{display: block;} .idx-s2{padding:40px 0 0;} .idx-s2 .titbox{position: static;margin-bottom: 30px;} .idx-s2 .titbox .bt{font-size: 24px;} .idx-s2 .list{flex-wrap: wrap;} .idx-s2 .list .item{height: 300px;width: 50%;border-top:1px solid #e5e5e5;} .idx-s2 .list .box{bottom: 15px;} .idx-s2 .list .imgbox{height: 180px;padding: 0 13%;} .idx-s2 .list .pic{max-height: 100%;} .idx-s2 .list .pic1{display: none;} .idx-s2 .list .pic2{display: block;} .idx-s2 .list .title{font-size: 17px;} .idx-s2 .list .info{padding:0 15px;margin-top: -35px;} .idx-s2 .list .txt{display: none;} .idx-s2 .list .x{width: 38px;height: 1px;} .idx-s2 .list .arrow{width: 36px;height: 36px;margin-top: 0;background:url(../images/arrow.png) no-repeat center #0b419a;background-size:14px;transform: rotate(-90deg);} .idx-s2 .list .bot{opacity: 1;margin-top: 25px;} .idx-s3{padding:50px 4% 35px;position: relative;} .idx-s3 .lbox{padding: 0;width: 100%;margin-top: 25px;position: static;} .idx-s3 .item{flex-direction: column-reverse;} .idx-s3 .bt{font-size: 22px;position: absolute;width: 100%;left: 0;top: -60px;text-align: center;} .idx-s3 .x{margin:3% 0 5%;display: none;} .idx-s3 .smtit{font-size: 18px;margin-bottom: 20px;} .idx-s3 .smtit .icon{width: 32px;} .idx-s3 .txt{font-size: 14px;line-height: 1.8;} .idx-s3 .tps li{margin-right: 15px;} .idx-s3 .tps .tp{height: 30px;} .idx-s3 .more{font-size: 14px;margin-top: 30px;} .idx-s3 .more::after{width: 16px;height: 16px;} .idx-s3 .slide1 .swiper-container{padding-top: 60px;} .idx-s3 .slide2{display: none;} .idx-s3 .slide1 .swiper-pagination{display: block;position: static;margin-top: 10px;} } @media screen and (min-width:767px) and (max-width:1200px){ .top-bar{height: auto;} .top-bar .box{flex-direction: column-reverse;align-items: flex-start;} .crumb{padding-top:15px;padding-bottom: 15px;background-size: 12px;padding-left: 20px;} .crumb, .crumb *{font-size: 15px;} .xw-menu{justify-content: space-between;display: flex;width: 100%;} .xw-menu .lk{margin: 0;font-size: 16px;line-height: 40px;} } @media screen and (min-width:320px) and (max-width:767px){ .auto{padding:0 4%;width: 100%;} .head{height: 70px;} .head .wrap{width: 100%;} .hd-logo .img{height: 36px;} .hd-nav{position: fixed;width: 100%;left: 0;top: 70px;background-color: #fff;overflow-y: scroll!important;bottom: 0;overflow-x: hidden;} .hd-nav li{display: block;margin: 0;border-bottom:1px solid #efefef;} .hd-nav li>a{padding:0 20px;line-height: 60px;font-size: 16px;} .hd-nav li>a::after{display: none;} .hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0 0 0 15px;display: none;margin-left: 0;box-shadow:none;} .hd-nav .drop::before{display: none;} .hd-nav .drop .lk{line-height: 50px;border:none;border-top:1px solid #efefef!important;padding-left: 20px;font-size: 15px;} .hd-nav .arrow{width: 50px;height: 50px;background:url(../images/icon_04.png) no-repeat center;background-size:20px;position: absolute;right: 0;top: 0;transform: rotate(-90deg);} .hd-nav .arrow.this{transform: rotate(90deg)} .hd-nav .cpdrop .col{position: relative;} .hd-nav .cpdrop .lks{display: none;} .hd-nav .cpdrop .dropbox{display: block;} .hd-nav .cpdrop .tit{line-height: 50px;border-top:1px solid #efefef;padding-left: 20px;margin-bottom: 0;font-size: 15px;} .hd-nav .cpdrop .lk{padding-left: 30px;color:#333;font-size: 14px;} .hd-nav .cpdrop .arrow{background-size:18px;} .sj-menu{position:absolute;right: 2%;top: 50%;width: 28px;height: 28px;background: url(../images/menu.png) no-repeat center;background-size:26px;display: block;margin-top: -14px;z-index:100;} .sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:28px;} .foot .auto{width: 100%;} .ft-t{padding:50px 0 30px;} .ft-t .wrap{display: block;} .ft-xx{width: 100%;max-width: 100%;text-align: center;} .ft-xx .smlogo{height: 55px;} .ft-xx .txt{font-size: 14px;line-height: 1.8;} /* .ft-menu{display: none;}*/ .ft-menu{display: block;padding:1px 0 0;} .ft-menu .col{margin-top: 17px;} .ft-menu .tit{font-size: 16px;} .ft-menu .lks{margin-left: -15px;margin-top: 7px;} .ft-menu .lk{display: inline-block;vertical-align: middle;margin:0 0 0 15px;font-size: 14px;line-height: 28px;} .ft-b{padding:20px 0;} .ft-b .txt{text-align: center;line-height: 1.4;} /* 服务支持 */ .inner-ban{height: 240px;text-align: center;} .inner-ban .bt{font-size: 24px;} .inner-ban .x{display: none;} .inner-ban .txt{font-size: 15px;margin-top: 10px;} .pub-tt{margin-bottom: 25px;} .pub-tt .bt{font-size: 22px;} .pub-tt .smwz{font-size: 14px;margin-top: 10px;} .fw-main{padding:50px 0;} .fw-list{margin: 0;justify-content: space-between;} .fw-list .item{border-width:3px;width: 48%;margin:0 0 4%;padding:30px 15px;min-height: auto;} .fw-list .icon{width: 60px;} .fw-list .tit{font-size: 16px;} .fw-list .txt{margin-top: 10px;font-size: 14px;line-height: 1.4;} /* 新闻列表 */ .top-bar{height: auto;} .top-bar .box{flex-direction: column-reverse;align-items: flex-start;} .crumb{padding-top:15px;padding-bottom: 15px;background-size: 12px;padding-left: 20px;} .crumb, .crumb *{font-size: 15px;} /* .xw-menu{justify-content: space-between;display: flex;width: 100%;} .xw-menu .lk{margin: 0;font-size: 16px;line-height: 40px;} */ .xw-menu{white-space: nowrap;overflow-x: scroll;text-align: center;width: 108%;margin-left: -4%;} .xw-menu .lk{margin: 0 18px;font-size: 16px;line-height: 40px;} .xw-main{padding:30px 0 50px;} .xw-top{box-shadow:none;padding: 0;margin-bottom: 60px;} .xw-top .item{display: block;border:1px solid #efefef;} .xw-top .imgbox{height: 260px;width: 100%;} .xw-top .info{padding:20px 15px;} .xw-top .day{font-size: 28px;} .xw-top .year{font-size: 12px;} .xw-top .title{font-size: 18px;} .xw-top .more{display: none;} .xw-top .swiper-container{padding:0 1px;} .xw-top .swiper-pagination{margin-top: 25px;} .xw-top .swiper-pagination-bullet{width: 20px;margin:0 6px!important;} .xw-list{margin:-25px 0 0;justify-content: space-between;} .xw-list .item{width: 100%;margin:25px 0 0;} .xw-list .day{font-size: 30px;} .xw-list .imgbox{height: 180px;margin-top: 10px;} .xw-list .title{margin-top: 10px;} .pagelist{margin-top: 30px;} .pagelist li{width: 38px;height: 38px;line-height: 36px;margin:0 6px;font-size: 15px;} /* 新闻详情 */ .xw-det{padding:40px 0 50px;} .xw-det .wrap{flex-direction: column-reverse;} .xw-det .wrap-r{width: 100%;margin:0 0 30px;} .xw-sear .tit{display: none;} .xw-sear .form .ipt-txt{line-height: 44px;} .xw-sear .form .submit{width: 60px;height: 44px;} .xw-det .top{margin-bottom: 0;text-align: center;} .xw-det .top .title{font-size: 19px;} .xw-det .top .sm{margin-top: 15px;justify-content: center;flex-wrap: wrap;} .xw-det .top .fz{font-size: 14px;margin:0 8px;} .xw-det .top .x{display: none;} .xw-det .edit{font-size: 15px;} .xw-bot{padding:30px 0 0;} .xw-bot .backpage{width: 120px;font-size: 14px;height: 38px;} .xw-bot .lk{margin:0 0 0 15px;width: 90px;font-size: 14px;height: 38px;line-height: 38px;} /* 联系我们 */ .lx-sec{padding:40px 0 50px;} .lx-sec .detail{display: block;} .lx-sec .info{padding:25px 20px;width: 100%;} .lx-sec .title{font-size: 18px;margin-bottom: 8px;} .lx-sec .txt{font-size: 15px;line-height: 1.8;} .lx-sec .imgbox{width: 100%;height: 210px;} /* 产品列表 */ .cp-main{padding:25px 0 60px;} .cp-main .wrap{display: block;} .cp-main .l{width: 100%;margin:0 0 25px;position: relative;z-index:90;} .cp-menu{position: relative;z-index:90;background-color: #fff;} .cp-menu .bt{position: relative;font-size: 18px;line-height: 50px;} .cp-menu .bt::after{content:'';position: absolute;right: 10px;top: 50%;width: 30px;height: 30px;background:url(../images/arrow.png) no-repeat center;background-size:16px;margin-top: -15px;transition: all .3s;} .cp-menu .list{position: absolute;width: 100%;left: 0;background-color: #fff;display: none;z-index:90;} .cp-menu .bt.this::after{transform: rotate(-180deg);} .cp-sec .t-tit{font-size: 18px;} .cp-list{margin: 0;justify-content: space-between;} .cp-list .item{width: 47%;margin:6% 0 0;} /* 产品详情 */ .cp-intro{display: block;} .cp-intro .slide{width: 100%;} .cp-intro .slide2 .item{height: 280px;} .cp-intro .slide1 .item{height: 60px;} .cp-intro .slide1 .swiper-container{padding:0 1px;} .cp-intro .info{width: 100%;margin-top: 30px;} .cp-intro .title{font-size: 18px;} .cp-intro .txt{margin-top: 8px;line-height: 1.7;text-indent: 0;} .cp-intro .btns{justify-content: space-around;} .cp-intro .anniu{margin: 0;width: 40%;font-size: 15px;line-height: 44px;height: 44px;} .cp-xq{margin-top: 50px;} .cp-xq .top .bt{width: 130px;line-height: 46px;font-weight: normal;} .cp-xq .edit{padding:30px 0 0;} .pagenav{display: block;margin-top: 40px;} .pagenav .lk{max-width: 100%;display: block;line-height: 28px;} .cp-xz li{flex-wrap: wrap;} .cp-xz .title{flex:initial;width: 100%;background-size: 18px;padding-left: 25px;} .cp-xz .size{width: 38%;padding-left: 25px;} .cp-xz .date{width: 50%;} .cp-xz .link{width: 12%;} /* index */ .idx-body .head{position: sticky;background-color: #fff;border-bottom:1px solid #e5e5e5;} .idx-s2 .titbox{opacity: 1;} .idx-s2 .list .item{opacity: 1;} .idx-s3 .lbox{opacity: 1;} .idx-s3 .rbox{opacity: 1;} .idx-s3 .slide2 .swiper-slide{opacity: 1;} .navPage{display: none;} .idx-s{height: auto;} .idx-s1{position: relative;} .idx-s1 .item{height: 35vh;} .idx-s1 .swiper-button{display: none;} .idx-s1 .scroll{display: none;} .idx-s1 .swiper-container .swiper-pagination{display: block;} .idx-s2{padding:40px 0 0;} .idx-s2 .titbox{position: static;margin-bottom: 25px;} .idx-s2 .titbox .bt{font-size: 22px;} .idx-s2 .list{flex-wrap: wrap;border-top:1px solid #e5e5e5;} .idx-s2 .list .item{height: 300px;width: 50%;border-bottom:1px solid #e5e5e5;} .idx-s2 .list .box{bottom: 15px;} .idx-s2 .list .imgbox{height: 180px;padding: 0 13%;} .idx-s2 .list .pic{max-height: 100%;} .idx-s2 .list .pic1{display: none;} .idx-s2 .list .pic2{display: block;} .idx-s2 .list .title{font-size: 16px;} .idx-s2 .list .info{padding:0 15px;margin-top: -35px;} .idx-s2 .list .txt{display: none;} .idx-s2 .list .x{width: 38px;height: 1px;} .idx-s2 .list .arrow{width: 36px;height: 36px;margin-top: 0;background:url(../images/arrow.png) no-repeat center #0b419a;background-size:14px;transform: rotate(-90deg);} .idx-s2 .list .bot{opacity: 1;margin-top: 25px;} .idx-s3{padding:50px 4% 35px;position: relative;} .idx-s3 .lbox{padding: 0;width: 100%;margin-top: 25px;position: static;} .idx-s3 .item{flex-direction: column-reverse;} .idx-s3 .bt{font-size: 22px;position: absolute;width: 100%;left: 0;top: -60px;text-align: center;} .idx-s3 .x{margin:3% 0 5%;display: none;} .idx-s3 .smtit{font-size: 18px;margin-bottom: 20px;} .idx-s3 .smtit .icon{width: 32px;} .idx-s3 .txt{font-size: 14px;line-height: 1.8;} .idx-s3 .tps li{margin-right: 15px;} .idx-s3 .tps .tp{height: 30px;} .idx-s3 .more{font-size: 14px;margin-top: 30px;} .idx-s3 .more::after{width: 16px;height: 16px;} .idx-s3 .slide1 .swiper-container{padding-top: 60px;} .idx-s3 .slide2{display: none;} .idx-s3 .slide1 .swiper-pagination{display: block;position: static;margin-top: 10px;} } @media screen and (min-width:1350px) and (max-width:1400px){ /* index */ .idx-s2 .titbox{top: 120px;} .idx-s2 .titbox .bt{font-size: 28px;} .idx-s2 .list .imgbox{height: 180px;} .idx-s2 .list .box{bottom: -180px;} .idx-s2 .list .info{padding:130px 10% 10%;} .idx-s2 .list .title{font-size: 18px;} .idx-s2 .list .x{width: 38px;} .idx-s2 .list .bot{margin-top: 15px;} .idx-s2 .list .txt{font-size: 14px;line-height: 24px;} .idx-s2 .list .arrow{width: 38px;height: 38px;margin-top: 30px;} .idx-s3 .bt{font-size: 26px;} .idx-s3 .smtit{font-size: 18px;} .idx-s3 .smtit .icon{width: 32px;} .idx-s3 .txt{font-size: 15px;line-height: 1.6;} .idx-s3 .tps .tp{height: 35px;} .idx-s3 .slide2{bottom: 30px;} .idx-s3 .slide2 .swiper-slide-thumb-active .item::after{height: 105px;} .idx-s3 .slide2 .item{height: 95px;} .idx-s3 .slide2 .tit{font-size: 20px;} .ft-t{padding:50px 0 40px;} .ft-xx .txt{line-height: 30px;} .ft-menu .lk{line-height: 30px;} .ft-b{padding:20px 0;} .ft-b .txt{line-height: 24px;} } @media screen and (min-width:1230px) and (max-width:1300px){ /* index */ .idx-s2 .titbox{top: 120px;} .idx-s2 .titbox .bt{font-size: 24px;} .idx-s2 .list .imgbox{height: 180px;} .idx-s2 .list .box{bottom: -180px;} .idx-s2 .list .info{padding:130px 10% 10%;} .idx-s2 .list .title{font-size: 17px;} .idx-s2 .list .x{width: 38px;} .idx-s2 .list .bot{margin-top: 20px;} .idx-s2 .list .txt{font-size: 13px;line-height: 24px;} .idx-s2 .list .arrow{width: 30px;height: 30px;margin-top: 10px;} .idx-s3 .lbox{padding:0 5% 100px;} .idx-s3 .bt{font-size: 24px;} .idx-s3 .smtit{font-size: 18px;} .idx-s3 .smtit .icon{width: 32px;} .idx-s3 .txt{font-size: 15px;line-height: 1.6;} .idx-s3 .tps .tp{height: 35px;} .idx-s3 .slide2{bottom: 30px;width: 90%;} .idx-s3 .slide2 .swiper-slide-thumb-active .item::after{height: 105px;} .idx-s3 .slide2 .item{height: 95px;} .idx-s3 .slide2 .tit{font-size: 18px;} .ft-t{padding:50px 0 40px;} .ft-xx .txt{line-height: 30px;} .ft-menu .lk{line-height: 30px;} .ft-b{padding:20px 0;} .ft-b .txt{line-height: 24px;} }