@charset "utf-8";@import url("iconfont.css");*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *{word-break:break-word;vertical-align:top} body,html{background-color:#fff} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0;position:relative;cursor:auto;color:#3b3e3f;font-family:'微软雅黑','宋体','Microsoft Yahei','SourceHanSans','Helvetica','Noto Sans S Chinese','Open Sans','SimSun';font-size:14px;line-height:1.4} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline;max-width:100%} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{color:#3b3e3f;background:transparent;text-decoration:none;outline:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} a:active,a:hover{outline:0;text-decoration:none} b,strong{font-weight:bold} h1{font-size:2em;margin:.67em 0} mark{background:#ff0;color:#000} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} img{display:inline-block;max-width:100%;height:auto;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none} svg:not(:root){overflow:hidden} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:14px} button,input,optgroup,select,textarea{font-size:14px;font-weight:normal;color:#3b3e3f;color:inherit;font:inherit;margin:0;background-color:transparent;outline:0} button{overflow:visible} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input{line-height:normal} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;vertical-align:middle} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:5px} textarea{overflow:auto} table{border-collapse:collapse;border-spacing:0} td,th{padding:0} td{padding:5px} .clear:after{content:".";display:block;height:0;clear:both;visibility:hidden} .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{background:rgba(0,0,0,.3)} .inner{position:relative;z-index:2;margin:0 auto} #webname{display:none} @media(min-width:961px){.inner{width:83vw;max-width:1600px} }@media(min-width:1201px){.inner{min-width:1100px} }@media(max-width:1200px) and (min-width:961px){.inner{min-width:940px} }@media(max-width:960px){.inner{margin-left:20px;margin-right:20px} }.lightboxOverlay{display:none;position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(opacity=80);opacity:.8} .lightbox{position:fixed;left:0;width:100%;z-index:10000;line-height:0;top:50%!important;transform:translate(0,-50%)} .lightbox .lb-image{display:block;max-width:none} .lightbox a img{border:none} .lb-outerContainer{position:relative;background-color:#fff;*zoom:1;width:250px;height:250px;margin:0 auto} .lb-outerContainer:after{content:"";display:table;clear:both} .lb-loader{display:none !important;position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0} .lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat} .lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10} .lb-container>.nav{left:0} .lb-nav a{outline:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)} .lb-prev,.lb-next{display:block !important;position:absolute;width:32px;height:45px;top:50%;margin-top:-22px;background-repeat:no-repeat;background-position:center;-webkit-background-size:32px;background-size:32px;cursor:pointer} .lb-nav a.lb-prev{left:0;background-image:url(../images/prev.png)} .lb-nav a.lb-next{right:0;background-image:url(../images/next.png)} .lb-dataContainer{margin:0 auto;*zoom:1;width:100%;background-color:#fff} .lb-dataContainer:after{content:"";display:table;clear:both} .lb-data .lb-caption{padding:10px 16px;text-align:center} .lb-data .lb-caption2{line-height:24px;font-size:14px;color:#666} .lb-data .lb-number{display:none !important} .lb-data .lb-close{position:fixed;z-index:110;cursor:pointer;width:30px;height:30px;top:-40px;right:20px;font-size:0;background-color:#0D0D0D} .lb-data .lb-close:before,.lb-data .lb-close:after{content:'';position:absolute;left:50%;top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)} .lb-data .lb-close:before{border-top:1px solid #707070;border-bottom:1px solid #707070;height:0;width:24px;margin-top:-1px;margin-left:-12px} .lb-data .lb-close:after{border-left:1px solid #707070;border-right:1px solid #707070;height:24px;width:0;margin-left:-1px;margin-top:-12px} .lb-data .lb-close,.lb-data .lb-close:before,.lb-data .lb-close:after{border-color:#fff} .lb-data .lb-close:hover{cursor:pointer;filter:alpha(opacity=100);opacity:1} @media (min-width:961px){.lb-data .lb-caption2{font-size:16px} .lb-data .lb-close{top:0;right:50px;width:50px;height:50px} .lightbox .lb-container{padding:20px} .lightbox .lb-nav a.lb-prev{left:-60px} .lightbox .lb-nav a.lb-next{right:-60px} }.background_cover{-webkit-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat} .gallery_scale{overflow:hidden} .gallery_scale img{display:block;width:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} a:hover .gallery_scale img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1)} .article{display:block;position:relative;line-height:1.8;font-size:14px;color:#7a7e80;overflow:hidden} .article > p:first-child{margin-top:0} .article > p:last-child{margin-bottom:0} .article table{text-align:center} .article table th,.article table td{vertical-align:middle;padding:8px;word-break:break-all;border:1px solid #cfcfcf} .article table th{font-weight:normal} #header ul,#footer ul,.mainleft ul{padding-left:0;margin:0} #header ul li,#footer ul li,.mainleft ul li{list-style:none} .middle-disappear{display:block;position:relative;z-index:10;width:30px;height:30px} .middle-disappear span{top:8px} .middle-disappear .open{width:100%;left:0} .middle-disappear span,.middle-disappear span:before,.middle-disappear span:after{content:"";display:block;width:100%;height:2px;position:absolute;transition:.5s;background-color:#0099dc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s} .middle-disappear span:before{top:-8px;left:-0} .middle-disappear span:after{top:8px;left:-0} .close-nav{position:absolute;left:100%;top:16px;margin-left:-26px} .open-nav{position:fixed;left:185px} .open-nav span{top:12px;background-color:transparent} .open-nav span:before{top:0;transform:rotate(45deg)} .open-nav span:after{top:0;transform:rotate(-45deg)} #header{position:fixed;top:0;left:0;width:100%;z-index:80;background-color:#fff;-webkit-box-shadow:0 2px 8px rgb(0 0 0 / 10%);box-shadow:0 2px 8px rgb(0 0 0 / 10%)} #header #logo{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center} #header #logo a{display:inline-block} #header .menu .it{display:inline-block;position:relative} #header .menu .it a,#header .lang .subnav a{display:inline-block;padding:0 10px} #header .menu .subnavbox,#header .lang .subnavbox{display:none;position:absolute;left:50%;top:100%;z-index:6;min-width:100%;white-space:nowrap;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} #header .menu .subnav,#header .lang .subnav{position:relative;margin-top:16px;background-color:rgba(255,255,255,.9);-webkit-box-shadow:0px 2px 8px rgb(0 0 0 / 10%);-moz-box-shadow:0px 2px 8px rgba(0,0,0,.1);box-shadow:0px 2px 8px rgb(0 0 0 / 10%)} #header .menu .subnav li{display:block} #header .menu .subnav .submenu{display:none !important} #header .menu .it>a{display:block;font-weight:bold} #header .menu .subnav:before,#header .lang .subnav:before{content:' ';display:block;position:absolute;top:-8px;left:0;right:0;z-index:9;width:0px;margin:0 auto;border-left:8px solid transparent;border-bottom:8px solid rgba(255,255,255,.9);border-right:8px solid transparent} #header .menu .subnav a,#header .lang .subnav a{display:block;line-height:40px;text-align:center} #header .menu>.it.current>a,#header .menu>.it:hover>a{color:#0099dc} #header .menu .subnav a:hover,#header .lang .subnav a:hover{color:#fff;background-color:#0099dc} #header .lang{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;position:relative} #header .lang .words{line-height:24px;font-weight:bold;cursor:pointer} #header .lang .words img{margin-top:5px} #header .lang .words .txt{margin:0 6px} #footer{background-color:#3B3E3F} #footer,#footer a{color:rgba(255,255,255,.42)} #footer .article{z-index:3} #footer .article p{margin:0} #footer .article .p1{margin-bottom:5px;font-size:14px} #footer .article .p1,#footer .article .p1 a{color:#00A8F0;font-weight:bold} #footer .weixinbox .infoThumb{cursor:pointer} #footer .weixinbox .infoPic{display:none;position:absolute;bottom:100%;left:-34px;z-index:8;width:120px;padding:10px;background:#fff;-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} @media (min-width:961px){#header .middle-disappear{display:none} #header,#header .inner,.headerh{height:80px} #header .inner{display:flex;justify-content:space-between;min-width:auto;max-width:none;width:auto;padding:0 60px} #header .menu .it>a,#header .lang{line-height:80px} #header .menu .it:hover .subnavbox,#header .lang:hover .subnavbox{display:block} #footer{padding-top:40px;padding-bottom:80px} #footer .inner{padding-right:60px} #footer .article .p1,#footer .article .p1 .iconfont{font-size:24px} #footer .weixinbox{position:absolute;right:0;top:0;z-index:2} #footer .weixinbox:hover .infoPic{display:block} }@media (min-width:1201px){#header .menu .it>a{padding:0 18px} }@media (max-width:1200px) and (min-width:961px){#header .menu .it>a{padding:0 8px} }@media (max-width:960px){#header,#header .inner,.headerh{height:50px} #header .inner{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between} #header #mmenu{display:none} #header #logo img{height:42px} #header .lang{margin-right:40px} #footer{padding:20px 0} #footer .article{font-size:12px} #footer .weixinbox{display:inline-block;position:relative;margin-top:10px} #footer .weixinbox .infoThumb img{width:30px} #footer .weixinbox .infoPic{left:0;bottom:35px} }.pages{margin-top:20px;font-size:12px;text-align:right} .pages a{display:inline-block;padding:0 6px;line-height:24px;color:#7a7e80;background-color:#F0F2F1} .pages a:hover,.pages a.currpage{color:#fff;background-color:#0099dc} @media (min-width:961px){.pages{margin-top:40px} }#section{background-color:#F0F2F1} .h2title,.h3column{margin:0;padding:0;font-weight:bold} .h2title{position:relative;font-size:24px;text-transform:uppercase} .h2titlehasline{padding-bottom:8px} .h2titlehasline::after{content:'';position:absolute;left:0;bottom:0;width:24px;height:2px;background-color:#3B3E3F} .h3column{padding-bottom:10px;font-size:24px;border-bottom:1px solid #ccc} .innerpage-main{position:relative} .innerpage-main .inner{background-color:#fff} .mainleft{background-color:#F5F8FA} .mainleft .logo2{margin-top:14px;margin-bottom:40px} .mainleft .subnav>li{margin-top:20px} .mainleft .subnav>li:first-child{margin-top:0} .mainleft .subnav a{display:block;color:#7a7e80} .mainleft .subnav>li>a{font-weight:bold} .mainleft .subnav a:hover,.mainleft .subnav .current>a{color:#3b3e3f} .mainleft .subnav .submenu>li>a{display:block;padding:5px 0;padding-left:34px;background-image:url(../images/amore.png);background-position:left 16px top 12px;background-repeat:no-repeat;-webkit-background-size:6px;background-size:6px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} .mainleft .subnav .subnav2>li>a{display:block;padding:8px 0 8px 50px;background-image:url(../images/amore2.png);background-position:left 34px top 13px;background-repeat:no-repeat;-webkit-background-size:6px;background-size:6px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} .mainleft .subnav .submenu>li>a:hover,.mainleft .subnav .submenu>li.current>a{color:#0099dc;background-image:url(../images/amore_rh.png)} .mainleft .subnav .subnav2>li>a:hover,.mainleft .subnav .subnav2>li.current>a{color:#0099dc;background-image:url(../images/amore2_rh.png)} .mainright .rightboxw{margin-top:20px} .htit{font-size:16px;color:#3B3E3F;font-weight:bold} .htit img{vertical-align:baseline} .gallerylist .item{margin-top:20px} .gallerylist .item:first-child{margin-top:0} .gallerylist .item .link{display:block;position:relative} .gallerylist .item .title{position:absolute;right:0;bottom:0;padding:0 14px;line-height:40px;color:#fff;background-color:rgba(29,29,29,.62);transition:all .2s} .gallerylist .item .title .iconfont{margin-left:4px} .gallerylist .item img{display:block;width:100%} .gallerylist .item .link:hover .title{background-color:#61C0E9} .detailleft .pic{text-align:center;background-color:#FCFCFC} .detailallcot .ptit,.detailallcot .ptit2{position:relative;color:#3b3e3f;font-size:18px;font-weight:bold} .detailallcot .ptit::after{content:'';display:block;width:24px;height:2px;background-color:#3b3e3f} .detailleft img{vertical-align:middle} .rightboxw .return{margin-top:20px;text-align:right} .rightboxw .return a{display:inline-block;color:#7a7e80;font-size:12px;transition:all .2s} .rightboxw .return .iconfont{display:inline-block;margin-left:4px;vertical-align:baseline;background-color:#F0F2F1;transition:all .2s} .rightboxw .return a:hover{color:#0099dc} .rightboxw .return a:hover .iconfont{color:#fff;background-color:#0099dc} .detailright .article,.downloadwrp .link{color:#3b3e3f} .detailright .article img{border:1px solid #ccc} .downloadwrp{margin-top:20px} .downloadwrp .link{position:relative;display:flex;padding:12px 10px;padding-right:30px;margin-top:15px;background-color:#F5F8FA} .downloadwrp .iconfont,.downloadwrp .title{line-height:24px} .downloadwrp .iconpdf{margin-right:6px;color:#FF5562;font-size:20px} .downloadwrp .icondownload{position:absolute;top:12px;right:12px;font-weight:bold} .innerbanner img{display:block;width:100%} .owl-carousel .owl-dots{position:absolute;left:0;right:0;bottom:8px;text-align:center} .owl-carousel .owl-dots .owl-dot{width:12px;height:12px;display:inline-block;margin:0 4px;font-size:0;border-radius:50%;border:2px solid #fff;user-select:none} .owl-carousel .owl-dots .owl-dot.active{background-color:#fff} .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{position:absolute;top:50%;width:56px;height:56px;font-size:0;background-repeat:no-repeat;background-position:center;background-size:contain;transform:translate(0,-50%)} .owl-carousel .owl-nav .owl-prev{left:0;background-image:url(../images/ileft.png)} .owl-carousel .owl-nav .owl-next{right:0;background-image:url(../images/iright.png)} .owl-carousel .owl-nav .owl-prev:hover{background-image:url(../images/ileft_h.png)} .owl-carousel .owl-nav .owl-next:hover{background-image:url(../images/iright_h.png)} .owl-carousel .owl-nav{display:none} #owl-product .owl-nav{display:block} .alcolumn{position:relative;text-align:center} .alcolumn .cn{margin:0;padding:0;line-height:30px;color:#3b3e3f;font-weight:bold;font-size:18px;letter-spacing:8px} .alcolumn .cn span{display:inline-block;position:relative;z-index:2;padding-left:26px;padding-right:26px;background-color:#fff} .alcolumn::after{content:'';position:absolute;left:0;top:50%;width:100%;height:3px;background-color:#CACBCB} .alcolumn .cn span::before,.alcolumn .cn span::after{content:'';display:inline-block;position:absolute;width:16px;height:13px;top:50%;margin-top:-6px;z-index:1;background-repeat:no-repeat;background-size:16px;background-position:center} @media (min-width:1281px){.owl-carousel .owl-nav .owl-prev{left:-80px} .owl-carousel .owl-nav .owl-next{right:-80px} }@media (max-width:1280px) and (min-width:961px){.owl-carousel .owl-nav .owl-prev{left:-34px} .owl-carousel .owl-nav .owl-next{right:-34px} }@media (max-width:960px){.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{width:40px;height:40px} }@media (min-width:961px){.h2title{letter-spacing:-2px} .htit{font-size:18px} .mainleft .subnav>li>a{font-size:18px} .mainleft .subnav .submenu>li>a{font-size:16px} .innerpage-main{margin-top:-8vw} .innerpage-main:after{content:'';position:absolute;top:0;left:0;bottom:0;z-index:1;width:21.875%;background-color:#fff} .mainbox,.infosallcot,.detailallcot{display:flex;justify-content:space-between} .mainbox{box-shadow:14px 0 18px rgb(0 0 0 / 5%)} .mainleft,.mainright{padding-top:50px;padding-bottom:100px} .mainleft{padding-left:50px;padding-right:50px} .mainright{flex:1;padding-left:70px;padding-right:70px} .mainleft .subnav>li{margin-top:25px} .mainright .rightboxw{margin-top:35px} .infosallcot .infoleft{width:64%} .infosallcot .inforight{width:32%} .detailallcot .detailleft{width:75.6%} .detailallcot .detailright{width:21.5%;min-width:200px;padding-left:20px} .downloadwrp{margin-top:34px} .detailright .return{display:none} .alcolumn .cn{line-height:40px;font-size:30px} }@media (min-width:1201px){.mainleft{width:320px;flex:0 0 320px} .alcolumn .cn{line-height:46px;font-size:36px} }@media (max-width:1200px) and (min-width:961px){.mainleft{width:280px;flex:0 0 280px} }@media (max-width:960px){.h2title{font-size:18px} .h3column{font-size:20px} .alcolumn .cn{letter-spacing:2px} .alcolumn .cn span{padding-left:14px;padding-right:14px} .owl-carousel .owl-dots{bottom:0} .owl-carousel .owl-dots .owl-dot{width:8px;height:8px;border-width:1px} .mainleft .logo2{display:none} .mainleft .subnav{margin-top:20px} .mainleft .subnav>li,.mainleft .subnav .submenu>li{margin-top:8px} .mainleft .subnav>li{padding-bottom:14px;margin-top:16px;border-bottom:1px solid #E5E6E6} .mainleft .subnav .submenu>li>a{padding-top:5px;padding-bottom:5px;background-position:left 16px top 10px} .innerpage-main .inner{margin:0} .mainleft,.mainright{padding:20px;padding-bottom:40px} .mainleft{padding-bottom:30px} .inforight{margin-top:20px} .gallerylist .item .title{line-height:30px} .detailleft .return{display:none} .detailright{margin-top:20px} .rightboxw .return{text-align:center} .rightboxw .return .iconfont{display:none} .rightboxw .return a{padding:8px 12px} .rightboxw .return a,.rightboxw .return a:hover{color:#fff;background-color:#0099dc} }.problemlist .item,.problemlist .listtab .num,.problemlist .listtab .title,.problemlist .listtab .icon_bottom{-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out} .problemlist .listtab{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;position:relative;background-color:#fff;cursor:pointer} .problemlist .listtab .num{position:absolute;left:0;top:0;color:#7A7E80} .problemlist .listtab .num,.problemlist .listtab .title{font-size:18px} .problemlist .listtab .icon_bottom{position:absolute;right:0;top:6px;width:24px;height:11px;background-repeat:no-repeat;background-image:url(../images/icxia.png)} .problemlist .item{padding:20px 20px;border-bottom:1px solid #DADADA} .problemlist .listtab,.problemlist .requ{padding-left:26px;padding-right:26px} .problemlist .requ{display:none;margin-top:12px} .problemlist .current .listtab .num{color:#0099dc} .problemlist .current .listtab .title{font-weight:bold} .problemlist .current .listtab .icon_bottom{transform:rotate(180deg)} @media (min-width:961px){.problemlist .current{padding-bottom:30px;box-shadow:0 1px 14px rgba(0,0,0,.1);border-bottom-color:transparent} }@media (max-width:960px){.problemlist .item{padding:10px 0} .problemlist .listtab .title{font-size:14px} .problemlist .listtab .icon_bottom{width:14px;height:5px;background-size:12px} }.developmentlist{position:relative} .developmentlist .item{position:relative} .developmentlist .item:first-child{margin-top:0} .developmentlist .item .kong{font-size:0} .developmentlist .item .title{margin-bottom:6px;font-size:16px;color:#3b3e3f} @media (min-width:961px){.developmentlist::before{content:'';position:absolute;left:50%;top:0;bottom:0;margin-left:-1px;width:1px;background-color:#ddd} .developmentlist .item:nth-child(2n+1){text-align:right} .developmentlist .item:nth-child(2n) .link{-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;flex-direction:row-reverse} .developmentlist .item{margin-top:35px} .developmentlist .item .link::after{content:'';position:absolute;left:50%;top:0;z-index:2;width:16px;height:16px;margin-left:-8px;background-repeat:no-repeat;background-position:center;background-color:#fff;transition:all .2s;background-image:url(../images/dot.png)} .developmentlist .item .link{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex} .developmentlist .item .content{max-width:510px;width:45%} .developmentlist .item .title{font-size:18px} }@media (max-width:960px){.developmentlist .item{margin-top:20px;padding-bottom:20px;border-bottom:1px solid #eee} }.informationcontent .text{padding:8px 10px;background-color:#f5f5f5} .informationcontent .cred{color:#FD602B} .informationcontent .text,.informationcontent .tips,.forms{color:#7a7e80} .informationcontent .tips{margin-top:24px;margin-bottom:30px;padding-left:65px} .forms .it .cred,.forms .it .lbs{line-height:34px} .forms .it1{display:flex} .forms .it1 .lbs{width:65px;flex:0 0 65px} .forms .it1 .rs{flex:1} .forms .it{margin-top:20px} .forms .it .rt .ot,.forms .it .rt .ot .ipt{margin-top:8px} .forms .it:first-child,.forms .it .rt .ot:first-child{margin-top:0} .forms .ipt{height:34px;padding:0 14px;width:80%;border:1px solid #ddd} .forms textarea.ipt{padding:14px;height:100px;min-height:100px;max-height:100px;resize:none} .forms .it .rt{margin-top:10px} .forms .it .rt input,.forms .it .rt .ot input{margin-right:6px} .forms .it .rt label{margin-right:12px} .forms .it .rt .ot label,.forms .it .rt label:last-of-type{margin-right:0} .forms .tijiao{text-align:center} .forms .tijiao .btns{padding:5px 16px;color:#fff;background-color:#00A8F0;border:none} .forms .tijiao .btns{margin-right:10px} .forms .tijiao .btns:last-child{margin-right:0} @media (min-width:961px){} @media (max-width:960px){.forms .it1 .lbs{padding-right:10px;text-align:right} .forms .ipt{width:95%} .forms .it .rt .ot .ipt{width:100%} }.productlistinner,.caselist.caselistinner{display:flex;flex-wrap:wrap} .productlist .item{position:relative;margin-top:20px} .productlistinner .item:nth-child(1),.caselistinner .item:nth-child(1){margin-top:0} .productlist .item .link{display:block;color:#3B3E3F} .productlist .item .link,.productlist .item .iico{transition:all .2s} .productlist .item .tit{font-size:15px;font-weight:bold} .productlist .item .bg{position:absolute;left:0;right:0;top:45px;bottom:0;z-index:1;transition:all .6s} .productlist .item .alls{position:relative;z-index:3} .productlist .item .pic{text-align:center} .productlist .item .pic img{width:44%;margin:0 auto} .productlist .item .page{position:absolute;top:60px;left:24px;font-weight:bold} .productlist .item .desc{position:relative;padding:14px 24px 20px} .productlist .item .left{padding-right:50px} .productlist .item .tit,.productlist .item .info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .productlist .item .info{margin-top:5px} .productlist .item .iico{position:absolute;right:24px;top:14px;width:44px;height:44px;font-size:0;background-size:contain;background-repeat:no-repeat;background-image:url(../images/inext_u.png)} .productlist .item .link:hover .iico{background-image:url(../images/inext_h.png)} @media (min-width:961px){.productlist .item .tit{font-size:18px} .productlist .item .page{font-size:22px;letter-spacing:-1px} .productlist .item .link:hover .bg{background-image:none !important;background-color:#EBF5FA;box-shadow:0 0 10px rgb(0 0 0 / 10%)} }@media (min-width:1201px){.productlistinner .item,.caselistinner .item{width:30.5%;margin-right:4.25%;margin-top:30px} .productlistinner .item:nth-child(3n),.caselistinner .item:nth-child(3n){margin-right:0} .productlistinner .item:nth-child(3),.productlistinner .item:nth-child(2),.caselistinner .item:nth-child(3),.caselistinner .item:nth-child(2){margin-top:0} }@media (max-width:1500px) and (min-width:961px){.productlist .item .page{left:16px;font-size:18px} .productlist .item .desc{padding-left:16px;padding-right:16px} .productlist .item .tit{font-size:15px} .productlist .item .iico{top:18px;right:16px;width:30px;height:30px} }@media (max-width:960px){.productlist .item .page{left:10px} .productlist .item .desc{padding-left:10px;padding-right:10px} .productlist .item .iico{top:20px;right:10px;width:30px;height:30px} }@media (max-width:1200px) and (min-width:641px){.productlistinner .item,.caselistinner .item{width:48%;margin-right:4%} .productlistinner .item:nth-child(2n),.caselistinner .item:nth-child(2n){margin-right:0} .productlistinner .item:nth-child(2),.caselistinner .item:nth-child(2){margin-top:0} }@media (max-width:640px){.productlistinner .item,.caselistinner .item{width:100%} }.caselistinner .item .information .title{background-color:#fff} .indexproduct,.indexcase{padding-top:30px;padding-bottom:30px} .indexproduct{background-color:#fff} .indexproduct .owl-carousel .owl-dots{display:none} .indexcase,.indexcase .alcolumn .cn span{background-color:#F2F8FA} .caselist{display:flex;flex-wrap:wrap} .caselist .item .link{display:block;position:relative;overflow:hidden} .caselist .item .gallery{position:relative;z-index:1} .caselist .item .gallery img{width:100%} .caselist .item .title{padding-top:8px;color:#3b3e3f;font-weight:bold;font-size:14px;background-color:#F2F8FA;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .caselist .left{position:relative} .caselist .right{font-size:0} .caselist .right .tpt{display:inline-block;margin-top:20px} .caselist .right .tpt:nth-child(2n){margin-right:0} .caselist .right .tpt:nth-child(1),.caselist .right .tpt:nth-child(2){margin-top:0} .caselist .item .information{position:absolute;left:0;right:0;bottom:0;z-index:2} .caselist .item .link:hover .title{color:#0099dc} @media (min-width:961px){.indexproduct{padding-top:90px;padding-bottom:70px} .indexcase{padding-top:70px;padding-bottom:90px} .indexproduct .alcolumn{margin-bottom:20px} .indexcase .alcolumn{margin-bottom:28px} }@media (min-width:641px){.caselist{flex-wrap:nowrap} .caselist .left{width:31.4%;margin-right:30px} .caselist .item .gallery{display:none} .caselist .right{width:65.5%} .caselist .right .tpt{width:calc(50% - 15px);margin-right:30px} .caselist .right .link,.caselistinner .item .link{height:18vw} }@media (max-width:960px){.indexcase .alcolumn{margin-bottom:20px} }@media (max-width:640px){.caselist .left{display:none;width:100%;margin-bottom:20px} .caselist .right .tpt{width:100%;margin-right:0} .caselist .right .tpt:nth-child(2){margin-top:20px} } #header #mmenu, #header .lang { white-space: nowrap; } #header .search .btn, #header .search-icon { position: absolute; top: 0; right: 0; bottom: 0; font-size: 0; background-image: url(../images/isearch.png); background-repeat: no-repeat; background-position: center; background-color: #005CA1; border-top-right-radius: 24px; border-bottom-right-radius: 24px; } #header .search, #header .search .ipt { height: 34px; } #header .search { position: relative; border: 1px solid #0099dc; border-radius: 24px; } #header .search .ipt { width: 185px; padding: 0 14px; padding-right: 50px; font-size: 14px; border: none; } #header .search .btn { width: 34px; border: none; } @media (min-width: 961px) { #header .search {display: block !important;margin-top: 24px;} #header .search-icon {display: none;} #header .search .btn {-webkit-background-size: 20px; background-size: 20px;} } @media (min-width: 1551px) { #header .search { position: absolute; right: 164px; top: 0;} } @media (max-width: 1200px) { #header .search .ipt {width: 140px;} } @media (max-width: 960px) { #header .search { display: none; position: fixed; top: 50px; left: 0; right: 0; z-index: 90; height: 54px; padding: 10px 20px; background-color: #fff; border: none; border-radius: 0; box-shadow: 0 10px 10px rgb(0 0 0 / 10%); } #header .search-icon { right: 120px; top: 12px; width: 30px; height: 30px; background-color: transparent; background-image: url(../images/isearch_b.png); background-size: 22px; } #header .search .ipt { width: 100%; padding-right: 66px; height: 34px; border: 1px solid #0099dc; border-radius: 24px; } #header .search .btn { width: 50px; top: 10px; bottom: 10px; right: 20px; } .detailright .return {display: none;} }