/* * @Author: omtech.cn * @Date: 2016-08-17 19:21:02 * @Last Modified by: Jason * @Last Modified time: 2019-12-11 10:55:20 */ @charset "utf-8"; /** * media */ /* html { font-size: 62.5%; } */ html { font-size: 62.5%; } @media screen and (min-width: 376px) and (max-width: 414px) { /*iPhone Plus*/ html { font-size: 69%; } } @media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 80%; } } @media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 90%; } } @media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 106.5%; } } @media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 120%; } } @media screen and (min-width: 721px) and (max-width: 768px) { /*iPad*/ html { font-size: 128%; } } @media screen and (min-width: 769px) and (max-width: 810px) { html { font-size: 135%; } } @media screen and (min-width: 811px) and (max-width: 930px) { html { font-size: 155%; } } @media screen and (min-width: 931px) and (max-width: 1024px) { /*iPad Pro*/ html { font-size: 170.5%; } } @media screen and (min-width: 1025px) and (max-width: 1080px) { /*涓€浣撴満*/ html { font-size: 180%; } } @media screen and (min-width: 1081px) and (max-width: 1200px) { html { font-size: 200%; } } @media screen and (min-width: 1201px) { /*PC*/ body, .w { max-width: 640px !important; } } *, :before, :after { outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } body { position: relative; min-width: 320px; /* max-width: 640px; */ margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: 1.2rem; line-height: 1; color: #404040; background-color: #fff; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: 100% !important; overflow-x: hidden; } input, select, button, textarea, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: inherit; -webkit-appearance: none; } p { word-break: break-word; } img { display: block; max-width: 100%; border: 0; } ol, ul, li { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } i, em { font-style: normal; } a { color: #404040; text-decoration: none; -webkit-tap-highlight-color: transparent; } .fl { float: left; } .fr { float: right; } .clearfix { *zoom: 1; } .clearfix:after { display: block; content: ''; clear: both; height: 0; overflow: hidden; visibility: hidden; } .hide { display: none; } img.imgload, .imgload img { background: #f4f4f8; } img.imgload:active, .imgload a img:active { opacity: .8; } .po-r { position: relative; } .po-a { position: absolute; } .active { background-color: rgba(0,0,0,.1); } .plr-15 { padding: 0 1.5rem; } .of { overflow: hidden; } .b { font-weight: bold; } .main { width: 100%; overflow: hidden; } /* loading */ .loading ,.loading_jsz{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: #fff; } .loading .load-line, .loading .line-cur { height: 8px; } .loading .load-line { background-color: #dbdbdb; } .loading .line-cur { width: 0; background-color: #4819af; -webkit-transition: 100ms; transition: 100ms; } .loading .load-logo { position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1500ms; transition: 1500ms; } .loading .load-logo img { width: 100%; height: 100%; } /*///*/ .loading_jsz .load-line, .loading_jsz .line-cur { height: 8px; } .loading_jsz .load-line { background-color: #dbdbdb; } .loading_jsz .line-cur { width: 0; background-color: #4819af; -webkit-transition: 100ms; transition: 100ms; } .loading_jsz .load-logo { position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1500ms; transition: 1500ms; } .loading_jsz .load-logo img { width: 100%; height: 100%; } /* shareicon */ .shareicon { position: absolute; top: 0; left: 0; opacity: 0; } /* wrapper */ .wrapper { position: relative; padding-top: 4.7rem; } /** * header */ /* 瀵艰埅 */ header .swiper-container { overflow: visible; } header.mod-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 9; margin: 0 auto; padding: .6rem 0 1rem; background-color: #fff; overflow: visible !important; } .nav-uls { width: 100%; } .nav-uls li { float: left; font-size: 1.4rem; width: auto; /* width: 6em !important; */ } .nav-uls li a { margin: 0 1em; text-align: center; padding: .8rem 0 .5rem; display: inline-block; font-size: 1.8rem; line-height: 1; /* width: 6em; */ color: #919191; white-space: nowrap; } .nav-uls li.active { background-color: transparent; } .nav-uls li.active a { position: relative; color: #4819af; } .nav-uls li.active a::after { content: ''; display: block; position: absolute; top: 100%; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); height: .4rem; width: 100%; /* width: 2.8rem; */ margin: 0 auto; background: #4819af; border-radius: .2rem; z-index: 10; } /** * container */ /* common */ .hometitle { padding: 30px 15px 25px; font-weight: bold; font-size: 1.8rem; text-align: center; background-color: #fff; } .hometitle .en { color: #f08300; } .hometitle .en i { margin: 0 5px; font-style: normal; color: #4819af; } .hometitle .ch { color: #4819af; } .homemore { display: block; margin: 15px; padding: 12px 10px; font-size: 1.4rem; color: #666; text-align: center; background-color: #eaeaea; } .homemore.active { color: #fff; background-color: #aaa; } /* mod-slide */ .mod-slide { /* padding-top: 55px; */ } .mod-slide .slide-more { position: relative; /* margin-top: 15px; */ /* margin-bottom: 10px; */ } .mod-slide .slide { position: relative; z-index: 1; width: 100%; overflow: hidden; } .mod-slide .swiper-pagination-bullet-active { background-color: #ffae00; } .mod-slide .slide .bd, .mod-slide .slide .bd li, .mod-slide .slide .bd li img { width: 100%; /* height: 100%; */ /* border-radius: 15px; */ } .mod-slide .slide .bd { position: relative; z-index: 1; overflow: hidden; } .mod-slide .slide .bd li{ float: left; } .mod-slide .slide-more .more { position: absolute; top: 0; left: 50%; z-index: 2; display: inline-block; padding: 15px 19px; font-size: 1.8rem; color: #4819af; background-color: #ffba00; border-radius: 50px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .mod-slide .slide-more .active { background-color: #2f0a7f; } /* mod-news */ .mod-news { overflow: hidden; background-color: #fff; border-bottom: 1px solid #f7f7f7; } .mod-news .list { position: relative; } .mod-news .list li a { position: relative; display: block; height: 100%; overflow: hidden; padding: 0 15px; border-bottom: 5px solid #f7f7f7; } .mod-news .list li .pic { float: left; width: 151px; height: 110px; margin-right: 15px; background-color: #fff; } .mod-news .list li dl { overflow: hidden; padding: 15px 0; } .mod-news .list li dt { display: -webkit-box; overflow: hidden; font-size: 1.6rem; line-height: 1.5; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .mod-news .list li dd { overflow: hidden; margin-top: 20px; color: #999; } /* mod-profile */ .profile-info { /* height: 8.2rem; */ background-color: #f4a323; overflow: hidden; } .profile-uls { position: relative; margin: 2.4rem 15px; height: 100%; overflow: hidden; text-align: center; } .profile-item { display: block; float: left; width: 25%; border-right: 1px solid #f8c371; color: #fff; } .profile-item:last-child { border-right: 0; } .profile-item .num { line-height: 1; font-size: 2.5rem; font-weight: bold; vertical-align: top; } .profile-item .unit { line-height: 1.5; font-size: 1rem; font-weight: bold; vertical-align: text-top; } .profile-item:first-child .unit { font-weight: normal; } .profile-item .desc { margin-top: .5rem; line-height: 1.5; font-size: 1rem; } /* mod-product */ .product-title { padding: 3rem 15px; text-align: center; font-weight: bold; font-size: 1.5rem; /* width: 170px; */ color: #4819af; } .product-title i { content: ''; display: inline-block; background-color: #000; background: url("../../../images/default/wap2019/bg_product_title.png") no-repeat center; background-size: 100% 100%; width: .6rem; height: 1.45rem; margin-right: .5rem; vertical-align: text-top; } .product-mt, .product-zq, .product-gr { margin-bottom: 10px; overflow: hidden; background: #f8f8f8; background: -moz-linear-gradient( 90deg, rgb(248,248,248) 0%, rgb(248,248,248) 47%, rgb(241,241,241) 100%); background: -webkit-linear-gradient( 90deg, rgb(248,248,248) 0%, rgb(248,248,248) 47%, rgb(241,241,241) 100%); background: -o-linear-gradient( 90deg, rgb(248,248,248) 0%, rgb(248,248,248) 47%, rgb(241,241,241) 100%); background: -ms-linear-gradient( 90deg, rgb(248,248,248) 0%, rgb(248,248,248) 47%, rgb(241,241,241) 100%); background: linear-gradient( 90deg, rgb(248,248,248) 0%, rgb(248,248,248) 47%, rgb(241,241,241) 100%); } .product-gr .product-ul li { margin-bottom: 0; } .product-ul { overflow: hidden; /* height: 186px; */ } .product-ul li { padding: 0 15px; float: left; position: relative; height: 0; padding-top: 33%; width: 33%; text-align: center; margin-bottom: 25px; } .product-ul li a { position: absolute; left: 0; top: 0; width: 100%; height: 80%; /* cursor: pointer; */ background: url("../../../images/default/wap2019/bg_product_li.png") no-repeat center bottom; background-size: 70% auto; transition: .5s; -webkit-transition: .5s; } .product-ul li a.active p { color: #f08300; } .product-ul li a img { position: absolute; left: 50%; top: 30%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); display: inline-block; width: 40%; } .product-ul li a.l-img img { width: 60%; } .product-ul li p { font-size: 1.4rem; color: #000; line-height: 1.4; padding: 0 10%; } .product-mt .product-ul li { padding: 0; height: 10rem; } .product-zq .product-ul li { height: 10rem; } .product-zq .product-ul p { position: absolute; left: 0; top: 90%; width: 100%; } .product-ul i { display: block; height: 130px; width: 100%; transition: all .5s; -webkit-transition: all .5s; } /* contact */ .mod-contact .desc { border-top: 1px solid #f7f7f7; padding: 2.7rem 0; width: 100%; } .mod-contact .desc .ask { text-align: center; font-size: 1.8rem; font-weight: bold; color: #f08300; } .mod-contact .desc .ans { padding: 0 10%; margin-top: 1.5rem; font-size: 1.4rem; line-height: 1.41; color: #878787; text-align: center; } .mod-contact .desc .tel { display: block; margin-top: 1.5rem; line-height: 1; font-size: 3rem; font-family: 'HelveticaExt-Normal'; color: #4819af; font-weight: bold; text-align: center; } .mod-contact .desc .desc-uls { margin-top: 1.5rem; padding: 0 15px; } .mod-contact .desc .desc-uls .item { line-height: 1.4; font-size: 1.2rem; color: #666; } /* footer */ .footer { padding: 15px 10px; line-height: 1.5; color: #ababab; text-align: center; background-color: #f7f7f7; } /* weui_dialog_alert */ .weui_dialog_alert { display: none; } .weui_mask { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,.6); } .weui_dialog { position: fixed; top: 50%; left: 50%; z-index: 101; width: 85%; line-height: 1.6; text-align: center; border-radius: 10px; background-color: #fafafa; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .weui_dialog_hd { padding: 2rem 0 1rem; } .weui_dialog_title { font-weight: 400; font-size: 1.6rem; } .weui_dialog_bd { padding: 0 20px; font-size: 1.4rem; color: #888; word-wrap: break-word; word-break: break-all; } .weui_dialog_ft { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; font-size: 1.6rem; line-height: 42px; } .weui_dialog_ft a { display: block; color: #4819af; text-decoration: none; flex: 1; -ms-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); } .weui_dialog_ft:after { position: absolute; top: 0; left: 0; width: 100%; height: 1px; content: ''; border-top: 1px solid #d5d5d5; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } /** * sub */ /* subtitle */ .subtitle { padding: 20px 15px; } .subtitle h2 { position: relative; padding-left: 20px; font-size: 2.8rem; line-height: 1.3; color: #000; } .subtitle h2:before { position: absolute; left: 0; top: 5px; width: 6px; height: 25px; content: ''; background-color: #4819af; } /* subbody */ .subbody { padding: 0 15px 20px; } /* article */ .article { font-size: 1.8rem; line-height: 1.8; text-align: justify; overflow: hidden; } /* news-list */ .news-list li a { position: relative; display: block; height: 100%; overflow: hidden; padding: 15px 15px 15.5px; } .news-list li a:before, .load:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; background-color: #e5e5e5; -webkit-transform: scaleY(.5); -webkit-transform-origin: 0 0; } .news-list li .pic { float: left; width: 100px; height: 75px; margin-right: 15px; background-color: #fff; } .news-list li dl { overflow: hidden; } .news-list li dt { display: -webkit-box; overflow: hidden; font-size: 1.6rem; line-height: 1.5; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-list li dd { overflow: hidden; margin-top: 10px; color: #999; } /* news loading */ .load { position: relative; padding: 30px 0; font-size: 1.3rem; text-align: center; } .load-tips { color: #999; } .load-tips i { display: inline-block; width: 35px; height: 35px; overflow: hidden; margin-right: 5px; vertical-align: middle; background: url('../../../images/default/wap2019/icon_loading.png') no-repeat; background-size: 100%; -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-mask-size: 35px 35px; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .load-more a { position: relative; display: block; padding-bottom: 8px; color: #4819af; } .load-more a:after { position: absolute; bottom: 0; left: 50%; display: block; width: 8px; height: 8px; overflow: hidden; margin-left: -4px; content: ''; border: 1px solid #4819af; border-top: transparent; border-left: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* show-section */ .show-section { min-height: 633px; /* margin-top: 10px; */ overflow: hidden; background-color: #f4f7fa; } .show-section:first-child { margin-top: 0; } /* show */ .show-title, .show-info, .show-abstract, .show-audio, .show-video, .show-atlas, .show-content { margin: 0 15px; } .show-title, .show-content { margin-top: 15px; margin-bottom: 15px; text-align: justify; } .show-info, .show-abstract { margin-top: 10px; } .show-title { margin-top: 15px; font-size: 2.2rem; line-height: 1.3; color: #000; } .show-info, .show-info a { color: #888; } .show-info-date, .show-info-comefrom { line-height: 1.8; } .show-info-comefrom { margin-left: 10px; } .show-abstract { font-size: 1.6rem; line-height: 1.5; color: #888; text-align: justify; } .show-content { font-size: 1.8rem; line-height: 1.8; } .show-content h1, .show-content h2, .show-content h3, .show-content h4, .show-content h5, .show-content h6 { margin-top: 20px; margin-bottom: 15px; } .show-content p { margin: 20px 0; text-indent: 2em; } .show-content p[style *= "text-align:center"], .show-content p[style *= "text-align: center"], .show-content center p { text-indent: 0; } .show-content a { padding-bottom: 1px; border-bottom: 1px solid #ffae00; } .show-content h3 { position: relative; padding-left: 15px; font-size: 2rem; } .show-content h3:before { position: absolute; top: 0; left: 0; content: ''; width: 4px; height: 100%; border-radius: 10px; background-color: #ffde00; } .box-blue, .box-yellow, .box-green { padding: 8px 12px; border-radius: 5px; } .box-blue { background-color: #cbf1ff; } .box-yellow { background-color: #fff000; } .box-green { background-color: #b3ff8d; } /*===================== solutions-list css =====================*/ .solutions-list li a { position: relative; display: block; height: 100%; overflow: hidden; padding: 15.5px 15px 15px; } .solutions-list li a:after { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; background-color: #e5e5e5; -webkit-transform: scaleY(.5); -webkit-transform-origin: 0 0; } .solutions-list li .pic { float: left; width: 110px; height: 83px; margin-right: 15px; background-color: #fff; } .solutions-list li .text .title { height: 1.5em; overflow: hidden; font-size: 1.8rem; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; word-break: break-all; } .solutions-list li .text .cont { display: -webkit-box; max-height: 3em; overflow: hidden; margin-top: 10px; font-size: 1.4rem; line-height: 1.5; color: #999; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*===================== product css =====================*/ .product-list .item { padding: 15px; } .orange-bg { color: #fff; background : #e47a4f; } .yellow-bg { color: #666; background: #fcfa4a; } .cyan-bg { color: #fff; background: #56ca76; } .purple-bg { background: #7c2bcd; } .light-grey-bg { background: #ecfdff; } .deep-cyan-bg { color: #fff; background: #40d4cb; } .deep-blue-bg { color: #fff; background: #007cdb; } .green-blue-bg { color: #fff; background: #219994; } /*===================== partner css =====================*/ .partner-list { padding-left: 15px; overflow: hidden; } .partner-list li { float: left; width: 33.33%; padding-right: 15px; padding-bottom: 30px; } .partner-list li img { margin: 0 auto; } /*===================== recruit css =====================*/ .recruit-banner { margin-bottom: 20px; } .recruit-tab .recruit-list { margin-bottom: 20px; } .recruit-tab .recruit-list .r-tit { position: relative; display: inline-block; width: 100%; height: 40px; font-size: 18px; line-height: 40px; color: #fff; cursor: pointer; background: #776661; -webkit-box-shadow: 0 10px 10px #d3cecc; -moz-box-shadow: 0 10px 10px #d3cecc; box-shadow: 0 10px 10px #d3cecc; } .recruit-tab .recruit-list .r-tit:after { position: absolute; top: 8px; right: 20px; width: 20px; height: 20px; content: ''; background: url('../../../images/default/pc/icon-down.png') center no-repeat; background-size: 20px auto; -webkit-transition: 500ms; transition: 500ms; transform: rotate(0deg); } .recruit-tab .recruit-list .r-tit span { display: inline-block; padding-left: 20px; } .recruit-tab .recruit-list .r-tit.open:after { position: absolute; top: 8px; right: 20px; width: 20px; height: 20px; content: ''; background-size: 20px auto; -webkit-transition: 500ms; transition: 500ms; transform: rotate(-180deg); } .recruit-tab .recruit-list .r-content { display: none; padding: 20px; font-size: 1.6rem; line-height: 1.8; background: #fff; } .recruit-tab .recruit-list .r-content.open { display: block; height: auto; } .recruit-tips { margin-top: 30px; font-size: 1.4rem; line-height: 1.5 } .recruit-tips p { margin: 10px 0; } .recruit-tips a { color: #ec6610; } .recruit-tips a:hover { text-decoration: underline; }