@font-face {font-family: DIN; src: url('DIN-Medium.otf')} 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: 'PingFang SC','PingFangMedium',"microsoft yahei"; */font-family: "microsoft yahei";font-size: 0.14rem;} 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;} *{box-sizing:border-box;color: #333;} 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;width: 16.7rem;} .c-link a{font-size: 16px;} :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.05,1.05);} .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;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 1;} .clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} .clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 3;} body{background: #fff;overflow-x: hidden;} .item{} .item .imgbox{display: block;overflow: hidden;} .item .img{transition: all 1s;width: 100%;display: block;} .item:hover .imgbox .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);} .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;} html{font-size: 5.2083vw;} /* index */ .head{ position:fixed; z-index:100; width: 100%; left: 0; top: 0; transition: all .3s; color: #ffffff; } .head.active , .head:hover{ transition: all .3s; background:#fff; box-shadow: 0 2px 11px rgb(0 0 0 / 5%); } .head .wrap{display: flex;align-items: center;justify-content: space-between;} .hd-logo{display: inline-block;vertical-align: middle;} .hd-logo .img{height: 1.2rem;width: auto;} .hd-rig{display: flex;align-items: center;} .hd-sear{display: inline-block;position:relative;margin-left: 0.6rem;} .hd-sear .icon{background:url(../images/icon_01.png) no-repeat center;background-size:contain;width: 0.3rem;height: 0.3rem;display: inline-block;vertical-align: middle;cursor: pointer;} .hd-sear .box{position:absolute;right: 0;top: 50%;background-color: #fff;border-radius:.04rem;overflow: hidden;margin-top: -0.17rem;width:0;border:1px solid #efecf5;height: 0.4rem;display: flex;align-items: center;} .hd-sear .box .ipt-txt{font-size: .14rem;padding:0 .15rem;height: 0.4rem;line-height: 0.4rem;flex:1;overflow: hidden;} .hd-sear .box .submit{width: .3rem;height: .3rem;background:url(../images/icon_01.png) no-repeat center;background-size:.3rem;border:none;cursor: pointer;margin-right: 0.05rem;} .hd-sear .box.show{width: 2.6rem;border-color:#ccc;} .hd-lang{margin-left: 0.3rem;position:relative;} .hd-lang .lk{font-size: 0.24rem;color:#4b4b4b;} .hd-lang .lk:hover{color:#00469B;} .hd-lang .drop{position:absolute;width: 1rem;left: 50%;transform: translate(-50%,0);padding-top: 0.1rem;display: none;} .hd-lang .drop ul{background-color: #fff;border-radius:.06rem;padding:.1rem 0;position:relative;} .hd-lang .drop li{font-size: 0.16rem;color:#333;line-height: 0.36rem;text-align: center;} .hd-lang .drop li:hover{color:#00469B;} .hd-lang .drop ul:before{content:'';position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 .07rem .08rem .07rem;border-color: transparent transparent #fff transparent;left: 50%;margin-left: -0.08rem;top: -0.08rem;} .hd-lang:hover .drop{display: block;} .hd-nav{display: inline-block;vertical-align: middle;} .hd-nav li{display: inline-block;vertical-align: middle;margin-left: .7rem;position:relative;color:#4b4b4b;} .hd-nav li>a{display: block;font-size: .24rem;line-height: .6rem;} /*.hd-nav li:hover>a,.hd-nav li.cur>a{color:#463a89;}*/ .hd-nav li:hover{color:#463a89;} /* .hd-nav li.has>a:after{content:'';display: inline-block;vertical-align: middle;width: 0.06rem;height: 0.06rem;background:url(../images/icon_01.png) no-repeat center;background-size:contain;margin-left: .08rem;} .hd-nav .arrow{display: none;} .hd-nav li:hover .drop{display: block;} .hd-nav .drop{position:absolute;left: 50%;transform: translate(-50%,0);background-color: #fff;width: 1.2rem;box-shadow: 0px .04rem .04rem rgba(0, 0, 0, 0.1);display: none;} .hd-nav .drop a{display: block;font-size: .12rem;color: #666;line-height: .4rem;border-bottom: 1px solid #F0F0F0;padding-left: 0.2rem;} .hd-nav .drop a:before{content:'';display: inline-block;vertical-align: middle;width: 0.05rem;height: 0.05rem;background: #126CCD;margin-right: 0.15rem;} .hd-nav .drop a:last-child{border-bottom:none;} .hd-nav .drop a:hover{background-color: #126CCD;color:#fff;} .hd-nav .drop a:hover:before{background-color: #fff;} */ #c-header .c-nav>li { font-size: 17px; padding: 0 20px; } .searchBar-m { display: none; width: 100%; height: 100%; position: fixed; top: 0px; z-index: 9999; text-align: center; } .searchBar-m .mask { position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; } .searchBar-m a { display: block; position: absolute; right: 5%; top: 5%; width: 60px; height: 60px; line-height: 56px; font-size: 48px; z-index: 9999; color: #fff; } .searchBar-m .form-group { width: 70%; max-width: 720px; position: absolute; left: 50%; top: 40%; transform: translate(-50%,-200%); } .form-group { padding-bottom: 10px; } .searchBar-m .input { width: 88%; background: transparent; border: 0; border-bottom: 2px solid #f2f2f2; color: #6E6E6E; height: 60px; line-height: 60px; float: left; padding: 0; } .searchBar-m .button { background: transparent; font-size: 26px; color: #ffffff; width: 8%; height: 60px; line-height: 60px; display: block; float: left; } .radius-none { border-radius: 0; } .border-none { border: 0; } .idx-ban{position:relative;} .idx-ban .img{width: 100%;display: block;} .idx-ban .swiper-pagination{bottom: 0.2rem;} .idx-ban .swiper-pagination-bullet{width: 0.16rem;height: 0.16rem;background-color: rgba(255,255,255,.53);border-radius:50%;display: inline-block;vertical-align: middle;margin:0 .1rem!important;opacity: 1;} .idx-ban .swiper-pagination-bullet-active{width: 0.52rem;border-radius:.08rem;background-color: #fff;} .idx-tt{text-align: center;margin-bottom: 1.35rem;} .idx-tt .en{font-size: 0.98rem;color:#574a93;font-weight: bold;line-height: 1;opacity: .15;text-transform: uppercase;} .idx-tt .cn{font-size: 0.64rem;color:#574a93;font-weight: bold;line-height: 1;} .idx-group{margin-top: 1.35rem;} .idx-group .list{margin-left: -1.5%;display: flex;flex-wrap: wrap;} .idx-group .list .item{width: 31.8%;position:relative;margin:0 0 0 1.5%;border-radius:.2rem;overflow: hidden;} .idx-group .list .imgbox{display: block;position:relative;z-index:20;} .idx-group .list .img{width: 100%;display: block;} .idx-group .list .title{font-size: 0.56rem;color:#fff;position:absolute;width: 100%;left: 0;bottom: 0.45rem;padding:0 .6rem;} .idx-group .list .item::after{content:'';position:absolute;top: 0.25rem;left: 0.25rem;bottom: 0.25rem;right: 0.25rem;border:1px solid #fff;opacity: 0;transition: all .3s;} .idx-group .list .item:hover::after{opacity: 1;} .idx-cp{margin-top: 0.7rem;} .idx-cp .menu{margin-bottom: 0.15rem;} .idx-cp .menu .box{display: flex;justify-content: space-between;} .idx-cp .menu .lk{padding:0 0 .2rem;position:relative;} .idx-cp .menu .lk::after{content:'';position:absolute;left: 50%;bottom: 0;height: 1px;background-color: #574a93;transition: all .3s;width: 0;} .idx-cp .menu .ico{height: 0.9rem;width: auto;display: block;margin:0 auto;} .idx-cp .menu .ico-h{display: none;} .idx-cp .menu .tit{font-size: 0.27rem;color:#4b4b4b;text-align: center;margin-top: 0.2rem;} .idx-cp .menu .lk.cur .ico-h,.idx-cp .menu .lk:hover .ico-h{display: block;} .idx-cp .menu .lk.cur .ico-s,.idx-cp .menu .lk:hover .ico-s{display: none;} .idx-cp .menu .lk.cur .tit,.idx-cp .menu .lk:hover .tit{color:#574a93;} .idx-cp .menu .lk.cur::after,.idx-cp .menu .lk:hover::after{width: 100%;left: 0;} .idx-cp .list{display: flex;flex-wrap: wrap;margin-left: -1%;} .idx-cp .list .item{width: 24%;margin:0 0 1% 1%;position:relative;} .idx-cp .list .imgbox{display: block;height: 4.06rem;} .idx-cp .list .img{width: 100%;height: 100%;object-fit: cover;} .idx-cp .list .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.3);text-align: center;display: flex;flex-direction: column;align-items: center;padding: .5rem 0;justify-content: flex-end;opacity: 0;transition: all .3s;} .idx-cp .list .title{font-size: 0.3rem;color:#fff;} .idx-cp .list .fz{font-size: 0.25rem;color:#fff;margin-top: 0.1rem; height: 26px; overflow: hidden; width: 40px;} .idx-cp .list .more{font-size: 0.27rem;color:#fff;width: 1.9rem;line-height: 0.5rem;border:1px solid #fff;border-radius:.21rem;display: block;margin:.1rem auto 0;} .idx-cp .list .more:hover{background-color: #574a93;color:#fff;border-color:#574a93;} .idx-cp .list .item:hover .shade{opacity: 1;} .readmore{display: block;font-size: 0.2rem;color:#6d6d6d;width: 5.4rem;line-height: 0.55rem;border:1px solid #b5b5b5;margin:.6rem auto 0;text-align: center;} .readmore:hover{background-color: #574a93;color:#fff;border-color:#574a93;} .idx-us{margin-top: 0.8rem;} .idx-us .box{/* height: 3.05rem; */background-color: #fff;box-shadow:0 .04rem .1rem rgba(0,0,0,.17);margin:0 auto;position:relative;z-index:10;} .idx-us .box img{width: 100%;} .idx-us .list{display: flex;} .idx-us .list li{flex:1;text-align: center;height: 3.04rem;padding:.5rem;border-right:1px solid #c7cacc;} .idx-us .list .num{font-size: 0.56rem;line-height:0.56rem;color:#574a93;} .idx-us .list .fz{font-size: 0.2rem;color:#000000;margin-top: 0.1rem;} .idx-us .list .desc{font-size: 0.2rem;color:#7a7a7a;margin-top: 0.1rem;} .idx-us .detail{} .idx-us .detail .img{width: 100%;display: block;margin-top: -1.05rem;} .idx-us .list li:hover{height: 3.25rem;background-color: #574a93;margin-top: -0.1rem;} .idx-us .list li:hover .num,.idx-us .list li:hover .fz{color:#fff;} .idx-us .list li:hover .num,.idx-us .list li:hover .desc{color:#fff;} .idx-us .list li:last-child{border-right:none;} .idx-xw{margin-top: 0.8rem;margin-bottom: 0.8rem;} .idx-xw .idx-tt{margin-bottom: 0.25rem;} .idx-xw .idx-tt .cn{margin-top: 0;} .idx-xw .menu{text-align: center;margin-bottom: 0.3rem;} .idx-xw .menu .lk{font-size: 0.4rem;color:#333;display: inline-block;vertical-align: middle;margin:0 .2rem;line-height: 0.8rem;position:relative;} .idx-xw .menu .lk::after{content:'';position:absolute;left: 50%;bottom: 0;height: 1px;background-color: #574a93;width: 0;transition: all .3s;} .idx-xw .menu .lk.cur,.idx-xw .menu .lk:hover{color:#574a93;} .idx-xw .menu .lk.cur::after,.idx-xw .menu .lk:hover::after{width: 100%;left: 0;} .idx-xw .pic-list{display: flex;justify-content: space-between;} .idx-xw .pic-list .item{width: 48.5%;box-shadow:0 .04rem .12rem rgba(0,0,0,.07);padding: 0.15rem;} .idx-xw .pic-list .imgbox{display: block;height: 4.44rem;} .idx-xw .pic-list .img{width: 100%;display: block;height: 100%;object-fit: cover;} .idx-xw .pic-list .info{margin-top: 0.15rem;} .idx-xw .pic-list .info h6 a{height: 0.3rem;line-height: 0.3rem;} .idx-xw .pic-list .title{font-size: 0.28rem;color:#000000;display: block;} .idx-xw .pic-list .txt{font-size: 0.2rem;color:#6e6e6e;line-height: 0.24rem;-webkit-line-clamp: 3;margin-top: 0.15rem;} .idx-xw .pic-list .date{font-size: 0.2rem;color:#6d6d6d;margin-top: 0.2rem;} .idx-xw .pic-list .item:hover .title{color:#574a93;} .idx-xw .arc-list{display: flex;margin-top: 0.85rem;} .idx-xw .arc-list .item{width: 33.3%;padding:0 .65rem;border-right:1px solid #dadada;} .idx-xw .arc-list .title{font-size: 0.26rem;color:#000000;line-height: 0.4rem;-webkit-line-clamp: 2;height: 0.8rem;} .idx-xw .arc-list .date{font-size: 0.2rem;color:#6d6d6d;margin-top: 0.25rem;} .idx-xw .arc-list .item:hover .title{color:#574a93;} .idx-xw .arc-list .item:nth-child(1){padding-left: 0;} .idx-xw .arc-list .item:nth-child(3){padding-right: 0;border:none;} .idx-kh{margin-top: 0.8rem;margin-bottom: 0.8rem;} .idx-kh .list{display: flex;flex-wrap: wrap;align-items: center;} .idx-kh .list .item{width: 14.28%;height: 1.3rem;display: flex;align-items: center;justify-content: center;position:relative;} .idx-kh .list .img{max-width:90%;max-height:100%;width: auto;transition: all .3s;} .idx-kh .list .item::after{content:'';position:absolute;right: 0;top: 50%;width: 1px;background-color: #cdcdcd;height: 0.44rem;margin-top: -0.22rem;} .idx-kh .list .img:hover{transform: scale(1.05,1.05);} .idx-kh .list .item:nth-child(7n+7)::after{display: none;} .foot{background-color: #f3f1ff;} .ft-t{padding:.4rem 0 .3rem;display: flex;justify-content: space-between;align-items: flex-start;} .ft-t .lbox{flex:1;overflow: hidden;} /*foot鑱旂郴鎴戜滑*/ .footerContact{width: 30%;display: flex;justify-content: space-between;align-items: flex-start;} .footerContact button { width: 100%; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 13px; font-weight: 600; background: #463a89; cursor: pointer; transition: all .3s ease-in; } .footerContact textarea { width: 100%; height: 80px; margin-bottom: 10px; padding: 8px 12px; font-size: 13px; box-sizing: border-box; border: 0px; } .footerContact input { width: 100%; margin-bottom: 10px; padding: 8px 12px; font-size: 13px; box-sizing: border-box; } /*foot鑱旂郴鎴戜滑*/ .ft-t .smlogo{height: 1.2rem;width: auto;} .ft-t .row{font-size: 0.2rem;color:#463a89;line-height: .4rem;} .ft-t .row a{margin-right: 0.1rem;} .ft-t .row a:hover{text-decoration: underline;} .ft-t .select{font-size: 0.2rem;color:#9e9e9e;width: 1.85rem;height: 0.4rem;line-height: 0.4rem;border:1px solid #e2e0eb;padding:0 .15rem;margin-top: 0.35rem;appearance: none;-webkit-appearance: none;background:url(../images/ft_04.png) no-repeat 95% center #f3f1ff;background-size:.14rem;} .ft-t .rbox{margin-left: 0.3rem;display: flex;flex-direction: column;align-items: flex-end;line-height: 40px;} .ft-t .tel-icon{width: 0.8rem;} .ft-t .tel{font-size: 0.48rem;color:#463a89;font-weight: bold;} .ft-t .tel-fz{font-size: 0.24rem;color:#463a89;margin-top: 0.06rem;} .ft-t .social{margin-top: 0.2rem;} .ft-t .social .grp{display: inline-block;vertical-align: middle;margin-left: 0.24rem;position:relative;} .ft-t .social .ico{width: 0.44rem;height: 0.44rem;display: block;} .ft-t .social .drop{position:absolute;background-color: #fff;width: 1.1rem;left: 50%;transform: translate(-50%,0);margin-top: 0.1rem;display: none;} .ft-t .social .drop:before{content:'';position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 .07rem .08rem .07rem;border-color: transparent transparent #fff transparent;left: 50%;margin-left: -0.08rem;top: -0.08rem;} .ft-t .social .pic{width: 100%;display: block;} .ft-t .social .grp:hover .drop{display: block;} .ft-b{font-size: .18rem;color:#acacac;line-height: 0.4rem;padding:.3rem 0;border-top:1px solid #c0c0c0;display: flex;justify-content: space-between;} .ft-b .lbox{} .ft-b .lk{display: inline-block;vertical-align: middle;margin-right: 0.3rem;} .ft-b .lk:hover{color:#463a89;} .ft-b .rbox{} .ft-b .rbox span{display: inline-block;vertical-align: middle;margin-left: 0.3rem;} .product-search-box { border: 1px solid #e4e4e4; height: 0.7rem; width: 85%; max-width: 640px; transition: all .3s; text-align: center; margin: 0 auto 0.5rem; } .product-search-box input { height: 0.68rem; width: 85%; max-width: 640px; border: none; padding: 0px 8px; border-right: 1px solid #e4e4e4; outline: none; font-size: 20px; } .aside-left .article-nav span { font-size: 1rem; color: #333; margin-left: 22px; cursor: pointer; } .search-icon { width: 12%; height: 1rem; display: inline-block; background-position: 0 0; cursor: pointer; font-size: 24px; color: #333; cursor: pointer; } /* 椤堕儴鑳屾櫙 */ /*#top-bg {*/ /* height: 6.4rem;*/ /* display: flex;*/ /* justify-content: center;*/ /* align-items: center;*/ /*}*/ /*#top-bg .c-enTitle {*/ /* font-size: 72px;*/ /* line-height: 1em;*/ /* color: #fff;*/ /*}*/ /*#top-bg .c-title {*/ /* padding-top: 10px;*/ /* font-size: 36px;*/ /* line-height: 56px;*/ /* color: #fff;*/ /* text-align: center;*/ /*}*/ @media screen and (min-width:992px) and (max-width:1199px){ /* .auto{max-width: 100%;padding:0 3%;width: 100%!important;} html{font-size: 5rem!important;} */ .product-search-box { border: 1px solid #e4e4e4; height: 0.7rem; width: 85%; max-width: 640px; margin: 0 auto 0.5rem; } .product-search-box input { height: 0.65rem; width: 85%; max-width: 640px; font-size: 16px; } .aside-left .article-nav span { font-size: 1rem; } .search-icon { font-size: 24px; } } @media screen and (min-width:768px) and (max-width:991px){ .auto{max-width: 100%;padding:0 3%;width: 100%;} html{font-size: 3.8rem!important;} .sj-menu{position:absolute;right: 2%;top: 50%;width: .4rem;height: .4rem;background: url(../images/menu.png) no-repeat center;background-size:.4rem;margin-top: -.2rem;display: block;} .sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:.36rem;} .hd-rig{margin-right: 0.6rem;} .hd-nav{position:fixed;width: 100%;left: 0;top: 1.2rem;background-color: #fff;margin-top: 0;bottom: 0;overflow-y: scroll!important;display: none;} .hd-nav li{display: block;margin-left: 0;position:relative;} .hd-nav li>a{font-size: 0.24rem;line-height: 0.8rem;padding:0 .3rem;border-bottom:1px solid #efefef;} /* .hd-nav .arrow{width: 0.8rem;height: 0.8rem;position:absolute;right: 0;top: 0;background:url(../images/arrow.png) no-repeat center;background-size:.3rem;display: block;} .hd-nav .arrow.this{transform: rotate(180deg);} .hd-nav li:hover>a, .hd-nav li.cur>a{color:#00469B;} .hd-nav li:hover .drop{display: none;} .hd-nav .drop{position:static;width: 100%;transform: translate(0,0);display: block;box-shadow:none;padding-left: 0.3rem;display: none;} .hd-nav .drop a{font-size: .19rem;line-height: 0.7rem;border-bottom:1px solid #efefef!important;} .hd-nav .drop a:before{width: 0.07rem;height: 0.07rem;} */ .idx-tt{margin-bottom: 0.5rem;} .idx-tt .en{font-size: 0.66rem;} .idx-tt .cn{font-size: 0.44rem;margin-top: -0.5rem;} .idx-group .list .title{font-size: 0.4rem;} .idx-cp .menu .ico{height: 0.8rem;} .idx-cp .menu .tit{font-size: 0.24rem;} .idx-cp .list .imgbox{height: 3rem;} .readmore{width: 3rem;font-size: 0.22rem;} .idx-us .box{height: auto;width: 100%;max-width:100%;} .idx-us .list .num{font-size: 0.42rem;} .idx-us .list li{height: auto;padding:.4rem 0;} .idx-us .list li:hover{height: auto;margin-top: 0;} .idx-us .detail .img{margin-top: 0;} .idx-xw .menu .lk{font-size: 0.34rem;} .idx-xw .pic-list .imgbox{height: 3rem;} .idx-xw .arc-list .item{padding:0 .3rem;} .ft-t .row{font-size: 0.22rem;} .ft-t .row a{margin-right: 0.2rem;} .ft-t .tel-icon{width: 0.6rem;} .ft-t .tel{font-size: 0.34rem;} .ft-t .tel-fz{font-size: 0.22rem;} .ft-b .lk{margin-right: 0.15rem;} .ft-b .rbox span{margin-left: 0.15rem;} } @media screen and (min-width:320px) and (max-width:767px){ .auto{max-width: 100%;padding:0 4%;width: 100%;} html{font-size: 3.5rem!important;} .sj-menu{position:absolute;right: 2%;top: 50%;width: .5rem;height: .5rem;background: url(../images/menu.png) no-repeat center;background-size:.44rem;margin-top: -.25rem;display: block;} .sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:.44rem;} .head{padding:.05rem 0;} .hd-logo .img{height: 1rem;} .hd-rig{margin-right: 0.6rem;} .hd-lang .lk{font-size: 0.26rem;} .hd-sear .icon{width: 0.36rem;height: 0.36rem;} .hd-sear .box{height: 0.5rem;margin-top: -0.25rem;} .hd-sear .box .ipt-txt{height: 0.5rem;line-height: 0.5rem;flex:0.8;} .hd-sear .box .submit{width: 0.5rem;height: 0.5rem;margin-right: 0;background-size: 0.28rem;} .hd-nav{position:fixed;width: 100%;left: 0;top: 1.1rem;background-color: #fff;margin-top: 0;bottom: 0;overflow-y: scroll!important;display: none;} .hd-nav li{display: block;margin-left: 0;position:relative;} .hd-nav li>a{font-size: 0.24rem;line-height: 0.8rem;padding:0 .3rem;border-bottom:1px solid #efefef;} /* .hd-nav .arrow{width: 0.8rem;height: 0.8rem;position:absolute;right: 0;top: 0;background:url(../images/arrow.png) no-repeat center;background-size:.3rem;display: block;} .hd-nav .arrow.this{transform: rotate(180deg);} .hd-nav li:hover>a, .hd-nav li.cur>a{color:#00469B;} .hd-nav li:hover .drop{display: none;} .hd-nav .drop{position:static;width: 100%;transform: translate(0,0);display: block;box-shadow:none;padding-left: 0.3rem;display: none;} .hd-nav .drop a{font-size: .19rem;line-height: 0.7rem;border-bottom:1px solid #efefef!important;} .hd-nav .drop a:before{width: 0.07rem;height: 0.07rem;} */ .idx-ban .swiper-pagination{bottom: 0.1rem;} .idx-ban .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;margin:0 .06rem!important;} .idx-tt{margin-bottom: 0.3rem;} .idx-tt .en{font-size: 0.44rem;} .idx-tt .cn{font-size: 0.34rem;margin-top: -0.3rem;} .idx-group .list .item{border-radius:.1rem;} .idx-group .list .item::after{display: none;} .idx-group .list .title{font-size: 0.26rem;padding:0 .15rem;bottom: 0.2rem;} .idx-cp{width: 100%;overflow: hidden;} .idx-cp .menu{overflow-x: scroll;width:calc(100% + 4%)} .idx-cp .menu::-webkit-scrollbar{ display: none;} .idx-cp .menu .box{display: block;white-space: nowrap;} .idx-cp .menu .lk{display: inline-block;vertical-align: middle;margin-right: 0.2rem;padding-bottom: 0;} .idx-cp .menu .ico{display: none!important;} .idx-cp .menu .tit{font-size: 0.24rem;line-height: 0.6rem;margin-top: 0;} .idx-cp .list{margin-left: -2%;} .idx-cp .list .item{width: 48%;margin:0 0 2% 2%;} .idx-cp .list .imgbox{height: 2.8rem;} .readmore{width: 3rem;font-size: 0.22rem;margin-top: 0.4rem;} .idx-us .box{height: auto;width: 100%;max-width:100%;box-shadow:none;} .idx-us .list{justify-content: space-between;flex-wrap: wrap;} .idx-us .list li{height: auto;padding:.15rem 0;border:none;flex:auto;width: 33.3%;} .idx-us .list .num{font-size: 0.34rem;} .idx-us .list .fz{font-size: 0.22rem;} .idx-us .list li:hover{height: auto;margin-top: 0;} .idx-us .detail .img{margin-top: .3rem;} .idx-xw .menu .lk{font-size: 0.26rem;line-height: 0.65rem;} .idx-xw .pic-list{margin: 0;display: block;} .idx-xw .pic-list .item{width: 100%;margin:0 0 .3rem;} .idx-xw .pic-list .imgbox{height: auto;} .idx-xw .pic-list .title{font-size: 0.26rem;} .idx-xw .pic-list .txt{display: none!important;} .idx-xw .arc-list{display: block;margin-top: 0.4rem;} .idx-xw .arc-list .item{padding:0 !important;width: 100%;border:none;margin-bottom: 0.3rem;} .idx-xw .arc-list .title{height: auto;} .idx-xw .arc-list .date{margin-top: 0.15rem;} .idx-kh{margin:.6rem 0;} .idx-kh .list .item{width: 25%;} .idx-kh .list .item::after{display: none;} .idx-kh .list .img{max-width:80%;} .footerContact{width: 100%;} .ft-t{display: block;} .ft-t .smlogo{margin:0 auto;height: .9rem;display: block;} .ft-t .row{font-size: 0.22rem;line-height: 0.4rem;text-align: center;display: none;} .ft-t .row span{display: block;]} .ft-t .row a{margin-right: 0.1rem;} .ft-t .select{display: none;} .ft-t .rbox{margin-left:0;align-items:center;margin-top: 0.2rem;} .ft-t .tel-icon{width: 0.5rem;display: none;} .ft-t .tel{font-size: 0.32rem;} .ft-t .tel-fz{font-size: 0.22rem;} .ft-t .social .grp{margin:0 .15rem;} .ft-b{display: block;text-align: center;line-height: 0.32rem;padding:.2rem 0;border-top-color:#e5e5e5;} .ft-b .lk{margin:0 .08rem;} .ft-b .rbox span{margin:0 .08rem;} .product-search-box { border: 1px solid #e4e4e4; height: 0.65rem; width: 85%; max-width: 640px; margin: 0 auto 0.5rem; } .product-search-box input { height: 0.6rem; width: 85%; max-width: 640px; font-size: 16px; } .aside-left .article-nav span { height: 0.6rem; } .search-icon { height: auto; font-size: 20px; } } /*棣栭〉杞挱鍥?/ .c-banner1 { background: #fff; } .c-banner1 .swiper-slide{ position: relative; overflow: hidden; } .c-banner1 .swiper-slide img { width: 100%; /*height: 100vh;*/ object-fit: cover; -webkit-transition: all 7s; transition: all 7s; } .c-banner1 .swiper-slide .c-bg2 { display: none; } .c-banner1 .swiper-slide-active img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .c-banner1 .swiper-slide .c-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; color: #fff; background: url(../images/mbl.png)repeat; } .c-banner1 .swiper-slide .c-wrap .c-title{ font-size: 80px; line-height: 100px; text-shadow: 0 2px 10px rgba(0,0,0,.3); } .c-banner1 .swiper-slide .c-wrap .c-text { padding: 30px 0 75px; font-size: 40px; line-height: 56px; text-shadow: 0 2px 10px rgba(0,0,0,.3); } .c-banner1 .swiper-pagination-bullet { opacity: 1; } @keyframes spin-right { 0% { transform: rotate(180deg); } 50% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes spin-left { 0% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes c-zoom { 0% { transform:scale(1,1); -webkit-transform:scale(1,1); } 100% { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } } @keyframes c-zoom { 0% { transform:scale(1,1); -webkit-transform:scale(1,1); } 100% { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); } } .c-zoom { -webkit-animation-name: c-zoom; animation-name: c-zoom; }