.view{ padding:0 4.6%; } .header-view{ padding:0 4.6%; } body{ background:#f5f5f5; } html.auto,body.auto{ overflow: hidden; } header{ padding:15px 0; background: #fefefe; position: fixed; top:0; left: 0; z-index: 90; width: 100%; } header .logo{ float: left; width: 105px; } header .logo img{ width: 100%; } header .right{ float: right; } header .right a{ float: left; margin-left: 15px; } header .right .lang{ font-size: 12px; color: #333; opacity: .8; filter: alpha(opacity=80); font-family: arial; text-transform: uppercase; } header .right .shop, header .right .search-btn{ width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 2px; } header .right .shop{ background-image: url(../img/shop.png); } header .right .search-btn{ background-image: url(../img/search-btn.png); } header .navbtn{ float: left; width: 20px; padding-top: 2px; } header .navbtn .line{ display: block; width: 100%; height: 2px; background: #595959; margin:4px 0; transition:all .3s linear; } header .navbtn.cur{ padding:2px 0; } header .navbtn.cur .line{ width: 18px; } .footer-top .imgs{ color: #fff; text-align: center; font-size: 14px; } .footer-top .imgs .i img{ width: 100px; display: block; margin:0 auto; margin-top: 1rem; } header .navbtn.cur .line:nth-child(1){ transform: rotate(45deg); transform-origin: left top; } header .navbtn.cur .line:nth-child(2){ opacity: 0; filter: alpha(opacity=0); } header .navbtn.cur .line:nth-child(3){ transform: rotate(-45deg); transform-origin: left bottom; } .pc-nav{ display: none; } header .m-nav{ display: none; position: fixed; left:0; top:57px; background: #fff; width:88%; height:92%; padding:4% 6%; overflow: auto; } header .m-nav li{ border-bottom:1px solid #dcdcdc; } header .m-nav li>a{ display: block; width: 92%; padding: 10px 4%; color: #2d3845; position: relative; font-size: 16px; line-height: 25px; } header .m-nav li .navson{ line-height: 30px; padding:10px 4.5% 15px; display: none; } header .m-nav li .navson a{ display: block; font-size: 14px; color:#8b95a0; } header .m-nav li.on>a{ /*background: #0531b8;*/ /*color:#fff;*/ } header .m-nav li.on1>a:after{ content: ""; width: 20px; height: 20px; background: url(../img/nav-arrow.png) no-repeat center; background-size: cover; position: absolute; right: 20px; top: 10px; transition:all .3s linear; } .m-nav li.on2 .tit:after{ transform:rotate(180deg); } header .search-box{ position: fixed; left:0; top:0; width: 80%; height: 80%; background: #fff; padding:15px 10%; height: 26px; display: none; } header .search-box .search-wrap{ width: 70%; float: left; } header .search-box input[type=submit]{ float: left; width: 17px; height: 15px; background-image:url(../img/search-btn.png); background-repeat: no-repeat; background-position: center; padding: 0; border:none; background-color: transparent; margin:5px 0 0; background-size: cover; } header .search-box input[type=text]{ float: right; width: calc(90% - 17px); padding:0 5%; border:none; outline: none; height: 26px; list-height: 26px; font-size: 14px; color: #666; } header .search-box .search-close{ float: right; font-size: 26px; line-height: 26px; color: #666; } .clearfixed{ width: 100%; height: 54px; } /***********header end***********/ .need-box .need{ padding:20px; background:#fff; } .need-box h3{ text-align: center; font-size: 17px; color: #333; line-height: 26px; } .need-box .desc{ text-align: center; line-height: 20px; color: #888; margin:5px 0 0; } .need-box .icon-box{ margin:30px 0 0; } .need-box .icon-box .item{ float: left; padding-left: 55px; background-repeat: no-repeat; background-position: left center; background-size: 46px; margin-bottom: 25px; } .need-box .icon-box .item:nth-child(2n){ float: right; } .need-box .icon-box .item a{ display: block; } .need-box .icon-box .item span{ display: block; } .need-box .icon-box .item .tit{ font-size: 14px; color: #333; line-height: 26px; } .need-box .icon-box .item .go{ font-size: 12px; color: #6e6e6e; line-height: 20px; background-repeat: no-repeat; background-position: right center; background-image: url(../img/f-arrow.png); padding-right: 15px; } .footer-top{ padding:35px 0; background:url(../img/footer-top-bg.jpg); margin: 20px 0 0; } .footer-top .f-logo{ display: block; width: 107px; margin:0 auto; } .footer-top .f-logo img{ width: 100%; } .footer-top .con{ text-align: center; margin:20px 0 0; } .footer-top .con .tit{ font-size: 12px; color: #ffffff; line-height: 36px; } .footer-top .con .tel{ font-size: 26px; color: #ffffff; line-height: 40px; font-family: arial; font-weight: bold; line-height: 30px; } .footer-top .con .share{ margin:40px 0 0; font-size: 0; text-align: center; } .footer-top .con .share .jtico{ display: inline-block!important; *display: inline!important; zoom:1; width: 36px; height: 36px!important; background-position: center; background-repeat: no-repeat; background-size: cover; padding-left: 0!important; margin:0 6px; } .footer-top .con .share.jiathis_style_32x32 .jiathis_txt{ float: none; } .footer-top .con .share.jiathis_style_32x32 .jtico_tsina{ background-image: url(../img/sina.png); } .footer-top .con .share.jiathis_style_32x32 .jtico_weixin{ background-image: url(../img/wechat.png); } .footer-top .right{ display: none; } .footer-bottom{ padding:20px 0; background: #025092; color: #fff; line-height: 20px; text-align: center; } .footer-bottom a{ color: #fff; } /*************footer end***********/ .m-banner{ position: relative; overflow: hidden; } .m-banner img{ width: 100%; } .m-banner .btns{ position: absolute; left:0; top:0; width: 100%; font-size: 0; text-align: center; } .m-banner .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 100%; background-color: #666666; box-sizing: border-box; vertical-align: middle; } .m-banner .swiper-pagination-bullet-active{ width: 0.16rem; height: 0.16rem; border: 1px solid #696969; background-color: transparent; } .mask_video{ position: fixed; width: 100%; height: 100%; background-color:rgba(0,0,0,.6); top: 0; left: 0; z-index: 999; display: none; } .mask_video video{ width: 100%; position: absolute; top: 0; bottom: 0; margin: auto; } .banner{ display: none; } .guide-btns-box{ display: none; } .i-product-box{ padding:30px 0; background:#f5f5f5; } .i-product-box .i-product{ overflow: hidden; width: 100%; } .i-product-box .swiper-slide{ height: 260px; width: auto; margin-right: 20px; } .i-product-box .swiper-slide .img{ height: 260px; } .i-product-box img{ height: 100%; width: auto; } .i-product-box .swiper-slide:last-child{ margin-bottom: 0; margin-right: 0; } .i-product-box .con-box{ position: relative; } .i-product-box .con-box a{ display: block; } .i-product-box .con-box .hover{ display: none; } .i-product-box .txt-box{ position: absolute; right: 20px; top:20px; } .i-product-box .txt-box a{ display: block; } .i-product-box .txt-box .cn{ font-size: 14px; color: #666666; line-height: 20px; } .i-product-box .txt-box .en{ font-size: 14px; color: #666666; font-family: arial; opacity: .6; filter: alpha(opacity=60); line-height: 20px; } .i-list-box .item{ margin-bottom: 20px; } /*.i-list-box .item:last-child{ margin-bottom: 0; }*/ .i-list-box .item a{ display: block; } .i-list-box .item img{ width: 100%; } .i-list-box .item .txt{ padding:10px; background: #fff; } .i-list-box .item .txt .tit{ font-size: 14px; color: #333; } .i-list-box .item .txt .con a{ color:#888; line-height: 20px; } .i-list-box .item .pcimg{ display: none; } .i-list-box .item .txt .con{ font-size: 0; line-height: 18px; } .i-list-box .item .txt .con a, .i-list-box .item .txt .con span{ display: inline-block; *display: inline; zoom:1; font-size: 12px; color: #888; vertical-align: top; } .i-list-box .item .txt .con span{ margin:0 10px; } .i-list-box .img video{ left: 0; top:0; opacity: 0; filter: alpha(opacity=0); z-index: 2; } .i-list-box .item .padimg{ display: none; } /***********welcome end*********/ .sub-banner{ width: 100%; overflow: hidden; } .sub-banner img{ width: 130%; transform:translateX(-5%); } .intro-box{ padding:30px 0; background: #fff; } .about-tit-box .tit{ font-size: 16px; color: #333; line-height: 20px; } .about-tit-box .line{ width: 20px; height: 2px; background:#00559d; margin:10px 0 0; } .about-con{ font-size: 12px; line-height: 20px; color: rgba(51,51,51,.8); } .about-con img{ max-width: 100%; } .intro-box .about-con{ margin:10px 0 0; } .about-info .left .mCSB_scrollTools .mCSB_draggerRail{ width: 1px; background: #eee; } .about-info .left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #00559d; border-radius: 0; } .popular-box{ padding:30px 0; background: #f5f5f5 } .popular-box img{ width: 100%; } .popular-box .right{ margin:20px 0 0; } .popular-box .right .num-box{ margin:15px 0 0; font-size: 0; } .popular-box .right .num-box .item{ display: inline-block; *display: inline; zoom:1; margin-right: 15px; } .popular-box .right .num-box .item:last-child{ margin-right: 0; } .popular-box .right .num{ float: left; font-size: 36px; font-weight: bold; color:#ec6c00; font-family: "Century Gothic"; line-height: 40px; } .popular-box .right .txt{ float: left; font-size: 12px; padding:0 5px; border-bottom:#666666; color: #666666; border-bottom:2px solid #333; margin:3px 0 0 10px; width:28px; } .popular-box .right .about-con{ margin:15px 0 0; } .global-box{ padding:50px 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .global-box .about-tit-box .tit{ color: #fff; } .global-box .about-tit-box .line{ background: #fff; } .global-box .about-con{ margin:15px 0 0; color: #fff; } .about-info{ padding:30px 0; background: #fff; } .about-info .right{ margin:20px 0 0; } .about-info .right img{ max-width: 100%; } .department-box{ padding:30px 0; background:#f5f5f5; } .department-box .department{ overflow: hidden; } .department-box img{ width: 100%; } .department a{ display: block; } .department .text-box{ margin:10px 0 0; } .department .tit{ font-size: 14px; color: #333333; line-height: 20px; } .department .con{ font-size: 12px; line-height: 20px; color: #666; margin:5px 0 0; height: 60px; } .more{ font-size: 14px; color: #333333; font-family: arial; font-weight: bold; display: inline-block; padding-right: 30px; background:url(../img/more.png) no-repeat right center; } .department .more{ display: inline-block; margin:10px 0 0; } .tip-box{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); left: 0; top: 0; z-index: 100; /*display: none;*/ } .tip-box .mian{ position: fixed; left: 50%; top: 50%; width:92%; height: 360px; padding: 20px 25px 0px; transform:translate(-50%,-50%); background: #fff; box-sizing:border-box; } .tip-box .mian i{ width: 35px; height: 35px; position: absolute; right: 0px; top: 2px; cursor: pointer; font-style: normal; font-size: 30px; line-height: 35px; } .tip-box .mian .box{ width: 100%; height: 100%; } .tip-box .mian .box h2{ font-size: 18px; color: #333; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; } .tip-box .mian .box .detaile{ height: 260px; overflow: hidden; } .tip-box .mian .box .detaile, .tip-box .mian .box .detaile h3{ color: #666; line-height: 24px; text-align: justify; font-size: 14px; } .tip-box .mian .box .detaile h3{ margin-top: 10px; font-weight: bold; } .detail-ajax-content{ position: relative; z-index: 120; display: none; } .tip-box .mian .box .detaile img{ max-width: 100%; } .mian .detaile .mCSB_scrollTools .mCSB_draggerRail{ width: 1px; background: #eee; } .mian .detaile .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #00559d; border-radius: 0; } /********about end**********/ .culture-box{ padding:30px 0; } .culture-box .culture-tit{ text-align: center; } .culture-box .list{ margin:20px 0 0; } .culture-box .list li{ margin-bottom:15px; } .culture-box .list li:last-child{ margin-bottom:0; } .culture-box .list img{ width: 100%; } .culture-box .list .text-box{ background: #fff; } .culture-box .list .text-box .txt{ padding:20px; } .culture-box .list .text-box .about-con{ margin:10px 0 0; } .worth-box{ padding-bottom:30px; } .worth-box .about-tit-box{ text-align: center; } .worth-box .about-tit-box .line{ margin:10px auto 0; } .worth-box .about-tit-box .desc{ font-size: 12px; line-height: 20px; margin:10px 0 0; } .worth-box .worth{ margin:20px 0 0; overflow: hidden; } .worth-box .worth img{ width: 100%; } .worth-box .worth .text-box{ padding:20px; background: #fff; } .worth-box .worth .text-box .tit{ font-size: 16px; color: #666666; } .worth-box .worth .text-box .con{ line-height: 20px; color: #888; height: 140px; } .worth .btns{ font-size: 0; text-align: center; margin: 20px 0 0; } .worth .btns .swiper-pagination-bullet{ width: 14px; height: 14px; border:1px solid #a0a0a0; margin:0 7px; border-radius: 100%; } .worth .btns .swiper-pagination-bullet-active{ background:#00559d; border-color: #00559d; } /********culture end**********/ .develop-box{ padding:30px 0; background: #fff; } .develop-box .icome-box{ margin:10px 0 0; } .develop-box .icome-box .tit{ font-size: 16px; color: #333333; } .develop-box .icome-box .item{ display: inline-block; *display: inline zoom:1; } .develop-box .icome-box .num{ float: left; font-size: 30px; color: #ec6c00; font-weight: bold; font-family: Century Gothic; margin-right: 6px; line-height: 40px; } .develop-box .icome-box .txt{ float: left; font-size: 12px; color:#666666; width: 20px; border-bottom:2px solid #333; padding-left: 5px; margin-top: 2px; } .history-box{ padding:30px 0; background:#f5f5f5; } .history-box .time-box{ border-bottom:1px solid rgba(149,149,149,.4); overflow: hidden; } .history-box .time-box .swiper-slide{ display: block; width: auto; margin-right: 20px; font-size: 14px; color: #333333; font-family: "Century Gothic"; padding:10px; line-height: 20px; } .history-box .time-box .swiper-slide:last-child{ /*margin-right: 0;*/ } .history-box .time-box .swiper-slide:after{ content: ""; position: absolute; left:0; bottom:0; width: 100%; height: 3px; background:#00559d; opacity: 0; filter: alpha(opacity=0); } .history-box .time-box .swiper-slide.cur{ font-size: 20px; color: #00559d; font-weight: bold; } .history-box .time-box .swiper-slide.cur:after{ opacity: 1; filter: alpha(opacity=100); } .history-box .history{ margin:20px 0 0; } .history-box .history .desc{ font-size: 12px; color: #666666; line-height: 20px; } .history-box .history .list{ position: relative; padding:20px 0; margin:20px 0 0; } .history-box .history .list:after{ content: ""; position: absolute; left:25%; top:0; width: 1px; height:100%; background: #c9c9c9; } .history-box .history .list li{ margin-bottom: 20px; } .history-box .history .list li:last-child{ margin-bottom: 0; } .history-box .history .list .time{ float: left; font-size: 16px; color: #333333; line-height: 20px; width: 12%; font-weight: bold; } .history-box .history .list .divide{ position: relative; float: left; width: 20%; height: 12px; margin:5px 0 0 3%; } .history-box .history .list .point{ width: 12px; height: 12px; background: #c9c9c9; border-radius: 100%; margin:0 auto; } .history-box .history .list .line{ width:100%; height: 1px; position: absolute; left:0; top:50%; background:#c9c9c9; } .history-box .history .con{ float: right; width: 62%; font-size: 12px; line-height: 20px; color: #666; } .history-box .history .con img{ max-width: 100%; } /********develop end********/ .certificate{ background: #fff; padding-bottom: 30px; } .certificate .item{ margin-bottom: 20px; text-align: center; } .certificate .item:last-child{ margin-bottom: 0; } .certificate .item a{ display: block; } .certificate .item .img{ border: 2px solid #cfa972; } .certificate .item img{ width: 100%; } .certificate .item .txt{ margin:10px 0 0; font-size: 14px; color: #333; } .honor-box{ padding:30px 0; } .honor-box .simg{ display: none; } .honor-box .bimg{ overflow: hidden; width: 85%; margin:0 auto; } .honor-box .bimg .img{ border:2px solid #cfa972; } .honor-box .bimg img{ width: 100%; } .honor-box .bimg .con{ text-align: center; font-size: 14px; color: #333; line-height: 20px; padding:10px; } .tab-wrap .prev, .tab-wrap .next{ position: absolute; top:35%; width: 10px; height: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px; z-index: 30; } .tab-wrap .prev{ background-image:url(../img/honor-prev.png); left: 0; } .tab-wrap .next{ background-image:url(../img/honor-next.png); right: 0; } .honor-box{ padding-top:40px; position: relative; } .honor-box .time-box{ font-size: 0; overflow: hidden; position: relative; margin:10px 0 0; width: 95%; padding:0 2.5%; } .honor-box .time-box:after{ content: ""; position: absolute; left:0; bottom:7px; width: 100%; height: 1px; border-top:1px dashed #cacaca; } .honor-box .time-box .swiper-slide{ display: inline-block; *display: inline; zoom:1; font-size: 14px; color: #333; font-family: "Century Gothic"; width: auto; padding-bottom: 13px; background-repeat: no-repeat; background-image: url(../img/circle1.png); background-position: bottom center; margin-right: 40px; text-align: center; } .honor-box .time-box .swiper-slide.cur{ background-image: url(../img/circle2.png); color: #0a386a; font-size:18px; margin-top: -8px; width: 50px; background-size: 50px; padding-bottom: 15px; } /**********honor end********/ .news-box{ padding:30px 0; } .news-tit-box{ position: relative; z-index: 3; } .news-tit-box .tit{ font-size: 16px; } .news-tit-box .sub-search-box{ margin:10px auto 0; } .news-tit-box .sub-search-box .year-box{ float: left; background: #fff; width: 30%; position: relative; } .news-tit-box .sub-search-box .year-box a{ display: block; } .news-tit-box .sub-search-box .year{ font-size: 14px; color: #666; padding:0 10px; background-repeat: no-repeat; background-image: url(../img/down.png); background-position: 90% center; height: 38px; line-height: 38px; } .news-tit-box .sub-search-box .year-box .sub{ display: none; position: absolute; left:0; top:38px; border-top:1px solid #ddd; width: 100%; box-sizing: border-box; background: #fff; } .news-tit-box .sub-search-box .year-box .sub a{ height: 38px; line-height: 38px; color: #666; font-size: 14px; padding:0 10px; border-bottom:1px solid #ddd; } .news-tit-box .sub-search-box .sub-search{ float: right; width: 68%; } .news-tit-box .sub-search-box input[type=text]{ float: right; height: 28px; padding:5px 10px; border:none; outline: none; -webkit-appearance:none; color: #666; width: 70%; font-size: 14px; } .news-tit-box .sub-search-box input[type=submit]{ float: right; width: 38px; height: 38px; background-color: #999; background-image: url(../img/sub-search.png); background-position: center; background-repeat: no-repeat; background-size: 18px; padding:0; border:none; outline: none; } .news{ margin:20px 0 0; } .news li{ margin-bottom:40px; } .news li:last-child{ margin-bottom:0; } .news a{ display: block; } .news .img img{ width: 100%; } .news .text-box{ margin:15px 0 0; } .news .text-box .tit{ font-size: 16px; color: #333333; line-height: 24px; } .news .text-box .line{ width: 25px; height: 1px; background: #a0a0a0; margin:15px 0; } .news .text-box .con{ font-size: 12px; line-height: 20px; color: #666; } .news .text-box .news-more{ font-size: 14px; color: #333333; width: 100px; height: 38px; border:1px solid #333; background-image: url(../img/news-more.png); background-repeat: no-repeat; background-position: 85% center; padding:0 20px; line-height: 38px; margin:20px 0 0; } .news-box .divide{ width: 100%; height: 1px; background: rgba(160,160,160,.2); margin:30px 0 0; } .load{ width: 140px; height: 36px; background: #00559d; display: block; text-align: center; line-height: 36px; color: #fff; margin:0 auto; } .news-box .load{ margin-top: 30px; } /**********news end**********/ .system-box{ padding:30px 0; } .system-box .left{ position: relative; } .system-box .left img{ width: 100%; } .system-box .left .txt{ font-size: 14px; color: #fff; position: absolute; right: 0; top:13.2%; background: rgba(0,85,157,.95); width: 51.7%; height: 16%; text-align: center; font-size: 18px; } .system-box .left .txt span{ position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); } .system-box .left .txt .border{ position: absolute; left:0; top:50%; width: 2px; height: 35px; background: #ed7108; transform:translate(0,-50%); } .system-box .right{ margin:20px 0 0; } .system-box .right .item{ margin-bottom: 15px; } .system-box .right h3{ font-size: 16px; margin-bottom:5px; } /***********system end**********/ .recruit-box{ padding:30px 0; } .recruit-box .about-tit-box .tit{ text-align: center; } .recruit-box .type{ font-size: 0; margin:20px 0 0; } .recruit-box .type a{ display: inline-block; *display: inline; zoom:1; width: 100px; height: 38px; background:#fff; color: #333333; font-size: 14px; text-align: center; line-height: 38px; margin-right: 5px; } .recruit-box .type a.cur{ background:#00559d; color: #fff; } .recruit-box .list{ margin:20px 0 0; } .recruit-box .list .item{ margin-bottom: 20px; } .recruit-box .list .item:last-child{ margin-bottom: 0; } .recruit-box .list .con-box{ background: #fff; padding:20px; } .recruit-box .list .con-box .tit-box{ padding-bottom:15px; border-bottom:1px solid #dcdcdc; margin-bottom: 15px; } .recruit-box .list .con-box .tit-box a{ display: block; } .recruit-box .list .con-box .tit-box .time{ font-size: 12px; color:#333; opacity: .5; filter: alpha(opacity=50); line-height: 20px; font-family: arial; } .recruit-box .list .con-box .tit-box .tit{ font-size: 16px; color:#333333; line-height: 24px; margin-top: 3px; } .recruit-box .list .con-box .duty{ font-size: 14px; color: #666; } .recruit-box .list .con-box .txt{ font-size: 12px; line-height: 20px; color:#888; height:100px; overflow: hidden; } .recruit-box .list .con-box .recruit-more{ display: block; width: 80px; height: 30px; background: #dcdcdc; text-align: center; line-height: 30px; color:#333333; margin:15px 0 0; } .recruit-wrap-box{ display: none; } .recruit-wrap{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 120; } .recruit-wrap .recruit-main{ position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); width:240px; z-index: 3; background: #fff; padding:20px; } .recruit-wrap .black{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background:rgba(19,21,20,.9); } .recruit-main .recruit-form{ margin:20px 0 0 } .recruit-main .tit-box .tit{ font-size: 16px; color: #333; line-height: 24px; } .recruit-main .tit-box .tip{ font-size: 12px; line-height: 20px; color: #888; margin:5px 0 0; } .recruit-main .input{ margin-bottom: 15px; } .recruit-main .input .tit{ float: left; width: 70px; font-size: 13px; line-height: 30px; } .recruit-main .input .tit span{ margin-right: 5px; } .recruit-main .input>input[type=text]{ float: left; border:none; padding:0; height: 20px; padding:5px 8px; background: #f6f6f6; font-size: 14px; width:64%; } .recruit-main .input input[type=file]{ width: 65%; float: left; margin-top:2px; } .recruit-main .check-box .check{ float: left; width: 65%; } .recruit-main .check-box .check input{ float: left; width: 45%; border:none; height: 20px; padding:5px 8px; background: #f6f6f6; border-radius: 0; -webkit-appearance:none; } .recruit-main .check-box .check img{ float: left; width: 40%; height: 30px; margin-left: 6px; } .recruit-main .send{ display: block; width: 130px; height: 40px; line-height: 40px; background:#004990; text-align: center; font-size: 14px; color:#fff; margin: 20px auto 0; } /**********recruit end**********/ .contact-box{ padding:30px 0; } .contact-box .contact{ margin:10px 0 0; } .contact-box .item, .contact-box .item a{ font-size: 12px; line-height: 20px; margin-bottom: 20px; color:#333; } .contact-box .item a{ display: inline-block; } .contact-box .right{ font-size: 12px; line-height: 20px; } .tel-box{ padding:30px 0; background: #fff; } .tel-box .item{ padding-bottom: 15px; margin-bottom: 15px; border-bottom:1px solid #a0a0a0; } .tel-box .item:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom:none; } .tel-box .item h3{ font-size: 16px; color:#333; line-height: 24px; } .tel-box .item .con{ font-size: 12px; color: #333; line-height: 20px; margin:5px 0 0; } .map-box{ padding-top: 30px; } .map{ height: 250px; width: 100%; // margin:30px 0 0; } .marker{ padding: 10px 15px; background: #fff; border: 8px solid rgba(0,0,0,.2); width: 210px; } .marker .map-logo{ float: left; width:70px; margin-top:10px; } .marker .divide{ float:left; width:1px; height: 45px; background:rgba(160,160,160,.5); margin:0 15px; } .marker .map-logo img{ width:100%; } .marker .code{ float: right; color:#333333; font-size: 12px; line-height: 45px; } .message-box{ padding:30px 0; } .message-box .about-con{ margin:10px 0 0; } .message-box .message-form{ margin:15px 0 0; } .message-box .message-form .tit{ float: left; width: 18%; line-height: 40px; font-size: 14px; } .message-box .message-form .input, .message-box .message-form .textarea{ margin-bottom: 15px; box-sizing:border-box; } .message-box .message-form .con-box{ background:#fff; padding:0 20px; } .message-box .message-form .con-box>input{ height: 20px; border:none; padding:10px 0; float: right; width:82%; font-size: 14px; border-radius: 0; -webkit-appearance:none; } .message-box .message-form .textarea textarea{ float: right; border:none; resize:none; outline: none; width:82%; font-size: 14px; border-radius: 0; -webkit-appearance:none; padding:5px 0; height: 120px; } .message-box .message-form .check-box .tit{ float: left; width:18%; } .message-box .message-form .check-box .check{ float: right; width:82%; } .message-box .message-form .check-box input{ float: left; width:60%; font-size: 14px; border:none; padding:10px 0; height: 20px; } .message-box .message-form .check-box img{ float: right; width: 30%; height: 20px; margin-top: 10px; } .message-box input[type=submit]{ display: block; width: 120px; height: 40px; background:#00559d; color:#fff; border:none; padding:0; margin:15px auto 0; } /**********contact end*********/ .research-box{ padding:30px 0; } .research-box .research-tit .tit{ text-align: center; } .research-box .top{ margin:40px 0 0; padding-bottom: 30px; border-bottom:1px solid #ccc; } .research-box .top .num-tit .title{ display: inline-block; background: #f5f5f5; position: relative; z-index: 3; margin-left: 20px; } .research-box .top .item{ margin-bottom: 40px; } .research-box .top .item:last-child{ margin-bottom: 0; } .research-box .top .item .about-con{ margin:10px 0 0; } .research-box .top .item .num-tit .num{ position: absolute; left:0px; bottom:3px; font-size: 50px; font-family: "Century Gothic"; font-weight: bold; color: rgba(51,51,51,.2); line-height: 50px; } .research-box .top .item .num-tit{ position: relative; } .research-box .top .item .num-tit .about-tit-box{ float: left; position: relative; background: #f5f5f5; z-index: 3; } .research-box .top .item .num-tit .line{ float: left; width:80px; height: 1px; background:#00559d; margin:10px 0 0 10px; } .research-box .bottom{ margin:20px 0 0; } .research-box .bottom .about-con{ margin:20px 0 0; } .research-box .right{ position: relative; margin:20px 0 0; } .research-box .right .item{ position: relative; margin-bottom: 20px; } .research-box .right .item:last-child{ margin-bottom: 0; } .research-box .right img{ width: 100%; } .research-box .right .txt{ font-size: 14px; color: #fff; position: absolute; left: 0; top:13.2%; background: rgba(0,85,157,.95); width: 51.7%; height: 40px; line-height: 40px; text-align: center; text-align: center; } .research-num-box{ padding:30px 0; background: #fff; } .research-num-box .num-box{ font-size: 0; margin:15px 0 0; } .research-num-box .num-box .item{ display: inline-block; *display: inline; zoom:1; width: 33.33%; vertical-align: top; margin-bottom: 10px; } .research-num-box .num-box .num{ font-size: 30px; font-weight: bold; font-family: "Century Gothic"; color:#ec6c00; line-height: 40px; } .research-num-box .num-box .txt{ font-size: 12px; color: #666666; line-height: 20px; } .patent-box{ padding:30px 0; } .patent-box .patent{ overflow: hidden; } .patent .swiper-slide .img{ overflow: hidden; padding:10px; border:1px solid rgba(0,0,0,.2); border-radius: 100%; } .patent .swiper-slide img{ width: 100%; border-radius: 100%; } .patent .swiper-slide .line{ width: 25px; height: 1px; background: #00559d; margin:15px auto 0; } .patent .swiper-slide .txt{ text-align: center; margin:10px 0 0; font-size: 14px; color: #666; } /************research end**********/ .quality-box{ padding:30px 0; } .quality-box .about-tit-box .tit{ text-align: center; } .quality-box .about-tit-box .line{ margin:10px auto 0; } .quality-box .list{ margin:25px 0 0; } .quality-box .list li{ margin-bottom: 20px; } .quality-box .list li:last-child{ margin-bottom: 0; } .quality-box .list a{ display: block; } .quality-box .list img{ width: 100%; } .quality-box .list .con-box{ padding:20px; background: #fff; } .quality-box .list .con-box a.tit{ font-size: 14px; color: #333333; padding-bottom: 5px; margin-bottom: 5px; border-bottom:1px solid rgba(40,40,40,.1); } .quality-box .list .con-box a.con{ font-size: 12px; color: #666666; line-height: 20px; height: 60px; overflow: hidden; } .quality-box .list .more{ display: inline-block; margin:10px 0 0; } .quality-box .news-tit-box{ margin:20px 0 0; } .quality-list{ margin:20px 0 0; } .quality-list .item{ margin-bottom: 15px; } .quality-list .con-box{ padding:15px; background: #fff; } .quality-list .item a{ display: block; } .quality-list .con-box a.tit{ font-size: 14px; color: #333333; line-height: 24px; width: 100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .quality-list .con-box .bottom{ margin:5px 0 0; } .quality-list .con-box .download{ float: left; font-size: 12px; color:#00559d; line-height: 20px; background-repeat: no-repeat; background-image: url(../img/download.png); background-position: left center; padding-left: 25px; } .quality-list .con-box .time{ float: right; font-size: 12px; color:#888; line-height: 20px; background-repeat: no-repeat; background-image: url(../img/time.png); background-position: left center; padding-left: 25px; font-family: "Century Gothic"; } /***********quality end************/ .ban-product { position: relative; width: 100%; overflow: hidden; z-index: 20; } .ban-product>img{ width:100%; } .ban-product .flexslider { position: absolute; left:0; top:0; width:100%; height:100%; border: none; margin-bottom: 0; } .ban-product .slides li{ position: relative; } .ban-product .flex-control-nav{ position: absolute; left:0; width: 100%; font-size:0; text-align: center; bottom:7%; z-index: 30; } .ban-product .flex-control-nav li{ display: inline-block; *display: inline; zoom:1; margin:0 3px; vertical-align: middle; } .ban-product .flex-control-paging li a{ display: block; background:#fff; width:10px; height:10px; border-radius: 100%; border:none; } .ban-product .flex-control-paging li a.flex-active{ border-color:#a5001b; background:#025092; width:10px; height:10px; border: none; } .ban-product .flex-direction-nav .flex-prev, .ban-product .flex-direction-nav .flex-next{ position: absolute; width: 30px; height: 30px; top:50%; transform:translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 3; } .ban-product .flex-direction-nav{ } .ban-product .flex-direction-nav .flex-prev{ background-image: url(../img/pro-prev2.png); left:4.6%; } .ban-product .flex-direction-nav .flex-next{ background-image: url(../img/pro-next2.png); right:4.6%; } .product-box{ padding:30px 0; } .product-box .pro-tit{ display: none; } .product-box .pro-search-box .tit{ display: none; } .product-box .pro-search-box .m-tit{ font-size: 16px; line-height: 24px; color:#333; text-align: center; } .product-box .pro-search-box .pro-search{ margin:10px 0 0; border:1px solid #bfbfbf; padding:0 15px; } .product-box .pro-search input[type=text]{ float: left; width:80%; height: 20px; line-height: 20px; padding:5px 0; border:none; outline: none; border-radius: 0; -webkit-appearance:none; background-color: transparent; color:#888; font-size: 14px; } .product-box .pro-search input[type=submit]{ float: right; width: 30px; height: 30px; border:none; padding:0; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/pro-search.png); background-size: 18px; background-color: transparent; } .pro-type{ margin:25px 0 0; } .pro-type a{ display: block; } .pro-type .type{ position: relative; font-size: 16px; color:#333; background-size: 19px; background-position: 15px center; background-repeat: no-repeat; padding-left: 25px; padding:5px 40px; border-bottom:1px solid #c9c9c9; } .pro-type .type:after{ content:""; position: absolute; right: 15px; top:50%; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/jia.png); margin-top: -8px; transition:all .3s linear; } /*.pro-type li:nth-child(1) .type:after{ display: none; }*/ .pro-type .second-box{ display: none; padding:10px 0; } .pro-type .second-box .sub .third .box{ display: none; } .pro-type .second-box .sub .third>a{ padding:5px 40px; color:#888; /*font-size: 12px;*/ font-size: 14px; line-height: 20px; } .pro-type .second-box .sub .third .box a{ padding: 0 40px 0 55px; color: #888; font-size: 12px; line-height: 26px; background-position: 40px center; background-image: url(../img/aside-arrow.png); background-repeat: no-repeat; } .pro-type .second-box .aside-more{ margin-left: 40px; font-size: 12px; color:#025092; display: none; } .pro-type li.on .type:after{ transform:rotate(45deg); } .product-box .list{ margin: 20px 0 0; } .product-box .row{ margin-left: -5px; margin-right: -5px; } .product-box .item{ padding:0 5px; box-sizing:border-box; margin-bottom: 10px; } .product-box .con-box{ position: relative; } .product-box .con-box a{ display: block; } .product-box .con-box img{ width: 100%; } .product-box .con-box .txt{ position: absolute; left:12px; top:12px; font-size: 14px; color: #666666; } .product .item .img{ position: relative; } .product .item .hover{ position: absolute; left:0; top:0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .product .item .hover img{ width: 100%; } /***********product end************/ .productdtl-box{ padding:30px 0; position: relative; z-index: 3; } .productdtl-box .simg-box{ display: none; } .productdtl-box .bimg{ overflow: hidden; position: relative; } .productdtl-box .bimg img{ width: 100%; } .productdtl-box .bimg .btns{ font-size: 0; text-align: center; position: absolute; left:0; bottom:5%; z-index: 3; width: 100%; } .productdtl-box .bimg .btns .swiper-pagination-bullet{ display: inline-block; *display: inline; zoom:1; width: 10px; height: 10px; border-radius: 100%; border-radius: 100%; background:#fff; margin:0 4px; } .productdtl-box .bimg .btns .swiper-pagination-bullet-active{ background: #025092; } .productdtl .right{ margin:20px 0 0; } .productdtl .right .title .cn{ font-size: 16px; line-height: 24px; } .productdtl .right .title .en{ font-size: 14px; font-family: "Century Gothic"; } .productdtl .right .con .item{ margin-bottom:5px; } .productdtl .right .con .tit{ font-size: 14px; color:#666; } .productdtl .right .con .text{ font-size: 12px; color:#666666; line-height: 20px; } .productdtl .right .color-box{ margin:15px 0 0; position: relative; width: 142px; } .productdtl .right .color-box a{ display: block; } .productdtl .right .color-box .select{ font-size: 14px; color: #666666; width: 100px; height: 32px; padding-left: 40px; border:1px solid #ccc; line-height: 32px; position: relative; background-image: url(../img/color-down.png); background-repeat: no-repeat; background-position: 85% center; } .productdtl .right .color-box .select i{ position: absolute; left: 20px; top:50%; width: 10px; height: 10px; border-radius: 100%; margin-top:-5px; } .productdtl .right .color-box .sub{ display: none; position: absolute; left: 0; top:34px; width: 100%; border:1px solid #ccc; border-top:none; box-sizing:border-box; background: #f5f5f5; } .productdtl .right .color-box .sub a{ height: 32px; line-height: 32px; padding-left: 40px; font-size: 14px; color:#666; border-bottom:1px solid #ccc; position: relative; } .productdtl .right .color-box .sub a i{ position: absolute; left: 20px; top:50%; width: 10px; height: 10px; border-radius: 100%; background: #a39a94; margin-top:-5px; } .productdtl .right .color-box .sub a:last-child{ border-bottom:none; } .pro-video-box{ padding:30px 0; background: #fff; } .pro-video-box video{ width: 100%; } .pro-video-box iframe{ width: 100%; } .pro-video-box .pcvideo{ display: none; } .pro-back{ display: block; width: 120px; height: 40px; background: #00559d; text-align: center; margin:20px auto; line-height: 40px; color:#fff; } .desc-box{ background: #fff; padding:30px 0; } .desc-box .about-tit-box{ padding-bottom: 15px; border-bottom:1px solid #e2e2e2; } .desc-wrap{ margin:15px 0 0; } .desc-wrap img{ max-width: 100%; } .desc-wrap .text h3{ font-size: 16px; color:#69af3e; line-height: 26px; font-family: arial; } .desc-wrap .text .con{ font-size: 12px; line-height: 20px; color:#666; } .desc-wrap .text .en-box{ font-family: arial; margin-bottom: 15px; } .desc-wrap .text .en-box h3{ text-transform: capitalize; } .desc-wrap .middle{ margin:50px 0 0; } .desc-wrap .text .cn-box{ margin-top: 15px; } .newsdtl{ padding:20px 0; } .newsdtl .infotit{ text-align: center; } .newsdtl .infotit h2{ font-size: 18px; } .newsdtl .infotit p{ font-size: 12px; } .newsdtl .infotx{ color:#666; } .newsdtl .infotx img{ max-width: 100%; } .newsdtl .infoctrl{ padding-top: 15px; border-top:1px solid #ccc; margin-top: 15px; } .newsdtl .infoctrl .pagectrl{ line-height: 20px; } .newsdtl .infoctrl .pagectrl a{ display: block; font-size: 14px; color:#666; } .newsdtl .infoctrl .pageback{ display: block; width: 120px; height:40px; background: #00559d; border-radius: 20px; margin:15px auto 0; text-align: center; font-size: 14px; color:#fff; line-height: 40px; border:1px solid #00559d; } /**********newsdtl end************/ .news-page{ font-size: 0; text-align: center; margin:20px 0 0; } .news-page a{ vertical-align: top; display: inline-block; *display: inline; zoom:1; padding:2px 10px; border:1px solid #e3e3e3; font-size: 12px; color:#666; margin:0 2px; font-family: arial; border-radius: 2px; display: none; padding:5px 20px; margin:0 10px; } .news-page span{ vertical-align: top; display: inline-block; *display: inline; zoom:1; font-size: 12px; color: #666; display: none; margin:0 2px; } .news-page a.prev, .news-page a.next{ display: inline-block; } .news-page a.active{ background: #00559d; border-color: #00559d; color: #fff; } @media (min-width: 768px){ header{ padding:20px 0; } header .logo{ width: 123px; } header .m-nav{ top:67px; } header .search-box{ height: 36px; } header .search-box input[type=text]{ height: 36px; line-height: 36px; } header .search-box input[type=submit]{ margin-top: 10px; } header .search-box .search-close{ line-height: 36px; } .clearfixed{ height: 65px; } .need-box .need{ padding:40px 20px; } .need-box .icon-box{ font-size: 0; } .need-box .icon-box .item{ float: none; display: inline-block; *display: inline; zoom:1; width: 20%; box-sizing:border-box; padding-left: 60px; margin:0; } .need-box .icon-box .item:nth-child(2n){ float: none; } .need-box .icon-box .item .go{ width:48px; } .footer-top{ padding:40px 0; } .footer-top .left{ float: left; } .footer-top .right{ display: block; float: right; width: 420px; } .footer-top .right li{ float: left; margin:0 45px 10px 0; height: 130px; width: 70px; } .footer-top .right li:nth-child(4n){ margin-right: 0; } .footer-top .right li a{ display: block; color: #fff; opacity: .8; filter: alpha(opacity=80); line-height: 24px; } .footer-top .right li a.tit{ font-size: 14px; opacity: 1; filter: alpha(opacity=100); margin-bottom: 10px; } /***********footer end************/ .i-product-box .item{ margin-bottom:0; } .i-product-box .i-product .swiper-wrapper{ display: flex; } .i-product-box .swiper-slide{ height: 300px; width: auto; margin-bottom:0; } .i-product-box .con-box .pc-img{ display: block; } .i-product-box .con-box .m-img{ display: none; } .i-product-box .swiper-slide{ margin-right: 20px; } .i-product-box .swiper-slide:last-child{ margin-right: 0; } .i-product-box .swiper-slide .pc-img, .i-product-box .swiper-slide .img{ height: 300px; } .i-product-box .swiper-slide img{ height: 100%; width: auto; } .i-list-box .row{ margin-right: -10px; margin-left: -10px; } .i-list-box .item{ box-sizing:border-box; padding:0 10px; } .i-list-box .item .pcimg{ display: block; } .i-list-box .item .mimg{ display: none; } .i-list-box .item a.img{ height: 280px; overflow: hidden; } .i-list-box .item a img{ height: 280px; width: auto; } .i-list-box .item .txt .con{ height: 20px; overflow: hidden; } .i-list-box .item.last .pcimg{ display: none; } .i-list-box .item .padimg{ display: block; } /***********welcome end*********/ .about-tit-box .tit{ font-size: 20px; line-height: 30px; } .intro-box{ padding:40px 0; } .about-con { font-size: 14px; line-height: 26px; } .intro-box .about-con { margin: 15px 0 0; } .popular-box{ padding:40px 0; } .global-box{ background-position: right center; } .global-box .about-con{ width: 70%; } .about-info{ padding:50px 0; position: relative; } .about-info .info{ position: relative; } .about-info .left{ width: 52%; // float: left; position: absolute; left:0; top:0; height: 100%; overflow: hidden; } .about-info .right{ float: right; width: 42.35%; margin:0; } .department-box{ padding:50px 0; } .department .tit{ font-size: 16px; line-height: 24px; } .department .text-box{ margin:20px 0 0; } .tip-box .mian{ width: 600px; padding: 40px; } .tip-box .mian i{ right: 5px; top: 10px; } .tip-box .mian .box h2{ padding-bottom: 15px; margin-bottom: 15px; } .tip-box .mian .box .detaile{ height: 220px; } /********about end**********/ .culture-box{ padding:50px 0; } .culture-box .list { margin:30px 0 0; } .culture-box .list li{ position: relative; } .worth-box .worth{ margin:30px 0 0; } .worth-box .about-tit-box .desc{ font-size: 14px; line-height: 20px; } .worth .btns{ margin:30px 0 0; } .worth .btns .swiper-pagination-bullet{ width: 18px; height: 18px; } /********culture end**********/ .develop-box .about-tit-box{ float: left; } .develop-box .icome-box{ float: right; margin:0; } .develop-box .icome-box .item{ margin-right: 30px; } .develop-box .icome-box .item:last-child{ margin-right: 0; } .develop-box .icome-box .num{ font-size: 36px; line-height: 46px; } .develop-box .icome-box .txt{ margin-top:6px; } .history-box .time-box .swiper-slide{ font-size: 16px; line-height: 24px; padding:15px 10px; } .history-box .history{ margin:30px 0 0; } .history-box .history .list:after{ left: 13%; } .history-box .history .list .time{ width: 5%; } .history-box .history .list .divide{ width: 10%; } .history-box .history .con{ width: 79%; } /********develop end********/ .certificate{ padding-bottom:50px; } .certificate .row{ margin-left: -10px; margin-right: -10px; } .certificate .item{ box-sizing: border-box; padding:0 10px; } .honor-box{ padding:50px 0; } .honor-box .bimg{ width: 75%; } .tab-wrap .prev, .tab-wrap .next{ width: 20px; height: 40px; margin-top: -20px; top:40%; } .honor-box .bimg .con{ font-size: 18px; line-height: 24px; margin:15px 0 0; } .honor-box .time-box{ margin:20px 0 0; } .honor-box .time-box:after{ bottom:15px; } .honor-box .time-box .swiper-slide{ font-size: 16px; padding-bottom: 16px; margin-top: 12px; } .honor-box .time-box .swiper-slide.cur{ font-size: 22px; background-size: 88px; width: 90px; padding-bottom: 35px; } /**********honor end********/ .news-box{ padding:50px 0; } .news-tit-box .sub-search-box{ margin:0; } .news-tit-box .tit{ float: left; font-size: 20px; line-height: 38px; } .news-tit-box .sub-search-box{ float: right; width: 46%; } .news-tit-box .sub-search-box .year-box{ width: 32%; } .news{ margin:30px 0 0; } .news li{ position: relative; } .news .img{ float: left; width: 42.85%; } .news .text-box{ position: absolute; right: 0; top:50%; transform:translateY(-50%); width: 50%; margin:0; } .news .text-box .con{ height: 60px; overflow: hidden; } .news-box .divide{ margin-top: 50px; } .load{ width: 200px; height: 50px; line-height: 50px; font-size: 14px; } .news-box .load{ margin-top:40px; } /**********news end**********/ .system-box .system{ position: relative; } .system-box .left{ position: absolute; left:0; top: 0; width: 31%; height: 100%; } .system-box .left .img{ position: absolute; left:0; top:50%; width: 100%; transform:translateY(-50%); } .system-box .left .txt{ font-size: 13px; } .system-box .left .txt .border{ height: 20px; } .system-box .right{ float: right; width: 62%; margin:0; } /***********system end**********/ .recruit-box{ padding:50px 0; } .recruit-box .news-tit-box{ margin:30px 0 0; } .recruit-box .type{ float: left; margin:0; } .recruit-box .type a{ width:120px; margin-right:10px; } .recruit-box .list{ margin:30px 0 0; } .recruit-box .list .row{ margin-left: -10px; margin-right: -10px; } .recruit-box .list .item{ box-sizing:border-box; padding:0 10px; } .recruit-box .list .con-box .tit-box .time{ font-size: 14px; } .recruit-box .list .con-box .tit-box .tit{ font-size: 18px; line-height: 24px; } .recruit-wrap .recruit-main{ width:600px; padding: 40px; } .recruit-main .tit-box .tit{ float: left; } .recruit-main .tit-box .tip{ float: right; margin:0; } .recruit-main .input{ float: left; width:48%; } .recruit-main .input:nth-child(2n){ float: right; } .recruit-main .input .tit{ width: 30%; } .recruit-main .input .tit span{ margin-right: 15px; } /**********recruit end**********/ .contact-box .item{ float: left; width: 50%; font-size: 14px; line-height: 24px; } .contact-box .item a{ font-size: 14px; } .contact-box .right{ font-size: 14px; line-height: 24px; } .tel-box .item{ float: left; border:none; padding-bottom:0; width: 46%; margin-bottom: 30px; position: relative; } .tel-box .item:after{ content: ""; position: absolute; right: 0; top:50%; width:1px; height: 40px; margin-top: -20px; background: rgba(160,160,160,.5); } .tel-box .item:nth-child(2n){ float: right; } .tel-box .item:nth-child(2n):after{ display: none; } .tel-box .item:last-child:after{ display: none; } .map{ height: 350px; } .marker{ width: 280px; } .marker .map-logo{ width:125px; margin-top:10px; } .marker .code{ font-size: 14px; } .message-box{ padding:50px 0; } .message-box .message-form{ margin:30px 0 0; } .message-box .message-form .row{ margin-left: -5px; margin-right: -5px; } .message-box .message-form .input, .message-box .message-form .textarea{ box-sizing:border-box; padding:0 5px; } .message-box .message-form .textarea .tit{ width:5%; } .message-box .message-form .con-box>input{ width:76%; } .message-box .message-form .textarea textarea{ width: 93%; } .message-box .message-form .check-box{ padding:0 5px; box-sizing:border-box; } .message-box .message-form .check-box .check{ width:76%; } .message-box .message-form .check-box .tit{ width:24%; } .message-box .message-form .check-box input{ width:60%; } .message-box .message-form .check-box img{ width: 40%; } .message-box .about-con{ width: 70%; } .message-box input[type=submit]{ position: absolute; right:5px; bottom:0; margin:0; } /**********contact end*********/ .research-box .top{ margin-top: 40px; } .research-box .top .item .num-tit .num { bottom: 0; font-size: 60px; line-height: 60px; } .research-box .top .num-tit .title{ margin-left: 25px; } .research-box .top .about-tit-box .tit { line-height: 20px; } .research-box{ padding: 50px 0; } .research-box .top{ margin-top: 60px; padding-bottom: 40px; } .research-box .top .item .num-tit .line { width: 100px; height: 1px; margin: 10px 0 0 20px; } .research-box .top .item{ width: 48%; float: left; margin-bottom: 0; } .research-box .top .item:nth-child(2n){ float: right; } .research-box .top .item .about-con{ margin:20px 0 0; } .research-box .bottom .right .item{ width: 48%; float: left; } .research-box .bottom .right .item:nth-child(2n){ float: right; } .research-box .right .txt{ font-size: 16px; } .research-num-box .num-box .item{ margin-right:22px; width: auto; margin-bottom: 0; } .research-num-box .num-box .item:last-child{ margin-right: 0; } .research-num-box .num-box .num { font-size: 40px; line-height: 50px; } .research-num-box .num-box .txt{ font-size: 14px; margin-top: 5px; } .patent-box{ padding:50px 0; } .patent .swiper-slide .line{ margin-top: 25px; } .patent .swiper-slide .txt{ margin-top: 15px; } /************research end**********/ .quality-box .list .con-box{ padding:25px; } .quality-box .list .con-box a.tit{ font-size: 20px; line-height: 30px; padding-bottom: 15px; margin-bottom: 15px; } .quality-box .news-tit-box{ margin:30px 0 0; } .quality-list{ margin:30px 0 0; } .quality-list .row{ margin-left: -5px; margin-right: -5px; } .quality-list .item{ box-sizing:border-box; padding:0 5px; } /***********quality end************/ .ban-product .flex-direction-nav .flex-prev, .ban-product .flex-direction-nav .flex-next{ width:40px; height: 40px; } .product-box{ padding:50px 0; } .product-box .aside-box{ float: left; width: 25%; } .product-box .pro-tit{ display: block; font-size: 20px; line-height: 30px; padding-bottom: 10px; border-bottom:1px solid #e1e1e1; } .product-box .pro-search-box{ margin:5px 0 0; border-bottom:1px solid #e1e1e1; padding-bottom: 5px; } .product-box .pro-search-box .m-tit{ display: none; } .product-box .pro-search-box .tit{ display: block; float: left; font-size: 14px; color:#333; } .product-box .pro-search-box .pro-search{ float: right; border:none; padding:0; margin:0; width: 80%; } .product-box .pro-search input[type=text]{ width:75%; } .pro-type{ margin:10px 0 0; } .pro-type .type{ background-position: left center; padding:5px 30px; border-bottom:none; } .pro-type .type:after{ display: none; } .pro-type .sub-box{ /* display: block; */ padding:0; } .pro-type .sub-box .sub a{ padding:0 30px; background-position: 10px center; background-image: url(../img/aside-arrow.png); background-repeat: no-repeat; font-size: 14px; line-height: 28px; } .pro-type .sub-box .sub a.cur{ background-image: url(../img/aside-arrow2.png); color:#00559d; } .product-box .list{ float: right; width: 70%; margin:0; } .product-box .row{ margin-left: -10px; margin-right: -10px; } .product-box .item { padding: 0 10px; // box-sizing: border-box; margin-bottom: 20px; } .product-box .con-box .txt{ font-size: 16px; left: 20px; top:20px; } .pro-type .second-box .sub .third>a{ padding:5px 30px; } .pro-type .second-box .sub .third .box a{ padding:0 40px; background-position: 30px center; } /***********product end************/ .productdtl-box{ padding:50px 0; } .productdtl{ padding:30px 0; position: relative; } .productdtl-box .bimg .btns{ display: none; } .productdtl-box .bimg{ float: right; width: 80%; } .productdtl-box .simg-box{ display: block; position: absolute; left:0; top:0; height: 100%; width: 16.54%; // overflow: hidden; } .productdtl-box .simg{ height: 90%; position: absolute; left:0; top:0; width:100%; top:50%; transform:translateY(-50%); overflow: hidden; } .productdtl-box .simg .swiper-slide{ border:1px solid transparent; box-sizing:border-box; width: 100%; height: 70px; background-repeat: no-repeat; background-position: center; background-size: cover; } .productdtl-box .simg .swiper-slide.cur{ border-color: #ec6c00 } .productdtl-box .simg-box .prev, .productdtl-box .simg-box .next{ position: absolute; width: 40px; height: 10px; left: 50%; margin-left: -20px; background-repeat: no-repeat; background-position: center; background-size: cover; } .productdtl-box .simg-box .prev{ background-image: url(../img/productdtl-prev.png); top:-10px; } .productdtl-box .simg-box .next{ background-image: url(../img/productdtl-next.png); bottom:-10px; } .productdtl .left{ float: left; width: 48%; } .productdtl .right{ float: right; margin:0; width: 48%; } .productdtl .right .con{ margin:10px 0 0; } .productdtl .right .title .cn{ font-size: 20px; } .productdtl .right .con .tit{ float: left; } .productdtl .right .con .text{ float: left; width: 75%; margin-top:3px; } .productdtl .right .color-box{ margin-top: 25px; } .pro-video-box{ padding:50px 0; } .pro-back{ width: 160px; height:50px; margin:40px auto; line-height: 50px; font-size: 16px; } .desc-wrap{ margin:30px 0 0; } .desc-wrap .top .left{ float: left; width: 30%; } .desc-wrap .top .right{ float: right; width: 65%; margin-top: 30px; } .desc-wrap img{ width: 100%; } .desc-wrap .middle .left{ width: 46.4%; float: left; margin-top: 30px; } .desc-wrap .middle .right{ float: right; // width: 37.85%; width: 45.85%; } .desc-wrap .middle .right.on{ } .desc-wrap .middle .right.on .text{ position: relative; box-sizing:border-box; padding-left: 50px; } .desc-wrap .middle .right.on .text:after{ content: ""; position: absolute; left:0; top:0; width: 15px; height: 100%; background: #64b136; } .desc-wrap .bottom{ margin-top: 40px; } .desc-wrap .bottom .left{ float: left; width: 45%; } .desc-wrap .bottom .right{ float: right; width: 46.78%; } .newsdtl{ padding:40px 0; } .newsdtl .infoctrl .pageback{ margin:0; float: right; } .contact-box{ padding:50px 0; } .tel-box{ padding:50px 0; } .map-box{ padding-top: 50px; } .news-page{ margin:30px 0 0; } .news-page a, .news-page span{ display: inline-block; margin:0 5px; } .news-page a{ padding:2px 10px; } } @media (min-width: 992px){ .need-box .icon-box .item{ padding-left: 80px; background-position: 10px center; background-size: 60px; height: 60px; padding-top: 5px; } .footer-top .right{ width: 490px; } .footer-top .right li{ margin-right: 70px; } /**************footer end************/ .sub-banner img{ width: 100%; transform:translateX(0); } .popular-box .left{ width: 53.85%; float: left; } .popular-box .right{ width: 43%; height: 100%; margin:0; position: absolute; right: 0; top:0; // transform:translateY(-50%); } .popular-box .right .con-box{ position: absolute; right: 0; top:50%; transform:translateY(-50%); } .popular-box .right .num{ font-size: 46px; } .popular-box .right .num-box{ margin-top:20px; } .popular-box .right .about-con{ margin-top:20px; } .global-box{ padding:80px 0; } .global-box .about-con{ width: 50%; } .culture-box .list li{ position: relative; margin-bottom: 20px; } .culture-box .list .img{ width: 64.28%; float: left; } .culture-box .list li:nth-child(2n) .img{ float: right; } .culture-box .list .text-box{ position: absolute; right: 0; top:0; width: 35.72%; height: 100%; background: #fff; margin:0; } .culture-box .list li:nth-child(2n) .text-box{ right: auto; left: 0; } .culture-box .list .text-box .txt{ position: absolute; left:0; top:50%; transform:translateY(-50%); padding:0 19px; } /********culture end**********/ .develop-box .icome-box .tit{ font-size: 20px; line-height: 30px; margin-bottom: 10px; } .develop-box .icome-box .num{ font-size: 46px; } .history-box .history .list:after { left: 12%; } .history-box .history .list .divide{ margin-left: 2%; } .history-box .history .desc{ font-size: 15px; line-height: 28px; } .history-box .history .con{ font-size: 15px; line-height: 28px; } /********develop end********/ .honor-box .bimg{ width: 60%; } .tab-wrap .prev{ left: 50px; } .tab-wrap .next{ right: 50px; } /**********honor end********/ .news-tit-box .tit{ line-height: 50px; } .news-tit-box .sub-search-box{ width: 440px; } .news-tit-box .sub-search-box .year-box{ width: 125px; } .news-tit-box .sub-search-box .year{ padding:0 20px; height: 50px; line-height: 50px; } .news-tit-box .sub-search-box .year-box .sub a{ padding:0 20px; } .news-tit-box .sub-search-box .sub-search{ width: 310px; } .news-tit-box .sub-search-box input[type=text]{ height: 30px; padding:10px 20px; width: 220px; } .news-tit-box .sub-search-box input[type=submit]{ width: 50px; height: 50px; } .news-tit-box .sub-search-box .year-box .sub{ top:50px; } .news{ margin:50px 0 0; } .news .text-box{ width: 42.85%; right: 7%; } /**********news end**********/ .system-box .left .txt .border{ height: 35px; } .system-box .right .item{ margin-bottom: 30px; } .system-box .right .item:last-child{ margin-bottom: 0; } /***********system end**********/ .idea-box .list .img{ width: 50%; } .idea-box .list .text-box{ width: 50%; } .idea-box .list .text-box .txt{ padding:0 50px; } .idea-box .list li:nth-child(2n) .img{ float: left; } .idea-box .list li:nth-child(2n) .text-box{ left: auto; right: 0; } /*********idea end**********/ .recruit-box .type a{ width:150px; height: 50px; line-height: 50px; } /**********recruit end**********/ .tel-box .list{ font-size: 0; } .tel-box .item{ float: none; display: inline-block; *display: inline; zoom:1; width:30%; margin-bottom: 0; vertical-align: top; box-sizing:border-box; position: relative; } .tel-box .item:nth-child(3n+1){ padding-right: 40px; } .tel-box .item:nth-child(2n){ float: none; box-sizing:border-box; width:40%; padding:0 50px; height: 90px; } .tel-box .item:nth-child(3n){ padding-left: 40px; } .tel-box .item:after{ display: none; } .tel-box .item:nth-child(3n+1):after{ display: block; } .tel-box .item:nth-child(3n+2):after{ display: block; } .message-box .message-form .row{ margin-left: -10px; margin-right: -10px; } .message-box .message-form .input, .message-box .message-form .textarea{ padding:0 10px; margin-bottom: 20px; } .message-box .message-form .check-box{ padding:0 10px; } .message-box .message-form .tit{ font-size: 15px; } .message-box .message-form .con-box>input{ height: 30px; } .message-box .message-form .tit{ line-height: 50px; } .message-box .message-form .check-box .tit{ line-height: 50px; } .message-box .message-form .textarea textarea{ padding:10px 0; } .message-box .message-form .check-box input{ height: 30px; } .message-box .message-form .check-box img{ height: 30px; } .message-box input[type=submit]{ height: 50px; right:10px; width: 180px; font-size: 16px; } /**********contact end*********/ .research-box .bottom{ margin:40px 0 0; } .research-box .bottom .left{ float: left; width: 48%; } .research-box .bottom .about-con{ height: 260px; overflow: hidden; } .research-box .bottom .right{ // position: absolute; width:48%; float: right; // margin:0; // right: 0; // top:50%; // transform:translateY(-50%); } .research-box .bottom .right .item{ margin-bottom: 0; } .research-box .about-tit-box .line{ margin:30px 0 0; } .research-num-box .about-tit-box .tit{ float: left; line-height: 75px; } .research-num-box .num-box{ float: right; margin:0; } .research-num-box .num-box .item{ width: auto; margin-right:30px; } .research-num-box .num-box .item .txt{ // width: 90px; } .research-num-box .num-box .item:last-child{ margin-right: 0; } .patent-box .patent{ width: 85%; margin:0 auto; } /************research end**********/ .quality-box .list{ margin-top: 40px; } .quality-box .list li{ position: relative; } .quality-box .list .img{ float: left; width: 50%; } .quality-box .list .text-box{ position: absolute; right:0; top:0; width: 50%; height: 100%; background: #fff; } .quality-box .list .con-box{ padding:0 30px; position: absolute; left:0; top:50%; transform:translateY(-50%); } .quality-box .list li:nth-child(2n) .img{ float: right; } .quality-box .list li:nth-child(2n) .text-box{ right: auto; left:0; } .quality-box .list .about-con{ height: 78px; overflow: hidden; } .quality-box .list .more{ margin-top:15px; } .quality-box .news-tit-box{ margin:40px 0 0; } .quality-list .con-box{ padding:20px; } .quality-list .con-box a.tit{ font-size: 16px; } .quality-list .con-box .bottom{ margin:10px 0 0; } /***********quality end************/ .product-box .aside-box{ width: 20%; } .product-box .list{ width: 75%; } /***********product end************/ .productdtl .left{ width: 47.5%; } .productdtl .right{ width: 36.85%; margin-right: 5%; } .productdtl:before{ content: ""; position: absolute; left:51%; top:0; width: 1px; height: 100%; background: #a0a0a0; } .productdtl .right{ position: absolute; right:5%; top:50%; transform:translateY(-50%); margin:0; } .productdtl .right .con{ margin:20px 0 0; } .productdtl .right .con .tit{ font-size: 16px; } .productdtl .right .con .text{ font-size: 14px; line-height: 20px; margin-top: 5px; } .productdtl .right .color-box{ margin:40px 0 0; } .productdtl .right .color-box{ width: 162px; } .productdtl .right .color-box .select{ width: 120px; } .desc-wrap .top .left{ width: 25%; } .desc-wrap .top .right{ margin-top: 0; width: 70%; } .desc-wrap .text h3{ font-size: 20px; } .desc-wrap .text .con{ font-size: 14px; margin:10px 0 0; } .research-box .right .txt{ width: 150px; } }