@charset "utf-8"; /* CSS Document */ body{ font-size: 0.24rem !important; background: #f5f5f5; } header{ height: 0.88rem; background: #fff; box-shadow: 0 2px 3px #ccc; position: fixed; top: 0; left: 0; width: 100%; z-index: 5; } header .fl{ width: 3.55rem; height: 0.88rem; } header .fl a{ display: block; } header .fr{ margin-right: 0.2rem; } header .nav img{ width: 0.42rem; height: 0.31rem; margin-top: 0.27rem; } .none{ background: rgba(122,122,122,.4); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 3; display: none; } .nav-li{ position: fixed; top: 0.88rem; left: 0; z-index: 5; background: rgba(28,95,189,.97); padding-top: 0.2rem; padding-bottom: 0.4rem; width: 100%; display: none; } .nav-li .close img{ /*position: absolute;*/ /*top: 0;*/ float: right; margin-right: 0.35rem; width: 0.2rem; height: 0.2rem; margin-bottom: 0.24rem; } .nav-li .link a{ display: block; margin-bottom: 0.3rem; color: #93aad9; font-size: 0.24rem; padding-left: 2.7rem; background: url(../img/bx_03.png) no-repeat; } .nav-li .link a.on{ color: #fff; background: url(../img/a_03.png) no-repeat; } .nav-li .link a.introd{ background-position: 2.23rem 6px; } .nav-li .link a.introd.on{ background-position: 2.23rem 6px; } .nav-li .link a.idea{ background-position:2.23rem -57px; } .nav-li .link a.idea.on{ background-position:2.23rem -57px; } .nav-li .link a.industry{ background-position: 2.23rem -116px; } .nav-li .link a.industry.on{ background-position: 2.23rem -116px; } .nav-li .link a.contributive{ background-position:2.23rem -173px; } .nav-li .link a.contributive.on{ background-position:2.23rem -173px; } .nav-li .link a.introduces{ background-position: 2.23rem -234px; } .nav-li .link a.introduces.on{ background-position: 2.23rem -234px; } .nav-li .link a.evolution1{ background-position:2.23rem -294px; } .nav-li .link a.evolution1.on{ background-position:2.23rem -294px; } .wel{ margin-top: 0.88rem; } .home .swiper-pagination-bullet{ background: url(../img/1_05.png) no-repeat; background-size: 100% 100%; width: 0.2rem; height: 0.2rem; display: inline-block; } .home .swiper-pagination-bullet-active{ background: url(../img/1_03.png) no-repeat; background-size: 100% 100%; width: 0.2rem; height: 0.2rem; display: inline-block; } .home .swiper-container{ padding-bottom: 0.72rem; background: #fff; } .home .wel-intro{ width: 100%; background: #fff; } .home .wel-intro img{ max-width: 100%; } .w95{ width: 95%; margin: 0 auto; } .home .wel-intro h2{ color: #333333; font-size: 0.36rem; margin-top: 0.39rem; margin-bottom: 0.33rem; line-height: 0.36rem; } .home .wel-intro .text{ color: #858585; font-size: 0.24rem; padding-bottom: 0.45rem; line-height: 0.36rem; } .home .wel-new{ text-align: center; position: relative; } .home .wel-new h4{ color: #1a5fc1; font-size: 0.36rem; margin-top: 0.56rem; margin-bottom: 0.27rem; position: relative; z-index: 2; } .home .wel-new strong{ font-size: 2rem; line-height: 0.24rem; color: #fbfbfb; text-transform: uppercase; position: absolute; top: 0.3rem; left: 0; z-index: 1; } .home .wel-new ul{ position: relative; z-index: 2; } .home .wel-new ul li{ width: 48%; float: left; text-align: left; background: #fff; margin-right: 4%; margin-bottom: 4%; box-shadow: 0 0 3px 3px #eee; padding-bottom: 0.4rem; } .home .wel-new ul li img{ width: 100%; } .home .wel-new ul li .time{ color: #919191; font-size: 0.18rem; padding-left: 0.2rem; margin-top: 0.2rem; } .home .wel-new ul li .title{ color: #333333; font-size: 0.3rem; line-height: 0.3rem; margin-top: 0.15rem; margin-bottom: 0.1rem; padding-left: 0.2rem; } .home .wel-new ul li .info{ color: #333333; font-size: 0.24rem; padding-left: 0.2rem; padding-right: 0.2rem; width: 85%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .home .wel-new .more{ width: 100%; height: 0.83rem; line-height: 0.83rem; box-shadow: 0 0 3px 3px #eee; background: #fff; color: #333333; font-size: 0.24rem; text-align: center; display: block; margin-bottom: 0.17rem; } footer{ width: 100%; background: #333333; padding-top: 0.25rem; padding-bottom: 0.25rem; text-align: center; } footer p,footer a{ color: #b8b8b8; font-size: 0.22rem } .contri .ab-ban{ position: relative; } .contri .ab-ban img{ width: 100%; } .contri .ab-inv{ position: absolute; left: 0.2rem; color: #f3f3f3; font-size: 0.36rem; background: url(../img/8_03.jpg) no-repeat left top; padding-top: 0.1rem; bottom:0.44rem; background-size: 26px auto; line-height: 0.36rem; } .contri .eng{ color: #f3f3f3; font-size: 0.24rem; text-transform:uppercase; font-family: "Arial"; } .contri .con-li{ margin-top: 0.2rem; } .contri .con-li li{ width: 95%; padding: 2.5%; background: #fff; margin-bottom: 0.08rem; } .contri .con-li li img{ width: 2.51rem; } .contri .con-li li .cl3{ color: #333; font-size: 0.3rem; line-height: 0.44rem; width: 3.1rem; padding-top: 0.5rem; } .load{ background: url(../img/h_03.png) no-repeat 2.22rem center; background-size: 0.3rem 0.34rem; padding-left: 2.75rem; margin-bottom: 0.65rem; margin-top: 0.5rem; } .contri-info img{ max-width: 100%; } .contri-info .title{ color: #333333; font-size: 0.3rem; /*line-height: 1.1rem;*/ padding-top: 0.2rem; padding-bottom: 0.25rem; border-bottom: 2px solid #e6e6e6; text-align: center; } .contri-info .date{ font-size: 0.2rem; line-height: 0.2rem; } .contri-info .t-info{ color: #666666 } .contri-info .next{ margin-top: 0.55rem; padding-top: 0.46rem; padding-bottom: 0.56rem; border-top: 1px solid #e6e6e6; padding-left: 0.2rem; color: #808080; } .contri-info .next a{ color: #808080 } .intro-nav{ width: 100%; height: 0.9rem; background: #fff; line-height: 0.9rem; text-align: center; } .intro-nav a{ width: 1.84rem; text-align: center; display: inline-block; /*background: #*/ color: #333333; font-size: 0.3rem; } .intro-nav a.on{ background: #1a5fc1; color: #fff; } .introduce{ color: #666; padding-top: 0.28rem; } .introduce img{ max-width: 100%; } .introduce .li{ margin-bottom: 0.3rem; } .introduce .li .fl{ width: 33%; background: url(../img/li_03.jpg) no-repeat right top; text-align: center; } .introduce .li .fl .year{ font-size: 0.48rem; line-height: 0.13rem; color: #1a5fc1; padding-top: 0.12rem; padding-bottom: 0.2rem; } .introduce .li .fl .year span{ font-size: 0.12rem; } .introduce .li .fl p{ font-size: 0.18rem; color: #666; line-height: 0.3rem; width:80%; text-align: center; margin: 0 auto; } .introduce .leader{ background: #fff; } .introduce .leader .title{ padding-top: 0.3rem; margin-bottom: 0.3rem; background: url(../img/n_07.jpg) no-repeat left bottom; padding-bottom: 0.19rem; color: #333333; font-size: 0.3rem; line-height: 0.3rem; display: inline-block; } .introduce .leader .cl3{ color: #333; text-align: center; margin-top: 0.23rem; margin-bottom: 0.23rem; } .introduce .leader .lead-honor{ font-size: 0.2rem; margin-bottom: 0.15rem; } .introduce .leader .lead-honor .main{ margin-top: 0.64rem; margin-bottom: 0.2rem; color: #333; padding-left: 0.2rem; font-size: 0.24rem } .introduce .leader .lead-honor .bg-gray{ padding: 0.15rem 0.2rem; background: #e6e6e6 } .introduce .leader .lead-honor .bg-white{ padding: 0.15rem 0.2rem; background: #fff } .develop-li{ margin-top: 0.4rem; background: url(../img/2w_03.jpg) repeat-y 0.09rem 13px; } .develop-li li{ margin-bottom: 0.4rem; } .develop-li li .year{ background: url(../img/time_03.png) no-repeat left 0.08rem; background-size:15px auto; color: #1a5fc1; font-size: 0.36rem; font-weight: bold; padding-left: 0.6rem; line-height: 0.36rem; position: relative; } .develop-li li .year em{ font-style:normal; display: inline-block; padding-bottom: 0.1rem; border-bottom: 1px solid #e8e8e8; } .develop-li li .year i{ position: absolute; background: url(../img/i_03.png) no-repeat; width: 0.21rem; height: 0.21rem; background-size: 100% 100%; left:1.6rem; top:0.08rem; } .develop-li li .cl6{ color: #666; /*font-size: */ line-height: 0.36rem; padding-left: 0.6rem; margin-top: 0.1rem; margin-bottom: 0.2rem; } .develop-li li img{ padding-left: 0.6rem; width: 2.76rem; height: 1.94rem; } .honor-li{ margin-top: 0.15rem; } .honor-li li{ padding: 0.17rem; background: #fff; width: 2.57rem; margin-bottom: 0.2rem; float: left; margin-right: 0.25rem; } .honor-li li img{ width: 100%; } .honor-li .cl3{ color: #333333; line-height: 0.36rem; margin-bottom: 0.1rem; margin-top: 0.2rem; text-align: center; } .news-li li{ padding: 0.35rem 0.2rem 0.2rem; border-bottom: 1px solid #e6e6e6; } .news-li li .tip{ color: #333; font-size: 0.3rem; line-height: 0.3rem; margin-bottom: 0.25rem; } .news-li li .text{ color: #666; font-size: 0.24rem; line-height: 0.36rem; margin-bottom: 0.1rem; } .news-li .date{ color: #999999; font-size: 0.2rem } .idea img{ max-width: 100%; } .idea{ color: #666666; line-height: 0.36rem; font-size: 0.24rem ; margin-top: 0.2rem; margin-bottom: 0.5rem; } .idea .blue{ color: #1a5fc1; font-size: 0.3rem; border-bottom: 1px solid #1a5fc1; display: inline-block; font-size: 0.3rem; margin-top: 0.3rem; margin-bottom: 0.2rem; } .til{ color:#999999; font-size: 0.18rem } .evolution{ margin-top: 0.2rem; } .evolution .job{ background: #fff; padding: 0.3rem 0.2rem 0.4rem; margin-bottom: 0.2rem; } .evolution .job .name{ color: #333; font-size: 0.36rem; display: inline-block; border-bottom: 1px solid #e6e6e6; padding-bottom: 0.15rem; margin-bottom: 0.2rem; line-height: 1; } .evolution .job .icon .way{ color: #666666; font-size: 0.18rem; background: url(../img/tb_03.png) no-repeat left center; background-size: 0.18rem 0.18rem; padding-left: 0.25rem; margin-right: 0.35rem; } .evolution .job .info{ color: #666; font-size: 0.24rem; line-height: 0.36rem; } .product-list{ overflow: hidden; } .product-list td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color; border-image: none; border-style: none; border-width: 1px 1px 0 0; font-size: 14px; padding: 8px 3px; min-width: 70px; } .product-list input[type="text"] { background: #fff none repeat scroll 0 0; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; color: #666; font-size: 14px; height: 18px; line-height: 18px; padding: 8px 10px; width: 65%; } .applay-tb .applay-input { background: #fff none repeat scroll 0 0; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; color: #666; font-size: 14px; height: 18px; line-height: 18px; padding: 8px 10px; width: 180px; } .applay-tb select.applay-input { height: 38px; width: 73%; } .applay-tb textarea { overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none; } .applay-tb textarea.applay-input { height: 100px; width:65%; } .applay-tb .submit { background: #1a5fc1 none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; font-size: 16px; height: 35px; width: 85px; border-radius: 5px; } .applay-tb .return { background: #ccc none repeat scroll 0 0; color: #fff; display: inline-block; height: 35px; line-height: 35px; margin-left: 20px; text-align: center; width: 85px; border-radius: 5px; } .evolution img{ max-width: 100%; }