body{color:#333; font-size:14px;min-width: 320px;max-width: 1920px;width: 100%;margin: 0 auto;} [body]{overflow:hidden; min-width: 320px;max-width: 1920px;width: 100%;margin: 0 auto;} [BGFFF]{background: #FFF;} .trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; } .trans10 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .trans15 { transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; } .t-max{text-transform: uppercase;} .max{margin: auto;} .blank100{height: 100px;} #header{position: fixed;top: 0;width: 100%;left: 0;right: 0;margin: auto;height: 80px;z-index: 100;border-bottom: 1px solid transparent;} #header.ih{height: 0;overflow: hidden;border-bottom: none;} #header .cw1800{z-index: 10;} #header .logo{position: relative;z-index: 10;margin-top: 22px;} #header .logo .m-pic{width: 250px;height: 40px;text-align: left;} #header .nav{width: 758px;left: 0;right: 0;margin: auto;top:0;} #header .nav.l3{left: -300px;} #header .nav .n1{position: relative;z-index: 2;margin-right: 54px;} #header .nav .n1:first-child{z-index: 10;} #header .nav .n1:last-child{margin-right: 0!important;} #header .nav .two{left: -50px;width: 160px;top: 80px;height: 0;overflow: hidden;background: url(/images/nav_bg.png) no-repeat center center/100% 100%;} #header .nav .n1:last-child .two{left: -56px;} #header .nav .solution{position: static;} #header .nav a.one{position: relative;z-index: 10;} #header .nav .two a{width: 90%;margin: 28px auto 0;color: #ffffff;font-size: 14px;} #header .nav .two a:hover{color: #00c1ff;} #header .nav .one{line-height: 78px;color: #ffffff;font-size: 16px;border-bottom: 2px solid transparent;} #header .nav .n1:hover .one{border-bottom: 2px solid #00c1ff;color: #00c1ff;} #header .fr{position: relative;z-index: 2;} #header .fr .inline-block{margin-top: 30px;color: #ffffff;font-size: 16px;line-height: 18px;height: 18px;} #header .fr .b1{width: 1px;height: 15px;background: rgba(203,203,203,.6);margin: 32px 34px 0;} #header .fr .lang:hover{color: #00c1ff;} #header .fr .m{display: none;} #header .search{margin-left: 60px;cursor: pointer;width: 18px;overflow: hidden;background: url(/images/search.png) no-repeat center center;} #header .search .fb{position: relative;width: 0;overflow: hidden;height: 18px;} #header .search form{width: 240px;top: 0;left: 0;height: 17px;border-bottom: 1px solid #fff;} #header .search .text{display: inline-block;vertical-align: top;margin-top: 0;width: 200px;height: 17px;line-height: 17px;color: #fff;font-size: 13px;} #header .search label{display: inline-block;vertical-align: top;margin-top: 0;width: 18px;height: 16px;margin-left: 12px;cursor: pointer;background: url(/images/search.png) no-repeat center center/13px;} #header .search .text::-webkit-input-placeholder {color: #fff;} #header .search .text::-moz-placeholder {color: #fff;} #header .search .text::-moz-placeholder{color: #fff;} #header .search .text::-ms-input-placeholder {color: #fff;} @media (max-width: 768px){ #header .search .text{font-size: 20px;} #header .search label.inline-block{-webkit-background-size: 20px auto;background-size: 20px auto;} } #header .search.open{width: 240px;background: transparent;} #header .search.open .fb{width: 240px;} #header .solu-nav{width: 100%;height: 0;overflow: hidden;left: 0;top: 0;background: url(/images/header_bg.jpg) no-repeat center center/cover;} #header .solu-nav.open{padding-top: 100px;} /*#header .solu-nav.pro-ser{height: auto!important;}*/ #header .solu-nav .nav-w{max-width: inherit;} #header .solu-nav .nav-w.auto{overflow: hidden;overflow-y: auto;} #header .solu-nav .nav-w.auto::-webkit-scrollbar{width: 8px;height: 8px;border-radius: 25px;} #header .solu-nav .nav-w.auto::-webkit-scrollbar-track{background: #fff;border-radius: 25px;} #header .solu-nav .nav-w.auto::-webkit-scrollbar-thumb{background: rgba(28,28,54,.8);border-radius: 25px;} #header .solu-nav .nav-w, #header .solu-nav .list{width: 1400px;margin: 0 auto;position: relative;} #header .solu-nav .list .pn{width: 66%;} #header .solu-nav .list .pn:nth-child(2){width: 23%;margin-left: 3%;} #header .solu-nav .list .pn .d-list{width: 31.3%;margin-right: 3%;} #header .solu-nav .list .pn .d-list:nth-child(3n){margin-right: 0;} #header .solu-nav1 .list>*{width: 23%;} #header .solu-nav .cate>div{font-family: '微软雅黑';color: #ffc03c;font-size: 16px;margin-bottom: 15px;margin-top: 10px;} #header .solu-nav .cate.mt2>div{margin-bottom: 20px;margin-top: 0;} #header .solu-nav .cate2>div{margin-top: 10px;color: #ffffff;font-size: 15px;} #header .solu-nav .cate2.mt2>div{margin-top: 0;} #header .solu-nav .cate2>div .d{height: 8px;margin-bottom: 15px;width: 100%;position: relative;} #header .solu-nav .cate2>div .d:after{content: "";position: absolute;left: 0;bottom: 0px;width: 30px;height: 2px;background: #fff;} #header .solu-nav .child>div{color: #ffffff;font-size: 13px;margin-bottom: 12px;} /*#header .solu-nav .child:last-child>div{margin-bottom: 25px;}*/ #header .solu-nav .child:hover>div{color: #00c1ff;} #header .nav .one:hover, #header.head2 .nav .one:hover, #header .nav .one.cur, #header.head2 .nav .one.cur{color: #00c1ff;} #header .pro-ser .list>*{position: static;} #header .pro-ser .list .pn:nth-child(1){width: 74%;text-align: left;} #header .pro-ser .list .pn:nth-child(1) .pn2{width: 23.5%;margin-right: 2%;} #header .pro-ser .list .pn:nth-child(1) .pn2:nth-child(4){margin-right: 0;} #header .pro-ser .list .pn:nth-child(2){max-width: 23%;text-align: left;width: auto;margin-left: 3%;} #header .pro-ser .list .pn:nth-child(2) .cate>div{margin-bottom: 18px;} #header .pro-ser .cate2>div{margin-top: 0;} .lang-cn #header .pro-ser .nav-w, .lang-cn #header .pro-ser .list{width: 1100px;margin: 0 auto;position: relative;text-align:center;} .top-h, #header.i-detail{height: 86px;background: url(/images/header.jpg) no-repeat center center/100% 86px;} /*#header.head2 .fr .inline-block, #header.head2 .nav .one{color: #333;} #header.head2 .search{background-image: url(/images/search2.png);} #header.head2 .logo img{display: none;} #header.head2 .logo .hide{display: inline-block;}*/ #header:hover, #header.head2{background: url(/images/header.jpg) no-repeat center center} #header:hover{border-bottom: 1px solid rgba(255,255,255,.12);} #header.s2:hover{background: transparent;} .lang-en #header .nav{width: 1000px;} .lang-en #header .solu-nav, .lang-en #header .nav .two{text-align: left;} @media (max-width: 1680px){ .lang-en #header .nav .n1{margin-right: 30px;} .lang-en #header .nav{width: 880px;text-align: right;} #header .fr .b1{margin-left: 25px;margin-right: 25px;} #header .search{margin-left: 40px;} } @media (max-width: 1440px){ .lang-cn #header .nav{width: 630px;} .lang-cn #header .nav .n1{margin-right: 40px;} .lang-en #header .nav{width: 770px;right: -8%;} .lang-en #header .nav .n1{margin-right: 25px;} #header .solu-nav .nav-w, #header .solu-nav .list{width: 1240px;} .lang-en #header .fr .code{display: none;} .lang-en #header .nav.l3{left: -200px;} /*#header .solu-nav .cate>div{font-size: 15px;}*/ /*#header .solu-nav .cate2>div{ font-size: 14px; }*/ #header .solu-nav .child>div{font-size: 13px;margin-bottom: 12px;font-family: 'SourceHanSansCN_Light';} #header .solu-nav.open{padding-top: 115px;} #header .nav .one{font-size: 14px;} } @media (max-width: 1400px){ #header .fr .code{display: none;} #header .nav.l3{left: -100px;} .lang-en #header .nav.l3{left: -200px;} .lang-en #header{-webkit-background-size: 100% 100%!important;background-size: 100% 100%!important;} .lang-en #header.d2{padding-bottom: 40px;} .lang-en #header .fr, .lang-en #header .search{position: static;} .lang-en #header .search.open{width: 18px;background: url(/images/form_close.png) no-repeat center center/16px;} .lang-en #header .search form{position: static;} .lang-en #header .search .fb{width: 0px;position: absolute;left: 0px;top: 75px;height: 30px;} .lang-en #header .search form{height: 29px;text-align: center;} .lang-en #header .search .text{height: 28px;line-height: 28px;width: 86%;} .lang-en #header .search label.inline-block{width: 10%;height: 28px;} .lang-en #header .search form{width: 70%;margin: 0 auto;} .lang-en #header .search.open .fb{width: 100%;} } @media (max-width: 1350px){ .lang-en #header .nav{right: -7%;} } @media (max-width: 1280px){ #header .nav{width: 590px;right: -10%;} #header .nav .n1{margin-right: 25px;} .lang-en #header .nav .n1{margin-right: 19px;} .lang-en #header .nav{width: 725px;right:-5%;} #header .nav .one{font-size: 13px;} #header .nav.l3{left: -210px;} .lang-en #header .nav.l3{left: -150px;} #header .solu-nav .nav-w, #header .solu-nav .list{width: 1000px;} } @media (max-width: 1200px){ #header{-webkit-background-size: 100% 100%!important;background-size: 100% 100%!important;} #header.d2{padding-bottom: 40px;} #header .fr, #header .search{position: static;} #header .search.open{width: 18px;background: url(/images/form_close.png) no-repeat center center/16px;} #header .search form{position: static;} #header .search .fb{width: 0px;position: absolute;left: 0px;top: 75px;height: 30px;} #header .search form{height: 29px;text-align: center;} #header .search .text{height: 28px;line-height: 28px;width: 86%;} #header .search label.inline-block{width: 10%;height: 28px;} #header .search form{width: 70%;margin: 0 auto;} #header .search.open .fb{width: 100%;} .lang-en #header .nav .one{font-size: 13px;} } @media (max-width: 1100px){ #header .logo .m-pic{width: 210px;} } @media (max-width: 1050px){ #header .solu-nav .list{width: 970px;} } @media (max-width: 1050px){ #header .nav{display: none;} #header .fr .m{display: inline-block;} #header .fr .m.menu{width: 22px;height: 18px;background: url(/images/menu.png) no-repeat center center;} #header .fr .m.menu.close{background-image: url(/images/close.png);-webkit-background-size: 20px;background-size: 20px;} } #menu{background: #000;position: absolute;width: 100%;height: 0;overflow: hidden;top: 80px;z-index: 1000;} #menu .n1{border-bottom: 1px solid #ddd;} #menu .n1:first-child{border-top: 1px solid #ddd;} #menu .n1 .one{font-size: 24px;color: #ddd;padding: 30px 3%;width: 87%;} #menu .n1 .one.c{width: auto;font-size: 20px;color: #b3b0b0;line-height: 23px;padding-top: 29px!important;padding-bottom: 13px!important;} #menu .last .one{width: auto!important;padding: 25px 0!important;} #menu .n1 .one:hover, #menu .n1 .one.cur{color: #fff;} #menu .n1 .t1{margin-right: 2%;width: 5%;height: 88px;cursor: pointer;background: url(/images/c_right2.png) no-repeat center center/13px;} #menu .n1 .t1.cur{background-image: url(/images/right3.png);-webkit-background-size: 21px;background-size: 21px;} #menu .n1 .two{height: 0;overflow: hidden;} #menu .n1 .two a{width: 94%;margin: 0 auto;color: #888;font-size: 20px;margin-bottom: 12px;} #menu .n1 .two a:hover{color: #fff;} .z-pic.in{font-size: 0;overflow: hidden;} .z-pic.in:after{content: "";position: relative;display: inline-block;width: 100%;} /*广告图*/ #index-swiper .swiper-pagination{bottom: 2.23%;} #index-swiper .swiper-pagination span{width: 30px;height: 2px;background: rgba(255,255,255,.3);margin: 0 10px;opacity: 1;border-radius: 0;} #index-swiper .swiper-pagination span.swiper-pagination-bullet-active .time-bar{background: #fff;} #index-swiper .swiper-pagination span.swiper-pagination-bullet-active .time-bar{background: #fff;} #index-swiper .bottom{bottom: 88px;width: 75px;height: 61px;left: 0;right: 0;margin: auto;-webkit-animation-name: mouse;-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;} #index-swiper .mouse{width: 22px;height: 34px;position: relative;margin: 0 auto;background: url(/images/mouse.png) no-repeat center bottom;z-index: 2;} #index-swiper .mouse:after{content: "";width: 2px;height: 8px;position: absolute;margin: auto;left: 0;right: 0;margin: auto;background: #fff; -webkit-animation-name: mouse_in;-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite; } #index-swiper .p{width: 100%;position: relative;} #index-swiper .vi video{height: 100%;} #index-swiper .vi{background-color: #000125;position: absolute;top: 0;left: 0;margin: auto;right: 0;bottom: 0;} #index-swiper .vi .video2{display: none;} #index-swiper .d{width: 10px;height: 15px;margin: 13px auto 0;background: url(/images/down.png) no-repeat center center;} #index-swiper .max{width: 72.91%;} #index-swiper .title{color: #ffffff;font-size: 50px;font-weight: bold;} #index-swiper .title-en{color: #00c1ff;font-size: 48px;font-family: 'Roboto_Light';} #inner-swiper .max{width: 72.91%;} #inner-swiper .title{color: #ffffff;font-size: 40px;font-weight: bold;} #inner-swiper .title-en{color: #00c1ff;font-size: 24px;font-family: 'Roboto_Light';} #inner-swiper.no-pic{min-height: 300px;background: #02589d;} #inner-swiper.no-pic [m-pic]{min-height: 300px;background: #02589d;} #inner-swiper .online{margin: 1.56% auto 0;width: 140px;height: 46px;line-height: 46px;color: #ffffff;font-size: 14px;border-radius: 5px;background: url(/images/more1.png) no-repeat center center;} #inner-swiper .online:hover{background: #00c1ff;} @media(max-width: 1680px){ #inner-swiper .title, #index-swiper .title{font-size: 40px;} #index-swiper .title-en, #inner-swiper .title-en{font-size: 36px;} } @media(max-width: 1440px){ #inner-swiper .title, #index-swiper .title{font-size: 36px;} #index-swiper .title-en, #inner-swiper .title-en{font-size: 30px;} #inner-swiper .online{width: 120px;height: 40px;line-height: 40px;-webkit-background-size: 100% 100%;background-size: 100% 100%;} } @media(max-width: 1280px){ #inner-swiper .title, #index-swiper .title{font-size: 30px;} #index-swiper .title-en, #inner-swiper .title-en{font-size: 28px;} } @media(max-width: 1050px){ #inner-swiper .title, #index-swiper .title{font-size: 28px;} #index-swiper .title-en, #inner-swiper .title-en{font-size: 20px;} } @media(max-width: 920px){ #inner-swiper .title, #index-swiper .title{font-size: 24px;} #index-swiper .title-en, #inner-swiper .title-en{font-size: 20px;} } @media(max-width: 850px){ #inner-swiper .title, #index-swiper .title{font-size: 22px;} #index-swiper .title-en, #inner-swiper .title-en{font-size: 18px;} } /*英文版*/ .lang-en #inner-swiper .title{text-transform: uppercase;} .lang-en #inner-swiper .title-en{display: none;} @-webkit-keyframes mouse{ 0%{ bottom: 6.8%; } 20%{ bottom: 6.4%; } 50%{ bottom: 6%; } 100%{ bottom: 5.9%; } } @-webkit-keyframes mouse_in{ 0%{ top: 10px; } 20%{ top: 13px; } 50%{ top: 15px; } 100%{ top: 17px; } } /*首页*/ /*方块5*/ #main #index .pub-tit2{color: #ffffff;padding: 22px 0 33px;position: relative;margin-bottom: 35px;background-repeat: no-repeat;background-position: center top;} #main #index .pub-tit2.i-en{margin-bottom: 15px;} #main #index .pub-tit2:after{content: "";width: 86px;height: 3px;background: #f7b018;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;} #main #index .pub-tit2.i-en:after{display: none;} #main #index .pub-desc2{margin-bottom: 48px;color: #cccccc;} #main #index .pub-tit3{color: #ffffff;font-size: 26px;margin-bottom: 0px;} #main #index .pub-tit4{color: #cccccc;font-size: 16px;margin-bottom: 50px;text-transform: uppercase;} .lang-en #index .pub-tit4{font-size: 0;} #index .bg1{background: #000125;} #index .bg-box1{background-color: #000125;background-repeat: no-repeat;background-position: center top;-webkit-background-size: 100% 100%;background-size: 100% 100%;background-image: url(/images/bg8.jpg);} #index .ind-1{padding: 110px 0 0;} #index .ind-1 .list1 .inline-block{width: 33.33%;} #index .ind-1 .list1 .inline-block:after{padding-top: 71.875%;} #index .ind-1 .list1 .inline-block:before{content: "";position: absolute;left: 0;width: 100%;bottom: 0;height: 0;background: url(/images/i_hover.png) no-repeat center center;z-index: 2; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} #index .ind-1 .list1 .inline-block .w{width: 87.5%;margin: auto;left: 0;right: 0;z-index: 10;height: 100%;box-shadow: } #index .ind-1 .list1 .inline-block .t1{color: #ffffff;font-size: 22px;padding-top: 10.9%;} #index .ind-1 .list1 .inline-block .t2{-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right,#f6b019,#02c1fd);display: inline-block;margin-top: 15px;padding-top: 12px;display: inline-block;font-size: 38px;} #index .ind-1 .list1 .inline-block .t2:before{display: none;content: "";position: absolute;left: 2px;top: 4px;width: 20px;height: 3px;background: #fff;} #index .ind-1 .list1 .inline-block .desc{width: 100%;left: 0;height: 0;overflow: hidden;bottom: 6.25%;color: #fff;font-size: 16px;} #index .ind-1 .list1 .inline-block:hover::before{height: 100%;} #index .ind-1 .list1 .inline-block:hover .desc{height: auto;} #index .ind-1 .list1 .inline-block:hover .t2:before{display: block;} #index .ind-2 .two1{padding: 110px 0;background: url(/images/line.png) no-repeat center center/100% 96%;} #index .ind-2 .pub-tit4{margin-bottom: 6.07%;text-transform: inherit;} #index .ind-2 .number{margin-bottom: 65px;} #index .ind-2 .number .num{margin: 0 3.125%;} #index .ind-2 .number .num span{color: #f7b018;font-size: 42px;} #index .ind-2 .number .num .block{color: #cccccc;font-size: 16px;margin-top: 15px;} #main .p-review{height: 290px;background-repeat: no-repeat;background-position: center top;-webkit-background-size: 100% auto;background-size: 100% 100%;} #main .p-review .slide .w{position: relative;width: 85.69%;padding: 100px 7.155% 0;} #main .p-review .slide .w:after, #main .p-review .slide .w:before{content: "";position: absolute;top: 95px;left: 0;width: 4.2%;height: 38px;background: url(/images/ico_left.png) no-repeat center top/100% auto;} #main .p-review .slide .w:after{right: 0;left: auto;background: url(/images/ico_right.png) no-repeat center top/100% auto;} #main .p-review .slide .w .name, #main .p-review .slide .w .desc{padding: 0 4px;color: #ffffff;font-size: 18px;} #main .p-review .slide .w .desc{max-height: 110px;margin-bottom: 20px;overflow: hidden;overflow-y: auto;} #main .p-review .slide .w .desc::-webkit-scrollbar{width: 3px;height: 3px;border-radius: 25px;} #main .p-review .slide .w .desc::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 25px;} #main .p-review .slide .w .desc::-webkit-scrollbar-thumb{background: rgba(2,88,157,.6);border-radius: 25px;} #main .p-review .btn{top: 0;bottom: 0;margin: auto;height: 100%;width: 35px;background-repeat: no-repeat;background-position: center center;cursor: pointer;} #main .p-review .container{width: 84.85%;height: 290px;margin: 0 auto;} #main .p-review .prev{left: 3.14%;background-image: url(/images/ico1.png);} #main .p-review .next{right: 3.14%;background-image: url(/images/ico2.png);} #main .p-review .prev:hover{background-image: url(/images/ico3.png);} #main .p-review .next:hover{background-image: url(/images/ico4.png);} #index .ind-partner{padding: 1px;background: #eaeef9;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} #index .ind-partner .container{height: 200px;} #index .ind-partner .slide{height: 100px;} #index .ind-partner .slide .p{width: 16.6%;margin-right: 0.072%;margin-bottom: 0.072%;background: #fff;} #index .ind-partner .slide .p:nth-child(6n){margin-right: 0;} #index .ind-partner .slide .p img{max-width: 85%;} #index .ind-partner .slide .p:after{padding-top: 99px;} @media (max-width: 1200px){ #main .p-review .slide .w{padding-top: 80px;} #main .p-review .slide .w:after, #main .p-review .slide .w:before{top: 78px;} } @media (max-width: 850px){ #index .ind-partner .slide .p:nth-child(6n), #index .ind-partner .slide .p{width: 33.2%;margin-right: 0.12%;margin-bottom: 0.12%;background: #fff;} #index .ind-partner .slide .p:nth-child(3n){margin-right: 0;} } @media (max-width: 768px){ #index .ind-partner .slide .p:nth-child(6n), #index .ind-partner .slide .p:nth-child(4n), #index .ind-partner .slide .p{width: 33.28%;margin-right: 0.072%;margin-bottom: 0.072%;background: #fff;} #index .ind-partner .slide .p:nth-child(3n){margin-right: 0;} } #index .ind-solution .container{overflow: visible;transform: translate3d(8.3%, 0px, 0px);} #index .ind-solution .slide{height: 650px;} #index .ind-solution .button1{right: 0;bottom: 50px;left: 0;margin: auto;z-index: 10;} #index .ind-solution .button1 .w{width: 530px;height: 570px;box-shadow: 0 0 20px -10px #0a1e3e;} #index .ind-solution .button1 .bg{width: 82%;margin: 0 auto;padding: 12.79% 9% 0;height: 87.21%;background-repeat: no-repeat;-webkit-background-size: 72% auto;background-size: 72% auto;background-position: right bottom;} #index .ind-solution .button1 .w:after{content: "";position: absolute;left: 0;top: 0;border-radius: 6px;width: 100%;height: 100%;background: linear-gradient(to bottom right, #236ffb, #3ec5ff);background: -ms-linear-gradient(to bottom right, #236ffb, #3ec5ff);background: -webkit-linear-gradient(to bottom right, #236ffb, #3ec5ff);background: -moz-linear-gradient(to bottom right, #236ffb, #3ec5ff);} #index .ind-solution .button1 .cate{color: #ffc03c;font-size: 30px;} #index .ind-solution .button1 .fr{color: #ffffff;font-size: 14px;line-height: 45px;} #index .ind-solution .button1 .fr:hover{color: #ffc03c;} #index .ind-solution .button1 .desc{margin-top: 18px;margin-bottom: 65px;color: #ffffff;font-size: 18px;line-height: 26px;padding-top: 30px;position: relative;min-height: 52px;max-height: 134px;overflow: hidden;} #index .ind-solution .button1 .desc:before{content: "";position: absolute;top: 0;left: 0;width: 20px;height: 3px;background: #ffc03c;} #index .ind-solution .button-list a{width: 29.88%;height: 38px;line-height: 38px;color: #ffffff;font-size: 20px;margin-right: 4.59%;margin-bottom: 4.59%;box-shadow: 0 0 0 1px rgba(255,255,255,.2);border-radius: 4px;} #index .ind-solution .button-list a:nth-child(3n){margin-right: 0;} #index .ind-solution .button-list a.cur, #index .ind-solution .button-list a:hover{background: #41cdff;box-shadow: 0 0 0 1px #41cdff;} #index .ind-solution .container#s-one{transform: inherit;overflow: hidden;} #index .ind-2 .pub-tit4.p5{margin-bottom: 50px;} #index .bg-box{background-color: #000125;background-repeat: no-repeat;background-position: center top;-webkit-background-size: 100% auto;background-size: 100% auto;padding-bottom: 60px;} #index .ind-4{background-repeat: no-repeat;background-color: #000125;background-position: center top;-webkit-background-size: 100% auto; background-size: 100% auto;padding-bottom: 120px;padding-top: 80px;} #index .ind-4 .cate-list a{width: 22.85%;height: 440px;margin-right: 2.85%;background: url(/images/cb2.png) no-repeat center center/100% 100%;} #index .ind-4 .cate-list a:nth-child(4n){margin-right: 0;} #index .ind-4 .cate-list a .ico{width: 70px;height: 70px;margin: 117px auto 0;} #index .ind-4 .cate-list a .name, #index .ind-4 .cate-list a .desc{width: 85%;margin: 0 auto;} #index .ind-4 .cate-list a .name{margin: 25px auto 20px;color: #ffffff;font-size: 24px;} #index .ind-4 .cate-list a .desc{color: #d5d5d5;font-size: 14px;} #index .ind-4 .cate-list a .more{width: 120px;height: 40px;line-height: 40px;} #index .ind-4 .cate-list a:hover{background-image: url(/images/cb_hover.png);} #index .ind-4 .cate-list a:hover .ico{margin-top: 100px;} #index .ind-4 .cate-list a:hover .more{color: #fff;background: #ffc03c;font-size: 14px;border-radius: 4px;margin: 55px auto 0;} #index .ind-4 .pub-more{margin-top: 60px;} .lang-en #index .ind-4 .cate-list a .ico{margin-top: 78px;} .lang-en #index .ind-4 .cate-list a:hover .ico{margin-top: 50px;} .lang-en #index .ind-4 .cate-list a:hover .more{margin-top: 30px;} #index .ind-5 .left{width: 37.5%;overflow: hidden;height: 540px;background: linear-gradient(to bottom right, #2068f7 , #132db1);background: -ms-linear-gradient(to bottom right, #2068f7, #132db1);background: -webkit-linear-gradient(to bottom right, #2068f7, #132db1);background: -moz-linear-gradient(to bottom right, #2068f7, #132db1);/*background: url(/images/bg4.jpg) no-repeat center center/100% 100%;*/} #index .ind-5 .left:after{content: "";position: absolute;left: 0;bottom: -5%;width: 31.38%;height: 55%;background: url(/images/logo_ico.png) no-repeat center center/100% auto; } #index .ind-5 .left:hover:after{-webkit-animation-name: logo_ico;-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;} @-webkit-keyframes logo_ico{ 0%{ bottom: -4.5%; } 50%{ bottom: -5%; } 100%{ bottom: -5.5%; } } #index .ind-5 .left .brief{/*width: 33.61%;*/max-width: 242px;margin-right: 11%;padding: 16.66% 9.72% 0;} #index .ind-5 .left .brief div{color: #ffffff;font-size: 20px;line-height: 40px;} #index .ind-5 .left .brief:before, #index .ind-5 .left .brief:after{content: "";position: absolute;background-repeat: no-repeat;background-position: center center;width: 50px;height: 38px;-webkit-background-size: auto;background-size: auto;} #index .ind-5 .left .brief:before{background-image: url(/images/d_left.png);left: 0;top: 26%;} #index .ind-5 .left .brief:after{background-image: url(/images/d_right.png);right: 0;bottom: -15px;} #index .ind-5 .right{width: 62.5%;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;} #index .ind-5 .right:after{content: "";display: inline-block;position: relative;padding-top: 540px;width: 100%;} #index .ind-5 .right:before{content: "";/*background: linear-gradient(to bottom right, #2068f7 , #132db1);background: -ms-linear-gradient(to bottom right, #2068f7, #132db1);background: -webkit-linear-gradient(to bottom right, #2068f7, #132db1);background: -moz-linear-gradient(to bottom right, #2068f7, #132db1);*/background: #132db2;position: absolute;opacity: .8;} #index .ind-5 .right:before, #index .ind-5 .right .w1{z-index: 2;left: 0;bottom: 0;/*width: 78.33%;*/width: 940px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;height: 180px;} #index .ind-5 .right .w1 .inline-block{width: 26.06%;margin-left: 5.85%;margin-top:35px;} #index .ind-5 .right .w1 .tit{font-size: 32px;margin-bottom: 6px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right,#f5b01a,#43cdfd);display: inline-block;} #index .ind-5 .right .w1 .d{color: #ffffff;font-size: 16px;} #index .ind-5 .right .w1 .desc1{margin-bottom: 5px;} #index .bg-box2{padding-bottom: 124px;background: #000125 url(/images/bg17.jpg) no-repeat center top;} #index .bg-box2 .ind-news{margin-top: 7.55%;} #index .bg-box2 .ind-news .news{width: 30.71%;margin-right: 3.92%;margin-bottom: 40px;} #index .bg-box2 .ind-news .news:nth-child(3n){margin-right: 0;} #index .bg-box2 .ind-news .news .z-pic:after{padding-top: 56.97%;} #index .bg-box2 .ind-news .news .con{margin: 28px 0 18px;} #index .bg-box2 .ind-news .news .tag{color: #84868d;font-size: 14px;padding-right: 7px;margin-right: 8px;} #index .bg-box2 .ind-news .news .tag:after{content: "";position: absolute;top:0;bottom:0;right: 0;width: 2px;background: #696b72;height: 14px;margin: auto;} #index .bg-box2 .ind-news .news .date{color: #696b72;font-size: 14px;} #index .bg-box2 .ind-news .news .name{color: #ffffff;font-size: 18px;line-height: 26px;} #index .bg-box2 .ind-news .news:hover .z-pic img{transform: scale(1.05);} #index .bg-box2 .ind-news .news:hover .name{color: #00c1ff;} #index .bg-box2 .ind-news .list{margin-bottom: 30px;} #index .pub-more{width: 160px;height: 50px;line-height: 50px;margin: 0 auto;color: #fff;font-size: 14px;background: url(/images/more1.png) no-repeat center center/100% 100%;border-radius: 3px;} #index .pub-more:hover{background: #00c1ff;} /*同一系列 视频container*/ #main .video-list .slide{width: 33.6%;} #main .video-list .slide img{transform: scale(0.78);border-radius: 5px;opacity: .6;} #main .video-list .slide:after{padding-top: 56.026%;} #main .video-list .slide.swiper-slide-active img{opacity: 1!important;transform: scale(1);} #main .video-list .slide.swiper-slide-active:hover{cursor: pointer;} #main .video-list .slide.swiper-slide-active:hover img{transform: scale(1.05);} #main .video-list .slide:before{width: 100%;height: 100%;content: "";position: absolute;top: 0;left: 0;z-index: 2;} #main .video-list .slide.swiper-slide-active:before{background: url(/images/i_hover2.png) no-repeat center center/100% 100%;} #main .video-list .slide .name{display: none;color: #ffffff;font-size: 22px;z-index: 3;width: 88.33%;margin: auto;left: 0;right: 0;bottom: 20px;} #main .video-list .slide .ico{display: none;z-index: 4;width: 35px;height: 35px;left: 2%;bottom: 4%;background: url(/images/ico5.png) no-repeat center center/35px;} #main .video-list .slide.swiper-slide-active .ico, #main .video-list .slide.swiper-slide-active .name{display: block;} #main .video-list .prev, #main .video-list .next{width: 33.6%;bottom: 0;margin: auto;top: 0;background-repeat: no-repeat;background-position: center center;z-index: 2;cursor: pointer;} #main .video-list .prev{left: 0;background-image: url(/images/ico1.png);} #main .video-list .next{right: 0;background-image: url(/images/ico2.png);} #main .video-list .prev:hover{background-image: url(/images/ico3.png);} #main .video-list .next:hover{background-image: url(/images/ico4.png);} @media(max-width: 1680px){ #index .ind-1{padding: 90px 0 0;} #index .ind-2 .two1{padding: 90px 0;} #index .ind-4{padding-bottom: 90px;} #index .pub-tit{font-size: 42px;padding: 12px 0 25px;} #index .ind-solution .container{transform: translate3d(0%, 0px, 0px);} } @media (max-width: 1650px){ #index .ind-5 .right .w1{width: 870px;} #index .ind-5 .right .w1 .tit{font-size: 28px;} #index .ind-5 .left .brief{font-size: 20px;} #index .ind-5 .left .brief:before, #index .ind-5 .left .brief:after{width: 40px;-webkit-background-size: 100% auto;background-size: 100% auto;} } @media (max-width: 1440px){ #index .pub-tit{font-size: 36px;padding: 12px 0 20px;} #index .pub-desc{font-size: 22px;} #index .pub-tit3{font-size: 30px;} #index .ind-2 .pub-tit4.p5{font-size: 18px;} #index .ind-1 .list1 .inline-block .t1{font-size: 20px;} #index .ind-1 .list1 .inline-block .t2{font-size: 30px;} #index .ind-1 .list1 .inline-block .desc{font-size: 14px;} #index .ind-2 .number .num{margin: 0 2.5%;} #main .video-list .slide .name{font-size: 16px;} #main .video-list .slide .ico{width: 50px;height: 50px;-webkit-background-size: 50px;background-size: 50px;} } @media (max-width: 1380px){ #index .ind-5 .left:after{width: 26%;} #index .ind-5 .right .w1{width: 750px;} #index .ind-5 .right .w1 .tit{font-size: 26px;} #index .ind-5 .left .brief:before, #index .ind-5 .left .brief:after{width: 30px;} #index .ind-5 .left .brief:before{top: 23%;} #index .ind-5 .right .w1 .inline-block{margin-top: 38px;margin-left: 5%;width: 28%;} } @media (max-width: 1280px){ #index .ind-1 .list1 .inline-block .t1{font-size: 16px;} #index .ind-1 .list1 .inline-block .t2{font-size: 26px;} } @media (max-width: 1200px){ #index .ind-2 .number .num span{font-size: 38px;} #main .p-review .slide .w .name, #main .p-review .slide .w .desc{font-size: 18px;} #index .ind-solution .button1 .w{width: 380px;height: 445px;} #index .ind-solution .button1 .cate{font-size: 22px;} #index .ind-solution .button1 .fr{line-height: 29px;} #index .ind-solution .button1 .desc{font-size: 16px;margin-bottom: 30px;} #index .ind-solution .button-list a:nth-child(3n), #index .ind-solution .button-list a{font-size: 16px;width: 48%;margin-right: 4%;margin-bottom: 4%;} #index .ind-solution .button-list a:nth-child(2n){margin-right: 0;} #index .ind-solution .container{overflow: hidden;} #index .ind-solution .slide{height: auto;} #index .ind-4 .cate-list a{height: 400px;} #index .ind-4 .cate-list a .name{font-size: 20px;} #index .ind-4 .cate-list a .ico{margin-top: 100px;} #index .ind-4 .cate-list a:hover .ico{margin-top: 90px;} #index .ind-4 .cate-list a:hover .more{margin-top: 40px;} #index .ind-5 .right, #index .ind-5 .left{width: 100%;height: auto;} #index .ind-5 .left:after{width: 8%;} #index .ind-5 .left{min-height: 230px;} #index .ind-5 .left .brief{max-width: 92%;margin: 0 auto;padding: 60px 0 30px;float: none;} #index .ind-5 .left .brief .pc{display: none;} #index .ind-5 .left .brief .mi{display: block;width: 90%;margin: 0 auto;} } @media (max-width: 1050px){ #index .pub-tit{font-size: 30px;} #index .pub-desc{font-size: 18px;} #index .ind-1 .list1 .inline-block .t1{padding-top: 8%;font-size: 15px;} #index .ind-1 .list1 .inline-block .t2{font-size: 22px;} #index .ind-1 .list1 .inline-block .desc{font-size: 13px;} #index .ind-2 .number .num{margin-bottom: 10px;width: 20%;} #index .ind-2 .number .num span{font-size: 30px;} #index .ind-2 .number .num .block{margin-top: 10px;} #index .ind-solution .button1{bottom: 50px;} } @media (max-width: 1024px){ #main .video-list .prev, #main .video-list .next{width: 23.6%;} #main .video-list .slide .bg, #main #culture .video-list .slide .color, #main .video-list .slide img{transform: scale(1)!important;} } @media (max-width: 950px){ #index .ind-1 .list1 .inline-block .t2{padding-bottom: 12px;font-size: 20px;} #index .ind-4 .cate-list a:nth-child(4n), #index .ind-4 .cate-list a{width: 48%;margin-right: 4%;margin-bottom: 4%;} #index .ind-4 .cate-list a:nth-child(2n){margin-right: 0;} #index .ind-4 .cate-list a{background-image: url(/images/cb_hover.png);} #index .ind-4 .cate-list a .ico{margin-top:60px;} #index .ind-4 .cate-list a:hover .ico{margin-top: 50px;} #index .ind-4 .cate-list a .name, #index .ind-4 .cate-list a .desc{width: 83%;} #index .ind-4 .cate-list a .more{color: #fff;background: #ffc03c;font-size: 14px;border-radius: 4px;margin: 40px auto 0;} #main .video-list .slide .name{font-size: 14px;} #main .video-list .slide .ico{width: 30px;height: 30px;-webkit-background-size: 30px;background-size: 30px;} #main .video-list .slide .name{bottom: 10px;} #index .bg-box2 .ind-news .list{margin-bottom: 10px;} #index .bg-box2 .ind-news .news .name{font-size: 16px;} #index .bg-box2 .ind-news .more{width: 140px;height: 45px;line-height: 45px;} #index .bg-box2 .ind-news .news .con{margin: 20px 0 13px;} } @media (max-width: 920px){ #index .ind-solution .button1{width: 92%;position: static;margin-top: 40px;} #index .ind-solution .button1 .w{width: 100%;height: auto;} #index .ind-solution .button1 .bg{padding: 90%;padding: 60px 5%;} } @media (max-width: 850px){ #index .ind-1 .list1 .inline-block .w{width: 90%;} #index .ind-1 .list1 .inline-block .t1{font-size: 14px;} #index .ind-1 .list1 .inline-block .t2{font-size: 18px;} #index .ind-1 .list1 .inline-block .desc{font-size: 12px;} } /*面包屑*/ #bread{width: 100%;height: 60px;background: #f4f4f4;border-bottom: 1px solid #ebebeb;z-index: 999;top: 0;left: 0;margin: auto;} #bread>.relative{width: 100%;} #bread .cw1200 .bd{height: 60px;white-space: nowrap;overflow: hidden;overflow-x: auto;} #bread .bn{display: none;right: -40px;top: 0;width: 120px;height: 60px;background: url(/images/shadow.png) no-repeat center center/100% 60px;cursor: pointer;z-index: 10;} #bread .bn[aria-disabled]{display: block;} #bread .ri.swiper-button-disabled, #bread .le.swiper-button-disabled{display: none;} #bread .le{right: auto;left: -40px;background-image: url(/images/shadow2.png);} /*#bread .cw1200 .bd::-webkit-scrollbar{display: none;}*/ #bread .cw1200 .bd::-webkit-scrollbar{display: none;width: 3px;height: 3px;border-radius: 25px;} #bread .cw1200 .bd::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 25px;} #bread .cw1200 .bd::-webkit-scrollbar-thumb{background: #02589d;border-radius: 25px;} #bread .ba{width: auto;height: 60px;} #bread .ba a{cursor: pointer;margin-right: 80px;color: #666666;font-size: 16px;line-height: 58px;border-bottom: 2px solid transparent;} #bread .ba:last-child a{margin-right: 0;} #bread .ba.cur a, #bread .ba a:hover{color: #02589d;} #bread .ba.cur a{border-bottom: 2px solid #02589d;} #bread .i-detail{text-align: left;} #bread .i-detail *{display: inline-block;vertical-align: top;color: #888888;font-size: 14px;line-height: 60px;} #bread .i-detail span{margin: 0 5px;} #bread .i-detail a:hover{color: #02589d;} /*swiepr*/ #bread .container{max-width: 100%;} #bread .slide{margin-right: 80px;text-align: center;} #bread .slide.mr{margin-right: 0;text-align: center;} #bread .slide.ba a{display: inline-block;margin-right: 0;} #main.mar{margin: 5.21% auto 5.73%;} #main .pub-tit2{position: relative;padding-bottom: 33px;margin-bottom: 40px;color: #333333;font-size: 36px;} #main .pub-tit2:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 86px;height: 3px;margin: auto;background: #f7b018;} #main .pub-desc2{color: #666666;font-size: 16px;} @media (max-width: 1300px){ #bread .ri{right: -5px;} #bread .le{left: -5px;} } @media (max-width: 1280px){ #main .pub-tit2{font-size: 34px;} } @media (max-width: 950px){ #bread .inline-block a{margin-right: 50px;} #bread .ld{display: none;} } @media (max-width: 768px){ #bread .inline-block a{margin-right: 40px;} } /*about公共*/ #main.pub .top .cw1200{position: relative;box-shadow: 0 0 20px 4px #dddddd;} #main.pub .top .left{width: 36.73%;position: relative;z-index: 2;} #main.pub .top .right{width: 63.27%;} #main.pub .top .cw1200:after{content: "";position: absolute;top: 0;left: 0;width: 36.73%;height: 100%; background: linear-gradient(top left, #1c5ac6 , #113a79);background: -ms-linear-gradient(top left, #1c5ac6, #113a79);background: -webkit-linear-gradient(top left, #1c5ac6, #113a79);background: -moz-linear-gradient(top left, #1c5ac6, #113a79);} #main.pub .top .left>div{width: 80.68%;margin: 0 auto;} @media(max-width: 1200px){ #main.pub #about .top .cw1200:after{width: 100%;} } /*新闻列表*/ #main .news-box .key{padding-bottom: 20px;border-bottom: 1px solid #eceece;color: #666;font-size: 16px;} #main .news-box .list{margin: 30px 0 50px;transform: translate3d(0,0,0);} #main .news-box .list.t1{transform: translate3d(-100%,0,0);} #main .news-box .list .news{padding: 20px 0;border-top: 1px solid #ececec;} #main .news-box .list .news:first-child{border-top: 1px solid transparent;} #main .news-box .list .news .z-pic{width: 20.75%;} /*#main .news-box .list .news .z-pic img{width: 100%;height: 100%;}*/ #main .news-box .list .news .z-pic:after{padding-top: 56.33%;} #main .news-box .list .news .fr{width: 73.8%;margin-right: 2.9%;} #main .news-box .list .news .name{color: #333333;font-size: 20px;} #main .news-box .list .news .con{padding: 12px 0 12px;position: relative;margin-bottom: 20px;} #main .news-box .list .news .con:after{content: "";position: absolute;bottom:0;left: 0;height: 1px;width: 20px;background: #a9a9a9;} #main .news-box .list .news .tag{color: #666666;font-size: 14px;padding-right: 7px;margin-right: 8px;} #main .news-box .list .news .tag:after{content: "";position: absolute;top:0;bottom:0;right: 0;width: 2px;background: #999999;height: 14px;margin: auto;} #main .news-box .list .news .date{color: #999999;font-size: 14px;} #main .news-box .list .news .desc{height: 47px;overflow: hidden;color: #777777;font-size: 16px;line-height: 24px;font-family: 'SourceHanSansCN_Light';} #main .news-box .list .news:hover{box-shadow: 0 0 10px 4px #ececec;border-top: 1px solid transparent;} #main .news-box .list .news:hover .z-pic{margin-left: 1.6%;} #main .news-box .list .news:hover .fr{width: 72%;} #main .news-box .list .news:hover .name{color: #02589d;} #main .news-box .tip1{margin-top: 50px; font-size: 16px;color: #666;} #main .news-box .ajax-list .tip1{top: 30px;margin-top: 0;left: 0;height: 0;overflow: hidden;} #main .news-box .ajax-list .tip1.i2{height: 24px;} @media (max-width: 1200px){ #main .news-box .list .news .name{font-size: 18px;} #main .news-box .list .news .con{margin-bottom: 12px;padding-bottom: 15px;} #main .news-box .list .news .desc{font-size: 14px;} } @media (max-width: 1050px){ #main .news-box .list .news .con{padding-bottom: 10px;padding-top: 12px;} #main .news-box .list .news .name{font-size: 16px;} #main .news-box .list .news .name, #main .news-box .list .news .desc{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} } @media (max-width: 850px){ #main .news-box .list .news .z-pic{width: 26.5%;} #main .news-box .list .news:hover .fr{margin-right: 1.3%;} #main .news-box .list .news .fr{width: 68%;} } /*新闻詳細*/ #about .news-detail .left{width: 69.16%;} #about .news-detail .left .info-name{color: #333333;font-size: 34px;} #about .news-detail .left .con{margin: 15px 0 30px;} #about .news-detail .left .con .tag{color: #333333;font-size: 14px;padding-right: 7px;margin-right: 8px;} #about .news-detail .left .con .tag:after{content: "";position: absolute;top:0;bottom:0;right: 0;width: 2px;background: #999999;height: 14px;margin: auto;} #about .news-detail .left .con .date{color: #999999;font-size: 14px;} #about .news-detail .keyword{margin-top: 40px;} #about .news-detail .keyword .key{padding: 0 25px;color: #02589d;font-size: 16px;border: 1px solid #02589d;height: 38px;line-height: 38px;} #about .news-detail .keyword .key:hover{color: #fff;background: #02589d;} #about .news-detail .prev-next{margin-top: 50px;} #about .news-detail .prev-next a.text-left{margin: 0;} #about .news-detail .prev-next a{width: 48.19%;padding: 30px 0 40px;background: linear-gradient(top left, #1d5fd3 , #113a79);background: -ms-linear-gradient(top left, #1d5fd3, #113a79);background: -webkit-linear-gradient(top left, #1d5fd3, #113a79);background: -moz-linear-gradient(top left, #1d5fd3, #113a79);border-radius: 3px;} #about .news-detail .prev-next .center{width: 83.75%;margin: 0 auto;} #about .news-detail .prev-next .tit{position: relative;color: #ffffff;font-size: 16px;padding-bottom: 18px;margin-bottom: 30px;} #about .news-detail .prev-next .tit:after{content: "";position: absolute;bottom:0;left: 0;width: 30px;height: 2px;background: #fff;} #about .news-detail .prev-next .name{color: #fff;font-size: 16px;line-height: 24px;height: 47px;overflow: hidden;margin-bottom: 20px;} #about .news-detail .prev-next .tag{color: #ffffff;font-size: 14px;position: relative;padding-right: 10px;margin-right: 10px;} #about .news-detail .prev-next .tag:after{content: "";position: absolute;top:0;bottom:0;right: 0;width: 2px;background: #84a5de;height: 14px;margin: auto;} #about .news-detail .prev-next .date{color: #84a5de;font-size: 14px;} #about .news-detail .prev-next a:hover .name{color: #00c1ff;} #about .news-detail .right{width: 25%;} #about .news-detail .right .cen{width: 80.66%;padding: 26px 9.67%;border-top: 5px solid #02589d;box-shadow: 0 0 10px 2px #f6f6f6;margin: 0 auto;} #about .news-detail .right .tit{position: relative;color: #333333;font-size: 16px;padding-bottom: 18px;} #about .news-detail .right .tit:after{content: "";position: absolute;bottom:0;left: 0;width: 30px;height: 3px;background: #02589d;} #about .news-detail .right .cen .li{margin-top: 25px;} #about .news-detail .right .name{color: #444444;font-size: 16px;line-height: 24px;height: 44px;overflow: hidden;} #about .news-detail .right .li:hover .name{color: #02589d;} #about .news-detail .right .li:last-child .con{border-bottom: 0;padding-bottom: 0;} #about .news-detail .right .con{padding: 16px 0;border-bottom: 1px solid #f3f3f3;} #about .news-detail .right .tag{color: #333333;font-size: 14px;position: relative;padding-right: 10px;margin-right: 10px;} #about .news-detail .right .tag:after{content: "";position: absolute;top:0;bottom:0;right: 0;width: 2px;background: #999999;height: 14px;margin: auto;} #about .news-detail .right .date{color: #999999;font-size: 14px;} #about .news-detail .right .share{margin-top: 25px;} #about .news-detail .right .share a{cursor: pointer;width: 47.6%;text-align: center;border: 1px solid #eaeaea;border-radius: 25px;height: 48px;line-height: 48px;color: #444444;font-size: 14px;} #about .news-detail .right .share a span{margin-right: 4.89%;height: 48px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: 100% auto;background-size: 100% auto;} #about .news-detail .right .share a:hover{color: #fff;background: #02589d;border-color: #02589d;} #about .news-detail .right .share a.wx span{width: 16.78%;background-image: url(/images/ico12.png);} #about .news-detail .right .share a.wx:hover span{background-image: url(/images/ico13.png);} #about .news-detail .right .share a.wb span{width: 15.38%;background-image: url(/images/ico14.png);} #about .news-detail .right .share a.wb:hover span{background-image: url(/images/ico15.png);} #about .news-detail .right .share a.in{margin-top: 4%;} #about .news-detail .right .share a.in span{width: 15.38%;background-image: url(/images/linkedin.png);} #about .news-detail .right .share a.in:hover span{background-image: url(/images/linkedin2.png);} /*新闻电子刊*/ #about .news-box .file{width: 23.31%;margin-right: 2.25%;margin-top: 2.25%;text-align: center;} #about .news-box .file:hover{margin-top: 1.42%;} #about .news-box .file .z-pic{width: 100%;box-shadow: 0 0 6px 2px #f6f6f6;} #about .news-box .file:hover .z-pic{box-shadow: 0 0 20px 6px #c4c4c4;} #about .news-box .file .z-pic:after{padding-top: 400px;} #about .news-box .file .con{position: static;margin-top: 20px;} #about .news-box .file .con div{width: 100%;margin: 0 auto;} #about .news-box .file .con .n1{color: #02589d;font-size: 30px;} #about .news-box .file .con .n2{color: #333;font-size: 16px;} #about .news-box .file:nth-child(4n){margin-right: 0;} @media (max-width: 1280px){ #about .news-box .file{} #about .news-box .file .z-pic:after{padding-top: 142.85%;} #about .news-box .file .con .n1{font-size: 26px;} #about .news-box .file .con{padding-top: 0;background: transparent;} } @media (max-width: 1200px){ #about .news-detail .right{width: 26%;} #about .news-detail .right .name{font-size: 15px;} #about .news-detail .right .share a{font-size: 12px;} } @media (max-width: 1050px){ #about .news-box .file:nth-child(4n), #about .news-box .file{width: 31.3%;margin-right: 3%;margin-bottom: 3%;} #about .news-box .file .con{position: static;height: auto;} #about .news-box .file:nth-child(3n){margin-right: 0;} } @media (max-width: 1024px){ #about .news-detail .left, #about .news-detail .right{width: 100%;float: none;} #about .news-detail .right{margin-top: 60px;} #about .news-detail .right .cen{width: 92%;padding-left: 4%;padding-right: 4%;} #about .news-detail .right .name{height: auto;} #about .news-detail .right .share a{width: 200px;float: left;margin-right: 30px;} #about .news-detail .right .tit{font-size: 22px;} #join #about .news-detail .left .con .inline-block, #about .news-detail .right .date{font-size: 18px;} } @media (max-width: 950px){ #about .news-box .file{height: auto;background: transparent;} /*#about .news-box .file .con{padding: 20px 0;}*/ #about .news-box .file .con .n1{color: #333;} #about .news-box .file .con .n2{color: #666;} } @media (max-width: 768px){ #about .news-box .file:nth-child(4n), #about .news-box .file:nth-child(3n), #about .news-box .file{width: 48%;margin-right: 4%;margin-bottom: 4%;} #about .news-box .file .z-pic:after{padding-top: 120%;} #about .news-box .file:nth-child(2n){margin-right: 0;} } /*公共*/ /*口风琴切换-分类*/ #main .tab-cate{position: relative;margin-top: 7.42%;height: 60px;border-top: 1px solid #ededed;white-space: nowrap;overflow: hidden;overflow-x: auto;} #main .tab-cate:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #02589d;} #main .tab-cate::-webkit-scrollbar{width: 3px;height: 3px;border-radius: 25px;} #main .tab-cate::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 25px;} #main .tab-cate::-webkit-scrollbar-thumb{background: #02589d;border-radius: 25px;} #main .tab-cate .cate{cursor: pointer;position: relative;line-height: 60px;padding: 0 5%;border-right: 1px solid transparent;border-left: 1px solid transparent;} #main .tab-cate .cate.cur{z-index: 2;border-left: 1px solid #02589d;background: #fff;border-right: 1px solid #02589d;} #main .tab-cate .cate:after{content:"";position: absolute;top: 0;bottom: 0;left: -2px;margin: auto;width: 1px;height: 20px;background: url(/images/cate.jpg) no-repeat center center;} #main .tab-cate .cate .d{width: 100%;color: #333333;font-size: 20px;} #main .tab-cate .cate .d:before{content:"";position: absolute;top: 0;left: -1px;width: 100%;padding: 0 1px;height: 5px;top: -3px;background: transparent;} #main .tab-cate .cate .d:after{content:"";position: absolute;left: 0;width: 100%;height: 2px;bottom: -1px;z-index: 2;background: transparent;} #main .tab-cate .cate.cur .d:before{background: #02589d;} #main .tab-cate .cate.cur .d:after{background: #fff;} #main .tab-cate .cate.cur:after, #main .tab-cate .cate:first-child::after{display: none;} #main .tab-cate .cate:hover .d{color: #02589d;} /*优势方块-公共*/ #content, #main .ico-advant{text-align: center;padding: 80px 0;background: linear-gradient(top left, #1e60d7 , #113a79);background: -ms-linear-gradient(top left, #1e60d7, #113a79);background: -webkit-linear-gradient(top left, #1e60d7, #113a79);background: -moz-linear-gradient(top left, #1e60d7, #113a79);} #main .ico-advant .slide{display: inline-block;margin-right: auto;margin-left: auto;} #content .pub-tit2, #main .ico-advant .pub-tit2{color: #fff;margin-bottom: 60px;} #content .slide .ico, #main .ico-advant .slide .ico{width: 32px;height: 32px;margin: auto;margin-bottom: 30px;} #content .slide .t2, #main .ico-advant .slide .t2{width: 80%;margin: 0 auto;color: #ffffff;font-size: 22px;} #content .slide .d2, #main .ico-advant .slide .d2{width: 80%;margin: 0 auto;color: #fff;font-size: 16px;line-height: 24px;margin-top: 10px;text-align: left;} #content .prev, #main .ico-advant .prev{background-image: url(/images/ico1.png);} #content .next, #main .ico-advant .next{background-image: url(/images/ico2.png);} #main .ico-advant .prev.hide2, #main .pic-con .prev.hide2, #main .ico-advant .next.hide2, #main .pic-con .next.hide2{display: none!important;} @media (max-width: 850px){ #main .ico-advant .prev.show2, #main .pic-con .prev.show2, #main .ico-advant .next.show2, #main .pic-con .next.show2{display: block!important;} } /*左右切换*/ #main .detail .btn{opacity: .5;position: absolute;top: 0;bottom: 0;margin: auto;height: 100%;width: 35px;background-repeat: no-repeat;background-position: center center;cursor: pointer;} #main .detail .prev{left: -55px;} #main .detail .next{right: -55px;} #main .detail .prev:hover{opacity: 1;background-image: url(/images/ico3.png);} #main .detail .next:hover{opacity: 1;background-image: url(/images/ico4.png);} @media (max-width: 1680px){ #main .detail .prev{left: -40px;} #main .detail .next{right: -40px;} } /*推荐方块-公共*/ #main .recom-box{margin-bottom: 2px;padding: 80px 0 80px;background: linear-gradient(top left, #113a79 , #1e5fd4);background: -ms-linear-gradient(top left, #113a79, #1e5fd4);background: -webkit-linear-gradient(top left, #113a79, #1e5fd4);background: -moz-linear-gradient(top left, #113a79, #1e5fd4);} #main .recom-box .pub-tit2{color: #fff;margin-bottom: 60px;} #main .recom-box .sli{width: 22.83%;margin-left: 2.16%;margin-bottom: 20px;} #main .recom-box .sli a{padding-left: 5.1%;width: 94.9%;position: relative;color: #ffffff;font-size: 16px;} #main .recom-box .sli a:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;margin: auto;width: 5px;height: 5px;border-radius: 50%;background: #fff;} #main .recom-box .sli a:hover{color: #00c1ff;} #main .recom-box .sli a:hover::before{background: #00c1ff;} @media (max-width: 850px){ #main .recom-box .sli:nth-child(4n), #main .recom-box .sli{width: 48.5%;margin-right: 2.5%;margin-bottom: 2.5%;margin-left: 0;} #main .recom-box .sli:nth-child(2n){margin-right: 0;} } /*方案*/ #solution{margin-top: 5.21%;} #solution .cate{color: #333333;font-size: 24px;} #solution .list .solu{width: 23.16%;margin-right: 1.91%;margin-top: 50px;} #solution .list .solu:nth-child(4n){margin-right: 0;} #solution .list .solu .cate1 .t{width: 85.62%;color: #333333;font-size: 18px;vertical-align: middle;} #solution .list .solu .cate1 .m-pic{display: inline-block;vertical-align: middle;width: 10.79%;margin-right: 3.59%;} #solution .list .solu .d-list{margin-top: 20px;/*margin-left: 8.63%;*/} #solution .c-list .list .solu{margin-top: 0;} #solution .c-list .list .solu .d-list{margin-left: 0;} #solution .list .solu .d-list a{padding-left: 5.9%;width: 94%;position: relative;color: #666666;font-size: 14px;margin-bottom: 15px;} #solution .list .solu .d-list a:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;margin: auto;width: 5px;height: 5px;border-radius: 50%;background: #888888;} #solution .list .solu .d-list a:last-child{margin-bottom: 0;} #solution .list .solu .d-list a:hover{color: #02589d;text-decoration: underline;} #solution .list .solu .d-list a:hover::before{background: #02589d;} #solution .other-list{position: relative;margin-top: 80px;padding: 80px 0 110px;margin-bottom: 2px; background: linear-gradient(top left, #113a79 , #2169eb);background: -ms-linear-gradient(top left, #113a79, #2169eb);background: -webkit-linear-gradient(top left, #113a79, #2169eb);background: -moz-linear-gradient(top left, #113a79, #2169eb);} #solution .other-list:after{content: "";position: absolute;bottom: 0;right: 0;width: 30.625%;top: 0;margin: auto;height: 100%;background: url(/images/right_bg.png) no-repeat center bottom/100% auto; -webkit-animation-name: logo_t;-webkit-animation-duration: 2.1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite; } #solution .other-list:hover::after{-webkit-animation-name: logo_t;-webkit-animation-duration: 2.1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite; } #solution .other-list .cate{color: #fff;/*padding-left: 4.6%;*/width: 100%;} #solution .other-list .solu{z-index: 2;position: relative;width: 23.16%;margin-right: 1.91%;margin-top: 50px;} #solution .other-list .solu:nth-child(4n){margin-right: 0;} #solution .other-list .solu .cate1 .t{width: 85.62%;color: #333333;font-size: 18px;} #solution .other-list .solu .cate1 .m-pic{display: inline-block;width: 10.79%;margin-right: 3.59%;} #solution .other-list .solu .d-list{margin-top: 30px;} #solution .other-list .solu .d-list a{padding-left: 5.9%;width: 94%;position: relative;color: #fff;font-size: 14px;margin-bottom: 12px;} #solution .other-list .solu .d-list a:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;margin: auto;width: 5px;height: 5px;border-radius: 50%;background: #fff;} #solution .other-list .solu .d-list a:last-child{margin-bottom: 0;} #solution .other-list .solu .d-list a:hover{color: #00c1ff;} #solution .other-list .solu .d-list a:hover::before{background: #00c1ff;} @media (max-width: 1024px){ #solution .other-list .solu, #solution .other-list .solu:nth-child(4n), #solution .list .solu:nth-child(4n), #solution .list .solu{width: 30.5%;margin-right: 4%;margin-bottom: 4%;} #solution .other-list .solu:nth-child(3n), #solution .list .solu:nth-child(3n){margin-right: 0;} } @media (max-width: 850px){ #solution .other-list .solu, #solution .other-list .solu:nth-child(4n), #solution .other-list .solu:nth-child(3n), #solution .list .solu:nth-child(4n), #solution .list .solu:nth-child(3n), #solution .list .solu{width: 48%;margin-right: 4%;} #solution .other-list .solu:nth-child(2n), #solution .list .solu:nth-child(2n){margin-right: 0;} #solution .list .solu .cate1 .t{font-size: 22px;} #solution .list .solu .d-list a{font-size: 18px;} } @-webkit-keyframes logo_t{ 0%{ bottom: -8px; } 50%{ bottom: -3px; } 100%{ bottom: 0px; } } /*详细*/ #solution .top .left, #solution .top .right{padding: 50px 0 40px;} #solution .top .left .name{color: #fff;font-size: 24px;} #solution .top .right .tit, #solution .top .right .editor{width: 89.59%;margin: 0 auto;} #solution .top .right .tit{margin-bottom: 20px;color: #333333;font-size: 24px;} #solution .top .left .desc{color: #fff;font-size: 15px;line-height: 26px;margin-top: 20px!important;} #main .pic-con{text-align: center;} #main .pic-con, #main .constitute{padding: 80px 0;} #solution .solu1, #solution .solu2{margin-bottom: 80px;} #main .pub-video{margin-top: 50px;} #main .pub-video:after{padding-top: 50%;} #main .pub-video:before{content: "";position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%;background: rgba(0,0,0,.6) url(/images/video.png) no-repeat center center;z-index: 2;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} /*#main .pub-video:hover::before{-webkit-background-size: 50px;background-size: 50px;}*/ #main .pub-video:hover img{transform: scale(1.1);} @media (max-width: 850px){ #main .pic-con .container{background: #f8f8f8;} } /*价值\服务优势-公共*/ #main .pic-con .container{text-align: center;} #main .pic-con .prev{background-image: url(/images/sl.png);} #main .pic-con .next{background-image: url(/images/sr.png);} #main .pic-con .btn{opacity: 1;} #main .pic-con .slide{background: #f8f8f8;display: inline-block;} #main .pic-con .count2 .slide:nth-child(1){margin-left: auto;} #main .pic-con .count2 .slide:nth-child(2){margin-right: auto;} #main .pic-con .slide .z-pic{display: block;width: 100%;} #main .pic-con .slide .z-pic:after{padding-top: 45%;} #main .pic-con .slide .z-pic img{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} #main .pic-con .slide .z-pic:hover img{transform: scale(1.05);} #main .pic-con .slide .h{width: 100%;height: 180px;} #main .pic-con .slide .cen{width: 90%;padding: 0 2%;margin: 0 auto;height: 116px;overflow-y: auto;margin-top: 30px;} #main .pic-con .slide .cen.max{overflow-y: visible;margin: auto;} #main .pic-con .slide .cen::-webkit-scrollbar{width: 5px;height: 5px;border-radius: 25px;} #main .pic-con .slide .cen::-webkit-scrollbar-track{background: #999;border-radius: 25px;} #main .pic-con .slide .cen::-webkit-scrollbar-thumb{background: rgba(0,0,0,.4);border-radius: 25px;} #main .pic-con .slide .t2>.sour_m{color: #333333;font-size: 22px;} #main .pic-con .slide .d2{width: 100%;display: inline-block;margin: 0 auto;} #main .pic-con .slide .d2>.sour_l{text-align: left;width: 100%;color: #666666;font-size: 16px;line-height: 24px;margin-top: 11px;} @media(max-width: 1280px){ #main .pic-con .slide .t2{font-size: 20px;} } @media(max-width: 1024px){ #main .pic-con .slide .t2{font-size: 18px;} #main .pic-con .slide .d2>div{font-size: 14px;} } /*产品构成*/ #main .constitute .pub-tit2{margin-bottom: 50px;} #main .constitute .cw2{width: 100%;box-shadow: 0 0 10px 3px #f6f6f6;border-radius: 6px;} #main .constitute .left{width: 21.66%;border-top-left-radius: 6px;border-bottom-left-radius: 6px;} #main .constitute .left:after{padding-top: 69.23%;} #main .constitute .left, #main .constitute .right{display: inline-block;vertical-align: middle;float: none;} #main .constitute .right{width: 73.56%;margin-left: 2.5%;} #main .constitute .right .list, #main .constitute .right .editor{padding-top: 2.13%;} /*方案*/ #solution .constitute .right .list .li{width: 24%;margin-bottom: 15px;margin-right: 1%;} #solution .constitute .right .list .li:nth-child(4n){margin-right: 0;} /*创新*/ #innovation .constitute .right .list .li{width: 32%;margin-bottom: 15px;margin-right: 1.7%;} #innovation .constitute .right .list .li:nth-child(3n){margin-right: 0;} #main .constitute .right .editor, #main .constitute .right .list .li, #main .constitute .right .editor *{color: #333333;font-size: 16px;font-family: 'SourceHanSansCN_Medium';} @media (max-width: 1024px){ #main .constitut .m1 .right, #main .constitut .m1 .left{width: 95%;margin: 0 auto;} #main .constitute .m1 .right{margin-left: 2.5%;} #main .constitute .m1 .left{padding-top: 3.3%;} #main .constitute .m1 .right{padding-bottom: 3.3%;} #main .constitute .left img{position: static;} #main .constitute .left:after{display: none;} } @media (max-width: 768px){ #solution .constitute .right .list .li, #solution .constitute .right .list .li:nth-child(4n), #innovation .constitute .right .list .li:nth-child(3n), #innovation .constitute .right .list .li{width: 48%;margin-right: 4%;font-size: 18px;} #solution .constitute .right .list .li:nth-child(2n), #innovation .constitute .right .list .li:nth-child(2n){margin-right: 0;} #main .constitute .m2 .left{width: 37.66%;} #main .constitute .m2 .right{width: 56.56%;} } /*产品-服务*/ #product-ser .cate-list{margin: 50px auto 60px;text-align: center;} #product-ser .cate-list .pro{position: relative;width: 23.75%;margin-bottom: 1.66%;margin-right: 1.66%;box-shadow: 0 0 11px 1px #f6f6f6;} #product-ser .cate-list .pro:nth-child(4n){margin-right: 0;} #product-ser .cate-list .pro .h{position: relative;z-index: 2;} #product-ser .cate-list .pro .center{width: 85.96%;margin: 0 auto;padding: 30px 0;text-align: left;} #product-ser .cate-list .pro .cate{margin-bottom: 20px;} #product-ser .cate-list .pro .cate span{vertical-align: middle;} #product-ser .cate-list .pro .ico{display: inline-block;width: 13.06%;margin-right: 4.08%;} #product-ser .cate-list .pro .c2{width: 82%;color: #333333;font-size: 18px;} #product-ser .cate-list .pro .child{color: #666666;font-size: 14px;margin-bottom: 15px;margin-left: 10.2%;padding-left: 6.1%;position: relative;} #product-ser .cate-list .pro .child:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;margin: auto;width: 5px;height: 5px;background: #888888;border-radius: 50%;} #product-ser .cate-list .pro:after{content:"";opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left:0;background: linear-gradient(to bottom right, #113a79 , #1951b2);background: -ms-linear-gradient(to bottom right, #113a79, #1951b2);background: -webkit-linear-gradient(to bottom right, #113a79, #1951b2);background: -moz-linear-gradient(to bottom right, #113a79, #1951b2);transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;} #product-ser .cate-list .pro:hover:after{opacity: 1;} #product-ser .cate-list .pro:hover .c2, #product-ser .cate-list .pro:hover .child{color: #ffffff;} #product-ser .cate-list .pro:hover .child:before{background: #fff;} #product-ser .cate-list .pro .child:last-child{margin-bottom: 0;} #product-ser .cate-list .pro .child:hover{color: #00c1ff;} #product-ser .cate-list .pro .child:hover:before{background: #00c1ff;} /*服务*/ #service, #products, #product-ser{margin-top: 5.21%;} #product-ser .service-box{position: relative;margin-top: 80px;padding: 80px 0 75px;margin-bottom: 2px; background: linear-gradient(top left, #113a79 , #2169eb);background: -ms-linear-gradient(top left, #113a79, #2169eb);background: -webkit-linear-gradient(top left, #113a79, #2169eb);background: -moz-linear-gradient(top left, #113a79, #2169eb);} #product-ser .service-box:after{content: "";position: absolute;bottom: 0;right: 0;width: 30.625%;top: 0;margin: auto;height: 100%;background: url(/images/right_bg.png) no-repeat center bottom/100% auto; } #product-ser .service-box:hover:after{-webkit-animation-name: logo_t;-webkit-animation-duration: 2.1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;} #product-ser .service-box .pub-tit2{margin-bottom: 40px;} #product-ser .service-box .pub-tit2, #product-ser .service-box .pub-desc2{color: #ffffff;} #product-ser .service-box .list{position: relative;z-index: 2;margin-top: 40px;} #product-ser .service-box .list .ser{width: 18%;margin-right: 2.08%;margin-bottom: 2.08%;height: 220px;border: 1px solid transparent;} #product-ser .service-box .list .ser:nth-child(5n){margin-right: 0;} #product-ser .service-box .list .ser .c2{width: 81.81%;margin: 0 auto;padding-top: 70px;} #product-ser .service-box .list .ser .ico{width: 32px;height: 32px;margin: 0 auto;} #product-ser .service-box .list .ser .t2{margin: 25px 0 30px;width: 100%;color: #ffffff;font-size: 16px;} #product-ser .service-box .list .ser .more{width: 78px;height: 26px;line-height: 26px;} #product-ser .service-box .list .ser:hover{background: url(/images/border2.png) no-repeat center center/100% 100%;} #product-ser .service-box .list .ser:hover .c2{padding-top: 47px;} #product-ser .service-box .list .ser:hover .more{color: #fff;background: #ffc03c;font-size: 14px;border-radius: 3px;margin: 0 auto;} @media (max-width: 1050px){ #product-ser .cate-list .pro .c2{font-size: 16px;} #product-ser .cate-list .pro .child{font-size: 12px;} } @media (max-width: 780px){ #product-ser .cate-list .pro:nth-child(4n), #product-ser .cate-list .pro{width: 48%;margin-right: 4%;margin-bottom: 4%;} #product-ser .cate-list .pro:nth-child(2n){margin-right: 0;} #product-ser .cate-list .pro .c2{font-size: 20px;} #product-ser .cate-list .pro .child{font-size: 16px;} #product-ser .service-box .list .ser:nth-child(5n), #product-ser .service-box .list .ser{width: 31%;margin-right: 3%;margin-bottom: 3%;} #product-ser .service-box .list .ser:nth-child(3n){margin-right: 0;} #product-ser .service-box .list .ser{background: url(/images/border2.png) no-repeat center center/100% 100%;} #product-ser .service-box .list .ser .c2{padding-top: 47px;} #product-ser .service-box .list .ser .more{color: #fff;background: #ffc03c;font-size: 14px;border-radius: 3px;margin: 0 auto;} } /*产品详细*/ #products .prod1{margin-bottom: 80px;} #products .prod1 .c2{box-shadow:0 0 20px 4px #dddddd;} #products .prod1 .pub-tit2{margin-bottom: 50px;} #products .prod1 .left{width: 50%;padding-top: 50px;padding-bottom: 55px;background: linear-gradient(to bottom right, #1b59c4 , #113a79);background: -ms-linear-gradient(to bottom right, #1b59c4, #113a79);background: -webkit-linear-gradient(to bottom right, #1b59c4, #113a79);background: -moz-linear-gradient(to bottom right, #1b59c4, #113a79);} #products .prod1 .left div{width: 85.83%;margin: 0 auto;} #service .serv1 .left .name, #products .prod1 .left .name{color: #ffffff;font-size: 24px;margin-bottom: 15px;} #service .serv1 .left .desc, #products .prod1 .left .desc{color: #ffffff;font-size: 15px;line-height: 26px;} #products .prod1 .right{width: 50%;} #products .prod1 .right .m-pic{width: 84.3%;height: 100%;margin: 0 auto;} #service .serv2, #products .prod3{margin: 80px 0;} #products .table{width: 100%;} #products .table tr td{padding-bottom: 20px; padding-top: 20px;word-break: break-all; background-color: rgb(248, 248, 248);} #products .table tr:nth-child(2n) td{background: #fff;} #products .table tr td.t1 span{font-size: 16px; color: rgb(2,88,157);} #products .table tr td.t2{padding-right: 3%;} #products .table tr td.t2 span{font-size: 16px; color: rgb(102,102,102);} @media (max-width: 850px){ #products .prod1 .left, #products .prod1 .right{width: 100%;float: none;} #products .prod1 .right{margin-bottom: 60px} #products .prod1 .right .m-pic{width: 100%;} #service .serv1 .left .name, #products .prod1 .left .name{font-size: 26px;} #service .serv1 .left .desc, #products .prod1 .left .desc{font-size: 18px;line-height: 30px;} } /*服务*/ #service {margin-bottom: 110px;} #innovation .sbox.ico-advant:last-child, #solution .sbox.ico-advant:last-child, #products .sbox.ico-advant:last-child, #service.b2{margin-bottom: 2px;} #service .sbox.ico-advant:last-child{margin-bottom: 0px;} #service .serv1 .top .left{width: 50%;padding: 50px 0 26px;min-height: 280px;} #service .serv1 .top .right{width: 50%;padding: 26px 0;} #service .serv1 .top .right .m-pic{width: 84.33%;margin: 0 auto;} #service .serv1 .top .left div{width: 86.33%;} #service .serv1 .top .left div.name{margin-bottom: 15px;} #service .serv1 .top .cw1200:after{width: 50%;} #service .serv3{padding: 0;} @media (max-width: 850px){ #service .serv1 .top .cw1200:after, #main.pub #solution .top .cw1200:after{display: none;} #service .serv1 .top .left, #service .serv1 .top .right, #main.pub #solution .top .left, #main.pub #solution .top .right{width: 100%;float: none;} #service .serv1 .top .left div, #main.pub #solution .top .left div{width: 89%;} #service .serv1 .top .left, #main.pub #solution .top .left{background: linear-gradient(top left, #1c5ac6 , #113a79);background: -ms-linear-gradient(top left, #1c5ac6, #113a79);background: -webkit-linear-gradient(top left, #1c5ac6, #113a79);background: -moz-linear-gradient(top left, #1c5ac6, #113a79);} } /*创新*/ #techol .innov{padding: 80px 0;} #techol .innov:first-child{padding-top: 100px;} #techol .innov:nth-child(2n){background: #f8f8f8;} #techol .innov:last-child{padding-bottom: 110px;} #techol .innov .pic{width: 47.5%;float: right;} #techol .innov .con{width: 45.83%;float: left;} #techol .innov:nth-child(2n) .pic{float: left;} #techol .innov:nth-child(2n) .con{float: right;margin-right: 3.5%;} #techol .innov .con .name{padding-bottom: 30px;margin-bottom: 40px;color: #333333;font-size: 36px;} #techol .innov .con .name:after{content: "";position: absolute;left: 0;bottom: 0;width: 86px;height: 3px;background: #f7b018;} #techol .innov .con .desc{color: #666666;font-size: 16px;} #techol .innov .con .ico-list{margin: 60px 0 50px;} #techol .innov .con .ico-list .i{width: auto;max-width: 20%;margin-right: 6%;margin-bottom: 20px;} #techol .innov .con .ico-list .i:last-child, #techol .innov .con .ico-list .i:nth-child(4n){margin-right: 0;} #techol .innov .con .ico-list .ico{width: 32px;height: 32px;margin: 0 auto 10px;} #techol .innov .con .ico-list .n{color: #333333;font-size: 14px;} #techol .innov .con .more{width: 118px;height: 38px;line-height: 38px;border-radius: 25px;border: 1px solid #cccccc;color: #666666;font-size: 14px;text-align: center;} #techol .innov .con .more:hover{background: #02589d;border-color: #02589d;color: #fff;} #techol .innov .con .name:hover{color: #02589d;} #techol .innov .pic:hover img{transform: scale(1.05);} @media (max-width: 1280px){ #techol .innov:first-child{padding-top: 80px;} #techol .innov:last-child{padding-bottom: 90px;} #techol .innov{padding: 60px 0;} #techol .innov .con .name{margin-bottom: 30px;padding-bottom: 20px;font-size: 30px;} #techol .innov .con .ico-list{margin: 40px 0 20px;} } @media (max-width: 981px){ #techol .innov:first-child{padding-top: 60px;} #techol .innov:last-child{padding-bottom: 80px;} #techol .innov{padding: 40px 0;} #techol .innov .con .name{margin-bottom: 20px;padding-bottom: 12px;font-size: 24px;} #techol .innov .con .ico-list{margin: 30px 0 15px;} #techol .innov .con .ico-list .ico{width: 28px;height: 28px;} #techol .innov .con .more{height: 32px;line-height: 32px;} } @media (max-width: 768px){ #techol .innov .pic{margin-top: 4%;} #techol .innov .con .ico-list .i{width: 30%;} } /*详细*/ #main.pub #innovation{margin-top: 100px;} #main.pub #innovation .top .cw1200:after, #main.pub #innovation .top .left, #main.pub #innovation .top .right{width: 50%;} #main.pub #innovation .top .left .name, #main.pub #innovation .top .left .desc{width: 85.83%;margin: 0 auto;color: #ffffff;font-size: 15px;line-height: 26px;} #main.pub #innovation .top .left .name{padding-top: 60px;font-size: 24px;margin-bottom: 25px;} #main.pub #innovation .top .right{width: 50%;padding: 60px 0;} #main #join .pic-con .slide .z-pic:after, #main #innovation .pic-con .slide .z-pic:after{padding-top: 200px;} #main #innovation .pic-con .slide .h, #main #join .pic-con .slide .h{height: 200px;} #main #join .pic-con .slide .cen, #main #innovation .pic-con .slide .cen{height: 140px;} @media(max-width: 950px){ #main.pub #innovation{margin-top: 80px;} } @media (max-width: 850px){ #main.pub #innovation .top .cw1200:after{display: none;} #main.pub #innovation .top .left, #main.pub #innovation .top .right{width: 100%;float: none;} #main.pub #innovation .top .left{padding-bottom: 60px;} #main.pub #innovation .top .left div{width: 89%;} #main.pub #innovation .top .left{background: linear-gradient(top left, #1c5ac6 , #113a79);background: -ms-linear-gradient(top left, #1c5ac6, #113a79);background: -webkit-linear-gradient(top left, #1c5ac6, #113a79);background: -moz-linear-gradient(top left, #1c5ac6, #113a79);} } /*合作伙伴*/ #partner{margin-top: 80px;} #partner .bank-box{text-align: center;margin: 50px 0 40px;} #partner .bank-box .cate-list a{text-align: center;width: 15.5%;line-height: 46px;height: 46px;box-shadow: 0 0 0 2px #f4f4f4;margin-right: 1%;margin-bottom: 1%;color: #666666;font-size: 16px;background: #f4f4f4;} #partner .bank-box .cate-list a.cur{box-shadow: 0 0 0 2px #02589d;color: #02589d;} #partner .bank-box .cate-list a:hover{color: #02589d;} #partner .bank-box .cate-list a:nth-child(6n){margin-right: 0;} #partner .ajax-list{margin-bottom: 80px;} /*#partner .ajax-list .container{border-top: 1px solid #efefef;border-right: 1px solid #efefef;}*/ #partner .ajax-list .slide{box-sizing: border-box;border: 1px solid #efefef;border-bottom: none;} #partner .ajax-list .slide img{max-width: 90%;} #partner .ajax-list .slide .in{width: 20%;border-bottom: 1px solid #efefef;} #partner .ajax-list .slide .in:before{content: "";position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #efefef;} #partner .ajax-list .slide .in:nth-child(5n)::before{display: none;} #partner .ajax-list .slide .in:after{padding-top: 119px;} #partner .ajax-list .tip1{margin: 20px 0;font-size: 16px;color: #666666;} #partner .ajax-list .swiper-pagination-clickable{position: static;width: 100%;text-align: center;} #partner .ajax-list .swiper-pagination-clickable span{width: 30px;height: 2px;background: #d1d1d1;margin: 0 10px;opacity: 1;border-radius: 0;} #partner .ajax-list .swiper-pagination-clickable span.swiper-pagination-bullet-active .time-bar{background: #666666;} #partner .ajax-list .swiper-pagination-clickable span.swiper-pagination-bullet-active .time-bar{background: #666666;} #partner .detail .prev{opacity: 1;background-image: url(/images/sl.png);} #partner .detail .prev:hover{background-image: url(/images/pnl.png);} #partner .detail .next{opacity: 1;background-image: url(/images/sr.png);} #partner .detail .next:hover{background-image: url(/images/pnr.png);} #partner .custom-intro{margin-bottom: 110px;} @media (max-width: 1050px){ #partner .ajax-list .slide .in:after{padding-top: 110px;} #partner .ajax-list .slide img{max-width: 80%;} } @media (max-width: 981px){ #partner .ajax-list .slide .in:nth-child(4n)::before{display: none;} #partner .ajax-list .slide .in:nth-child(5n)::before{display: block;} #partner .ajax-list .slide .in{width: 25%;} #partner .ajax-list .slide .in:after{padding-top: 105px;} #partner .ajax-list .slide img{max-width: 95%;} } #main #partner .p-review .btn{z-index: 2;} #main #partner .p-review, #main #partner .p-review .container, #main #partner .p-review .slide{width: 100%;height: 346px;} #main #partner .p-review .slide.cbg{background: linear-gradient(top left, #113a79 , #1e5fd4);background: -ms-linear-gradient(top left, #113a79, #1e5fd4);background: -webkit-linear-gradient(top left, #113a79, #1e5fd4);background: -moz-linear-gradient(top left, #113a79, #1e5fd4);} #main #partner .p-review .slide .w{width: 72%;margin: 0 auto;} /*#main .p-review .slide .max{margin: auto;}*/ /*#partner .custom-intro .container{position: static;} #partner .custom-intro .slide:after{padding-top: 30.33%;} #partner .custom-intro .slide .absolute{width: 85.33%;z-index: 2;margin: auto;} #partner .custom-intro .slide .name{display: block;} #partner .custom-intro .slide .name div{display: block;color: #fff;font-size: 24px;margin-bottom: 20px;} #partner .custom-intro .slide .desc{color: #fff;font-size: 16px;}*/ @media (max-width: 1300px){ #partner .bank-box .cate-list a:nth-child(6n), #partner .bank-box .cate-list a{width: 23.5%;margin-right: 1.5%;} #partner .bank-box .cate-list a:nth-child(4n){margin-right: 0;} } @media (max-width: 1050px){ /*#partner .custom-intro .slide .name div{font-size: 20px;}*/ /*#partner .custom-intro .slide .desc{font-size: 15px;}*/ } @media (max-width: 910px){ #partner .bank-box .cate-list a{font-size: 14px;} } /*@media (max-width: 850px){ #partner .custom-intro .slide:after{display: none;} #partner .custom-intro .slide img, #partner .custom-intro .slide .absolute{position: static;} #partner .custom-intro .slide .absolute{width: 100%;margin-top: 30px;} #partner .custom-intro .slide .name div{color: #333;font-size: 24px;} #partner .custom-intro .slide .desc{color: #666;font-size: 18px;} } */ /*生态伙伴*/ #partner .area-box{margin: 80px auto 40px;} #partner .area-box .a-list .inline-block{width: 31.6%;margin-right: 2.5%;margin-bottom: 3.3%;} #partner .area-box .a-list .inline-block:nth-child(3n){margin-right: 0;} #partner .area-box .a-list .inline-block .z-pic:after{padding-top: 63.15%;} #partner .area-box .a-list .inline-block .cate{margin-top: 25px;color: #333333;font-size: 24px;} #partner .area-box .a-list .inline-block .desc{margin: 15px 0;color: #666666;font-size: 16px;line-height: 24px;} #partner .area-box .a-list .inline-block .more{color: #fff;font-size: 14px;} #partner .area-box .a-list .inline-block:hover .cate, #partner .area-box .a-list a.inline-block:hover .more{color: #02589d;} #partner .area-box .a-list .inline-block:hover .z-pic img{transform: scale(1.05);} #partner .dynamic{padding: 80px 0 110px;background: #f8f8f8;} /*方案详细*/ #solution.partner-solution .solu3{margin-bottom: 80px;} #solution.partner-solution .solu4{margin-bottom:110px;} #solution.partner-solution .s-box.ico-advant:last-child{margin-bottom: 2px;} #solution.partner-solution .video:after{padding-top: 48.33%;} #solution .project .slide{box-sizing: border-box;border: 1px solid #efefef;background: #fff;} #solution .project .slide .ce{width: 84.57%;padding: 40px 7.515%;margin: 0 auto;border: 1px solid transparent;} #solution .project .slide .m-pic{width: 180px;height: 50px;margin: 0 auto;} #solution .project .slide .name{position: relative;color: #333333;font-size: 22px;margin-bottom: 28px;margin-top: 20px;padding-bottom: 18px;text-align: center;} #solution .project .slide .name:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 17px;height: 2px;background: #02589d;} #solution .project .slide .desc{color: #666666;font-size: 16px;} #solution .project .slide:hover .ce, #solution .project .slide:hover{border-color: #02589d;} #solution .project .swiper-pagination-clickable{position: static;width: 100%;text-align: center;margin-top: 40px;} #solution .project .swiper-pagination-clickable span{width: 30px;height: 2px;background: #d1d1d1;margin: 0 10px;opacity: 1;border-radius: 0;} #solution .project .swiper-pagination-clickable span.swiper-pagination-bullet-active .time-bar{background: #666666;} #solution .project .swiper-pagination-clickable span.swiper-pagination-bullet-active .time-bar{background: #666666;} @media (max-width: 1050px){ #solution .project .slide .desc{font-size: 14px;} } @media (max-width: 768px){ #solution .project .slide .desc{font-size: 18px;} } /*企业文化*/ #culture{margin-top: 100px;} #culture .pub-desc2{margin-bottom: 50px;} #culture .culture-box .culture{margin-bottom: 80px;} #culture .culture-box .culture.con4:last-child{margin-bottom: 0;} /*我们的文化*/ #culture .our-cult{width: 33.33%;} #culture .our-cult:after{padding-top: 71.875%;} #culture .our-cult:before{content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 0;background: rgba(222,82,67,.6);transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;z-index: 0;} #culture .our-cult .content{z-index: 3;width: 87.5%;margin: auto;left: 0;right: 0;bottom: 6.25%;} #culture .our-cult .content .title{color: #ffffff;font-size: 24px;margin-bottom: 5px;} #culture .our-cult .content .desc{color: #ffffff;font-size: 16px;} #culture .our-cult:hover::before{z-index: 2;height: 100%;} #culture .our-cult:hover .content{bottom: 9%;} @media (max-width: 1440px){ #culture .our-cult .content .title{font-size: 20px;} #culture .our-cult .content .desc{font-size: 15px;} } @media (max-width: 768px){ #culture .our-cult{width: 100%;} #culture .our-cult img{width: 100%;height: 100%;} #culture .our-cult .content .title{font-size: 26px;} #culture .our-cult .content .desc{font-size: 20px;} } /*我们的文化-价值*/ #culture .value-box .value{background: #f9f9f9;} #culture .value .z-pic, #culture .value.two .content, #culture .value .content{width: 50%;float: left;} #culture .value.two .z-pic, #culture .value .content{float: right;} #culture .value .content{padding-top: 9.2%;} #culture .value .content .title{margin-left: 5%;color: #02589d;font-size: 24px;margin-bottom: 5%;} #culture .value .content .desc{margin-left: 16.66%;color: #666666;font-size: 14px;font-family: 'SourceHanSansCN_Light';line-height: 26px;} #culture .value .z-pic:hover img {transform: scale(1.05);} #culture .value.two .content{text-align: right;} #culture .value.two .content .desc{margin-left: 0;margin-right: 16.66%;} #culture .value.two .content .title{margin-left: 0;margin-right: 5%;} #culture .value.two .content .b2, #culture .value.one .content .b1{width: 10%;vertical-align: middle;height: 2px;background: #02589d;margin-right: 1.66%;} #culture .value.two .content .b2{margin-left: 1.66%;margin-right: 0;} #culture .value .z-pic:after{padding-top: 63.33%;} @media (max-width: 1280px){ #culture .value .content{padding-top: 5%;} } @media (max-width: 950px){ #culture .value .content{padding-top: 3%;} #culture .value .content .title{font-size: 20px;} #culture .value .content .desc{font-size: 14px;} } @media (max-width: 768px){ #culture .value.two .z-pic, #culture .value .z-pic{width: 100%;float: none;} #culture .value.two .content, #culture .value .content{width: 100%;text-align: center;margin: 25px auto 65px;} #culture .value .content .title{font-size: 24px;margin-bottom: 25px;} #culture .value .content .desc{font-size: 18px;} #culture .value .z-pic:after{padding-top: 53.8%;} #culture .value.two .content .desc, #culture .value.two .content .title{margin-right: 0;} #culture .value .content .desc, #culture .value .content .title{margin-left: 0;} #culture .value.two .content .b2, #culture .value.one .content .b1{display: none;} } /*我们的文化-人物*/ #culture .character .grid-sizer, #culture .character .grid{width: 25%;} #culture .character .grid .z-pic:after{padding-top: 79.16%;} #culture .character .grid .z-pic:before{content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 0;background: rgba(222,82,67,.8);z-index: 0;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} #culture .character .grid.height2 .z-pic:after{padding-top: 158.33%;} #culture .character .grid .content{width: 87.5%;margin: auto;left: 0;right: 0;z-index: 0;bottom: -100%;z-index: 3;} #culture .character .grid .content *{color: #ffffff;} #culture .character .grid .title{font-size: 16px;} #culture .character .grid .desc{font-size: 20px;margin: 10px 0 30px;} #culture .character .grid .more{font-size: 14px;} #culture .character .grid:hover .z-pic:before{height: 100%;z-index: 2;} #culture .character .grid:hover .content{bottom: 7.89%;} #culture .character .grid.height2:hover .content{bottom: 3.84%;} /*详细*/ #about .news-detail.character-d .left{width: 830px;margin: 0 auto;} #about .news-detail.character-d .left .info-name{font-size: 30px;} #about .news-detail.character-d .left .con{margin-top: 20px;} #about .news-detail.character-d .left .con .date{color: #666666;} #about .news-detail.character-d .left .detail{padding-top: 35px;border-top: 1px solid #ebebeb;} @media (max-width: 1680px){ #culture .character .grid .title{font-size: 14px;} #culture .character .grid .desc{font-size: 16px;} #culture .character .grid .more{font-size: 12px;} #culture .character .grid .desc{margin-bottom: 25px;} } @media (max-width: 981px){ #culture .character .grid .title{font-size: 13px;} #culture .character .grid .desc{font-size: 14px;} #culture .character .grid .desc{margin-bottom: 15px;} } @media(max-width: 920px){ #culture .character{background: #f8f8f8;} #culture .character .grid-sizer, #culture .character .grid{width: 50%;} #about .news-detail.character-d .left{width: 100%;} } @media (max-width: 768px){ #culture .character .grid .title{font-size: 20px;} #culture .character .grid .desc{font-size: 24px;} #culture .character .grid .more, #culture .character .grid .desc{font-size: 18px;} #about .news-detail.character-d .left .con .date{font-size: 24px;} } /*end*/ /*我们的文化-责任*/ #culture .duty{-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;} #culture .duty .dd{width: 33%;height: 610px;} #culture .duty .dd:nth-child(2){border-left: 1px solid rgba(255,255,255,.1);border-right: 1px solid rgba(255,255,255,.1);} #culture .duty .dd .absolute{width: 275px;left: 0;right: 0;bottom: 70px;margin: auto;text-align: center;} #culture .duty .dd .absolute .tit{color: #ffffff;font-size: 24px;margin-bottom: 40px;} #culture .duty .dd .absolute .desc{color: #ffffff;font-size: 16px;} #culture .duty .dd .absolute:hover{bottom: 125px;} @media (max-width: 1024px){ #culture .duty{text-align: center;} #culture .duty .dd .absolute{width: 80%;} #culture .duty .dd{width: 32.5%;} } @media (max-width: 768px){ #culture .duty{padding: 60px 0;} #culture .duty .dd{width: 420px;height: auto;margin: 0 auto 40px;} #culture .duty .dd:nth-child(2){border: none;} #culture .duty .dd .absolute{width: 100%;position: static;} #culture .duty .dd .absolute .tit{margin-bottom: 20px;} } /*发展*/ #culture .work-box .work{margin-bottom: 80px;} #culture .work-box .work .p{margin-bottom: 30px;} #culture .work-box .work .p .absolute{text-align: left;z-index: 2;right: 0;background: #fff;width: 480px;top: 25%;padding: 5% 0;} #culture .work-box .work .p:nth-child(2n) .absolute{left: 0;right: auto;} #culture .work-box .work .p .absolute div{width: 89%;margin: 0 auto;} #culture .work-box .work .p .absolute .n{color: #02589d;font-size: 24px;margin-bottom: 7%;} #culture .work-box .work .p .absolute .desc{color: #666666;font-size: 16px;} #culture .work-box .work:first-child{margin-bottom: 110px;} /*活动*/ #culture .work-box .activity .inline-block{width: 25%;} #culture .work-box .activity .inline-block .color{position: absolute;z-index: 2;width: 100%;height: 100%;margin: auto;opacity: .5;} #culture .work-box .activity .inline-block .con{z-index: 3;} #culture .work-box .activity .inline-block .desc{overflow: hidden;overflow-y: auto;} #culture .work-box .activity .inline-block .desc::-webkit-scrollbar{width: 4px;height: 4px;border-radius: 25px;} #culture .work-box .activity .inline-block .desc::-webkit-scrollbar-track{background: #f8f8f8;border-radius: 25px;} #culture .work-box .activity .inline-block .desc::-webkit-scrollbar-thumb{background: #41cdff;border-radius: 25px;} #culture .work-box .activity .inline-block:after{padding-top: 79.16%;} #culture .work-box .activity .inline-block .con{width: 83.33%;margin: auto;top: 12.5%;left: 0;right: 0;margin: auto;} #culture .work-box .activity .inline-block .tit div{color: #ffffff;font-size: 24px;margin-bottom: 8.33%;} #culture .work-box .activity .inline-block.first{width: 50%;} #culture .work-box .activity .inline-block.first:after{padding-top: 39.58%;} #culture .work-box .activity .inline-block.first .con{width: 91.66%;} #culture .work-box .activity .inline-block.first .tit div{margin-bottom: 4.16%;} #culture .work-box .activity .inline-block:hover .color{opacity: 1;} #culture .work-box .activity .inline-block:hover .desc{color: #fff;font-size: 16px;} #join .join:hover img, #culture .work-box .join:hover img{transform: scale(1.05);} #main #culture .video-list .slide.swiper-slide-active:before{background: rgba(0,43,112,.3);z-index: 4;} #main #culture .video-list .slide.swiper-slide-active .ico{z-index: 5;} #main #culture .video-list .slide .color{background: #000;width: 100%;height: 100%;margin: auto;z-index: 1;transform: scale(0.775);border-radius: 5px;} #main #culture .video-list .slide img{z-index: 2;} @media (max-width: 1280px){ #culture .work-box .work:first-child{margin-bottom: 60px;} #culture .work-box .work .p .absolute .n{font-size: 20px;margin-bottom: 4%;} #culture .work-box .activity .inline-block .tit div{font-size: 18px;} #culture .work-box .activity .inline-block:hover .desc{color: #fff;font-size: 14px;} } @media (max-width: 1050px){ #culture .work-box .work .p .absolute{position: static;width: 100%;} #culture .work-box .work .p .absolute div{width: 100%;} #culture .work-box .work .p .absolute .n{margin-bottom: 20px;} } @media (max-width: 950px){ #culture .work-box .activity .inline-block.first{width: 66.66%;} #culture .work-box .activity .inline-block{width: 33.33%;} } @media (max-width: 768px){ #culture .work-box .activity .inline-block.first{width: 100%;} #culture .work-box .activity .inline-block{width: 50%;} } /*加入我们*/ #main #join .join2 .list{border: 1px solid #ececec;margin-bottom: 20px;padding: 24px 2.5% 10px;width: 95%;} #main #join .join2 .list .cate{line-height: 30px;color: #333333;font-size: 18px;margin-bottom: 25px;} #main #join .join2 .list .cate span{display: inline-block;margin-right: 15px;width: 30px;height: 30px;} #main #join .join2 .list .job{} #main #join .join2 .list .li{padding-left: 10px;position: relative;margin-bottom: 14px;color: #666666;font-size: 16px;margin-left: 2.98%;width: 28%;} #main #join .join2 .list .li:after{content: "";position: absolute;top: 0;bottom: 0;left: 0;margin: auto;width: 5px;height: 5px;background: #666666;border-radius: 50%} #main #join .join2 .list .li:hover{color: #02589d;} #main #join .join2 .list .li:hover::after{background: #02589d;} #main #join .join2 .list:last-child{margin-bottom: 60px;} #main #join .join3{margin-bottom: 110px;} #join #about .news-detail .left .con .inline-block{margin-right: 4.8%;font-size: 14px;color: #929292;} #join #about .news-detail .left .detail{padding-top: 40px;border-top: 1px solid #ebebeb;} #join #about .news-detail .right .name{height: auto;line-height: 24px;} #join #about .news-detail .right .date{color: #929292;} #join #about .news-detail .right .date.d{margin-top: 10px;} @media (max-width: 1024px){ #join #about .news-detail .left .con .inline-block, #join #about .news-detail .right .name{font-size: 20px;} } @media (max-width: 950px){ #main #join .join2 .list .li{width: 40%;margin-left: 6%;} } /*投资者*/ #investor .top-title{margin-top: 80px;} #investor .tag{margin-top: 60px;padding-bottom: 10px;color: #333333;font-size: 24px;} #investor .center{width: 700px;margin: 0 auto;} /*公告*/ #investor .regular{margin: 100px auto 80px;} #investor .regular .list a{width: 23.75%;margin-right: 1.6%;margin-top: 1.6%;} #investor .regular .list a .z-pic{width: 100%;} #investor .regular .list a .z-pic:after{padding-top: 63.15%;} #investor .regular .list a .n{z-index: 2;color: #fff;font-size: 16px;height: 40px;line-height: 40px;width: 90%;padding: 0 5%;text-align: center;left: 0;bottom: 0;background: rgba(0,0,0,.5);} #investor .regular .list a:nth-child(4n){margin-right: 0;} #investor .regular .list a:hover{margin-top: 0.8%;box-shadow: 0 0 20px 8px #cdcdcd;} #investor .regular .list a:hover .n{color: #00c1ff;} #investor .advent{background: #f7f7f7;padding: 80px 0 110px;} #investor .advent .list{margin-bottom: 50px;} #investor .advent .list a{border-bottom: 1px solid #e5eaee;padding: 20px 0;} #investor .advent .list a{padding-left: 27px;background: url(/images/ico18.jpg) no-repeat left center;} #investor .advent .list a .n{width: 72.92%;color: #333333;font-size: 16px;} #investor .advent .list a .d{color: #888888;font-size: 16px;} #investor .advent .list a:hover .n{color: #02589d;} @media (max-width: 981px){ #investor .regular .list a .n{position: static;background: transparent;color: #333;} } @media (max-width: 850px){ #investor .regular .list a:nth-child(4n), #investor .regular .list a{width: 31.2%;margin-right: 3.2%;margin-bottom: 3.2%;} #investor .regular .list a:nth-child(3n){margin-right: 0;} } /*数据*/ #investor .in-data{margin-bottom: 110px;} #investor .in-data .tag{padding-bottom: 0;margin-top: 0;margin-bottom: 50px;} #investor .in-data .tab-list{margin-top: 50px;} #investor .in-data .tab-list .content{display: block!important;transform: translate3d(100%,0,0);left: 0;top: 0;} #investor .in-data .tab-list .content.cur{transform: translate3d(0,0,0);} #investor .in-data .tab-list .content.c2{transform: translate3d(-100%,0,0);} /*股价*/ #investor .share-price{padding-top: 80px;margin-bottom: 110px;border-top: 1px solid #ededed;} #investor ._gujia{font-size: 32px;} #investor .subStock02_L{ float:left; width:123px; padding-top:10px;} #investor .subStock02_L p.p01{font-size:30px; font-weight:bold; color:#b1020c; text-align:center;} #investor .subStock02_L p.p01 img{ margin-left:15px; position:relative; top:-7px;} #investor .subStock02_L p.p02{ text-align:center; font-size:15px; color:#b1020c; padding-top:5px;} #investor .subStock02_L p.p03{ text-align:center; color:#333;} #investor .subStock02Ul{ padding-left:17px; font-size:14px; color:#333; overflow:hidden; width:535px; margin-bottom:2px;} #investor .subStock02Ul li{ float:left; white-space: nowrap; width:25%;margin-bottom: 25px;} #investor .subStock02Ul li b{font-family: 'SourceHanSansCN_Medium';font-weight: normal;} #investor .subStock02 div.fl{width: 548px; float: right;padding-top:11px;} #investor .StcokNav{ height:48px; border-bottom:1px solid #ccc; position:relative;} #investor .StcokNav li{ float:left; width:63px; font-size:14px; color:#333; cursor:pointer; text-align:center;} #investor .StcokNav li span{ position:relative; top:6px; display:block; cursor:pointer; line-height:40px;} #investor .StcokNav li span.cur{ border-bottom:2px solid #b1020c; color:#b1020c;} #investor .stockContent{width: 548px;margin: 0 auto; } #investor .lookBigger{ position:absolute; display:block; background:url(/static/webimages/hsh189.jpg) no-repeat; width:47px; height:37px; right:0; top:0;} #investor .StockDetial , .B_StockDetial{padding-top:20px;} @media (max-width: 768px){ #investor .regular .list a:nth-child(4n), #investor .regular .list a:nth-child(3n), #investor .regular .list a{width: 48%;margin-right: 4%;margin-bottom: 4%;} #investor .regular .list a:nth-child(2n){margin-right: 0;} #investor .regular .list a .n{font-size: 24px;} #investor .advent .list a .d, #investor .advent .list a .n{font-size: 22px;} #investor .center{width: 92%;text-align: center;} #investor .subStock02_L{float: none;width: auto;display: inline-block;} #investor .subStock02 div.fl{float: none;width: 100%;display: block;margin-top: 25px;} #investor .subStock02Ul{width: 100%;} } /*治理*/ #investor .in-content, #investor .in-service, #investor .in-control{margin-bottom: 110px;} #investor .in-control .tab-cate .cate{cursor: pointer;} #investor .in-control .member{padding-bottom: 20px;margin-top: 40px;border-bottom: 1px solid #ededed;} #investor .in-control .member .name{color: #02589d;font-size: 22px;margin-bottom: 20px;} #investor .in-control .member .editor *, #investor .in-control .member .editor{color: #666666;font-size: 16px;} /*保护*/ #investor .in-content .file{cursor: pointer;} #investor .in-content .file .ico{width: 50px;height: 50px;margin: 40px auto 0;} #investor .in-content .file .name{color: #666666;font-size: 16px;margin-top: 12px;} #investor .in-content .file:hover .ico img{transform: scale(0.9);} #investor .in-content .file:hover .name{color: #02589d;} /*服务*/ #investor .in-service{padding-top: 20px;} #investor .in-service .contact{width: 28.33%;padding: 0 2.47%;} #investor .in-service .contact:nth-child(2n){border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;} #investor .in-service .contact .con{color: #333333;font-size: 24px;margin-bottom: 30px;} #investor .in-service .contact .ico-list .clean{margin-bottom: 20px;} #investor .in-service .contact .ico-list .clean:last-child{margin-bottom: 0px;} #investor .in-service .contact .ico-list .clean.lh{vertical-align: middle;} #investor .in-service .contact .ico-list .fi{display: inline-block;width: 13.53%;height: 46px;margin-right: 4.11%;} #investor .in-service .contact .ico-list .ri{width: 82.35%;} #investor .in-service .contact .ico-list .tit{color: #888888;font-size: 14px;margin-bottom: 5px;} #investor .in-service .contact .ico-list .d2 a, #investor .in-service .contact .ico-list .d2{color: #666666;font-size: 14px;} #investor .in-service .contact .ico-list .clean a:hover{color: #02589d;} @media (max-width: 1200px){ #investor .in-service .contact:nth-child(3n){padding-right: 0;} } @media (max-width: 910px){ #investor .in-service .contact{width: 31.2%;padding: 0 1.2%;} #investor .in-service .contact .con{font-size: 20px;} #investor .in-service .contact .ico-list .d2 a, #investor .in-service .contact .ico-list .d2{font-size: 12px;} } @media (max-width: 768px){ #investor .in-service .contact{width: 100%;padding: 0%;display: block;margin-top: 40px;} #investor .in-service .contact:first-child{margin-top: 0;} #investor .in-service .contact .ico-list .fi{width: 46px;margin-top: 6px;} #investor .in-service .contact .con{font-size: 26px;margin-bottom: 20px;} #investor .in-service .contact:nth-child(2n){border: none;} #investor .in-service .contact .ico-list .tit{font-size: 22px;} #investor .in-service .contact .ico-list .d2 a, #investor .in-service .contact .ico-list .d2{font-size: 20px;} } /*咨询*/ #online-box{padding: 100px 0 110px;background: url(/images/online_bg.jpg) no-repeat right bottom/35.88% auto;} #online-box .form{width: 700px;margin: 0 auto;} #online-box .form .pub{margin-bottom: 50px;color: #666666;font-size: 24px;} #online-box .form form{box-shadow: 0 0 20px 6px #ebebeb;padding: 58px 0 87px;background: #fff;} #online-box .form form .text{width: 550px;margin: 0 auto;border-bottom: 1px solid #e4e4e4;padding: 29px 0 20px;} #online-box .form form .text.ta{border-bottom: none;} #online-box .form form .text .tit{color: #666666;font-size: 16px;width: 106px;} #online-box .form form .text .ipt{width: 442px;border: none;color: #999999;font-size: 16px;} #online-box .form form .text .fmax{text-transform: uppercase;} #online-box .form form .text .code{width: 150px;text-align: center;position: absolute;right: 0;bottom: 0;height:58px;top: 0;margin: auto;} #online-box .form form .text.ta .tit{width: 100%;} #online-box .form form .text.ta textarea{width: 95.63%;padding: 2.18%;color: #999999;font-size: 16px;height: 80px;resize: none;border: 1px solid #e4e4e4;margin-top: 20px;} #online-box .form form label{cursor: pointer;display: block;margin-top: 20px;width: 550px;margin: 0 auto;height: 52px;line-height: 52px;color: #fbfbfb;font-size: 16px;background: linear-gradient(to right, #1843ca , #0e1799);background: -ms-linear-gradient(to bottom right, #1843ca, #0e1799);background: -webkit-linear-gradient(to bottom right, #1843ca, #0e1799);background: -moz-linear-gradient(to bottom right, #1843ca, #0e1799);} /*底部表单*/ #foot-form{padding: 6.25% 0 5.21%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;position: relative;z-index: 10;} #foot-form .title{color: #ffffff;font-size: 50px;} #foot-form .desc{color: #ffffff;font-size: 24px;margin-bottom: 3.92%;} #foot-form input{width: 14.4%;padding: 0 1%;border: none; background: rgba(255,255,255,.7);border-radius: 5px;line-height: 60px;height: 60px;color: #333;font-size: 14px;margin-right: 0.71%;} #foot-form input:focus{background: #fff;} /*#foot-form input.i1{width: 25%;}*/ #foot-form input::-webkit-input-placeholder {color: #7a7a7a;} #foot-form input:-moz-placeholder {color: #7a7a7a;} #foot-form input::-moz-placeholder{color: #7a7a7a;} #foot-form input:-ms-input-placeholder {color: #7a7a7a;} #foot-form label{cursor: pointer;width: 14.28%;color: #fff;font-size: 16px;line-height: 60px;height: 60px;background: url(/images/more2.png) no-repeat center center/100% 100%;} #foot-form label:hover{opacity: .6;} @media (max-width: 1440px){ #foot-form{padding: 5% 0 5.5%;} #foot-form .title{font-size: 38px;} #foot-form .desc{font-size: 20px;margin-top: 10px;} #foot-form label, #foot-form input{font-size: 13px;height: 50px;line-height: 50px;} /*#foot-form input{width: 17%;}*/ /*#foot-form label{width: 14%;}*/ /*#foot-form input.i1{width: 23%;}*/ } @media (max-width: 1200px){ #foot-form .title{font-size: 32px;} #foot-form .desc{font-size: 18px;} #foot-form input{font-size: 12px;} } @media (max-width: 1050px){ #foot-form input, #foot-form input.i1{width: 40%;margin-right: 4%;margin-bottom: 3%;height: 40px;line-height: 40px;} #foot-form input:nth-child(2n){margin-right: 0;} #foot-form label{height: 40px;line-height: 40px;} #foot-form .last{display: block;margin-right: 0;margin-left: 6%;} } /*底部*/ #footer{background: #07090c;padding-top: 3.9%;position: relative;z-index: 10;} #footer .contact{width: 33.92%;} #footer .contact .logo{width: 160px;height: 50px;margin-bottom: 20px;} #footer .contact .company{color: #bdbdbd;font-size: 18px;margin-bottom: 10px;} #footer .contact .con{color: #999999;font-size: 14px;margin-bottom: 5px;} #footer .contact .con.inline-block{margin-right: 15px;} #footer .contact .share{margin-top: 30px;} #footer .contact .share a{width: 30px;height: 30px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: 30px 30px;background-size: 30px 30px;margin-right: 14px;} #footer .contact .share a:nth-child(4){margin-right:0;} #footer .contact .share a.s1{background-image: url(/images/s1.png);} #footer .contact .share a.s2{background-image: url(/images/s2.png);} #footer .contact .share a.s3{background-image: url(/images/s3.png);} #footer .contact .share a.s4{background-image: url(/images/s4.png);} #footer .contact .share a.s1:hover{background-image: url(/images/sw1.png);} #footer .contact .share a.s2:hover{background-image: url(/images/sw2.png);} #footer .contact .share a.s3:hover{background-image: url(/images/sw3.png);} #footer .contact .share a.s4:hover{background-image: url(/images/s42.png);} #footer .contact .share .code{width: 90px;height: 0px;overflow: hidden;top: 45px;left: 14px;background: #fff;border-radius: 5px;} #footer .contact .share .code.block{height: 110px;overflow: visible;} #footer .contact .share .code.c1{width: 90px;} #footer .contact .share .code.c1 .inline-block{width: 90px;} #footer .contact .share .code.c1 .inline-block:nth-child(2){margin-left: 5px;} #footer .contact .share .code.c2{left: 58px;} #footer .contact .share .code .t{margin-top: 3px;color: #333;font-size: 13px;} #footer .contact .share .code .m-pic{position: relative;width: 80px;height: 80px;margin: 4px auto 0;} #footer .contact .share .code .m-pic:before{position: absolute;content: "";left: 0;right: 0;margin: auto;top: -9px;width: 20px;height: 11px;background: url(/images/up.png) no-repeat center center;} #footer .contact .share .code.c1 .inline-block:nth-child(2) .m-pic:before{display: none;} #footer .nav{width:60.71%;} #footer .nav .n1{width: 21%;margin-right: 2.94%;} #footer .nav .n1:last-child{margin-right: 0;} #footer .nav .n1:nth-child(2){width: 28%;} #footer .nav .n1 .one{color: #ffffff;font-size: 16px;margin-bottom: 35px;} #footer .nav .n1 .child{color: #999999;font-size: 14px;margin-bottom: 15px;} #footer .nav .n1 .inline-block{width: 40%;margin-right: 4%;} #footer .nav .n1 .inline-block:nth-child(2n){margin-right: 0;} #footer .nav .n1 .child:hover{color: #fff;} #footer .copyright{border-top: 1px solid #25272a;padding: 22px 0 28px;margin-top: 50px;} #footer .copyright *{color: #999999;font-size: 14px;margin-right: 25px;} #footer .copyright .icp{padding-left: 28px;background-repeat: no-repeat;background-position: left center;} #footer .copyright .fr a{margin-right: 21px;} #footer .copyright a:hover{color: #ffffff;} #footer .copyright .fl a:last-child, #footer .copyright .fr a:last-child{margin-right: 0} #share-float{position: fixed;right: 9.89%;width: 70px;z-index: 999;top: 30%;} #share-float a{width: 50px;height: 50px;cursor: pointer;background-repeat: no-repeat;background-position: center center;border-radius: 50%;box-shadow: 0 6px 15px -8px #b1cbe0;-webkit-background-size: 100% 100%;background-size: 100% 100%;} #share-float a:hover{opacity: .8;} #share-float a.s1{margin-bottom: 10px;background-image: url(/images/share1.png);} #share-float a.s2{background-image: url(/images/share2.png);} @media (max-width: 1680px){ #share-float{right: 0%;} #share-float a{width: 40px;height: 40px;} } @media (max-width: 1440px){ #share-float{width: 40px;} /*#share-float{top: auto;bottom: 29%;position: absolute;width: 45px;right: 0%;}*/ #share-float a{width: 35px;height: 35px;} } @media (max-width: 1400px){ #share-float{width: 30px;} /*#share-float{top: auto;bottom: 29%;position: absolute;width: 45px;right: 0%;}*/ #share-float a{width: 28px;height: 28px;} } @media(max-width: 1200px){ #footer .contact .share{margin-top: 20px;} } #main .sitemap-box .cw1200{padding-bottom: 50px;} #main .sitemap-box .sitemap{margin-bottom: 42px;} #main .sitemap-box .sitemap .title{width: 100%;background: url(/images/title.png) no-repeat left center;} #main .sitemap-box .sitemap .tit{min-width: 60px;position: relative;padding-left: 12px;padding-right: 15px;color: #02589d;font-size: 16px;color: #02589d;background: #fff;} #main .sitemap-box .sitemap .tit:after{width: 3px;height: 16px;background: #02589d;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";} #main .sitemap-box .sitemap .list{margin-top: 30px;} #main .sitemap-box .sitemap .list .row{margin-left: 12px;margin-bottom: 25px;background: url(/images/title.png) no-repeat left 11px;} #main .sitemap-box .sitemap .list .row:last-child{margin-bottom: 0;} #main .sitemap-box .sitemap .list .cate{background: #fff;padding-right: 25px;margin-bottom: 10px;} #main .sitemap-box .sitemap .list .cate a{color: #333333;font-size: 14px;} #main .sitemap-box .sitemap .list .two{width: 85%;} #main .sitemap-box .sitemap .list .two .a{padding-right: 1.376%;background: #fff;} #main .sitemap-box .sitemap .list .two a{color: #888888;font-size: 14px;margin-bottom: 10px;} #main .sitemap-box .sitemap .list .cate a:hover, #main .sitemap-box .sitemap .list .two a:hover{color: #02589d;} @media (max-width: 1280px){ #main .sitemap-box .sitemap .tit{font-size: 22px;} #main .sitemap-box .sitemap .list .cate a{font-size: 18px;} #main .sitemap-box .sitemap .list .two a{font-size: 16px;} } /*搜索-全站*/ #search{padding: 40px 0 80px;} #search .cw1200{padding: 40px 0;width: 97%;margin: 0 auto;border-radius: 5px;} #search .form{margin-bottom: 40px;padding: 0 1.5%;} #search .form form{border: 1px solid #ccc;border-radius: 50px;height: 35px;padding: 0 2%;} #search .form form label, #search .form form input{height: 35px;line-height: 35px;} #search .form form .text{background: transparent;border: none;width: 90%;color: #666;font-size: 16px;} #search .form form .submit{width: 8%;cursor: pointer;background: url(/images/search2.png) no-repeat center center;} #search .end{color: #666;padding: 25px 0;font-size: 16px;border-bottom: 1px solid #e5e5e5;} #search .list{padding: 0 3%;width: 94%;} #search .li{border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;} #search .li .name{border-bottom: 1px solid transparent;} #search .li .name span{vertical-align: middle;} #search .li .name .d1{color: #333;font-size: 16px;} #search .li .name .d2{color: #666;font-size: 14px;} #search .li .name:hover .d2, #search .li .name:hover .d1{color: #02589d;} #search .li .date{color: #999;font-size: 13px;margin: 5px 0 10px;padding-left: 20px;background: url(/images/date.jpg) no-repeat left 3px;line-height: 22px;} #search .li .desc{max-height: 44px;overflow: hidden;color: #666;font-size: 13px;line-height: 22px;} @media (max-width: 1200px){ #footer .contact{width: 31.5%;} #footer .copyright .fl, #footer .copyright .fr{float: none;width: 100%;text-align: center;} #footer .copyright .fr{margin-top: 10px;} } @media (max-width: 1050px){ #footer .contact, #footer .nav{float: none;width: 100%;} #footer .contact{text-align: center;} #footer .nav{padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px solid #25272a;} #footer .contact{width: 400px;margin: 0 auto;} #footer .contact .share{width: auto;display: inline-block;} #footer .contact .logo{margin-left: auto;margin-right: auto;} } @media (max-width: 910px){ #footer .nav{border-bottom: none;} #footer .nav .n1:nth-child(2), #footer .nav .n1{width: 100%!important;margin-right: 0;text-align: left;padding: 15px 0;border-bottom: 1px solid #25272a;} #footer .nav .n1 .one{position: relative;width: 100%;margin-bottom: 0;font-size: 22px;} #footer .nav .n1 .one:after{content: "+";position: absolute;right: 15px;top: 0;bottom: 0;width: 20px;height: 33px;line-height: 33px;margin: auto;font-family: 'SourceHanSansCN_Medium';font-size: 30px;} #footer .nav .n1 .one:before{content: "";position: absolute;right: 19px;top: 0;bottom: 0;margin: auto;width: 15px;height: 0px;background: #fff;} #footer .nav .n1 .one.in:after{content: "";} #footer .nav .n1 .one.in:before{height: 3px;} #footer .nav .n1 .inline-block{display: block;width: 100%;} #footer .nav .n1 .two{height: 0;width: 100%;overflow: hidden;} #footer .nav .n1 .child{font-size: 18px;margin: 15px 0;} } @media (max-width: 768px){ #search .li .name .d1{font-size: 24px;} #search .li .name .d2{font-size: 24px;} #search .li .date{font-size: 18px;} #search .li .desc{font-size: 17px;} }