.x-footer { background: #353535; color: #fff; padding: 44px 0; } .x-footer .friendship { font-size: 16px; } .x-footer .friendship span {} .x-footer .friendship p { display: inline-block; } .x-footer .friendship a { display: inline-block; margin-right: 20px; } .x-footer .link { margin-top: 10px; } .x-footer .link a { display: inline-block; margin: 0 10px; } .x-footer .copyright { line-height: 1.76; margin-top: 24px; } .x-footer .link a:first-child { margin-left: 0; } .x-footer .telephone { position: absolute; top: 72px; right: 0; } .x-footer .telephone .t { padding: 5px 0; } .x-footer .telephone span { /* display: inline-block; */ vertical-align: middle; line-height: 1; } .x-footer .telephone span.s2 { font-size: 30px; font-weight: bold; } .x-footer .telephone .a { display: inline-block; background: #fff; /* border-radius: 200px; */ padding: 10px 20px; margin-left: 43px; position: fixed; bottom: 50%; right: 0; width: 16px; line-height: 1.1; box-shadow: -1px 1px 6px 0px #acacac; } .x-footer .telephone .a a { color: #5482d9; font-size: 16px; position: relative; padding-top: 31px; display: block; } .x-footer .telephone .a a:before { content: ""; display: block; width: 25px; height: 25px; background: url(../image/footer-icon1.png) no-repeat center; position: absolute; left: 50%; top: 0; margin-left: -12.5px; } .bdmapinfo { display: none; } .pubc-banner { height: 1018px; background: url(../image/Message-img11.jpg) no-repeat top center; position: relative; color: #fff; } .pubc-banner .middle-cont { font-size: 48px; } .x-header { position: fixed; top: 0; left: 0; right: 0; z-index:9; } .nav-mod .nav-link { color: #fff; } .message:before { /* content: "";*/ background: url(../image/Message-img1.png) no-repeat center; height: 353px; display: block; position: absolute; bottom: 0; left: 0; width: 100%; } .pubc-banner .middle { text-align: center; } .message .middle-cont { margin-top: -250px; } .pubc-title { text-align: center; } .pubc-title .tit { font-size: 97px; color: #eee; text-transform: uppercase; font-family: "AVIANB"; line-height: 1; } .pubc-title .tit1 { font-size: 36px; color: #333333; margin-top: -40px; } .message1 { background: #f4f4f4; } .inputbox { border: 1px solid #dadada; border-radius: 5px; padding: 10px 15px; overflow: hidden; margin-bottom: 11px; } .inputbox input { width: 100%; } .inputbox textarea { height: 120px; width: 100%; } .buttonbox a { display: block; border-radius: 0; } .message1 { padding-bottom: 113px; margin-top: 0px; padding-top: 130px; } .message1 .bgbox { position: relative; } .message1 .bgbox .bg1 { position: absolute; left: 0; top: 177px; background: url(../image/images/bg1_02.png) no-repeat center; width: 292px; height: 292px; } .message1 .bgbox .bg2 { position: absolute; right: 0; top: 0; background: url(../image/images/bg2_03.png) no-repeat center; width: 308px; height: 470px; } .message1 .form { width: 500px; margin: 0 auto; margin-top: 40px; } .pubc-banner .form input { width: 100%; } .buttonbox { text-align: center; margin-top: 30px; } .buttonbox a { display: block; border-radius: 200px; padding: 9px 0; font-size: 16px; color: #fff; background: #d2c07e; -webkit-box-shadow: 0 10px 10px #e9d3b9; box-shadow: 0 10px 10px #e9d3b9; } .pubc-block1 { background: url(../image/pubc-block-img1.jpg) no-repeat top center; background-size: cover; height: 488px; } .pubc-block1 .item { color: #fff; position: absolute; top: 50%; left: 50%; } .pubc-block1 .item .tit { font-size: 18px; } .pubc-block1 .item .p1 { margin-top: 5px; } .pubc-block1 .item.i1 { margin-top: -165px; margin-left: 25px; } .pubc-block1 .item.i2 { margin-top: -70px; margin-left: 350px; } .pubc-block1 .item.i3 { margin-top: 60px; margin-left: -390px; } .pubc-block1 .item.i4 { margin-top: 140px; margin-left: 160px; } .personalcenter { background-image: url(../image/personalcenter-img1.jpg); /*height: 985px;*/ /*min-height: 800px;*/ height: auto !important; padding: 200px 0 100px; background-size: cover; } .personalcenter .middle-cont { width: 608px; background: url(../image/wop25_03.png); border-radius: 10px; } .personalcenter .middle-cont .tabs { overflow: hidden; font-size: 18px; color: #fff; } .personalcenter .middle-cont .tabs span { float: left; width: 33.333333%; padding: 10px 0; } .personalcenter .middle-cont .tabs span.now { background: #dd9849; border-radius: 200px; } .personalcenter .middle-cont .inner { padding: 60px 55px; } .personalcenter .tip1 { overflow: hidden; font-size: 14px; margin-top: 30px; } .personalcenter .tip1 .s1 { float: left; } .personalcenter .tip1 .s2 { float: right; } .personalcenter .middle-cont { font-size: 14px; } .personalcenter .form input { color: #fff; } .personalcenter .form input::-webkit-input-placeholder { color: #fff; } .personalcenter .form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .personalcenter .form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .personalcenter .form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .personalcenter .form { margin-top: 20px; } .personalcenter .form .buttonbox a { -webkit-box-shadow: 0 10px 10px #717f88; box-shadow: 0 10px 10px #717f88; } .personalcenter .title1 { font-size: 28px; } .personalcenter .yzm { position: relative; overflow: visible; text-align: left; } .personalcenter .yzm.log { width: 310px; } .personalcenter .yzm input { width: 65%; } .register .middle-cont { margin-top: 75px; } .personalcenter .btn1 { position: absolute; top: -1px; right: -1px; bottom: -1px; background: #d2c07e; border-radius: 5px; text-align: center; width: 120px; line-height: 43px; overflow: hidden; } .personalcenter .btn1 img {display: block;} .personalcenter .yzm .t { position: absolute; line-height: 43px; right: -62px; top: 0; } .forget.personalcenter .middle-cont { width: 510px; } .register .tip2 { padding: 0 20px; text-align: left; margin-top: 10px; } .register .tip2 .a2 { float: right; } .detailed { height: 710px; } .detailed1 .titlebox { text-align: center; } .detailed1 .titlebox .tit { font-size: 24px; color: #333; } .detailed1 .titlebox .date { font-size: 18px; color: #707070; margin-top: 12px; font-family: "Arial"; } .detailed1 { padding-top: 60px; } .detailed1 .content { color: #707070; line-height: 22px; margin-top: 25px; padding-bottom: 55px; text-indent: 0; text-align: left; position: relative; } .detailed1 .content { text-indent: 2em; /*display: inline-block;*/ font-size: 16px; } .detailed1 .content img { margin-left: -2em; } .detailed1 .content video{display: block;width: 100%;height: auto;} .detailed1 .content .d_back{position: absolute;right: 0;bottom: 5px;} .detailed1 .content .d_back a{color: #333;} .detailed1 .content .d_back a:hover{color: #5482d9;} .detailed1 .linkxxx { padding: 20px 0; border-top: 1px solid #d4d4d4; } .detailed1 .linkxxx .prev { float: left; } .detailed1 .linkxxx .next { float: right; text-align: right; } .detailed1 .linkxxx a { padding: 0 26px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .detailed1 .linkxxx a:after { content: ""; display: block; background: url(../image/jiantou.png) no-repeat 0 bottom; width: 9px; height: 17px; position: absolute; top: 50%; margin-top: -8px; } .detailed1 .linkxxx a.prev:after { left: 0; } .detailed1 .linkxxx a.next:after { right: 0; background-position: right bottom; } .detailed1 .linkxxx a:hover { color: #5482d9; } .detailed1 .linkxxx a.prev:hover:after { background-position: 0 0; } .detailed1 .linkxxx a.next:hover:after { background-position: right 0; } .detailed1 { padding-bottom: 90px; } .idea { background: #f4f4f4; /* margin-top: -330px; */ } .idea .bgbox { position: relative; } .idea .bg1 { background: url(../image/images/bg1_02.png) no-repeat center; width: 292px; height: 292px; position: absolute; left: 0; top: 460px; } .idea .bg2 { background: url(../image/images/bg2_03.png) no-repeat center; width: 308px; height: 470px; position: absolute; right: 0; top: 289px; } .idea .img { width: 615px; height: 865px; background: url(../image/idea-img1.jpg) no-repeat center; background-size: cover; color: #fff; float: left; } .idea .img .en { font-size: 85px; font-family: 'Bodoni MT'; line-height: 80px; } .idea .img .zh { font-size: 36px; margin-top: 15px; } .idea .img .middle-cont { padding: 0 108px; } .idea .text, .idea .text1 { overflow: hidden; } .idea .text .img1 { background: #f4f4f4 url(../image/idea-img1.png) no-repeat center; width: 125px; height: 125px; overflow: hidden; float: left; border-radius: 50%; position: relative; } .idea .text .img1 img { width: 100%; height: 100%; } .idea .text1 { padding-left: 18px; } .idea .text1 .tit { font-size: 20px; padding-top: 20px; } .idea .text1 .p1 { color: #707070; line-height: 24px; text-align: justify; } .idea .item:first-child .text1 .tit, .idea .item:first-child .text1 .p1 { /* color:#fff; */ } .idea .item { margin-bottom: 40px; position: relative; } .idea .item:before { content: ''; display: block; width: 240px; height: 1px; background: url(../image/idea-img6.png) repeat-x left center; position: absolute; top: 50%; left: 0; } .idea .item.i1 { padding-left: 124px; } .idea .item.i2 { padding-left: 205px; } .idea .text { padding-top: 177px; } .idea1 { padding: 100px 0 80px; } .idea1 .tit { text-align: center; font-size: 36px; } .idea1 .table { margin-top: 30px; } .idea1 .table table { width: 100%; table-layout: fixed; } .idea1 .table th { font-size: 16px; text-align: center; background: #5482d9; font-weight: 100; color: #fff; padding: 15px 0; } .idea1 .table .name { display: none; } .idea1 .table th span, .idea1 .table td span { display: block; padding: 0 36px; } .idea1 .table th:first-child { text-align: left; } .idea1 .table th:last-child span { padding: 0 57px; } .idea1 .table th:last-child { text-align: right; } .idea1 .table td { text-align: center; padding: 15px 0; border-bottom: 1px solid #e8e8e8; } .idea1 .table td:first-child { text-align: left; } .idea1 .table td:last-child a { display: inline-block; width: 100%; padding: 0 46px; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .idea1 .page-mod { margin-top: 35px; } .page-mod .page-item>a.cur { background-color: #5482d9; border-color: #5482d9; } .page-mod .page-item>a:hover { background-color: #5482d9; border-color: #5482d9; color: #FFFFFF; } .page-mod .page-item>a { border-color: #c7c7c7; } .page-mod .page-item.prev>a, .page-mod .page-item.next>a { color: #b1b1b1; } .page-mod .page-item.prev>a:hover, .page-mod .page-item.next>a:hover { color: #FFFFFF; } .page-mod .page-item.jump>a:hover { background-color: #FFFFFF; border-color: #c7c7c7; color: #333; } .idea1 .join { margin-top: 50px; border-top: 1px solid #e9e9e9; padding: 20px 40px 0; } .idea1 .join a { display: inline-block; width: 120px; line-height: 34px; border: 1px solid #5482d9; border-radius: 3px; color: #5482d9; text-align: center; margin-left: 10px; } .dynamic { height: 710px; } .dynamic1 .tabs { text-align: center; } .dynamic1 .tabs span { display: inline-block; font-size: 30px; color: #333333; padding: 10px 20px; position: relative; margin: 0 7px; cursor: pointer; } .dynamic1 .tabs span.now { color: #5482d9; } /*.dynamic1 .tabs span.now:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #5482d9; z-index: 1;}*/ .dynamic1 .tabs span .ic1 { display: none; position: absolute; bottom: -8px; left: 0; background: url(../image/dynamic1-img1.png) no-repeat center; background-size: cover; width: 100%; height: 10px; z-index: 9; } .dynamic1 .tabs span.now .ic1 { display: block; } .dynamic1 { padding-top: 55px; } .dynamic1 .item1 { display: none; } /*.dynamic1 .list { margin-top: 45px;}*/ .oimg { overflow: hidden; float: left; } .otext { overflow: hidden; } .dynamic1 .list .oimg { width: 400px; height: 267px; display: none; } .dynamic1 .list .oimg img { width: 100%; } .dynamic1 .list .otext { /*padding-left: 45px;*/ color: #333; } .dynamic1 .titbox { /*padding: 22px 0;*/ /*border-bottom: 1px solid #e8e8e8;*/ position: relative; } .dynamic1 .titbox .h21 { font-size: 18px;margin-right: 80px; } .dynamic1 .titbox .date { font-size: 12px; font-family: 'Arial'; /*margin-top: 5px;*/ position: absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); } .dynamic1 .desc { line-height: 1.6; margin-top: 25px; text-indent: 2em; text-align: justify;display: none; } .dynamic1 .btn1 { font-size: 12px; color: #5482d9; display: block; border: 1px solid #5482d9; border-radius: 6px; width: 90px; height: 24px; line-height: 24px; text-align: center; margin-top: 20px; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;display: none; } .dynamic1 .item:hover .h21 { color: #5482d9; } .dynamic1 .item:hover .btn1 { color: #fff; background: #5482d9; } .dynamic1 .item:hover .line { width: 100%; } .dynamic1 .item { padding: 40px 0; border-bottom: 1px solid #e8e8e8; position: relative; } .dynamic1 .item .line { height: 3px; position: absolute; bottom: -2px; left: 0; width: 0; background: #5482d9; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; } /*.dynamic1 .item:first-child { border: 0;}*/ .dynamic1 .page-mod { margin-top: 35px; } .dynamic1 { padding-bottom: 120px; } .social1 .list-width, .social1 .list-item { width: 377px; } .social1 .list-item img { width: 100%; } .social1 .list-item { margin-bottom: 40px; } .social1 .list-space { width: 48px; } .social1 .text { margin-top: 15px; color: #333; } .social1 .h21 { font-size: 18px; line-height: 1.4; text-align: justify; } .social1 .date { font-size: 16px; font-family: 'Arial'; margin-top: 3px; } .social1 .list1 { margin-top: 26px; } .social1 .more { color: #fff; text-align: center; margin-top: 40px; } .social1 .more a { display: inline-block; width: 176px; height: 46px; line-height: 46px; background: #5482d9; font-size: 16px; border-radius: 200px; -webkit-box-shadow: 5px 5px 10px #5482d9; box-shadow: 5px 5px 10px #5482d9; } .social1 .more a span { font-family: "xfont"; letter-spacing: -8px; } .source .middle { height: 80%; } .social1 .item1 { display: none; } .social1 .item1.now { display: block; } .source {} .source:before { content: ""; background: url(../image/source-img1.png) no-repeat center; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 289px; } .source1 { background: url(../image/source-img3.jpg) repeat; margin-top: -310px; padding-bottom: 112px; } .source1 .img { float: right; width: 530px; height: 730px; overflow: hidden; -webkit-box-shadow: 2px 2px 3px #dddddd; box-shadow: 2px 2px 3px #dddddd; } .source1 .text { overflow: hidden; background: #fff url(../image/source-img2.png) no-repeat 56px bottom; line-height: 22px; height: 640px; -webkit-box-shadow: 0 6px 40px #dddddd; box-shadow: 0 6px 40px #dddddd; } .source1 .text .pad { padding: 20px 40px; padding-top: 150px; } .source1 .text .tit { font-size: 30px; color: #333; } .source1 .text p {} .source1 .text .desc { margin-top: 24px; margin-bottom: 200px; height: 220px; overflow: hidden; text-indent: 2em; text-align: justify; } .source1 .item { background: url(../image/source-img4.jpg) no-repeat center; width: 394px; float: left; margin-left: 21px; height: 199px; line-height: 22px; color: #fff; overflow: hidden; } .source1 .box1 { margin-top: 62px; } .source1 .item.i1 { margin-left: 0; } .source1 .item.i2 { background-image: url(../image/source-img5.jpg); } .source1 .item.i3 { background-image: url(../image/source-img6.jpg); } .source1 .item .inner { padding: 55px 44px; text-indent: 2em; text-align: justify; } .source2 { overflow: hidden; } .source2 .x-wrap { width: auto; } .source2 .imgbox { position: relative; width: 45%; /* height: 681px; */ /* overflow: hidden; */ float: left; } .source2 .imgbox .img { height: 100%; width: 100%; display: none; } .source2 .imgbox .img.cur { display: block; } .source2 .text { background: url(../image/source2-img3.jpg) no-repeat; width: 55%; position: absolute; top: 0; left: 45%; height: 100%; color: #fff; } .source2 .inner { padding-left: 5%; width: 80%; } .source2 .tit { font-size: 30px; } .source2 .list { width: 95%; margin-top: 15px; height: 312px; } .source2 .item { line-height: 24px; padding-bottom: 30px; padding-left: 18px; position: relative; height: auto; text-indent: 2em; text-align: justify; } .source2 .item .ic1 { display: block; width: 11px; height: auto; bottom: -6px; position: absolute; top: 6px; left: 0; background: url(../image/source2-img1.png) no-repeat right top; /* transition: background-position 0.3s ease; */ } .source2 .item .ic1 .l { bottom: 0; width: 1px; background: #fff; position: absolute; top: 11px; left: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .source2 .item.now .ic1 .l { background: #2070bc; bottom: 0; } .source2 .item.now .ic1 { background-position: left top; } .source2 .item.last .ic1 .l { height: 0; } .source2 .button { color: #333; background: #fff; -webkit-box-shadow: 5px 5px 10px #457dbd; box-shadow: 5px 5px 10px #457dbd; width: 96px; height: 45px; text-align: center; line-height: 45px; display: inline-block; border-radius: 200px; margin-top: 13px; margin-left: 20px; } .source3 { padding: 120px 0; padding-bottom: 110px; } .source3 .tit { font-size: 30px; color: #333; text-align: center; } .source3 .box { margin-top: 45px; } .source3 .img { width: 331px; height: 421px; overflow: hidden; float: left; position: relative; } .source3 .img.videonow .imask { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(../image/mask40.png); z-index: 2; } .source3 .img.videonow .icon { content: ""; display: block; background: url(../image/video-icon1.png) no-repeat center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 3; } .videobox { position: fixed; top: 50%; left: 50%; margin-top: -250px; margin-left: -400px; z-index: 999; width: 800px; height: 500px; display: none; } .source3 .text { padding-left: 19px; overflow: hidden; color: #fff; } .source3 .item { overflow: hidden; } .source3 .item.i1 .inner { padding: 60px 55px; padding-top: 60px; } .source3 .item.i1 { background: url(../image/source3-img2.jpg); height: 286px; } .source3 .item.i2 { background: url(../image/source3-img3.jpg); height: 115px; margin-top: 19px; } .source3 .item.i2 .inner { padding: 25px 58px; } .source3 .item .tit2 { font-size: 20px; } .source3 .item .desc { font-size: 16px; line-height: 24px; } .source3 .item.i1 .desc { margin-top: 20px; text-indent: 2em; text-align: justify; } .source3 .item.i1 .tit2 { border-bottom: 1px solid #e3cc7f; padding-bottom: 18px; padding-left: 5px; } .source3 .item.i2 .desc { margin-top: 10px; text-indent: 2em; text-align: justify; } .sar { height: 839px; } .sar1 { background: #f4f4f4; padding-top: 120px; padding-bottom: 115px; position: relative; } .pubc-titbox { text-align: center; } .pubc-titbox .h21 { font-size: 98px; text-transform: uppercase; font-family: "AVIANB"; font-weight: bold; color: #eeeeee; line-height: 1; } .pubc-titbox .p1 { font-size: 36px; line-height: 1; margin-top: -30px; position: relative; } .sar1 .box { background: url(../image/sar-img4.jpg) no-repeat center; height: 653px; margin-top: 70px; position: relative; } .sar1 .box .item { position: absolute; color: #fff; text-align: center; } .sar1 .box .item .h21 { font-size: 16px; } .sar1 .box .item .p1 { margin-top: 5px; line-height: 16px; } .sar1 .box .item.i1 { width: 166px; height: 166px; top: 26px; left: 118px; } .sar1 .box .item.i2 { width: 130px; height: 130px; top: 275px; left: 130px; } .sar1 .box .item.i3 { width: 138px; height: 138px; top: 446px; left: 20px; } .sar1 .box .item.i4 { width: 140px; height: 140px; top: 505px; left: 243px; } .sar1 .box .item.i5 { width: 114px; height: 114px; top: 33px; left: 869px; } .sar1 .box .item.i6 { width: 126px; height: 126px; top: 136px; left: 1082px; } .sar1 .box .item.i7 { width: 180px; height: 180px; top: 275px; left: 918px; } .sar1 .box .item.i8 { width: 128px; height: 128px; top: 524px; left: 850px; } .bg1 { background: url(../image/images/bg1_02.png) no-repeat center; height: 292px; width: 292px; position: absolute; left: 0; top: 150px; /* z-index: 9; */ } .bg2 { background: url(../image/images/bg2_03.png) no-repeat center; height: 470px; width: 308px; position: absolute; right: 0; top: -15px; /* z-index: 9; */ } .sar1 .bg1 { top: 260px; } .sar1 .bg2 { top: 92px; } .sar2 { background-size: cover !important; height: 590px; position: relative; z-index: 3; } .sar2 .con { font-size: 18px; color: #fff; line-height: 26px; margin-top: 30px; text-align: center; } .sar2 .img img { display: block; width: 90px; height: 90px; margin: 0 auto; } .sar2 .list .item { width: 25%; float: left; position: relative; } .sar2 .list .item i { display: none; } .sar2 .list .middle { height: 100%; text-align: center; } .sar2 .list .middle-cont { padding: 0 50px; } .sar2 .list .item.i1 { background: #d3c07e; height: 420px; } .sar2 .list .item.i2 { background: #fff; height: 360px; } .sar2 .list .item.i2 .con { color: #333; } .sar2 .list .item.i3 { background: #32bfa3; height: 380px; margin-top: 120px; } .sar2 .list .item.i4 { background: #3888d9; height: 400px; } .sar2 .list .item.i3 .middle i { display: block; position: absolute; width: 213px; height: 202px; top: -135px; left: 0; } .sar2 .tit1 { text-align: center; margin-top: 63px; font-size: 30px; color: #fff; } .sar2 .pubc-titbox { padding-top: 90px; } .sar2 .pubc-titbox .p1 { color: #fff; } .sar2 .pubc-titbox .h21 { opacity: 0.1; filter: Alpha(opacity=30); } .sar2 .list { margin-top: 80px; position: absolute; } .sar2 .list .item.i5 { background: #5482d9; text-align: center; height: 270px; color: #fff; position: absolute; left: 25%; top: 360px; } .sar2 .list .item.i5 .a { display: inline-block; background: #fff; border-radius: 200px; padding: 10px 23px; margin-top: 45px; cursor: pointer; } .sar2 .list .item.i5 .a a { color: #5482d9; font-size: 16px; position: relative; padding-left: 36px; } .sar2 .list .item.i5 .a a:before { content: ""; display: block; width: 25px; height: 25px; background: url(../image/footer-icon1.png) no-repeat center; position: absolute; left: 0; top: 50%; margin-top: -13px; } .sar2 .list .item.i5 .tit2 { font-size: 18px; } .sar2 .list .item.i5 .tit3 { font-size: 30px; font-family: 'Arial'; font-weight: bold; } .sar3 { background: #f4f4f4; padding-top: 422px; position: relative; height: 1460px; overflow: hidden; } .sar3 .item { position: absolute; color: #333; } .sar3 .item .text { width: 480px; position: absolute; } .sar3 .item .text .tit1 { font-size: 30px; line-height: 38px; } .sar3 .item .text .desc { font-size: 14px; line-height: 22px; margin-top: 15px; text-indent: 2em; text-align: justify; } .sar3 .item.i1 .text { left: -570px; top: 102px; } .sar3 .item.i3 i { display: block; width: 349px; height: 262px; position: absolute; top: -263px; right: 110px; } .sar3 .item.i3:before { content: ""; position: absolute; top: 115px; right: 50px; display: block; background: url(../image/sar3-img4.png) no-repeat center; width: 108px; height: 9px; } .sar3 .item.i3 .text { color: #fff; left: 713px; top: 100px; } .sar3 .item.i1:before { content: ""; display: block; background: url(../image/sar3-img3.png) no-repeat center; width: 109px; height: 9px; position: absolute; left: -60px; top: 120px; } .sar3 .item.i1 { background-size: cover !important; width: 960px; height: 493px; right: -345px; } .sar3 .item.i2 { background: url(../image/sar3-img2.jpg) no-repeat center; width: 345px; height: 611px; left: -345px; top: 404px; } .sar3 .item.i3 { background: url(../image/sar3-img1.png) no-repeat center; width: 721px; height: 523px; left: 0; top: 492px; z-index: 5; } .sar3 .item.i4 { background: url(../image/sar3-img3.jpg) no-repeat center; width: 961px; height: 619px; right: -346px; top: 492px; } .sar3 .item.i5 { background: url(../image/sar3-img4.jpg) no-repeat center; width: 468px; height: 445px; right: 147px; top: 1015px; z-index: 4; } .sar3 .item.i5:before { content: ""; display: block; background: url(../image/sar3-img3.png) no-repeat center; width: 109px; height: 9px; position: absolute; left: -60px; top: 120px; } .sar3 .item.i5 .text { left: -560px; top: 100px; } .pubc-title2 { text-align: center; } .pubc-title2 .h21 { font-size: 30px; color: #333; } .pubc-title2 .h31 { font-size: 14px; color: #333; line-height: 22px; margin-top: 8px; } .sar4 { padding: 90px 0 120px; background: #f4f4f4; } .sar4 .slick-slide { margin: 0 7px; } .sar4 .slickbox { margin-top: 25px; } .slickbox { position: relative; } .sar4 .slicknav { text-align: center; font-size: 0; margin-top: 22px; } .sar4 .slicknav .slick-arrow, .sar4 .slicknav ul { display: inline-block; vertical-align: middle; margin: 0; position: static; } .sar4 .slicknav ul li { display: inline-block; vertical-align: middle; width: 5px; height: 5px; border: 2px solid #4cbea7; border-radius: 50%; margin: 0 5px; cursor: pointer; padding: 0; background: none; -webkit-box-sizing: content-box; box-sizing: content-box; } .sar4 .slicknav ul li.slick-active { background: #4cbea7; } .sar4 .slicknav .slick-arrow { background: url(../image/sar4-img1.png) no-repeat 0 0; width: 15px; height: 25px; margin: 0 12px; cursor: pointer; } .sar4 .slicknav .slick-arrow.slick-next { background-position: right center; } .innovate { background: #f4f4f4; padding-bottom: 100px; /* margin-top: -190px;*/ padding-top: 100px; } .innovate .btnbox { display: none; } .btnbox { text-align: center; margin-top: 40px; } .innovate0, .pubc-banner { height: 800px; } .innovate0, .pubc-banner .middle-cont { margin-top: 0; } .btnbox .btn1 { width: 208px; height: 46px; border-radius: 200px; background: #5482d9; color: #fff; display: inline-block; vertical-align: middle; margin: 0 15px; cursor: pointer; } .btnbox .btn1 a { position: relative; font-size: 16px; display: inline-block; padding: 11px 0; padding-left: 40px; } .btnbox .btn1 a:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; margin-top: -12px; } .btnbox .b1 a:before { background: url(../image/innovate-img4.png) no-repeat center; } .btnbox .b2 a:before { background: url(../image/innovate-img5.png) no-repeat center; } .btnbox .b1 { -webkit-box-shadow: 0px 5px 20px #adbcd9; box-shadow: 0px 5px 20px #adbcd9; } .btnbox .b2 { background: #d2c07e; -webkit-box-shadow: 0px 13px 29px 0px rgba(210, 192, 126, 0.4); box-shadow: 0px 13px 29px 0px rgba(210, 192, 126, 0.4); } .innovate .box { margin-top: 30px; height: 592px; } .innovate .box .item { position: relative; float: left; } .innovate .box .item.i1 { width: 396px; height: 295px; z-index: 6; } .innovate .box .item.i2 { width: 329px; height: 296px; } .innovate .box .item.i1 img { position: absolute; right: 0px; bottom: -64px; } .innovate .box .item .pad { padding: 82px 50px; } .innovate .box { color: #333; } .innovate .box .item.i3 { width: 505px; height: 296px; background: #fff; } .innovate .box .item.i4 { background: url(../image/innovate-img3.png) no-repeat center; width: 634px; height: 296px; color: #fff; } .innovate .box .item .tit1 { font-size: 30px; } .innovate .box .item .desc { line-height: 22px; margin-top: 8px; text-indent: 2em; text-align: justify; } .innovate .box .item.i3 i { display: block; position: absolute; top: -83px; right: -50px; width: 213px; height: 202px; } .innovate .box .item.i5 { width: 596px; height: 296px; overflow: hidden; } .innovate1 { background-size: cover !important; height: 715px; position: relative; z-index: 9; } .innovate1 .pubc-titbox.ab { color: #fff; text-align: right; top: 110px; right: 0; } .innovate1 .pubc-titbox .h21 { opacity: 0.3; filter: Alpha(opacity=30); } .innovate1 .ab { position: absolute; cursor: pointer; text-align: center; } .innovate1 .item1 { background: url(../image/innovate1-img2.jpg) no-repeat center; height: 715px; width: 615px; top: 0; left: 0; color: #fff; } .innovate1 .item2 { background: url(../image/innovate1-img3.jpg) no-repeat center; height: 528px; width: 615px; top: 313px; right: 0; color: #fff; } .innovate1 .middle-cont { /* padding: 0 120px;*/ text-align: center; width: 354px; } .innovate1 .img img { display: block; width: 130px; height: 130px; margin: 0 auto; } .innovate1 .con { line-height: 22px; margin-top: 6px; font-size: 14px; /*text-align: left;*/ } .innovate1 .h22 { font-size: 30px; margin-top: 15px; } .innovate1 .btnbox { bottom: -85px; left: 0; width: 616px; display: none; } .innovate1pop { display: none; width: 100%; height: 100%; background: url(../image/bop30_03.png); position: fixed; left: 0; top: 0; z-index: 9999; } .innovate1pop .con { width: 900px; height: 348px; padding: 85px 50px 50px 50px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #FFFFFF; } .innovate1pop .con .close { display: block; width: 28px; height: 28px; background: url(../image/popclose_03.png) no-repeat center; position: absolute; top: 20px; right: 20px; cursor: pointer; } .innovate1pop .con .inner { height: 100%; text-align: justify; } .innovate1pop .child { margin-bottom: 15px; } .innovate1pop .ipt { font-size: 24px; padding-bottom: 5px; } .innovate2 { background: #f4f4f4; background-size: cover !important; padding-top: 126px; height: 810px; position: relative; } .innovate2 .pubc-titbox { text-align: left; padding-top: 114px; } .innovate2 .text1 { color: #333; margin-top: 10px; width: 666px; } .innovate2 .text1 .h21 { font-size: 18px; } .innovate2 .text1 .desc { line-height: 22px; margin-top: 18px; text-indent: 2em; text-align: justify; } .innovate2 .btnbox { text-align: left; display: none; } .innovate2 .btnbox .btn1 { text-align: center; } .innovate2 .btnbox .btn1:first-child { margin-left: 0; } .innovate2 .img img { width: 130px; height: 130px; margin: 0 auto; overflow: hidden; display: block; } .innovate2 .tit { font-size: 24px; margin-top: 10px; } .innovate2 .list { margin-top: 136px; } .innovate2 .item { width: 285px; height: 285px; text-align: center; color: #fff; float: left; margin-left: 29px; -webkit-box-shadow: 0 0 10px #afafaf; box-shadow: 0 0 10px #afafaf; cursor: pointer; } .innovate2 .item.i1 { background: #5482d8; margin-left: 0; } .innovate2 .item.i2 { background: #fff; margin-top: -70px; } .innovate2 .item.i3 { background: #0dc1b6; margin-top: -140px; } .innovate2 .item.i4 { background: #81a1d9; margin-top: -210px; } .innovate2 .item.i2 .tit { color: #333; } .pop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url(../image/bop30_03.png); z-index: 9999; display: none; } .pop .con { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 1130px; height: 378px; padding: 50px; background: #FFFFFF; } .pop .con .inner { text-align: justify; } .pop .con .pop_close { display: block; width: 28px; height: 28px; background: url(../image/popclose_03.png) no-repeat center; cursor: pointer; position: absolute; top: 20px; right: 20px; } .pop .con .incon { height: 340px; position: relative; } .pop .con .inner .tit { font-size: 30px; padding-bottom: 15px; } .pop .itemt { font-size: 30px; padding-bottom: 10px; } .pop .lit { font-size: 24px; padding-bottom: 5px; } .pop .p { font-size: 18px; } .pop .limg { width: 100%; margin-top: 30px; } .pop .limg img { width: 100%; height: auto; } .pop.lc .item { margin-bottom: 30px; } .pop.lc .li { padding-right: 150px; margin-bottom: 10px; } .pop.lc .itemimg { width: 120px; position: absolute; top: 60px; right: 0; } .pop.lc .itemimg img { width: 100%; height: auto; } .pop.aq .p { padding-bottom: 12px; } .pop.cf .p { font-size: 16px; } .innovate3 { background: #F4F4F4; } .innovate3 .box { background-size: cover !important; height: 716px; position: relative; } .innovate3 .box:after { content: ""; display: block; width: 100%; left: 0; bottom: 170px; height: 2px; background: #fff; opacity: 0.5; position: absolute; } .innovate3 .desc { line-height: 22px; width: 1033px; text-align: center; margin: 0 auto; margin-top: 35px; } .innovate3 .box { margin-top: 35px; color: #fff; } .innovate3 .box .tit1 { font-size: 36px; } .innovate3 .box .tit1 i { font-style: normal; font-family: 'Arial'; } .innovate3 .box .desc1 { line-height: 22px; text-align: justify; } .innovate3 .box .box2 { position: relative; padding: 0 40px; height: 200px; text-align: left; } .innovate3 .box .box2:before { content: ""; display: block; width: 26px; height: 26px; border-radius: 50%; background: #a6c1df; position: absolute; bottom: 0; left: 50%; margin-left: -13px; -webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } .innovate3 .box .box2 .ic1 { display: block; position: absolute; bottom: -21px; left: 50%; margin-left: -34px; width: 64px; height: 64px; border-radius: 50%; border: 2px solid #fff; opacity: 0; filter: Alpha(opacity=0); -webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } .innovate3 .box1 { padding-top: 358px; position: relative; z-index: 9; } .innovate3 .box .box2:hover:before { background: #fff; } .innovate3 .box .box2:hover .ic1 { opacity: 1; filter: Alpha(opacity=100); } .innovate3 .box .slick-list { padding-bottom: 24px; } .innovate3 .box .slick-slide {} .innovate3 .box .slick_nav { background: url(../image/innovate3-img1.png) no-repeat center; height: 21px; width: 180px; margin: 0 auto; margin-top: 25px; } .innovate3 .box .slick_nav span { float: left; height: 100%; width: 64px; cursor: pointer; } .innovate3 .box .slick_nav .next { float: right; } .artificial { height: 990px; } .artificial1 { background: url(../image/artificial1-img1.png) no-repeat center; height: 746px; margin-top: -370px; position: relative; } .artificial .middle-cont { /*text-shadow: 0px 0px 5px #6f4607;*/ color: #6A1E29; margin-top: -200px; font-size: 32px; } .artificial .middle { text-align: right; } .artificial1 .artificial1-titbox { padding-top: 190px; } .artificial1-titbox { text-align: center; color: #333; } .artificial1-titbox .tit { font-size: 36px; } .artificial1-titbox .p1 { font-size: 18px; margin-top: 2px; } .artificial1 .list .item { color: #fff; position: relative; width: 610px; height: 432px; float: left; overflow: hidden; margin-left: 10px; cursor: pointer; } .artificial1 .list .item .tit { font-size: 20px; } .artificial1 .list .item .tit { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; } .artificial1 .list .item .tit span { vertical-align: middle; } .artificial1 .list .item.i2 { width: 313px; height: 464px; margin-top: 90px; } .artificial1 .list .item.i3 { line-height: 1.571; text-align: left; background: url(../image/artificial1-img4.jpg) no-repeat center; width: 276px; height: 410px; } .artificial1 .list .item.i3 .inner { padding: 50px 35px; height: 128px; overflow: hidden; line-height: 22px; } .artificial1 .list { margin-top: 41px; position: relative; } .artificial1 .list .item.i4 { width: 276px; background: #517ed6; height: 176px; margin-top: 10px; } .artificial1 .list .item.i4 .btnbox { margin-top: 62px; } .artificial1 .list .item.i4 .btnbox .b1 { -webkit-box-shadow: 0px 13px 29px 0px rgba(34, 82, 172, 0.4); box-shadow: 0px 13px 29px 0px rgba(34, 82, 172, 0.4); } .artificial2 { padding-top: 128px; } .artificial1 .list .kf { position: absolute; bottom: 0; left: 210px; } .artificial1 .list .kf:after { content: ""; display: block; position: absolute; left: -548px; background: url(../image/artificial1-img2.png) no-repeat center; height: 9px; width: 538px; top: 50%; margin-top: -4px; } .x-container { overflow: hidden; } .artificial2 { background: #fff; } .artificial2 .item { position: relative; overflow: hidden; float: left; margin-left: 10px; margin-bottom: 10px; } .artificial2 .item:first-child { margin-left: 0; } .artificial2 .item { margin-left: 10px; } .artificial2 .item.i1 { width: 300px; height: 220px; } .artificial2 .item.i2 { width: 300px; height: 220px; position: absolute; top: 230px; left: 0; margin-left: 0; } .artificial2 .item.i3 { width: 358px; height: 450px; } .artificial2 .item.i3 img { height: 100%; } .artificial2 .item.i4 { width: 551px; height: 450px; background: #d2c07e; } .artificial2 .item.i5 { width: 300px; height: 220px; } .artificial2 .item.i6 { width: 300px; height: 220px; } .artificial2 .slick-list { overflow: visible; } .artificial2 .item .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; } .artificial2 .item .tit { font-size: 24px; } .artificial2 .item .desc { font-size: 14px; line-height: 1.571; margin-top: 8px; } .artificial2 .item .middle-cont { padding: 0 40px; } .artificial2 .slick-slide { margin: 0; } .artificial2 .slicknav { position: absolute; bottom: -4px; left: 0; z-index: 999; width: 100%; } .artificial2 .btnbox { margin-top: 20px; display: none; } .artificial2 .artificial1-titbox { margin-top: 85px; } .artificial2 .slickbox { margin-top: 90px; /* overflow:hidden; */ } .artificial3 { background: url(../image/artificial3-img1.jpg) no-repeat center; height: 592px; color: #fff; margin-top: 160px; } .artificial3 .img { background: url(../image/artificial3-img2.jpg) no-repeat center; width: 527px; height: 684px; position: relative; position: absolute; bottom: 0; left: 0; } .artificial3 .img .tit { font-size: 85px; white-space: nowrap; margin-left: -142px; margin-top: 240px; font-family: 'Bodoni MT'; } .artificial3 .text { padding-left: 643px; color: #fff; text-align: left; padding-top: 72px; } .artificial3 .text .artificial1-titbox { text-align: left; color: #fff; } .artificial3 .text .artificial1-titbox .p1 { margin-top: 10px; } .artificial3 .text1 { line-height: 26px; padding-top: 26px; text-align: justify; } .artificial3 .text1 span { font-size: 58px; /* font-weight: bold;*/ display: inline-block; height: 50px; line-height: 0.75; float: left; padding-right: 8px; font-family: 'AVIANB'; margin-top: 2px; } .artificial3 .tags { margin-top: 25px; height: 100px; } .artificial3 .tags-cont { margin-top: 10px; height: 85px; } .artificial3 .tags-cont .p1 { display: none; text-align: justify; } .artificial3 .tags-cont .p1.now { display: block; } .artificial3 .tags span { float: left; margin-left: -5px; border-radius: 50%; text-align: center; position: relative; cursor: pointer; } .artificial3 .tags span:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; border-radius: 50%; } .artificial3 .tags .s1 { width: 87px; height: 87px; } .artificial3 .tags .s2 { width: 73px; height: 72px; } .artificial3 .tags .s3 { width: 78px; height: 78px; } .artificial3 .tags .s4 { width: 74px; height: 74px; } .artificial3 .tags .s5 { width: 80px; height: 80px; } .artificial3 .tags .s6 { width: 82px; height: 81px; } .artificial3 .tags .s7 { width: 68px; height: 68px; } .artificial3 .tags .s8 { width: 81px; height: 81px; } .artificial3 .tags .s1:before { background: #5482d9; } .artificial3 .tags .s2:before { background: #2f7b99; } .artificial3 .tags .s3:before { background: #2b50d6; } .artificial3 .tags .s4:before { background: #0092cc; } .artificial3 .tags .s5:before { background: #2f7b99; } .artificial3 .tags .s6:before { background: #5482d9; } .artificial3 .tags .s7:before { background: #0092cc; } .artificial3 .tags .s8:before { background: #2b50d6; } .artificial3 .tags .s2 .sj { border-top-color: #2f7b99; } .artificial3 .tags .s3 .sj { border-top-color: #2b50d6; } .artificial3 .tags .s4 .sj { border-top-color: #0092cc; } .artificial3 .tags .s5 .sj { border-top-color: #2f7b99; } .artificial3 .tags .s6 .sj { border-top-color: #5482d9; } .artificial3 .tags .s7 .sj { border-top-color: #0092cc; } .artificial3 .tags .s8 .sj { border-top-color: #2b50d6; } .artificial3 .tags .middle-cont { position: relative; z-index: 4; line-height: 22px; width: 67%; font-size: 16px; } .artificial3 .tags span .sj { position: absolute; bottom: -8px; left: 50%; margin-left: -7px; border-top: 10px solid #5482d9; border-left: 7px solid transparent; border-right: 7px solid transparent; opacity: 0; } .artificial3 .tags span:hover { -webkit-animation: artificial3tags 1.6s linear 0s infinite alternate; animation: artificial3tags 1.6s linear 0s infinite alternate; } .artificial3 .tags span .sj { -webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } .artificial3 .tags span:hover .sj { opacity: 1; } .artificial3 .tags span:hover:before { opacity: 1; } .artificial3 .tags span.now .sj { opacity: 1; } .artificial3 .tags span.now:before { opacity: 1; } .artificial4 { background: #fff; } .artificial4 .tit { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; line-height: 50px; font-size: 16px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../image/mask60.png); } .artificial4 .slick-item { text-align: center; color: #fff; position: relative; } .artificial4 .slickbox { margin-top: 22px; } .artificial4 .pubc-title2 .h21, .artificial5 .pubc-title2 .h21 { font-size: 36px; } .enter { height: 842px; } .enter:before { /*content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; background: url(../image/enter-img1.png) no-repeat center; height: 280px;*/ } .enter .h21 { opacity: 0.1; } .enter .middle-cont { margin-top: -300px; } .enter1 { position: relative; background: #f4f4f4; } .enter1 .x-wrap { z-index: 2; } .enter1 .bg2 { z-index: 1; } .enter1 .artificial1-titbox { padding-top: 100px; } .enter1 .box { position: relative; margin-top: 120px; color: #fff; height: 688px; } .enter1 .item.i1 { width: 345px; height: 434px; background: url(../image/enter1-img1.jpg) no-repeat center; position: absolute; left: -345px; top: 0; } .enter1 .item.i2 { width: 615px; height: 687px; background: url(../image/enter1-img3.jpg) no-repeat center; position: absolute; left: 0; top: 0; } .enter1 .item.i3 { width: 316px; height: 302px; background: url(../image/enter1-img2.jpg) no-repeat center; position: absolute; left: 0; top: 0; cursor: pointer; } .enter1 .item.i3 .btn1 { position: absolute; font-size: 16px; background-color: #d2c07e; -webkit-box-shadow: 0px -13px 29px 0px rgba(210, 192, 126, 0.4); box-shadow: 0px -13px 29px 0px rgba(210, 192, 126, 0.4); width: 245px; height: 46px; line-height: 46px; border-radius: 200px; text-align: center; left: 348px; top: 127px; cursor: pointer; display: none; } .enter1 .item.i3:before { content: ""; position: absolute; background: url(../image/enter1-img1.png) no-repeat center; width: 168px; height: 9px; left: 270px; top: 50%; margin-top: -4px; display: none; } .enter1 .item.i4 { width: 715px; height: 513px; background: url(../image/enter1-img4.jpg) center; position: absolute; left: 515px; top: -80px; } .enter1 .item.i4 .text { padding: 70px 58px; line-height: 26px; text-indent: 2em; text-align: justify; } .enter1 .item.i4 .mCustomScrollbar { height: 260px; } .enter1 .item.i5 { width: 307px; height: 255px; background: url(../image/enter1-img5.jpg) no-repeat center; position: absolute; left: 615px; top: 432px; } .enter1 .item.i6 { width: 308px; height: 255px; background: url(../image/enter1-img6.jpg) no-repeat center; position: absolute; left: 922px; top: 306px; } .enter1 .item.i6 .btn1 { position: absolute; font-size: 16px; background-color: #0cc1b5; -webkit-box-shadow: 0px -13px 29px 0px rgba(233, 149, 52, 0.4); box-shadow: 0px -13px 29px 0px rgba(233, 149, 52, 0.4); width: 245px; height: 46px; line-height: 46px; border-radius: 200px; text-align: center; left: -278px; top: 190px; cursor: pointer; display: none; } .enter1 .item.i6:before { content: ""; position: absolute; background: url(../image/enter1-img2.png) no-repeat center; width: 168px; height: 9px; right: 220px; top: 208px; display: none; } .enter1 .item.i7 { width: 345px; height: 306px; background: url(../image/enter1-img7.jpg) no-repeat center; position: absolute; left: 1230px; top: 0; } .enter1 .item.i8 { width: 190px; height: 255px; background: url(../image/enter1-img8.jpg) no-repeat center; position: absolute; left: 1230px; top: 306px; } .enter1 .item.i9 { width: 163px; height: 157px; /* background: url(../image/sar2-img5.png) no-repeat center;*/ position: absolute; left: 784px; top: 300px; background-size: cover; } .enter1 .item.i9 img { width: 100%; } .enter1 .item.i10 { background: #fff; width: 345px; height: 128px; position: absolute; left: -345px; bottom: 0; } .enter1 .item.i11 { background: #fff; width: 499px; height: 128px; position: absolute; left: 922px; bottom: 0; } .enter2 { padding-top: 110px; padding-bottom: 80px; } .enter2 .box { margin-top: 25px; text-align: center; } .enter2 .box img { width: 100%; } .enter3 { height: 1165px; position: relative; } .enter3:before { content: ""; background: url(../image/enter3-img1.jpg) repeat-x center; display: block; position: absolute; left: 0; top: 0; height: 753px; width: 100%; background-size: 120% 120%; -webkit-animation: enter3 20s linear 0s infinite alternate; animation: enter3 20s linear 0s infinite alternate; } .enter3:after { content: ""; background: url(../image/enter2-img1.png) no-repeat center; display: block; position: absolute; left: 0; bottom: 0; height: 503px; width: 100%; } .enter3 .artificial1-titbox { padding-top: 110px; height: 188px; } .enter3 .artificial1-titbox .p1 { font-size: 14px; margin-top: 20px; } .innovate4 { margin-top: 70px; } .innovate4 .box2 { background: #c88834; height: 297px; } .innovate4 .box2 .img { width: 252px; height: 376px; float: left; margin-top: -82px; cursor: pointer; } .innovate4 .box2 .img img { width: 100%; height: 100%; } .innovate4 .box2 .inner { padding: 40px 48px; } .innovate4 .box2 .text { overflow: hidden; padding-left: 40px; } .innovate4 .box2 .tit1 { font-size: 16px; color: #fff; line-height: 26px; padding-top: 44px; } .innovate4 .box2 .desc1 { color: #fff; margin-top: 14px; word-break: break-all; text-align: justify; } .innovate4 .box2 .inner1 { border: 1px solid #fff; padding: 0 46px; height: 215px; overflow: hidden; text-align: justify; } .enter3 .btn1 { display: block; -webkit-box-shadow: 0px 13px 29px 0px rgba(210, 192, 126, 0.4); box-shadow: 0px 13px 29px 0px rgba(210, 192, 126, 0.4); width: 245px; height: 46px; border-radius: 200px; margin: 0 auto; font-size: 16px; line-height: 44px; color: #fff; background: #d2c07e; margin-top: 24px; } .enter3 .box { margin-top: 53px; height: 228px; } .enter3 .box .item { float: left; margin-left: 78px; text-align: center; width: 228px; height: 228px; color: #fff; position: relative; cursor: pointer; -webkit-transform: rotate(-0deg); transform: rotate(-0deg); -webkit-transform-origin: center 450px; transform-origin: center 450px; } @-webkit-keyframes enter3Item { 0% { -webkit-transform: rotate(-1deg); transform: rotate(-1deg); } 100% { -webkit-transform: rotate(1deg); transform: rotate(1deg); } } @keyframes enter3Item { 0% { -webkit-transform: rotate(-1deg); transform: rotate(-1deg); } 100% { -webkit-transform: rotate(1deg); transform: rotate(1deg); } } .enter3 .box .item .ic2 { display: none; width: 1px; height: 100px; position: absolute; top: 100%; left: 50%; background: #b7cbee; -webkit-transition: height 0.8s ease; transition: height 0.8s ease; } .enter3 .box .item .ic1 { position: absolute; left: 50%; margin-left: -23px; width: 46px; height: 46px; background: url(../image/enter3-img9.png) no-repeat center; } .enter3 .box .item .middle-cont { width: 60%; margin-top: 40px; } .enter3 .box .item .tit { font-size: 20px; } .enter3 .box .item .p1 { margin-top: 2px; } .enter3 .box .item i { display: block; width: 90px; height: 75px; overflow: hidden; margin: 0 auto; } .enter3 .box .item:first-child { margin-left: 40px; } .enter3 .box .item.i1 { background: url(../image/enter3-img1.png) no-repeat center; /* animation: enter3Item 1.2s linear 0s infinite alternate; */ } .enter3 .box .item.i2 { background: url(../image/enter3-img2.png) no-repeat center; /* animation: enter3Item 1.4s linear 0s infinite alternate; */ } .enter3 .box .item.i3 { background: url(../image/enter3-img3.png) no-repeat center; /* animation: enter3Item 1.6s linear 0s infinite alternate; */ } .enter3 .box .item.i4 { background: url(../image/enter3-img4.png) no-repeat center; /* animation: enter3Item 1.8s linear 0s infinite alternate; */ } .enter3 .yuandian { background: url(../image/enter3-img11.png) no-repeat center; width: 1252px; height: 105px; position: absolute; top: 652px; left: -12px; } .enter3 .x-wrap { z-index: 5; } .enter3 .box .item.i1 .ic1 { top: 318px; } .enter3 .box .item.i2 .ic1 { top: 359px; } .enter3 .box .item.i3 .ic1 { top: 335px; } .enter3 .box .item.i4 .ic1 { top: 292px; } .enter3 .box .item.i2 .ic2 { height: 140px; } .enter3 .box .item.i3 .ic2 { height: 114px; } .enter3 .box .item.i4 .ic2 { height: 74px; } .enter3 .box .item.i1.now .ic2 { height: 90px; } .enter3 .box .item.i2.now .ic2 { height: 132px; } .enter3 .box .item.now.i3 .ic2 { height: 107px; } .enter3 .box .item.now.i4 .ic2 { height: 64px; } .enter3 .box1 { margin-top: 234px; } .enter3 .box1 .img { float: right; width: 615px; height: 441px; overflow: hidden; } .enter3 .box1 .text { overflow: hidden; background: #4cbea7; line-height: 22px; color: #fff; } .enter3 .box1 .child { display: none; } .enter3 .box1 .child.now { display: block; } .enter3 .box1 .inner { padding: 65px 50px; } .enter3 .box1 .inner.now {} .enter3 .box1 .text .tit { font-size: 28px; line-height: normal; } .enter3 .box1 .desc { margin-right: 30px; margin-top: 18px; text-indent: 2em; text-align: justify; text-justify: inter-ideograph; } .enter3 .box1 .scroll { height: 311px; } .enter3 .box .item.now .ic1 { background-image: url(../image/enter3-img10.png); } .mCSB_scrollTools .mCSB_draggerRail { background: #3cb79e; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #57ceb6; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 7px; } .enter4 { margin-top: px; background: none; padding-top: 0; } .enter4-1.enter4 { margin: 0; } .enter4 .slicknav .slick-arrow.slick-next { margin-right: 2; } .enter4 .artificial1-titbox .tit { text-align: left; } .enter4 .slicknav { position: absolute; top: -64px; right: 0; margin: 0; } .enter4 { margin-top: 200px; padding-bottom: 60px; } .enter4-1.enter4 { padding-bottom: 125px; } .enter4 .slick-slide { margin: 7px; } .enter4 .slick-item { margin: 7px 0; position: relative; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.16); cursor: pointer; } .enter4 .slick-item .tit { position: absolute; bottom: 0; left: 0; right: 0; background: #6e9ff4; font-size: 16px; color: #fff; padding: 8px 30px; -webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease; opacity: 0; filter: Alpha(opacity=0); } .enter4 .slick-item .label { position: absolute; top: 0px; left: 0px; font-size: 14px; color: #fff; width: 51px; height: 51px; text-indent: 3px; line-height: 22px; } .enter4 .slick-item .label.ll1 { background: url(../image/enter4-icon2.png) no-repeat center; } .enter4 .slick-item .label.ll2 { background: url(../image/enter4-icon1.png) no-repeat center; } .enter4 .slick-item:hover .tit { opacity: 1; filter: Alpha(opacity=100); } .enter4 .slickbox { width: 100%; } .enter5 { background: url(../image/enter5-img1.jpg) no-repeat center; height: 368px; } .enter5 .box { background: url(../image/enter5-img2.jpg) no-repeat center; height: 496px; top: 120px; position: absolute; left: 0; right: 0; color: #fff; } .enter5 .box .img { position: absolute; top: -30px; left: -176px; width: 820px; height: 594px; } img { max-width: 100%; } .enter5 .box .text { margin-left: 700px; } .enter5 .box .tit { font-size: 36px; } .enter5 .box .desc { line-height: 26px; margin-top: 20px; text-indent: 2em; text-align: justify; } .enter5 .box .inner { padding: 70px 0; padding-right: 90px; } .enter6 { background: #ffffff; margin-top: 340px; } .enter6 .slick-item { margin: 7px 0; position: relative; cursor: pointer; } .enter6 .slick-item .img { -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.16); } .enter6 .slick-item .tit { text-align: center; font-size: 16px; color: #333; margin-top: 18px; } .enter7 { height: 547px; margin-top: 0; } .enter7 .map { position: absolute; width: 50%; height: 547px; float: left; background: url() no-repeat center; background-size: cover; } .enter7 .map>img { width: 100%; } .enter7 .text { background: url(../image/enter7-img2.jpg) no-repeat 0 0; width: 50%; height: 547px; /* margin-top: -70px;*/ color: #fff; float: right; } .enter7 .inner { padding: 38px 104px; } .enter7 .tit { font-size: 36px; } .enter7 .list { margin-top: 40px; } .enter7 .item { padding-left: 70px; position: relative; margin-bottom: 30px; } .enter7 .item .g { display: inline-block; vertical-align: top; } .enter7 .item .g+.g { margin-left: 50px; ] } .enter7 .icon { width: 55px; height: 60px; position: absolute; top: 50%; left: 0; margin-top: -30px; overflow: hidden; } .enter7 .tit1 { font-size: 20px; } .enter7 .p1 { margin-top: 8px; } @-webkit-keyframes enter3 { 0% { background-position: 0 0; } 50% { background-position: -100px 0; } 100% { background-position: 100px 0; } } @keyframes enter3 { 0% { background-position: 0 0; } 50% { background-position: -100px 0; } 100% { background-position: 100px 0; } } .home { position: relative; height: 842px; } .home .slick-item { height: 842px; background-repeat: no-repeat; background-position: center; text-align: center; color: #fff; } .home .slick-item a { display: block; height: 100%; } .home-banenr { position: relative; } .home-banenr .bottom { background: url(../image/mask40.png); width: 794px; height: 88px; position: absolute; bottom: 0; border-top-right-radius: 5px; left: 50%; margin-left: -953px; color: #fff; text-align: right; } .home-banenr .bottom .item { display: inline-block; position: relative; text-align: left; padding-left: 66px; min-width: 60px; margin-right: 50px; } .home-banenr .bottom .item .img { position: absolute; top: 50%; margin-top: -23px; left: 0; width: 50px; } .home-banenr .bottom .item .tit, .home-banenr .bottom .item .tit1 { font-size: 16px; text-transform: uppercase; } .home-banenr .bottom .tool { background: url(../image/home1-img1.png) no-repeat center; width: 100px; height: 20px; position: absolute; right: -162px; margin-left: px; bottom: 34px; } .home-banenr .bottom .tool:after { content: ""; display: block; width: 950px; border-bottom: 1px solid #fff; position: absolute; top: 50%; right: -966px; } .home-banenr .bottom .tool span { display: block; width: 33.333333%; float: left; height: 100%; cursor: pointer; position: relative; } .home-banenr .bottom .tool span.s2.now:after { content: ""; width: 24px; height: 24px; display: block; border-radius: 50%; background: #fff; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px; position: absolute; } .home .middle-cont { margin-top: -25px; } .home-banenr .tit1 { font-family: 'impact'; font-size: 70px; line-height: 1; } .home-banenr .tit2 { font-size: 48px; margin-top: 27px; line-height: 1; } .home-banenr .tit3 { font-size: 40px; line-height: 1; margin-top: 17px; } .home1 { height: 720px; background: url(../image/home1-img2.jpg) no-repeat center; background-attachment: fixed; } .home1 .pubc-titbox { padding-top: 160px; } .home1 .p2 { font-size: 18px; text-align: center; padding-top: 14px; } .home1 .text { color: #333; line-height: 22px; width: 770px; margin: 0 auto; padding-top: 40px; text-align: center; } .home1 .tip1 { text-align: center; padding-top: 35px; } .home1 .tip1 span { display: inline-block; vertical-align: middle; padding-left: 12px; color: #159192; font-size: 16px; } .home1 .button { text-align: center; padding-top: 68px; } .home1 .button a { display: inline-block; padding: 10px 34px; font-size: 16px; color: #fff; border-radius: 200px; background: #5482d9; margin: 0 15px; -webkit-box-shadow: 0px 13px 29px 0px rgba(34, 82, 172, 0.4); box-shadow: 0px 13px 29px 0px rgba(34, 82, 172, 0.4); } .home1 .button a.a2 { -webkit-box-shadow: 0px 13px 29px 0px rgba(210, 192, 126, 0.4); box-shadow: 0px 13px 29px 0px rgba(210, 192, 126, 0.4); background: #d2c07e; } .home2 { height: 600px; background: #f4f4f4; } .home2 .item { position: absolute; } .home2 .i1 { background-size: cover !important; width: 1211px; color: #fff; height: 600px; top: 0; left: 366px; } .home2 .pubc-titbox .h21 { opacity: 0.15; filter: Alpha(opacity=15); } .home2 .pubc-titbox { text-align: right; padding-right: 400px; padding-top: 210px; } .home2 .i2 { left: -343px; top: 0; } .home2 .i2 { background-size: cover !important; width: 709px; height: 600px; } .home2 .img { width: 120px; height: 120px; overflow: hidden; } .home2 .text { color: #333; } .home2 .text .tit { font-size: 30px; } .home2 .text .desc { line-height: 22px; margin-top: 10px; height: 66px; overflow: hidden; text-indent: 2em; text-align: justify; } .home2 .text .inner { padding: 30px 48px; } .home2 .i2 .text { width: 640px; height: 180px; background: #fff; position: absolute; bottom: 0; left: 345px; } .home2 .i2 .img { background-size: cover !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .home2 .i2 .img img { width: 120px; height: 120px; position: absolute; top: 254px; left: 380px; } .home2 .i3 { left: 908px; width: 321px; height: 360px; top: 420px;display: none; } .home2 .i3 .img { background-size: cover !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .home2 .i3 .img img { position: absolute; top: 50%; margin-top: -60px; left: 50%; margin-left: -60px; width: 120px; height: 120px; } .home2 .i3 .text { background: #5482d9; color: #fff; width: 610px; height: auto; position: absolute; left: -610px; top: 180px; } .home2 .img1 { width: 213px; height: 202px; position: absolute; top: 623px; left: 112px; overflow: hidden;display: none; } .home2 .img1 img { width: 100%; } .home3 .pubc-titbox { text-align: left; padding-top: 80px; } .home3 { background: #f4f4f4; } .home3 .box { margin-top: 46px; color: #fff; } .home3 .box img { width: 100%; height: auto; } .home3 .box .leftbox { width: 409px; height: 572px; float: left; } .home3 .box .inner { padding: 70px 70px 0; } .home3 .box .tit1 { font-size: 36px; font-weight: bold; } .home3 .box .desc { line-height: 22px; height: 330px; overflow: hidden; margin-bottom: 20px; margin-top: 8px; } .home3 .box .more { color: #333; -webkit-box-shadow: 0px 13px 29px 0px rgba(205, 181, 95, 0.4); box-shadow: 0px 13px 29px 0px rgba(205, 181, 95, 0.4); width: 95px; height: 46px; line-height: 46px; border-radius: 200px; background: #fff; display: block; margin: 0 auto; text-align: center; text-transform: uppercase; } .home3 .box .rightbox { height: 572px; width: 821px; float: left; position: relative; overflow: hidden; } .home3 .box .rightbox .tit1 { font-size: 30px; font-weight: normal; } .home3 .box .rightbox .img1 { width: 823px; height: 739px; position: absolute; bottom: 0; left: 0; } .home3 .box .rightbox .img2 { height: 704px; width: 332px; position: absolute; top: -99px; right: 15px; } .home3 .box .rightbox .text { position: relative; z-index: 3; width: 424px; padding-top: 76px; padding-left: 70px; } .home3 .box .rightbox .img { width: 441px; height: 213px; overflow: hidden; margin-bottom: 55px; } .home3 .box .rightbox .desc { height: auto; margin-top: 10px; margin-bottom: 40px; } .home4 { color: #333; position: relative; /*height: 800px;*/ padding: 100px 0 130px; } .home4 .date { color: #5482d9; font-family: 'Arial'; line-height: 1; display: block; width: 50px; position: absolute; left: 0; top: 0; } .home4 .img, .home4 .time { display: none; } .home4 .date .s1 { font-size: 40px; } .home4 .date .s2 { font-size: 16px; } .home4 .item { position: relative; margin-bottom: 30px; float: left; width: 50%; } .home4 .tit { line-height: 26px; font-size: 18px; padding-left: 70px; padding-right: 45px; height: 50px; overflow: hidden; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; text-align: justify;word-break: break-all; } .home4 .slick-current .tit { color: #5482d9; } .home4 .tit:hover { color: #5482d9; } .home4 .now .tit { color: #5482d9; } .home4 .list { width: 100%; position: relative; /*top: 270px;*/ /*left: 0;*/ /*height: 320px;*/ overflow: hidden; background: #fff; } .home4 .pubc-titbox { /*position: absolute;*/ /*left: 0;*/ /*top: 110px;*/ padding-bottom: 55px; text-align: left; } .home4 .pubc-titbox .h21 { color: #f5f5f5; } .home4 .more { background-color: #4cbea7; -webkit-box-shadow: 0px 13px 29px 0px rgba(34, 82, 172, 0.4); box-shadow: 0px 13px 29px 0px rgba(34, 82, 172, 0.4); width: 95px; height: 46px; text-align: center; text-transform: uppercase; border-radius: 200px; display: block; color: #fff; line-height: 46px; /*position: absolute;*/ /*top: 621px;*/ /*left: 0;*/ margin-top: 20px; } .home4 .buttonbox1 span { width: 57px; height: 57px; background: url(../image/home4-img2.png) no-repeat 0 0; display: block; cursor: pointer; } .home4 .buttonbox1 .prev { margin-bottom: 4px; } .home4 .buttonbox1 .next { background-position: bottom center; } .home4 .buttonbox1 { width: 57px; height: 118px; position: absolute; top: 170px; left: 554px; z-index: 999; } .home4 .imgbox { width: 735px; height: 551px; overflow: hidden; position: absolute; right: 0; top: 120px; } .home4 .ws { display: block; position: absolute; top: 169px; left: 495px; bottom: 179px; width: 55px; background: #fff; z-index: 9999; } .home4 .imgbox .slick-list { z-index: 1; /* opacity: 0;*/ /* filter:Alpha(opacity=0);*/ } .home4 .imgbox .img { width: 100%; height: 100%; /*position: absolute;*/ top: 0; left: 0; -webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease; /*opacity: 0;*/ position: relative; } .home4 .imgbox .img .mask40 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: url(../image/mask40.png); } .home4 .imgbox .img.now { opacity: 1; } .home4 .imgbox .img .line:after { content: ""; background: url(../image/home4-img3.png) no-repeat center; width: 168px; height: 9px; position: absolute; top: 50%; margin-top: -4.5px; left: -180px; } .home4 .imgbox .img .line { position: absolute; bottom: 37px; left: 227px; color: #fff; font-size: 18px; z-index: 3; } .home5 { height: 770px; background: url(../image/home5-img1.jpg) no-repeat center; color: #fff; background-size: auto 100% !important; } .home5 .pubc-titbox .h21 { opacity: 0.1; filter: Alpha(opacity=10); } .home5 .pubc-titbox .p1 { color: #fff; } .home5 .pubc-titbox { padding-top: 90px; } .home5 .box { margin-top: 32px; } .home5 .box .img { width: 125px; height: 125px; overflow: hidden; background: url(../image/home5-img1.png) no-repeat center; float: left; margin-right: 28px; } .home5 .box .text { overflow: hidden; width: 157px; padding-left: 32px; } .sitemap .line h3 { font-size: 14px; font-weight: bold; } .home5 .box .tit { font-size: 20px; padding-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home5 .box .desc { margin-top: 6px; line-height: 24px; height: 48px; overflow: hidden; } .home5 .box .inner { padding: 24px; } .home5 .box .item { background: url(../image/home5-img8.png) no-repeat center; width: 397px; height: 174px; border-radius: 20px; position: relative; } .home5 .box .item:after { content: ""; display: block; height: 125px; border-right: 1px solid #636363; position: absolute; left: 182px; top: 26px; } .home5 .box .slick-item { margin: 13px 0; } .home5 .box .slick-mod { margin-right: -20px; } .home5 .box .slick_nav { background: url(../image/innovate3-img1.png) no-repeat center; height: 21px; width: 180px; margin: 0 auto; margin-top: 25px; } .home5 .box .slick_nav span { float: left; height: 100%; width: 64px; cursor: pointer; } .home5 .box .slick_nav .next { float: right; } .page-mod .page-more { width: 176px; height: 46px; line-height: 46px; background: #5482d9; font-size: 16px; border-radius: 200px; -webkit-box-shadow: 5px 5px 10px #5482d9; box-shadow: 5px 5px 10px #5482d9; border: 0; padding: 0; color: #fff; } .artificial5 { background: #f4f4f4; padding-bottom: 104px; } .artificial5 .map1 { background: url(../image/artificial4-img3.png) no-repeat top right; width: 1160px; height: 839px; float: right; position: relative; } .artificial5 .map1 .place { background: url(../image/hongqi.png) no-repeat center; width: 55px; height: 61px; position: absolute; top: 254px; left: 675px; cursor: pointer; color: #fff; } .artificial5 .map1 .place.pe2 { top: 465px; left: 775px; } .artificial5 .map1 .place.pe3 { top: 580px; left: 420px; } .artificial5 .map1 .place.pe4 { top: 200px; left: 178px; } .artificial5 .map1 .place.pe5 { top: 420px; left: 190px; } .artificial5 .map1 .place.pe6 { top: 274px; left: 700px; } .artificial5 .map1 .place.pe7 { top: 448px; left: 440px; } .artificial5 .map1 .place.pe8 { top: 410px; left: 820px; } .artificial5 .map1 .place.pe9 { top: 388px; left: 555px; } .artificial5 .map1 .place.pe10 { top: 300px; left: 615px; } .artificial5 .map1 .place.pe11 { top: 320px; left: 710px; } .artificial5 .map1 .place.pe12 { top: 330px; left: 338px; } .artificial5 .map1 .place.pe13 { top: 320px; left: 513px; } .artificial5 .map1 .place.pe14 { top: 230px; left: 580px; } .artificial5 .map1 .place.pe15 { top: 205px; left: 784px; } .artificial5 .map1 .place.pe16 { top: 500px; left: 692px; } .artificial5 .map1 .place.pe17 { top: 380px; left: 752px; } .artificial5 .map1 .place.pe18 { top: 145px; left: 828px; } .artificial5 .map1 .place.pe19 { top: 510px; left: 618px; } .artificial5 .map1 .place.pe20 { top: 440px; left: 633px; } .artificial5 .map1 .place.pe21 { top: 65px; left: 828px; } .artificial5 .map1 .place.pe22 { top: 375px; left: 644px; } .artificial5 .map1 .place.pe23 { top: 298px; left: 656px; } .artificial5 .map1 .place.pe24 { top: 698px; left: 585px; } .artificial5 .map1 .place.pe25 { top: 536px; left: 530px; } .artificial5 .map1 .place.pe26 { top: 600px; left: 570px; } .artificial5 .map1 .place.pe27 { top: 590px; left: 660px; } .artificial5 .map1 .place.pe28 { top: 245px; left: 345px; } .artificial5 .map1 .place.pe29 { top: 530px; left: 745px; } .artificial5 .map1 .place.pe30 { top: 420px; left: 720px; } .artificial5 .map1 .place .text { width: 344px; height: 359px; background: #4cbea7; border-radius: 10px; position: absolute; left: 70px; top: -85px; opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; -webkit-transform: translateX(100px); transform: translateX(100px); } .artificial5 .map1 .place.now { z-index: 9999; } .artificial5 .map1 .place.now .text { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .artificial5 .map1 .place .text:after { content: ""; display: block; border-right: 10px solid #4cbea7; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; top: 90px; left: -10px; } /*.artificial5 .map1 .place:hover .text{ display: block;}*/ .artificial5 .map1 .phone_name { display: none; } .artificial5 .map1 .caption { font-size: 24px; } .artificial5 .pubc-title2 { padding-top: 94px; } .artificial5 .map1 .inner { padding: 34px 22px; } .artificial5 .map1 .list { margin-top: 5px; height: 250px; } .artificial5 .map1 .item { padding: 14px 0; border-bottom: 1px solid #5ec5b0; padding-left: 23px; position: relative; } .artificial5 .map1 .item .s1 { position: absolute; top: 16px; left: 0; background: url(../image/artificial5-img1.png) no-repeat center; display: block; width: 20px; height: 24px; text-align: center; font-size: 12px; line-height: 13px; } .artificial5 .map1 .tit { font-size: 16px; } .artificial5 .map1 .desc { font-size: 12px; margin-top: 3px; } .pubc-banner.message { /* background-size: auto !important; */ } .mCSB_inside>.mCSB_container { margin-right: 30px; } .win_alert { background: #fff; width: 960px; height: 570px; position: fixed; z-index: 9999; left: 50%; margin-left: -480px; top: 50%; margin-top: -285px; display: none; } .win_alert .inner { padding: 60px; } .win_alert .part1 { font-size: 14px; color: #474747; line-height: 26px; margin-top: 20px; } .win_alert .part1 .item {} .win_alert .content .title { font-size: 18px; color: #333333; } .win_alert .content .desc { font-size: 14px; color: #474747; line-height: 22px; margin-top: 10px; } .win_alert .content .text1 { margin-top: 30px; } .win_alert .tool { margin-top: 20px; } .win_alert .tool .leftitem { font-size: 14px; color: #333333; } .win_alert .tool .leftitem a { color: #3cb79e; font-family: 'Arial'; } .win_alert .tool .rightitem a { background: url(../image/fanhui.png) no-repeat left center; font-size: 14px; color: #333333; float: right; padding-left: 25px; } .win_alert .close { width: 42px; height: 40px; position: absolute; top: 10px; right: 10px; background: url(../image/close.png) no-repeat center; } .win_alert .title1 { font-size: 24px; color: #333333; text-align: left; padding-bottom: 10px; position: relative; } .win_alert .title1:after { content: ""; width: 76px; border-bottom: 2px solid #333333; position: absolute; left: 7px; bottom: 0; } .win_alert .scroll { height: 440px; /* margin-top:26px; */ } .win_alert .mCSB_inside>.mCSB_container { margin-right: 10px; } .phonemap1 { display: none; } .mask50 { background: url(../image/mask40.png); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; display: none; } .titbox { /* text-align: center; */ /* width: 1020px; */ margin: 0 auto; } .titbox .tit { font-size: 30px; color: #333333; } .titbox .desc { font-size: 14px; color: #333333; line-height: 22px; } .source5 { background: #f5f5f5; padding: 100px 0; padding-bottom: 120px; } .source5 .titbox { text-align: center; width: 1020px; } .source5 .list .tit { font-size: 16px; line-height: 26px; } .source5 .list .tit .t2 { text-transform: uppercase; } .source5 .list .desc { margin-top: 12px; text-indent: 2em; text-align: justify; } .source5 .list .text { background: #3075b0; position: relative; overflow: hidden; } .source5 .list .text .inner { line-height: 22px; color: #fff; padding: 30px; } .source5 .list .border { border: 1px solid #fff; margin: 11px 40px; height: 214px; overflow: hidden; width: 831px; float: right; } .source5 .list .i2 .border { float: left; } .source5 .list .item .img { width: 270px; height: 376px; position: absolute; left: 40px; top: 0; z-index: 2; background: #313131; cursor: pointer; } .source5 .list .item.i2 .img { left: auto; right: 40px; } .source5 .list .item.i2 .text { background: #20a766; } .source5 .list .item.i3 .text { background: #c88834; } .source5 .list .item { padding: 62px 0; position: relative; } .source5 .list .item:first-child { margin-left: 0; } .source5 .list { margin-top: 24px; } .source5 .list .item.i3 .tit, .source5 .list .item.i1 .tit {} .enter5 .slick-arrow { background: url(../image/sar4-img1.png) no-repeat 0 0; width: 15px; height: 25px; top: -70px; } .enter5 .slick-arrow:after { display: none; } .enter5 .slick-arrow.slick-prev { left: 225px; } .enter5 .slick-arrow.slick-next { background-position: right 0; } @-webkit-keyframes artificial3tags { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } } @-webkit-keyframes artificial3tags { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } } @keyframes artificial3tags { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } } .innovate .box .item.i2 img { display: block; width: 100%; } @media only screen and (min-width: 1280px) and (max-width: 1366px) { .artificial3 .img .tit { margin-left: -35px; } } .home2 .i3:hover img { animation: rot 0.5s; -webkit-animation: rot 0.5s; } .home5 .item:hover .img img { animation: rot 0.5s; -webkit-animation: rot 0.5s; } .idea .text .img1:hover img { animation: rot 0.5s; -webkit-animation: rot 0.5s; } @media screen and (min-width: 751px) { /* .home3 .box .more{ transition:all 0.3s; -webkit-transition:all 0.3s; } .home3 .box .more:hover{ background:#4cbea7; color:#fff; } */ .artificial3 .tags span { /* animation: artificial3tags 1.6s linear 0s infinite alternate;*/ } .artificial3 .tags .s1 { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } .artificial3 .tags .s2 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } .artificial3 .tags .s3 { -webkit-animation-duration: 1.6s; animation-duration: 1.6s; } .artificial3 .tags .s4 { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } .artificial3 .tags .s5 { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } .artificial3 .tags .s6 { -webkit-animation-duration: 1.7s; animation-duration: 1.7s; } .artificial3 .tags .s7 { -webkit-animation-duration: 1.8s; animation-duration: 1.8s; } .artificial3 .tags .s8 { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .home .middle-cont, .pubc-banner .middle-cont { opacity: 0; transition: all 1.2s ease-in; -webkit-transition: all 1.2s ease-in; transform: scale(2); -webkit-transform: scale(2); } .bannerAnim .home .middle-cont, .bannerAnim .pubc-banner .middle-cont { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .home2 .i2 .text { transform: translateX(50px); -webkit-transform: translateX(50px); transition: all 1s; -webkit-transition: all 1s; } .home2 .i2 .inner { transform: translateX(20px); -webkit-transform: translateX(20px); transition: all 1s; -webkit-transition: all 1s; } .home2 .i3 .text { transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all 1s; -webkit-transition: all 1s; } .home2 .i3 .inner { transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: all 1s; -webkit-transition: all 1s; } .home2 .i2 .anim.text, .home2 .i3 .anim.text { transform: translateX(0); -webkit-transform: translateX(0); } .home2 .i2 .anim.text .inner, .home2 .i3 .anim.text .inner { transform: translateX(0); -webkit-transform: translateX(0); } .home3 .img2 { transform: translateY(50px); -webkit-transform: translateY(50px); transition: all 1s; -webkit-transition: all 1s; } .home3 .img2.anim { transform: translateY(0); -webkit-transform: translateY(0); } .home2 .img1 { transform: translateY(30px); -webkit-transform: translateY(30px); transition: all 1s; -webkit-transition: all 1s; opacity: 0; } .home2 .img1.anim { transform: translate(0); -webkit-transform: translate(0); opacity: 1; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .home4 .imgbox .img img { transform: translateX(100px); -webkit-transform: translateX(100px); transition: all 1s ease-out; -webkit-transition: all 1s ease-out; opacity: 0; } .home4.anim .imgbox .img img { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } .home5 .pubc-titbox { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition: all 1s; -webkit-transition: all 1s; } .home5 .box { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition: all 1s; -webkit-transition: all 1s; } .home5.anim .box { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; } .home5.anim .pubc-titbox, .home5.anim .box { transform: translate(0); -webkit-transform: translate(0); opacity: 1; } .enter1 .i9 { transform: translateX(50px); -webkit-transform: translateX(50px); transition: all 1s; -webkit-transition: all 1s; opacity: 0; } .enter1 .i9.anim { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } .artificial1 .list .item.i2 { transform: translateY(-90px); -webkit-transform: translateY(-90px); transition: all 1s; -webkit-transition: all 1s; opacity: 0; cursor: pointer; } .artificial1 .list .item.i1 { transform: translateX(-90px); -webkit-transform: translateX(-90px); transition: all 1s; -webkit-transition: all 1s; opacity: 0; cursor: pointer; } .artificial1 .list.anim .i2, .artificial1 .list.anim .i1 { transform: translate(0); -webkit-transform: translate(0); opacity: 1; } .artificial2 .slickbox .item { opacity: 0; } .artificial2 .slickbox .i1 { transform: translateY(-50px); -webkit-transform: translateY(-50px); transition: all 1s; -webkit-transition: all 1s; } .artificial2 .slickbox .i2 { transform: translateY(-30px); -webkit-transform: translateY(-30px); transition: all 1s; -webkit-transition: all 1s; } .artificial2 .slickbox .i3 { transform: translateY(40px); -webkit-transform: translateY(40px); transition: all 1s; -webkit-transition: all 1s; } .artificial2 .slickbox .i4 { transform: translateY(60px); -webkit-transform: translateY(60px); transition: all 1s; -webkit-transition: all 1s; } .artificial2 .slickbox .i5 { transform: translateY(-35px); -webkit-transform: translateY(-35px); transition: all 1s; -webkit-transition: all 1s; } .artificial2 .slickbox .i6 { transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all 1s; -webkit-transition: all 1s; } .artificial2 .slickbox.anim .item { transform: translate(0); -webkit-transform: translate(0); opacity: 1; } .artificial3 .img { height: 592px; transition: all 1s; -webkit-transition: all 1s; } .artificial3.anim .img { height: 684px; } .innovate .box .item.i3 i { transform: translateY(-30px); -webkit-transform: translateY(-30px); transition: all 1s; -webkit-transition: all 1s; opacity: 0; } .innovate.anim .box .item.i3 i { transform: translate(0); -webkit-transform: translate(0); opacity: 1; } .innovate1 .pubc-titbox { transform: translateY(-70px); -webkit-transform: translateY(-70px); transition: all 1s; -webkit-transition: all 1s; } .innovate1 .item2 { transform: translateY(-123px); -webkit-transform: translateY(-123px); transition: all 1s; -webkit-transition: all 1s; } .innovate1 .item1 { transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all 1s; -webkit-transition: all 1s; } .innovate1.anim .pubc-titbox, .innovate1.anim .item2, .innovate1.anim .item1 { transform: translate(0); -webkit-transform: translate(0); } .innovate2 .list .i2 { transform: translateY(70px); -webkit-transform: translateY(70px); transition: all 1s; -webkit-transition: all 1s; } .innovate2 .list .i3 { transform: translateY(140px); -webkit-transform: translateY(140px); transition: all 1s; -webkit-transition: all 1s; } .innovate2 .list .i4 { transform: translateY(210px); -webkit-transform: translateY(210px); transition: all 1s; -webkit-transition: all 1s; } .innovate2 .list.anim .item { transform: translate(0); -webkit-transform: translate(0); } .innovate2 .list.anim .item .img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.8s ease; transition: -webkit-transform 0.8s ease; transition: transform 0.8s ease; transition: transform 0.8s ease, -webkit-transform 0.8s ease; -webkit-transition: transform 0.8s ease; } .innovate2 .list.anim .item:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); } .sar2 .list .i3 i { transform: translateX(30px) scale(0.8); -webkit-transform: translateX(30px) scale(0.8); transition: all 1s; -webkit-transition: all 1s; opacity: 0; } .sar2 .list.anim .i3 i { transform: translateX(0px) scale(1); -webkit-transform: translateX(0px) scale(1); opacity: 1; } .enter1 .item.i4 { top: 0; transition: all 1s; -webkit-transition: all 1s; } .enter1 .anim.i4 { top: -80px; } .enter2 .box { transform: scale(0.8); -webkit-transform: scale(0.8); transition: all 1s; -webkit-transition: all 1s; opacity: 0; } .enter2 .box.anim { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .enter3 .box1 .img { transform: translateX(50px); -webkit-transform: translateX(50px); transition: all 1s; -webkit-transition: all 1s; opacity: 0; } .enter3 .box1 .img img { width: 100%; height: 100%; } .enter3 .box1 .text { transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all 1s; -webkit-transition: all 1s; opacity: 0; } .enter3 .box1.anim .img, .enter3 .box1.anim .text { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } .enter5 .box .img { transform: translate(-27px, 30px); -webkit-transform: translate(-27px, 30px); transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .enter5 .box .img.anim { transform: translate(0, 0); -webkit-transform: translate(0, 0); } .idea .item.i2 { transform: translateX(-80px); -webkit-transform: translateX(-80px); transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .idea .text.anim .i2 { transform: translateX(0px); -webkit-transform: translateX(0px); } .sar1 .box { transform: scale(0.8); -webkit-transform: scale(0.8); transition: all 1s; -webkit-transition: all 1s; opacity: 0; } .sar1 .box.anim { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } /* .sar2 .list .item.i1{ transform:translateY(70px); -webkit-transform:translateY(70px); transition:all 1s; -webkit-transition:all 1s; } .sar2 .list.anim .item.i1{ transform:translateY(0px); -webkit-transform:translateY(0px); } .sar2 .list .item.i5{ transform:translateY(-50px); -webkit-transform:translateY(-50px); transition:all 1s; -webkit-transition:all 1s;} .sar2 .list.anim .item.i5{ transform:translateY(0px); -webkit-transform:translateY(0px); } .sar2 .list .item.i4{ transform:translateY(50px); -webkit-transform:translateY(50px); transition:all 1s; -webkit-transition:all 1s;} .sar2 .list.anim .item.i4{ transform:translateY(0px); -webkit-transform:translateY(0px); } */ } .artificial6 { background: #f4f4f4; background-size: cover; background-position: center; background-repeat: no-repeat; height: 530px; margin-bottom: 240px; margin-top: 130px; } .artificial6 .img { width: 455px; height: 634px; position: absolute; bottom: 2px; right: 0; -webkit-box-shadow: 0px 6px 29px 0px rgba(13, 32, 67, 0.14); box-shadow: 0px 6px 29px 0px rgba(13, 32, 67, 0.14); } .artificial6 .text { width: 730px; color: #333; padding-top: 84px; } .artificial6 .text .tit1 { font-size: 36px; } .artificial6 .text .tit2 { font-size: 24px; margin-top: 20px; } .artificial6 .text .desc { line-height: 26px; margin-top: 20px; text-indent: 2em; text-align: justify; } .artificial6 .text .img1 { padding-left: 84px; margin-top: 20px; width: 351px; height: 188px; overflow: hidden; } .source_alert { position: fixed; width: 589px; height: 818px; left: 50%; top: 50%; /* margin-left: -294.5px; */ z-index: 9999; background: #fff; opacity: 0; visibility: hidden; } .source_alert.show { opacity: 1; visibility: visible; } .source_alert .close { display: block; position: absolute; top: -30px; right: -30px; width: 22px; height: 22px; background: url(../image/close1.png) no-repeat center; } .source_alert .img { width: 100%; height: 100%; overflow: auto; text-align: center; display: table; } .source_alert .scroll { width: 100%; height: 100%; } .source_alert .img .middle-cont { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .source_alert .img:after { display: none; } .source_alert .img img { width: 100%; } @media screen and (max-width: 751px) { .tow_navbox { display: none; } .x-header .menu-head { background: rgba(0, 0, 0, 0.5); } .nav-mod { background: #159192; /*background: #dd9849;*/ } .menu-btn .line, .nav-mod .nav-tit .arr, .nav-mod .search-btn { color: #fff; } .nav-mod ::-webkit-input-placeholder { color: #fff; } .nav-mod :-moz-placeholder { color: #fff; opacity: 1; } .nav-mod ::-moz-placeholder { color: #fff; opacity: 1; } .nav-mod :-ms-input-placeholder { color: #fff; } .nav-mod .nav-lv1 { font-size: 1em; } .nav-mod .search-box { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .nav-mod .nav-tit { padding: 0.25rem 0.25rem; } .nav-mod .nav-item+.nav-item { border-color: rgba(255, 255, 255, 0.5); } .nav-mod .share-box { border-color: rgba(255, 255, 255, 0.5); } .pubc-banner { background-size: cover; } .artificial .middle-cont { font-size: 0.4rem; } .artificial.pubc-banner { height: 5rem; } .artificial .middle-cont { margin-top: 0; } .artificial1 { margin-top: 0; background: none; } .artificial1 .artificial1-titbox { padding-top: 1rem; } .enter4 .artificial1-titbox .tit { text-align: center; } .artificial1-titbox .tit { font-size: 0.4rem; } .artificial1-titbox .p1 { font-size: 0.3rem; margin-top: 0.08rem; } .pubc-banner .middle-cont { margin-top: 1rem; } .artificial1 .list .item { float: none; } .artificial1 { height: auto; } .artificial1 .list .item { width: auto; margin: 0; height: auto; } img { max-width: 100%; } .artificial1 .list .item .tit { bottom: 0.3rem; } .artificial1 .list .item .tit { font-size: 0.24rem; } .artificial1 .list { margin-top: 0.5rem; } .artificial1 .list .item.i2 { width: auto; height: auto; margin-top: 0.15rem; } .artificial1 .list .item>img { width: 100%; } .artificial1 .list .item.i3 .inner { padding: 0.5rem 0.2rem; height: auto; line-height: normal; } .artificial1 .list .item.i3 { width: auto; height: auto; background-size: cover; } .artificial1 .list .item.i4 { width: auto; height: auto; } .artificial1 .list .kf:after { display: none; } .artificial1 .list .kf { position: static; } .artificial1 .list .item.i4 { padding: 0; background: none; } .artificial1 .list .item.i4 .btnbox { margin: 0; } .btnbox { margin-top: 0.2rem; } .btnbox .btn1 { width: 100%; height: auto; margin: 0; } .artificial1 .list .item.i4 .btnbox .b1 { -webkit-box-shadow: none; box-shadow: none; } .artificial2 .artificial1-titbox { margin: 0; } .artificial2 { padding: 1rem 0; padding-bottom: 0.5rem; } .btnbox .b2 { margin-top: 0.2rem; } .artificial1 .list .kf { margin: 0; } .artificial2 .item { height: 2.5rem !important; width: 50% !important; margin: 0 !important; } .artificial2 .item img { width: 100%; } .artificial2 .item.i2 { position: relative; top: auto; left: auto; } .artificial2 .slicknav { position: static; } .artificial2 .slickbox { margin-top: 0.5rem; overflow: hidden; } .artificial2 .item .text {} .artificial3 .img { display: none; } .artificial3 .text { padding: 0; } .artificial3 { position: static; padding: 0.4rem 0; height: auto; background-size: cover; } .artificial3 .text .artificial1-titbox { text-align: center; } .artificial3 .text .artificial1-titbox .p1 { margin-top: 0.1rem; } .artificial3 .text1 { line-height: 1.6; padding-top: 0.4rem; } .artificial3 .text1 span { font-size: 1rem; height: 0.8rem; padding-right: 0.2rem; margin-top: -0.05rem; } .artificial3 .tags-cont { margin-top: 0.2rem; height: auto; } .artificial3 .tags { margin-top: 0.2rem; white-space: nowrap; overflow-x: auto; } .artificial3 .tags span { margin: 0; float: none; display: inline-block; width: 1rem !important; height: 1rem !important; font-size: 0.24rem; } .artificial3 .tags .middle-cont { white-space: normal; font-size: 0.2rem; line-height: 1.4; } .artificial3 .tags { height: 1.3rem; } .artificial3 { margin-top: 0rem; } .artificial5 .map1 { background: none; width: 100%; height: auto; } .artificial5 .map1 .place { position: static; background: none; height: 2rem; text-align: center; } .artificial5 .map1 .place .text { position: static; top: 0; left: 0; } .artificial5 .map1 .phone_name { display: block; width: 1.8rem; height: 1.8rem; border: 1px solid #fff; border-radius: 50%; line-height: 1.76rem; font-size: 0.3rem; margin: 0 auto; } .artificial4 .pubc-title2 .h21, .artificial5 .pubc-title2 .h21, .pubc-title2 .h21 { font-size: 0.5rem; } .artificial5 .map1 { display: none; } .artificial5_phone { background: #5482d9; padding-bottom: 0.4rem; display: block; } .artificial5 .pubc-title2 { padding-top: 0.4rem; } .artificial5 .pubc-title2 .h21 { color: #fff; } .artificial5 { background: #5482d9; padding-bottom: 1rem; } .phonemap1 { display: block; margin-top: 0.4rem; } .artificial5 .phone_name { width: 1.8rem; height: 1.8rem; border: 1px solid #fff; border-radius: 50%; color: #fff; text-align: center; line-height: 1.7rem; margin: 0 auto; } .artificial5 .slick-dots { bottom: -0.6rem; } .sar4 { padding: 0.8rem 0; } .artificial4 .tit { font-size: 0.24rem; padding: 0 0.3rem; height: 0.8rem; line-height: 0.8rem; } .pubc-block1 { height: auto; padding: 0.4rem 0; } .pubc-block1 .item { position: static; margin: 0 !important; padding: 0.1rem 0; } .pubc-block1 .item .tit { font-size: 0.28rem; } .pubc-block1 .item .p1 { font-size: 0.24rem; margin: 0; } .x-footer .telephone { position: static; } .x-footer .telephone span.s2 { font-size: 0.26rem; } .x-footer .friendship { font-size: 0.26rem; line-height: 1.8; } .x-footer .friendship a { margin-right: 0.1rem; } .x-footer .link { margin-top: 0.2rem; font-size: 0.26rem; } .x-footer .copyright { margin-top: 0.2rem; } .x-footer .telephone .a { padding: 0.15rem 0.2rem; margin-left: 0.3rem; width: 0.65rem; right: 0; box-shadow: -1px 1px 6px 0px #a9a9a9; bottom: 50%; } .x-footer .telephone .a a { font-size: 0.26rem; } .x-footer .telephone .a a:before { background-size: 0.3rem; } .x-footer { padding: 0.4rem 0; } .artificial2 .item .tit { font-size: 0.3rem; } .artificial2 .item .desc { font-size: 0.24rem; margin-top: 0.2rem; display: none; } .artificial2 .item .middle-cont { padding: 0 0.2rem; } .artificial5 .tabcon { margin-top: 1rem; color: #fff; } .artificial5 .tabcon .text { width: 100%; height: auto; background: #4cbea7; border-radius: 10px; display: none; } .artificial5 .tabcon .text.now { display: block; } .artificial5 .tabcon .caption { font-size: 0.4rem; } .artificial5 .pubc-title2 { padding-top: 0.6rem; } .artificial5 .tabcon .inner { padding: 0.4rem 0.3rem; } .artificial5 .tabcon .list { margin-top: 0.08rem; height: 4rem; } .artificial5 .tabcon .item { padding: 0.24rem 0; border-bottom: 1px solid #5ec5b0; padding-left: 0.5rem; position: relative; } .artificial5 .tabcon .item .s1 { position: absolute; top: 0.3rem; left: 0; background: url(../image/artificial5-img1.png) no-repeat center; display: block; background-size: 0.8rem; width: 0.4rem; height: 0.4rem; text-align: center; font-size: 0.2rem; line-height: 0.22rem; } .artificial5 .tabcon .tit { font-size: 0.28rem; } .artificial5 .tabcon .desc { font-size: 0.24rem; margin-top: 0.05rem; } .pubc-banner .middle-cont { font-size: 0.28rem; } .detailed { height: 6rem; } .detailed1 { padding: 1rem 0; } .detailed1 .titlebox .tit { font-size: 0.4rem; } .detailed1 .titlebox .date { font-size: 0.24rem; margin-top: 0.1rem; } .detailed1 .content { line-height: 1.6; font-size: 0.28rem; margin-top: 0.2rem; } .detailed1 .content img ,.detailed1 .content video{ height: auto; width: 100%; display: block; } .detailed1 .linkxxx a { width: 100%; padding: 0; margin-bottom: 0.2rem; } .detailed1 .linkxxx .next { text-align: left; } .detailed1 .linkxxx a:after { display: none; } .pubc-banner .middle-cont img { /*width: 0.3rem;*/ } .dynamic { height: 6rem; } .dynamic1 .tabs span { font-size: 0.34rem; padding: 0.1rem 0.2rem; margin: 0 0.1rem; } .dynamic1 .list { margin-top: 0.3rem; } .dynamic1 .list .otext { padding-left: 0; } .dynamic1 .list .oimg { width: 100%; height: auto; float: none; } .dynamic1 .list .otext { overflow: visible; } .dynamic1 .titbox { /*padding: 0.2rem 0;*/ } .dynamic1 .titbox .h21 { font-size: 0.3rem; margin-right: 0; } .dynamic1 .titbox .date { position: static; font-size: 0.24rem; margin-top: 0.1rem; transform: none; } .dynamic1 .desc { margin-top: 0.25rem; } .dynamic1 .btn1 { font-size: 0.24rem; margin-top: 0.3rem; width: 100%; height: auto; padding: 0.14rem 0; } .dynamic1 .item { padding: 0.3rem 0; } .dynamic1 { padding: 0.5rem 0; } .enter:before { display: none; } .enter { height: 6rem; } .pubc-titbox .h21 { font-size: 0.7rem; } .pubc-titbox .p1 { font-size: 0.4rem; margin-top: -0.35rem; } .pubc-banner .middle-cont { /*margin-top: 0rem;*/ word-break: break-all; } .enter .h21 { opacity: 0.4; } .enter1 .artificial1-titbox { padding-top: 0.5rem; } .enter1 .item { position: static !important; } .enter1 .item.i1, .enter1 .item.i6, .enter1 .item.i2, .enter1 .item.i5, .enter1 .item.i7, .enter1 .item.i8, .enter1 .item.i9, .enter1 .item.i10, .enter1 .item.i11, .enter1 .item.i12 { display: none; } .enter1 .item.i4 .mCustomScrollbar { height: 4rem; } .enter1 .box { height: auto; margin-top: 0.6rem; } .enter1 .item.i3 { width: 100%; height: 6.6rem; position: relative !important; background-size: 100%;display: none; } .enter1 .item.i3 .btn1 { font-size: 0.2rem; width: 86%; height: 0.54rem; line-height: 0.54rem; left: 4rem; top: 1.2rem; } .enter1 .item.i4 { width: auto; height: auto; background-size: cover; } .enter1 .item.i4 .text { padding: 0.6rem 0.3rem; line-height: 1.6; } .enter1 .item.i3:before { width: 2rem; height: 0.1rem; margin-top: -0.3rem; background-position: left center; background-size: auto 100%; left: 2.4rem; } .enter1 .item.i6 { position: relative !important; top: auto; left: auto; width: 50%; float: right; } .enter1 .item.i6 .btn1 { font-size: 0.2rem; width: 3rem; left: -3.5rem; height: 0.54rem; line-height: 0.54rem; top: 50%; } .enter1 .item.i6:before { width: 2rem; height: 0.1rem; top: 50%; background-size: auto 100%; margin-top: 0.2rem; right: 2rem; } .enter2 { padding: 0.8rem 0; } .enter3:before { -webkit-animation: none; animation: none; } .enter3 .artificial1-titbox { height: auto; padding-top: 0.8rem; } .enter3 .artificial1-titbox .p1 { font-size: 0.24rem; margin-top: 0.2rem; } .enter3 .box .item.i1, .enter3 .box .item.i2, .enter3 .box .item.i3, .enter3 .box .item.i4 { -webkit-animation: none; animation: none; } .enter3 .box .item:before, .enter3 .box .item:after { display: none; } .enter3 .box .item { margin: 0; width: 2.5rem; background-size: cover !important; height: 2.5rem; float: none; display: inline-block; vertical-align: bottom; } .enter3 .box .item:first-child { margin: 0; } .enter3 .box .item i { width: 0.8rem; height: 0.7rem; } .enter3 .box .item .middle-cont { margin-top: 0.4rem; font-size: 0.2rem; width: 76%; } .enter3 .box .item .tit { font-size: 0.22rem; overflow: hidden; text-overflow: ellipsis; } .enter3 .box .item .p1 { margin: 0; overflow: hidden; text-overflow: ellipsis; } .enter3 .box { white-space: nowrap; overflow-x: auto; margin-top: 0.4rem; height: auto; } .enter3 .btn1 { display: inline-block; width: auto; height: auto; font-size: 0.24rem; margin-top: 0.2rem; line-height: normal; padding: 0.15rem 0.3rem; } .enter3 .yuandian { display: none; } .enter3 .box1 { margin-top: 0.4rem; } .enter3 .box1 .img { float: none; width: auto; height: auto; } .enter3 .box1 .inner { padding: 0.4rem 0.3rem; } .enter3 .box1 .text .tit { font-size: 0.3rem; } .enter3 .box1 .desc { margin-top: 0.2rem; line-height: 1.4; font-size: 0.24rem; margin-right: 0rem; } .enter3 { height: auto; padding-bottom: 1rem; } .enter4 { margin: 0; } .enter4 .slickbox { margin-top: 0.3rem; } .enter4 .slick-item .tit { font-size: 0.26rem; text-align: center; } .enter5 .box .img { position: relative; width: 100%; left: auto; right: auto; top: auto; bottom: auto; height: auto; } .enter5 .slick-arrow.slick-prev { left: 1.94rem; } .enter5 .slick-arrow.slick-next { right: 0.2rem; } .enter5 .slick-arrow { top: -0.9rem; } .enter5 .box .text { margin-left: 0; margin-top: -0.4rem; } .enter5 .box .inner { padding: 0.5rem 0.3rem; } .enter5 .box .tit { font-size: 0.36rem; } .enter5 .box .desc { line-height: 1.5; margin-top: 0.2rem; } .enter7 { height: auto; } .enter7 .map { width: 100%; position: static; height: 6rem; } .enter7 .text { width: 100%; margin-top: 0; height: auto; background-size: cover; } .enter7 .item .g { width: 100%; } .enter7 .item .g+.g { margin-left: 0; margin-top: 0.2rem; } .enter7 .inner { padding: 0.5rem 0.25rem; } .enter7 .tit { font-size: 0.36rem; } .enter7 .list { font-size: 0.28rem; margin-top: 0.3rem; } .enter7 .icon { width: 0.6rem; } .enter7 .item { padding-left: 0.9rem; margin-bottom: 0.3rem; } .enter7 .tit1 { font-size: 0.32rem; } /*0917*/ /*忘记密码*/ .pubc-banner.personalcenter { height: auto; min-height: inherit; } .personalcenter { height: auto; padding: 2.5rem 0 1rem; } .forget.personalcenter .middle-cont { margin: 0; width: 100%; } .personalcenter .middle-cont .inner { padding: 0.6rem 0.4rem; } .personalcenter .title1 { font-size: 0.36rem; } .personalcenter .form { margin-top: 0.4rem; } .inputbox { padding: 0.1rem 0.2rem; font-size: 0.26rem; } .personalcenter .form input { height: 0.6rem; } .personalcenter .btn1 { width: 2rem; line-height: 0.84rem; } .buttonbox { margin-top: 0.4rem; } .buttonbox a { font-size: 0.28rem; padding: 0.2rem 0; } .personalcenter .yzm.log { width: 76%; } .personalcenter .yzm .t { line-height: 0.74rem; right: -1.3rem; } /*首页*/ .home .slick-item, .home { height: 10rem; } .home-banenr .tit1 { font-size: 0.6rem; } .home-banenr .tit2 { font-size: 0.48rem; margin-top: 0.4rem; } .home-banenr .tit3 { font-size: 0.4rem; margin-top: 0.2rem; } .home-banenr .bottom { width: 100%; left: 0; margin: 0; } .home-banenr .leftbox { display: block; overflow: hidden; } .home-banenr .bottom .tool { right: 0; left: 0; margin: auto; width: 30%; } .home-banenr .bottom .tool:after { display: none; } .home-banenr .bottom { height: auto; padding: 0.3rem 0 0.3rem 0.8rem; } .home-banenr .leftbox .item { float: left; margin: 0 0 0 1rem; padding-left: 0.8rem; } .home-banenr .bottom .item .img { width: 0.6rem; margin-top: -0.3rem; } .home-banenr .bottom .item .tit, .home-banenr .bottom .item .tit1 { font-size: 0.26rem; } .home-banenr .bottom .tool { bottom: 1.8rem; } .home1 { height: auto; padding-bottom: 1rem; background-size: contain; } .home1 .pubc-titbox { padding: 1rem 0 0; } .home1 .p2 { font-size: 0.3rem; padding-top: 0.2rem; } .home1 .text { width: auto; padding-top: 0.4rem; line-height: 1.4; } .home1 .tip1 { padding-top: 0.4rem; } .home1 .button { padding-top: 1rem; } .home1 .button a { padding: 0.2rem 0.3rem; font-size: 0.26rem; margin: 0; -webkit-box-shadow: 0px 0.1rem 0.3rem 0px rgba(34, 82, 172, 0.4); box-shadow: 0px 0.1rem 0.3rem 0px rgba(34, 82, 172, 0.4); } .home1 .button a.a2 { margin-left: 0.2rem; -webkit-box-shadow: 0px 0.1rem 0.3rem 0px rgba(210, 192, 126, 0.4); box-shadow: 0px 0.1rem 0.3rem 0px rgba(210, 192, 126, 0.4) } .home2 .item, .home2 .img1 { position: relative; left: 0; top: 0; width: 100%; height: auto; } .home2 .pubc-titbox { padding: 2rem 0; text-align: center; } .home2 .i2 .img { position: relative; padding: 1.2rem 0; } .home2 .i2 .img img { width: 1.5rem; height: auto; position: static; display: block; margin: 0 auto; } .home2 .i2 .text { position: static; width: 100%; height: auto; padding: 0.3rem; } .home2 .text .inner { padding: 0; } .home2 .text .tit { font-size: 0.36rem; } .home2 .i3 .img { position: relative; padding: 1.2rem 0; } .home2 .i3 .img img { width: 1.5rem; height: auto; position: static; display: block; margin: 0 auto; } .home2 .i3 .text { position: static; width: 100%; height: auto; padding: 0.3rem; } .home2 .img1 { display: none; } .home2 { height: auto; } .pubc-titbox .h21 { color: #ddd; } .home3 .pubc-titbox { padding-top: 1rem; } .home3 .box { margin-top: 0.6rem; } .home3 .box .leftbox { float: none; width: 100%; height: auto; background-size: cover !important; } .home3 .box .inner { padding: 0.6rem; } .home3 .box .desc { line-height: 1.5; height: auto; margin: 0.2rem 0 0.4rem; } .home3 .box .tit1 { font-size: 0.48rem; } .home3 .box .rightbox { float: none; width: 100%; height: auto; overflow: hidden; margin-top: 0.3rem; } .home3 .box .rightbox .img1 { width: 100%; height: 100%; left: 0; top: auto; bottom: 0; background-position: center -4rem !important; background-color: #d6bf74 !important; } .home3 .box .more { width: 2rem; height: 0.8rem; line-height: 0.8rem; } .home3 .box .rightbox .img2 { display: none; } .home3 .box .rightbox .img1 {} .home3 .box .rightbox .text { width: 100%; height: auto; padding: 0.6rem; } .home3 .box .rightbox .img { width: 100%; height: auto; padding-bottom: 0.4rem; } .home3 .box .rightbox .tit1 { font-size: 0.42rem; } .home4 .pubc-titbox { position: static; padding: 1rem 0 0.4rem; } .home4 .list { position: static; width: 100%; height: auto; left: 0; } .home4 .buttonbox1 { position: static; width: 100%; height: 60px; display: none; } .home4 .buttonbox1 span { float: right; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } .home4 { height: auto; padding-bottom: 1rem; } .home4 .item {} .home4 .date { position: static; display: none; } .home4 .time { display: block; } .home4 { padding-top: 0; font-size: 0; } .home4 .time { padding: 0.1rem 0.2rem 0.1rem; color: #5482d9; font-size: 0.28rem; } .home4 .tit { padding: 0 0.2rem; font-size: 0.3rem; line-height: 1.4; height: auto; margin-bottom: 0.2rem; } .home4 .more { position: static; display: block; width: 2rem; height: 0.8rem; line-height: 0.8rem; margin-top: 0.3rem; font-size: 0.28rem; } .home4 .item { float: none; margin-bottom: 0; width: 3.4rem; margin-right: 0; display: inline-block; vertical-align: top; } .home4 .item:nth-child(odd) { margin-right: 0.18rem; } .home5 .box .item { width: auto; height: auto; border: 1px solid #fff; border-radius: 0.2rem; margin: 0 0.1rem; background: transparent; } .home5 .box .inner { padding: 0.3rem 0.2rem; } .home5 .box .img { width: 1.5rem; height: 1.5rem; float: none; margin: 0 auto; background: none; } .home5 .box .text { width: auto; padding: 0; text-align: center; } .home5 .box .tit { padding-top: 0rem; font-size: 0.3rem; } .home5 .box .desc { line-height: 1.6em; height: 3.2em; font-size: 0.24rem; } .home5 .box .item::after { display: none; } .home5 .box .slick-mod { margin: 0; } .home5 .box .slick-item { margin: 0.1rem 0; } .home5 { height: auto; padding: 1rem 0; } .home5 .pubc-titbox { padding: 0; } /**/ .pubc-banner { height: 6rem; padding: 2.5rem 0 1rem; } .pubc-banner::before { display: none; } .pubc-banner .middle-cont { margin: 0; } .idea { margin-top: 0.4rem; background: #fff; height: auto; } .idea .bgbox { display: none; } .idea .x-wrap { padding: 0; } .idea .img { float: none; width: 100%; height: auto; padding: 1rem 0; } .idea .img .middle-cont { padding: 0 0.3rem; display: block; width: 100%; } .idea .img .en { font-size: 0.8rem; line-height: 0.8rem; } .idea .img .zh { font-size: 0.4rem; margin-top: 0.2rem; } .idea .text { padding: 0.6rem 0.3rem; } .idea .item { padding: 0 !important; margin-bottom: 0.4rem !important; } .idea .text .img1 { width: 1.3rem; height: 1.3rem; background-size: 100% 100%; } .idea .item::before { display: none; } .idea .text1 { padding-left: 0.2rem; } .idea .text1 .tit { font-size: 0.3rem; padding: 0; } .idea .text1 .p1 { font-size: 0.26rem; line-height: 1.6; } .idea .text1 .p1 br { display: none; } .idea1 { padding: 0 0 1rem; } .idea1 .table tr:nth-child(1) { display: none; } .idea1 .table tr { padding-bottom: 0.5rem; display: block; border-top: 1px solid #e8e8e8; } .idea1 .table .name { display: block; width: 2rem; } .idea1 .table td { position: relative; padding: 0.2rem 0; display: block; overflow: hidden; } .idea1 .table td span { padding: 0; display: block; text-align: left; float: left; } .idea1 .table td a { display: block; float: left; } .idea1 .table td:last-child a { width: auto; padding: 0; } .idea1 .tit { font-size: 0.4rem; padding-top: 0.6rem; border-top: 1px solid #e8e8e8; } .idea1 .table, .idea1 .page-mod { margin-top: 0.4rem; } .idea1 .join { text-align: center; } .idea1 .join a { margin: 0.2rem 0.1rem 0; } .win_alert { width: auto; height: auto; left: 0.2rem; right: 0.2rem; margin: -4rem 0 0; height: 8rem; } .win_alert .inner { padding: 0.8rem 0.4rem 0; } .win_alert .close { width: 0.6rem; height: 0.6rem; background-size: 100% 100%; top: 0.1rem; right: 0.1rem; } .win_alert .scroll { height: 5rem; } .win_alert .title1 { font-size: 0.4rem; } .win_alert .title1::after { left: 0; } .win_alert .part1 { font-size: 0.24rem; line-height: 1.6; margin-top: 0.3rem; } .win_alert .content .text1 { margin-top: 0.32rem; } .win_alert .content .desc { font-size: 0.24rem; line-height: 1.6; margin-top: 0.2rem; } .win_alert .content .title { font-size: 0.3rem; } /*创新之路*/ .innovate { margin: 0; padding: 1rem 0; } .innovate .pubc-titbox { padding-bottom: 0.4rem; } .btnbox .btn1 a {} .innovate .box .item.i1 { display: none; } .innovate .box .item .pad { padding: 0.4rem; } .innovate .box .item.i3 i { width: 2rem; height: 2rem; right: -0.3rem; top: -1rem; } .innovate .box .item .tit1 { font-size: 0.4rem; } .innovate .box .item .desc { line-height: 1.6; } .innovate .box .item { float: none; width: 100% !important; height: auto !important; } .innovate .box { height: auto; margin-top: 0.4rem; } .innovate1 { height: auto; padding: 1rem 0; } .innovate1 .pubc-titbox.ab { position: static; text-align: center; padding-bottom: 0.4rem; } .innovate1 .item1 { width: 100%; height: auto; } .innovate1 .x-wrap { padding: 0; } .innovate1 .middle-cont { padding: 0.6rem 0.4rem; } .innovate1 .item2 { width: 100%; height: auto; } .innovate1 .img img { width: 2rem; height: 2rem; } .innovate1 .h22 { font-size: 0.4rem; margin-top: 0.2rem; } .innovate1 .con { line-height: 1.6; font-size: 0.26rem; } .innovate1 .btnbox { width: 100%; padding: 0.4rem 0.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .btnbox .btn1 { -webkit-box-shadow: none; box-shadow: none; } .innovate2 .bg1, .innovate2 .bg2 { display: none; } .innovate2 { height: auto; padding: 1rem 0; } .innovate2 .pubc-titbox { padding: 0 0 0.4rem; } .innovate2 .text1 { width: 100%; } .innovate2 .text1 .h21 { font-size: 0.3rem; } .innovate2 .text1 .desc { line-height: 1.6; margin: 0.2rem 0 0.6rem; } .innovate2 .text1 { margin-top: 0; display:none; } .innovate2 .list { margin-top: 0.6rem; overflow: hidden; } .innovate2 .item { width: 50%; height: 3rem; margin: 0 !important; -webkit-box-shadow: none; box-shadow: none; } .innovate2 .img img { width: 1.5rem; height: 1.5rem; } .innovate2 .tit { font-size: 0.3rem; margin-top: 0.2rem; } .innovate3 .desc { width: 100%; line-height: 1.6; font-size: 0.24rem; margin: 0.4rem 0; } .innovate3 .box { margin: 0; height: auto; padding-bottom: 1.2rem; } .innovate3 .box1 { padding-top: 1.2rem; } .innovate3 .box .box2 { padding: 0 0.15rem; height: 3.5rem; } .innovate3 .box .tit1 { font-size: 0.4rem; } .innovate3 .box .box2::before { width: 0.3rem; height: 0.3rem; margin-left: -0.15rem; bottom: 0.08rem; } .innovate3 .box .box2::after { display: none; } .innovate3 .box::after { height: 0.04rem; bottom: 1.4rem; } .innovate3 .box .desc1 { line-height: 1.6; font-size: 0.24rem; } /**/ .forget .yzm .btn1 img { width: 100%; height: 100%; display: block; } .register .tip2 { padding: 0 0.3rem; margin-top: 0.3rem; font-size: 0.28rem; } /**/ .message1 { margin: 0; padding: 1rem 0; } .message1 .bgbox { display: none; } .pubc-title .tit { font-size: 0.6rem; } .pubc-title .tit1 { font-size: 0.5rem; margin-top: -0.2rem; } .message1 .form { width: 100%; margin-top: 0.4rem; } .message1 .form {} /**/ .personalcenter .middle-cont { width: 100%; } .personalcenter .middle-cont .tabs span { font-size: 0.3rem; padding: 0.1rem 0; } .personalcenter .tip1 { font-size: 0.24rem; line-height: 1.6; margin-top: 0.4rem; } .personalcenter .tip1 span { display: block; float: none !important; text-align: left; } /**/ .sar { height: 6rem; padding: 0; } .sar1 { padding: 1rem 0; } .sar1 .bg1, .sar1 .bg2 { display: none; } .sar1 .box { background: url(../image/images/phsar1b_03.png) no-repeat center; background-size: 77% !important; height: 6.9rem; margin: 0.5rem 0 0; overflow: hidden; } .sar1 .box .item { width: 1.82rem !important; height: 1.82rem !important; background: #159192; border-radius: 50%; margin-top: 0; background-size: cover !important; } .sar1 .box .item .h21, .sar1 .box .item .p1 { font-size: 0.24rem; margin-top: 0; line-height: 1.3; } .sar1 .box .item.i1 { background: url(../image/images/s1r1_03.png) no-repeat center; top: 0.72rem; left: 0.76rem; } .sar1 .box .item.i2 { background: url(../image/images/s1r2_03.png) no-repeat center; top: 0; bottom: 0; left: auto; right: 0; margin: auto; } .sar1 .box .item.i3 { background: url(../image/images/s1r3_03.png) no-repeat center; top: 0; bottom: 0; left: 0; margin: auto; } .sar1 .box .item.i4 { background: url(../image/images/s1r4_03.png) no-repeat center; top: 4.36rem; left: 4.46rem; margin: auto; } .sar1 .box .item.i5 { background: url(../image/images/s1r5_03.png) no-repeat center; top: auto; left: 0; right: 0; bottom: 0; margin: auto; } .sar1 .box .item.i6 { background: url(../image/images/s1r6_03.png) no-repeat center; top: 4.36rem; left: 0.62rem; } .sar1 .box .item.i7 { background: url(../image/images/s1r7_03.png) no-repeat center; top: 0.74rem; left: 4.32rem; } .sar1 .box .item.i8 { background: url(../image/images/s1r8_03.png) no-repeat center; top: 0; left: 0; right: 0; margin: auto; } .sar2 { height: auto; padding: 1rem 0; } .sar2 .tit1 { margin: 0.4rem 0 0; font-size: 0.4rem; } .sar2 .pubc-titbox { padding: 0; } .sar2 .list { position: static; overflow: hidden; margin-top: 0.8rem; } .sar2 .list .item { position: static; width: 100%; height: auto !important; margin: 0 !important; padding: 0.4rem 0; } .sar2 .list .middle-cont { padding: 0 0.2rem; } .sar2 .img img { width: 1.2rem; height: 1.2rem; } .sar2 .con { margin: 0.3rem 0 0; font-size: 0.26rem; line-height: 1.6; } .sar2 .list .item.i5 { position: static; width: 100%; } .sar2 .list .item.i5 .tit2 { font-size: 0.3rem; } .sar2 .list .item.i5 .tit3 { font-size: 0.48rem; } .sar2 .list .item.i5 .a { margin: 0.3rem 0 0; padding: 0.2rem 0.3rem; } .sar2 .list .item.i3 .middle i { display: none; } .sar3 { height: auto; padding: 0; } .sar3 .x-wrap .item { position: relative !important; width: 100%; height: auto; left: 0; top: 0; z-index: 5; } .sar3 .x-wrap { padding: 0; } .sar3 .item.i2 { display: none; } .sar3 .item.i3 i { display: none; } .sar3 .item.i3 .text, .sar3 .item.i5 .text, .sar3 .item.i1 .text { position: static; width: 100%; height: auto; padding: 0.6rem 0.4rem; background: rgba(0, 0, 0, 0.3); } .sar3 .item.i1::before, .sar3 .item.i5::before, .sar3 .item.i3::before { display: none; } .sar3 .item .text .tit1 { font-size: 0.4rem; color: #fff; line-height: 1.6; } .sar3 .item .text .desc { font-size: 0.26rem; line-height: 1.6; margin: 0.2rem 0 0; color: #fff; } .sar3 .item.i3 { background: none; } .sar3 .item.i4 { position: absolute !important; height: 100%; width: 100%; top: 0; right: 0; z-index: 4; } .sar4 .slickbox { margin-top: 0.2rem; } .social1 .list-width, .social1 .list-item { width: 100%; } .social1 .h21 { font-size: 0.24rem; line-height: 1.6; } .social1 .date { font-size: 0.26rem; margin-top: 0.1rem; } .social1 .list-item { margin-bottom: 0.4rem; } .social1 .more { margin-top: 0.4rem; } .dynamic1 { padding: 1rem 0; } .social1 .more a { width: 3rem; font-size: 0.28rem; line-height: 0.8rem; height: 0.8rem; } .source1 { margin: 0; padding: 0; } .source1 .img { float: none; width: 100%; height: auto; } .source1 .img img { width: 100%; height: 100%; } .source1 .text .pad { padding: 0.6rem 0.4rem; } .source1 .text .tit { font-size: 0.4rem; } .source1 .text .desc { margin: 0.4rem 0 0.6rem; height: auto; line-height: 1.6; font-size: 0.24rem; } .source1 .text { height: auto; padding-bottom: 2rem; background-position: center bottom; background-size: auto 4rem; } .source1 .box1 .item { float: none; width: 100%; height: auto; margin: 0; background-size: cover; } .source1 .item .inner { padding: 0.6rem 0.4rem; } .source1 .box1 { margin-top: 0.6rem; } .source1 .x-wrap { padding: 0; } .source2 .imgbox { float: none; width: 100%; height: 5.9rem; margin: 0; overflow: hidden; } .source2 .x-wrap { padding: 0; } .source2 .text { width: 100%; height: auto; margin: 0; position: static; background-size: cover; } .source2 .list { height: 8rem; } .source2 .inner { padding: 0.6rem 0.4rem; width: auto; } .source2 .list { width: auto; height: 6rem; } .source2 .tit { font-size: 0.4rem; } .source2 .item { font-size: 0.24rem; height: auto; line-height: 1.6; padding-bottom: 0.4rem; } .source2 .item .ic1 { height: auto; } .source2 .button { width: 2rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; } .source3 { padding: 1rem 0; } .source3 .tit { font-size: 0.4rem; } .source3 .box { margin-top: 0.4rem; } .source3 .img { width: 100%; height: auto; float: none; } .source3 .img img { width: 100%; } .source3 .text { padding: 0; } .source3 .item.i1, .source3 .item.i2 { height: auto; margin: 0; } .source3 .item.i1 .inner, .source3 .item.i2 .inner { padding: 0.6rem 0.4rem; } .source3 .item.i1 .tit2, .source3 .item.i2 .tit2 { font-size: 0.36rem; padding-bottom: 0.3rem; } .source3 .item.i1 .desc, .source3 .item.i2 .desc { margin-top: 0.3rem; line-height: 1.6; font-size: 0.26rem; } .innovate1pop .con { width: 90%; height: 6rem; padding: 0.8rem 0.2rem 0.5rem 0.3rem; } .innovate1pop .con .close { top: 0.2rem; right: 0.2rem; width: 0.4rem; height: 0.4rem; } .innovate1pop .ipt { font-size: 0.36rem; } .pop .con { width: 90%; height: 7.8rem; padding: 1rem 0.5rem 0.5rem 0.5rem; } .mCSB_inside>.mCSB_container { margin-right: 0.3rem; } .pop .con .pop_close { top: 0.2rem; right: 0.2rem; width: 0.4rem; height: 0.4rem; } .pop .con .inner .tit, .pop .itemt { font-size: 0.42rem; } .pop.cf .p, .pop .p { font-size: 0.28rem; } .pop .lit { font-size: 0.36rem; } .pop .con .incon { height: 6.4rem; } .home4 .ws { display: none; } .bg2, .bg1 { display: none; } .enter3 .box .item .ic1, .enter3 .box .item .ic2 { display: none; } .enter5 { background-size: cover !important; height: auto !important; padding: 0.4rem 0; background-size: cover !important; } .enter5 .box { position: static; background-size: cover; } .enter5 .box { height: auto; } .enter6, .enter7 { margin-top: 0; } .dynamic1 .tabs span .ic1 { height: 0.18rem; } .innovate3 .box .slick-list { padding: 0; } .innovate3 .box .box2 .ic1 { display: none; } .innovate3 .box .slick_nav { position: absolute; left: 50%; margin-left: -90px; } .sitemap .line h3 { font-size: 0.28rem; } .x-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; } .innovate1 .ab { position: static; } .page-mod .page-more { width: 3rem; font-size: 0.28rem; line-height: 0.8rem; height: 0.8rem; } .titbox .tit { font-size: 0.4rem; } .titbox .desc { line-height: 1.4; font-size: 0.24rem; margin-top: 0.1rem; } .titbox { width: auto; } .source5 { padding: 0.4rem 0; } .source5 .list .item.i3 .tit, .source5 .list .item.i1 .tit { position: static; } .source5 .list .tit { font-size: 0.3rem; line-height: 1.6; } .source5 .list .text, .source5 .list .border { width: auto; height: auto; overflow: hidden; margin: 0.2rem; } .source5 .list .text { margin: 0; margin-top: 0.1rem; } .source5 .list .item, .source5 .list .border { float: none; } .source5 .list .text .inner { line-height: 1.4; padding: 0.35rem; } .source5 .list .item, .source5 .list .item.i2 { margin: 0; } .source5 .list .item, .source5 .list .item.i2 { margin-bottom: 0; } .source5 .list { margin-top: 0.2rem; } .videobox { width: 7rem; margin-left: -3.5rem; height: 5rem; } .source1 .item { line-height: 1.6; } .artificial6 .img { position: static; width: auto; height: auto; margin-top: 0.3rem; } .artificial6 .img img { width: 100%; } .artificial6 { height: auto; } .artificial6 { margin: 0; margin-bottom: 0.3rem; overflow: hidden; } .artificial6 .text { padding-top: 0.4rem; padding-bottom: 0.4rem; width: auto; } .artificial6 .text .tit1 { font-size: 0.36rem; } .artificial6 .text .tit2 { font-size: 0.3rem; margin-top: 0.2rem; } .artificial6 .text .desc { font-size: 0.24rem; line-height: 1.4; margin-top: 0.2rem; } .artificial6 .text .img1 { padding: 0; margin-top: 0.2rem; width: auto; height: auto; } .sar4 .slicknav ul li { width: 0.05rem; height: 0.05rem; margin: 0.05rem; } .enter4 .slicknav { position: static; margin-top: 0.3rem; } .enter4-1.enter4 { padding-bottom: 0.6rem; padding-top: 0; } .source5 .list .item .img { position: static; width: auto; height: auto; display: none; } .source5 .list .item .img img { width: 100%; } .source5 .titbox { width: auto; } .source5 .list .item { padding: 0.1rem 0; } .source5 .list .desc { margin-top: 0.1rem; font-size: 0.24rem; } .source_alert { /* width: auto; left: 0.3rem; right: 0.3rem; margin-left: 0; height: 5rem; margin-top: -2.5rem; */ } .source_alert .close { width: 0.4rem; height: 0.4rem; background-size: cover; right: 0; top: -0.6rem; } .home2 .text .desc { height: auto; line-height: 1.4; margin-top: 0.1rem; } .innovate4 { margin-top: 0.2rem; margin-bottom: 0.4rem; } .innovate4 .box2 .img { width: 2.8rem; margin-top: 0; height: 4.18rem; } .innovate4 .box2 .inner { padding: 0; } .innovate4 .box2 { height: auto; } .innovate4 .box2 .text { padding-left: 0.2rem; padding-right: 0.2rem; } .innovate4 .box2 .inner1 { height: 3.8rem; margin-top: 0.2rem; padding: 0.2rem; } .innovate4 .box2 .tit1 { padding: 0; font-size: 0.28rem; line-height: 1.4; } .innovate4 .box2 .desc1 { margin-top: 0.1rem; font-size: 0.24rem; } .idea .item:first-child .text1 .tit { color: #474747; } .idea .item:first-child .text1 .p1 { color: #707070; } .x-footer .telephone .t { padding: 0.05rem 0; } } @media screen and (max-width: 1520px) { .artificial3 .img .tit { margin-left: -60px; } .enter7 .inner { padding-left: 50px; padding-right: 0; } .source2 .list { height: 250px; } } @keyframes rot { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 25% { transform: rotate(5deg); -webkit-transform: rotate(5deg); } 50% { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); } 75% { transform: rotate(5deg); -webkit-transform: rotate(5deg); } 100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } } @-webkit-keyframes rot { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 25% { transform: rotate(5deg); -webkit-transform: rotate(5deg); } 50% { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); } 75% { transform: rotate(5deg); -webkit-transform: rotate(5deg); } 100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } }