/** Generated by FG **/ @charset 'utf-8'; @font-face { font-family: 'Conv_HELVETICANEUELTSTD-XBLKCN_0'; src: url('../fonts/HELVETICANEUELTSTD-XBLKCN_0.eot'); src: local('☺'), url('https://site.intra.andpay.me/Public/Cn/fonts/HELVETICANEUELTSTD-XBLKCN_0.woff') format('woff'), url('../fonts/HELVETICANEUELTSTD-XBLKCN_0.ttf') format('truetype'), url('../fonts/HELVETICANEUELTSTD-XBLKCN_0.svg') format('svg'); font-weight: normal; font-style: normal; } * { font-family: '微軟正黑體', "Microsoft JhengHei", "微软雅黑", arial; } body { overflow: hidden; } .th_video object{ width: 100% !important; } /*招贤纳士*/ .j_need { width: 100%; background: #FFFFFF; padding: 80px 95px 75px 95px; z-index: 1; position: relative; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_need h1 { font-size: 42px; line-height: 52px; color: #005baa; font-weight: bold; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_need h2 { font-size: 60px; line-height: 80px; color: #005baa; font-family: 'Conv_HELVETICANEUELTSTD-XBLKCN_0', arial; padding-bottom: 30px; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_need p { font-size: 18px; line-height: 32px; color: #666666; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_nashi { position: fixed; /*top: 100px; left: -124px;*/ background: #005baa; border-radius: 25px; width: 47px; font-size: 20px; line-height: 22px; color: #ffffff; margin: 0 auto; padding: 49px 15px; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; margin-top: -250px; margin-left: -125px; display: none; cursor: pointer; } .nashib { position: absolute; top: 50%; right: -12px; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .nashib img { width: 9px; } .j_nashis { position: fixed; /*top: 100px; left: -124px;*/ background: #005baa; border-radius: 25px; width: 47px; font-size: 20px; line-height: 22px; color: #ffffff; margin: 0 auto; padding: 49px 15px; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; margin-top: -250px; margin-left: -125px; display: none; cursor: pointer; } .nashibs { position: absolute; top: 50%; right: -12px; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .nashibs img { width: 9px; } .j_fuli { width: 100%; height: 780px; margin-top: -170px; background: url(../images/fulij.jpg) 0 0 no-repeat; background-size: cover; background-attachment: fixed; } .j_fulis { background: rgba(0, 0, 0, 0.15); height: 780px; } .j_fulia h2 { margin-top: 245px; color: #FFFFFF; font-size: 30px; line-height: 32px; font-weight: bold; text-align: center; margin-bottom: 30px; } .j_boon { padding: 0 175px; } .j_boons { position: relative; width: 170px; background: #005baa; height: 170px; border-radius: 50%; border: 3px solid #FFFFFF; margin-top: 25px; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; z-index: 1; } .j_lis { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .j_lis img { width: 35px; } .j_lis p { color: #FFFFFF; font-size: 20px; line-height: 34px; font-weight: bold; } .j_lisa { position: absolute; left: -2px; top: 50%; width: 14px; height: 45px; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: #005baa; z-index: 99; } .j_lisa img { position: absolute; width: 13px; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .worksa { padding-top: 65px; } .works { animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .work { position: relative; width: 100%; background: #f5f5f5; border-left: 1px solid #005BAA; height: 78px; margin-top: 15px; } .j_wfl { width: 50%; color: #666666; font-size: 18px; line-height: 78px; padding-left: 30px; font-family: "微软雅黑"; } .j_wfr { width: 50%; padding-left: 230px; } .j_wfr p { float: left; width: 50%; display: inline-block; font-size: 14px; line-height: 78px; color: #666666; font-family: "微软雅黑"; } .j_wfr p span { font-size: 14px; line-height: 78px; color: #999999; font-family: "微软雅黑"; } .work .j_imgs { position: absolute; right: 0; height: 100%; width: 27px; background: #005BAA; cursor: pointer; } .work .j_imgs img { width: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .j_miaoshu { /*padding-top: 20px;*/ padding-left: 30px; padding-bottom: 45px; } .j_miaoshus h5 { font-size: 16px; line-height: 30px; color: #333333; margin-top: 35px; font-family: "微软雅黑"; } .j_miaoshus p { font-size: 16px; line-height: 30px; color: #666666; font-family: "微软雅黑"; } .j_tdjl a { display: inline-block; font-size: 24px; line-height: 30px; color: #FFFFFF; font-family: "微软雅黑"; background: #005BAA; padding: 14px 75px; margin-top: 50px; border:1px solid #fff; } .j_miaoshu { display: none; } .j_ys-fenye { padding: 40px 0 40px; text-align: center; } .j_ys-fenye li { display: inline-block; /*padding: 0 14px;*/ text-align: center; line-height: 36px; color: #818282; font-size: 16px; background-color: #FFFFFF; margin: 0 6px; width: 36px; height: 36px; position: relative; } .j_ys-fenye li img { height: 10px; /*position: absolute;*/ /*top: 50%; left: 50%; display: inline-block; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);*/ } .j_ys-fenye li .jfenyls { display: none; } .j_ys-fenye li.ys-activepage { background-color: #005BAA; color: #fff; } .j_ys-fenye a li:hover { background-color: #005BAA; color: #fff; transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; } .j_ys-fenye a li:hover .jfenyls { display: inline-block; } .j_ys-fenye a li:hover .jfenyl { display: none; } .j_ys-fenye button { /* 手机端的样式 */ width: 100px; height: 40px; margin-left: 10px; margin-right: 10px; text-align: center; line-height: 40px; border: 1px solid #0377c2; font-size: 20px; color: #565656; border-radius: 10px; display: none; } @media screen and (max-width:767px) { .j_ys-fenye ul { display: none; } .j_ys-fenye button { display: inline-block; } } /*公司简介*/ .j_pay { background: #f5f5f5; padding-top: 60px; padding-bottom: 80px; } .j_pay h1 { color: #005BAA; font-size: 42px; line-height: 62px; font-family: arial; padding-bottom: 40px; border-bottom: 1px solid #dbdbdb; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_payl { width: 50%; padding-right: 75px; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_payl p { color: #666666; font-size: 16px; line-height: 32px; padding-top: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .j_payl p .j_sha { color: #005BAA; font-size: 20px; line-height: 32px; font-weight: bold; } .j_payl p span { color: #005BAA; font-size: 16px; line-height: 32px; font-weight: bold; } .j_payr { width: 50%; margin-top: 80px; position: relative; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_payr img { width: 100%; } .j_payr:before { content: ''; position: absolute; background: url(../images/j-diandian.png) no-repeat center; width: 100%; height: 25px; left: 25px; top: -24px; /*z-index: 2;*/ } .j_payr:after { content: ''; position: absolute; background: url(../images/j-diandian.png) no-repeat center; width: 26px; height: 100%; right: -25px; top: -23px; /*z-index: 2;*/ } .andp { position: relative; } .j_a { position: absolute; left: -240px; bottom: -78px; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_a img { width: 281px; } .andp .j_nashi { /*top: -50px;*/ } .j_chen { margin-top: 80px; width: 435px; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; position: relative; } .j_chen:before { content: ''; position: absolute; background: url(../images/jdiandiana.png) no-repeat center; width: 100%; height: 25px; left: -25px; top: -25px; /*z-index: 2;*/ } .j_chen:after { content: ''; position: absolute; background: url(../images/jdiandiana.png) no-repeat center; width: 26px; height: 100%; left: -25px; top: -23px; /*z-index: 2;*/ } .j_chen img { /*width: 435px;*/ width: 100%; } .j_chenl { width: calc(100% - 435px); animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; position: relative; margin-top: 80px; padding-left: 120px; padding-right: 35px; } .j_chenl h2 { font-size: 30px; font-weight: bold; line-height: 34px; color: #005BAA; margin-top: 90px; font-family: '微軟正黑體'; } .j_chenl h2 br{ display: none; } .j_chenl p { font-size: 20px; line-height: 34px; color: #666666; margin-top: 60px; font-family: "微軟正黑體"; /*overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;*/ } .peoplel .j_chen { margin-top: 120px; /*width: 435px;*/ animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; position: relative; } .peoplel .j_chen:before { content: ''; position: absolute; background: url(../images/jdiandiana.png) no-repeat center; width: 100%; height: 25px; left: -25px; top: -25px; /*z-index: 2;*/ } .peoplel .j_chen:after { content: ''; position: absolute; background: url(../images/jdiandiana.png) no-repeat center; width: 26px; height: 100%; left: -25px; top: -23px; /*z-index: 2;*/ } .peoplel .j_chen img { /*width: 435px;*/ width: 100%; } .peoplel .j_chenl { width: calc(100% - 435px); animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; position: relative; margin-top: 80px; padding-left: 30px; padding-right: 136px; } .peoplel .j_chenl h2 { font-size: 30px; font-weight: bold; line-height: 34px; color: #005BAA; margin-top: 90px; font-family: "微軟正黑體"; } .peoplel .j_chenl p { font-size: 20px; line-height: 34px; color: #666666; margin-top: 60px; font-family: "微軟正黑體"; /*overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;*/ } .j_pay h4 { font-size: 26px; color: #005BAA; text-align: center; line-height: 36px; padding: 15px 0; display: none; font-weight: bold; } .j_fengca h4 { font-size: 26px; color: #005BAA; text-align: center; line-height: 36px; padding: 15px 0; display: none; font-weight: bold; } .peoples { margin-bottom: 50px; } .j_huanj { background: #f5f5f5; padding-bottom: 140px; } .j_huanj h2 { font-size: 30px; line-height: 36px; color: #005BAA; font-weight: bold; text-align: center; padding-top: 65px; padding-bottom: 65px; } .j_envis { margin: 0 15px; } .j_envi { display: none; } .j_envi .slick-list { padding: 0 685px 0 345px; } .j_envi .slick-prev, .j_envi .slick-next { width: 15px; height: 27px; } .j_envi .slick-prev { background: url(../images/jpreva.png) no-repeat center; background-size: 15px 27px; z-index: 1; left: 10%; } .j_envi .slick-next { background: url(../images/jnexta.png) no-repeat center; background-size: 15px 27px; z-index: 1; right: 10%; } .j_envi .slick-dots li { background: url(../images/jslickb.png) no-repeat center; } .j_envi .slick-dots li.slick-active { background: url(../images/jslicka.png) no-repeat center; width: 32px; height: 32px; } .j_envi .slick-dots { bottom: -85px; } .j_envis img { width: 100%; } .j_fengca { padding-top: 70px; padding-bottom: 75px; position: relative; } .j_fengca>p { animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; font-size: 16px; line-height: 36px; color: #666666; } .j_fengca>p span { font-size: 22px; line-height: 36px; color: #005BAA; font-weight: bold; } .j_fcais { padding-top: 75px; } .j_cail { width: 50%; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_cair { width: 50%; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_cail img { margin: 4px 0px; width: 100%; } .j_cair img { margin: 4px 4px; width: 100%; } .j_yuans { margin-left: 159px; position: relative; } .j_yuans { position: relative; } .j_yuans:before { content: ''; position: absolute; background: url(../images/jdiandiana.png) no-repeat center; width: 100%; height: 25px; left: -30px; top: -21px; /*z-index: 2;*/ } .j_yuans:after { content: ''; position: absolute; background: url(../images/jdiandiana.png) no-repeat center; width: 25px; height: 100%; left: -27px; top: -21px; /*z-index: 2;*/ } .j_ygc4 { position: relative; margin-right: 196px; } .j_ygc4:before { content: ''; position: absolute; background: url(../images/jdiandiana.png) no-repeat center; width: 100%; height: 8px; right: -104px; top: -5px; /*z-index: 2;*/ } .j_ygc4:after { content: ''; position: absolute; background: url(../images/jdiandiana.png) no-repeat center; width: 100px; height: 100%; right: -103px; top: -1px; /*z-index: 2;*/ } .j_honora { animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; margin-top: 80px; background: #f5f5f5; } .jhonora img { width: 100%; } .jhonors { width: calc(100% - 424px); padding: 80px 70px 75px 75px; } .jha01 { /*float: left;*/ /*display: inline-block;*/ } .jha01 { color: #333333; font-size: 16px; line-height: 30px; font-family: "微软雅黑"; } .j_zhuanl { padding-bottom: 15px; border-bottom: 1px solid #ffffff; } .jha01:nth-child(1) { border-right: 1px solid #ffffff; padding-right: 30px; } .jha01:nth-child(2) { padding-left: 25px; } .jha01 .jzhuz img { width: 67px; /*margin-bottom: 32px;*/ margin: 0px 5px -12px 5px; display: block; } .jha01 .jzhuz { display: inline-block; } .jha01 .jzhuzs { color: #005BAA; font-size: 32px; line-height: 30px; font-weight: bold; font-family: "微软雅黑"; } .jha02 { color: #666666; font-size: 16px; line-height: 32px; padding-top: 25px; } /* .j_honors { display: none; } */ .j_ryu { position: relative; } .j_ryu h3 { font-size: 26px; color: #005BAA; text-align: center; line-height: 36px; padding: 15px 0; display: none; font-weight: bold; } .j_zsas { padding-top: 80px; } .j_cpmz { width: 33.33%; text-align: center; height: 338px; } .j_cpmz p { font-family: "Microsoft YaHeiLight"; font-size: 16px; line-height: 30px; color: #333333; padding: 36px 0 50px; } .j_cpmz:nth-child(1) p { padding: 36px 0 45px; } .j_zs01 { height:222px; max-width:100%; overflow: hidden; } .j_zs01 img { /*width: 100%;*/ cursor: pointer; transition: all 0.6s; } .j_zs01 img:hover{ transform: scale(1.1); } .j_honors .slick-dots { bottom: -40px; } .things { position: relative; padding-top: 80px; } .things h4 { font-size: 26px; color: #005BAA; text-align: center; line-height: 36px; padding: 15px 0; display: none; font-weight: bold; } .j_year01 span { display: block; width: 140px; height: 140px; line-height: 140px; background: #005BAA; color: #FFFFFF; text-align: center; margin: 0 auto; border-radius: 50%; font-size: 36px; } .j_year01 { position: relative; padding-bottom: 60px; font-family: arial; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_year01:before{ content: ''; position: absolute; top: 0px; left: 50%; width: 1px; height: 100%; z-index: -1; background-color: #dbdbdb; transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .j_year01:nth-child(2){ animation-delay: 0.4s; } .j_year01:nth-child(3){ animation-delay: 0.6s; } .j_year01:nth-child(4){ animation-delay: 0.8s; } .j_year01:nth-child(5){ animation-delay: 1s; } .j_year18 { width: 50%; text-align: right; padding: 0px 34px 0 95px; } .j_year18 h2 { font-size: 30px; line-height: 34px; color: #333333; font-family: arial; position: relative; margin-top: 70px; } .j_year18 h2:after { position: absolute; content: ''; width: 13px; height: 13px; background: #dbdbdb; right: -40px; top: 10px; border-radius: 50%; } /* .j_year18 h2:before { position: absolute; content: ''; width: 1px; height: 284px; background: #dbdbdb; right: -34px; top: -70px; } */ .j_year18 p { font-size: 18px; line-height: 30px; color: #666666; } .j_year01 span { display: block; width: 140px; height: 140px; line-height: 140px; background: #005BAA; color: #FFFFFF; text-align: center; margin: 0 auto; border-radius: 50%; font-size: 36px; font-family: arial; z-index: 2; } .j_year18 { width: 50%; text-align: right; padding: 0px 34px 0 95px; } .j_year18 h2 { font-size: 30px; line-height: 34px; color: #333333; font-family: arial; position: relative; margin-top: 135px; margin-bottom: 10px; } .j_year18 h2:after { position: absolute; content: ''; width: 13px; height: 13px; background: #dbdbdb; right: -40px; top: 10px; border-radius: 50%; } /* .j_year18 h2:before { position: absolute; content: ''; width: 1px; height:580px; background: #dbdbdb; right: -34px; top: -140px; z-index: -1; } */ .j_year18 p { font-size: 18px; line-height: 30px; color: #666666; } .j_year18s { width: 50%; text-align: left; padding: 0px 95px 0 34px; } .j_year18s h2 { font-size: 30px; line-height: 34px; color: #333333; font-family: arial; position: relative; margin-top: 70px; margin-bottom: 10px; } .j_year18s h2:after { position: absolute; content: ''; width: 13px; height: 13px; background: #dbdbdb; left: -40px; top: 10px; border-radius: 50%; } .j_year18s p { font-size: 18px; line-height: 30px; color: #666666; } /*.j_year03 span { display: block; width: 140px; height: 140px; line-height: 140px; background: #005BAA; color: #FFFFFF; text-align: center; margin: 0 auto; border-radius: 50%; font-size: 36px; font-family: arial; } .j_year16 { width: 50%; text-align: right; padding: 0px 34px 0 95px; } .j_year16 h2 { font-size: 30px; line-height: 34px; color: #333333; font-family: arial; position: relative; margin-top: 100px; } .j_year16 h2:after { position: absolute; content: ''; width: 13px; height: 13px; background: #dbdbdb; right: -40px; top: 10px; border-radius: 50%; } .j_year16 h2:before { position: absolute; content: ''; width: 1px; height: 190px; background: #dbdbdb; right: -34px; top: -100px; } .j_year16 p { font-size: 18px; line-height: 30px; color: #666666; } .j_year16s { width: 50%; text-align: left; padding: 0px 95px 0 34px; } .j_year16s h2 { font-size: 30px; line-height: 34px; color: #333333; font-family: arial; position: relative; margin-top: 60px; } .j_year16s h2:after { position: absolute; content: ''; width: 13px; height: 13px; background: #dbdbdb; left: -40px; top: 10px; border-radius: 50%; } .j_year16s p { font-size: 18px; line-height: 30px; color: #666666; }*/ .j_morejia { cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: 70px; } .j_morejia img { margin: 0 auto; width: 36px; display: block; } .j_morejia p { font-size: 14px; line-height: 24px; color: #999999; text-align: center; } .j_shiji { margin-bottom: 75px; max-height: 1995px; /*max-height: 9999px;*/ overflow: hidden; } /*.j_year04 { display: none; }*/ .j_video { position: relative; padding-top: 80px; padding-bottom: 80px } .j_video h4 { font-size: 26px; color: #005BAA; text-align: center; line-height: 36px; padding: 15px 0; display: none; font-weight: bold; } .j_videosa { width: calc(50% - -16px); cursor: pointer; position: relative; } .j_viori { /*width: 50%;*/ padding-top: 15px; padding-left: 50px; width: calc(50% - 16px); padding-bottom: 20px; } .j_viori p { font-size: 16px; line-height: 32px; color: #666666; } /*.j_videosa video{ width: 100%; height: 400px; position: relative; }*/ .j_videosa:after { position: absolute; content: ''; left: -20px; top: -20px; width: 20px; height: 100%; background: #005BAA; } .j_videosa:before { position: absolute; content: ''; left: -20px; top: -20px; width: 100%; height: 20px; background: #005BAA; } .j_videosa .video_img .video_play { position: absolute; top: 50%; left: 50%; z-index: 1; width: 49px; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .j_videosa .video_img .video_play img { width: 64px; } .j_videosa .video_img { position: relative; overflow: hidden; } .j_videosa .video_img .video_bg img { width: 100%; transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .video_fix { display: none; position: fixed; top: 0px; left: 0px; z-index: 11; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } .video_fix video { width: 100%; } .video_fix iframe { width: 100%; height: 476px; } .video_fix .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 0 200px; } .o_bof { position: absolute; top: 50%; left: 50%; width: 64px; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 3; } .video_fix .video-js { width: 100%; height: auto; } .video_fix .video-js .vjs-tech { position: relative; } .video_fix .video-js .vjs-big-play-button { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .video_fix .video-js .vjs-remaining-time-display { display: inline-block; } .video_fix .close { position: fixed; top: 50px; right: 50px; width: 50px; opacity: 1; z-index: 1; } .j_viori .j_bbig { font-size: 24px; line-height: 32px; font-weight: bold; color: #005BAA; } .j_viori span { font-size: 16px; line-height: 32px; font-weight: bold; color: #005BAA; } .j_news>h4 { font-size: 26px; color: #005BAA; text-align: center; line-height: 36px; padding: 15px 0; display: none; font-weight: bold; } .j_news { padding-top: 100px; position: relative; } .j_newsa { padding-bottom: 52px; cursor: pointer; animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .j_news01 { padding: 0 90px; } .j_news01 h1 { font-size: 48px; color: #005BAA; line-height: 22px; font-family: arial; text-align: center; padding-top: 55px; padding-bottom: 20px; } .j_news01 p { font-size: 18px; color: #333333; line-height: 20px; font-family: arial; text-align: center; } .j_news02 h4 { font-size: 18px; color: #333333; line-height: 36px; font-weight: bold; padding-top:20px ; } .jonehand { font-size: 14px; color: #999999; line-height: 22px; font-family: "微软雅黑"; padding-top: 20px; padding-bottom: 15px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jchakan img, .jfabu img { width: 16px; margin: 0 8px; } .jchakan img:nth-child(2) { display: none; } .jfabu { margin-left: 43px; } .jfabu img:nth-child(2) { display: none; } .jshuos { font-size: 14px; color: #666666; line-height: 26px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .j_news03{ padding-top: 70px; padding-right: 95px; } .j_news03 img { width: 40px; } .j_news03 img:nth-child(2) { display: none; } @media (min-width: 1200px) { .j_newsa:hover { background: url(../images/jjishi.jpg) no-repeat center; -webkit-transition: all .6s ease-out 0s; -moz-transition: all .6s ease-out 0s; -ms-transition: all .6s ease-out 0s; -o-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; } .j_newsa:hover .j_news01 h1{ color: #FFFFFF; } .j_newsa:hover .j_news01 p{ color: #FFFFFF; } .j_newsa:hover .j_news02 h4{ color: #FFFFFF; } .j_newsa:hover .jonehand{ color: #FFFFFF; } .j_newsa:hover .jchakan img:nth-child(1){ display: none; } .j_newsa:hover .jchakan img:nth-child(2){ display: inline-block; } .j_newsa:hover .jfabu img:nth-child(1){ display: none; } .j_newsa:hover .jfabu img:nth-child(2){ display: inline-block; } .j_newsa:hover .jshuos{ color: #FFFFFF; } .j_newsa:hover .j_news03 img:nth-child(1){ display: none; } .j_newsa:hover .j_news03 img:nth-child(2){ display: inline-block; } } .j_usa{ width: calc(100% - 274px); } .j_usa h2{ font-size: 32px; font-weight: bold; color: #333333; line-height: 40px; font-family: "微软雅黑"; } .j_writera{ margin: 0 12px; } .j_writera img{ width: 20px; } .j_look p{ font-size: 14px; color: #999999; line-height: 38px; font-family: "微软雅黑"; } .j_lookus{ padding-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb; } .j_look:nth-child(2) p,.j_look:nth-child(3) p{ padding-left: 45px; } .j_fxa .bshare-custom a{ width:38px; height: 38px; } .j_fxa .bshare-custom .bshare-sinaminiblog{ background: url(../images/jweibo.png) no-repeat center; background-size: cover; } .j_fxa .bshare-custom .bshare-weixin{ background: url(../images/jweixin.png) no-repeat center; background-size: cover; } .j_fxa .bshare-custom .bshare-more.more-style-addthis{ background: url(../images/jfenx.png) no-repeat center; background-size: cover; } .j_usa>p{ font-size: 16px; line-height: 28px; color: #666666; font-family: "微软雅黑"; padding-top: 35px; } .j_ntream{ padding-top: 35px; } .j_ntream img{ width: 100%; } .j_backa{ width: 40%; background: #005BAA; /*height: 48px;*/ /*line-height: 48px;*/ text-align: center; } .j_backa span{ height: 48px; line-height: 48px; color: #FFFFFF; font-size: 18px; } .j_backa span:nth-child(2){ margin: 0 20px 0 10px; } .j_backa img{ width: 17px; } .j_jump{ width: 60%; /*line-height: 48px;*/ /*height: 48px;*/ background: #41b656; } .j_jumpa{ width: 50%; text-align: center; /*line-height: 48px;*/ /*height: 48px;*/ } .j_jumpa img{ width: 28px; margin: 0 18px; } .j_jumpa span{ height: 48px; line-height: 48px; color: #FFFFFF; font-size: 16px; } .j_pagea{ padding-top: 55px; padding-bottom: 60px; } .j_newstj{ width:274px; padding-left: 69px; } .j_xinwen0 img{ width: 100%; } .j_newstj h4{ line-height: 40px; color: #005BAA; font-size: 16px; font-weight: bold; padding-bottom: 4px; } .j_date{ background: #fafafa; display: block; padding: 20px 20px 15px 20px; } .j_date h5{ line-height: 26px; color: #999999; font-size: 12px; position: relative; padding-top: 5px; } .j_date h5:after{ content: ''; position: absolute; height: 1px; width: 25px; background: #dbdbdb; left: 0; top: 0; } .j_date p{ line-height: 20px; color: #666666; font-size: 14px; } .j_newstjs { padding-top: 16px; } .j_contact{ padding-top: 80px; padding-bottom: 80px; } .j_contact>h4{ font-size: 26px; color: #005BAA; text-align: center; line-height: 36px; padding: 15px 0; display: none; font-weight: bold; } .j_maps{ width: 100%; height: 632px; } #j_map{ position: relative; height: 632px; width: calc(100% - 430px); overflow: hidden; } #j_map img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .j_address{ padding: 65px 50px 120px 60px; background: #005BAA; width: 430px; height: 100%; } .j_address img{ width: 23px; margin-top: 8px; } .j_ped{ width: calc(100% - 23px); padding-left: 15px; } .j_ped h4{ font-size: 18px; color: #FFFFFF; line-height: 36px; font-weight: bold; } .j_ped p{ font-size: 16px; color: #FFFFFF; line-height: 32px; } .j_hots{ padding-top: 40px; } /*.j_dla{ background: url(../images/j_dla.jpg) no-repeat center; background-size: cover; height: 100vh; width: 100%; }*/ .beiginga{ background: url(../images/j_dla.jpg) no-repeat center; background-size: cover; height: 100vh; width: 100%; } .j_dlas{ background: url(../images/jzhuce.jpg) no-repeat center; background-size: cover; height: 100vh; width: 100%; } .j_dla>img{ position: absolute; height: 100%; width: 100%; z-index: 1; } .j_dla{ } .j_biaod{ position: absolute; z-index: 99; top: 50%; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: rgba(255,255,255,0.9); padding: 60px 67px 82px 67px; } .j_andp{ text-align: center; padding-bottom: 39px; } .j_andp img{ width: 118px; } .j_biaod p{ width: 100%; } .j_shoujih,.j_password{ width: 318px; height: 50px; line-height: 50px; color: #666666; font-size: 14px; border: 1px solid #dbdbdb; margin-top: 23px; padding-left: 55px; } .j_shoujih{ background: url(../images/j_phone.png) no-repeat; background-position: 24px center; background-size: 18px 23px ; } .j_password{ background: url(../images/j_answer.png) no-repeat; background-position: 24px center; background-size: 18px 23px ; } .j_xza{ margin-top: 23px; } .j_jiz{ /*margin-top: 4px;*/ margin-left: 9px; font-size: 14px; line-height: 32px; color: #999999; } .j_forg a{ font-size: 14px; line-height: 32px; color: #005BAA; } .j_xza input[type=checkbox], input[type=radio] { margin: 9px 0 0; line-height: normal; -webkit-appearance: checkbox; -moz-appearance: checkbox; width: 14px; height: 14px; border: 1px solid #dbdbdb; background: #FFFFFF; } /*.j_dga{ width: 14px; height: 14px; border: 1px solid #dbdbdb; }*/ .j_dengl{ width: 100%; height: 50px; line-height: 50px; background: #005BAA; color:#FFFFFF; font-size: 18px; margin-top: 60px; } .jszzs{ position: absolute; z-index: 99; top: 50%; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: rgba(255,255,255,0.9); padding: 45px 150px 35px 150px; } .jimpa{ position: absolute; z-index: 99; /*top: 90%;*/ bottom: 70px; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: rgba(92,92,92,0.26); width: 100%; text-align: center; } .jimpa img{ width: 20px; margin-right: 15px; } .jimpa p{ font-size: 16px; line-height: 42px; color: #FFFFFF; } .jbfazs{ text-align: center; display: block; } .jbfazs img{ width: 96px; } .jszzs h3{ color:#333333; font-size: 30px; line-height: 42px; font-weight: bold; text-align: center; padding-top: 15px; padding-bottom: 15px; position: relative; } .jszzs h3:after{ content: ''; position: absolute; width: 56px; height: 2px; background: #005BAA; bottom: 0; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .j_friend{ color:#333333; font-size: 18px; line-height: 24px; font-weight: bold; text-align: center; padding-top: 10px; } .janz a{ display: block; text-align: center; width: 222px; margin: 0 auto; color: #FFFFFF; background: #005BAA; font-size: 18px; line-height: 32px; margin-top: 15px; } .jszzs h5{ font-size: 18px; line-height: 28px; color: #333333; font-weight: bold; text-align: center; margin-top: 30px; } .jszzs h6{ font-size: 18px; line-height: 28px; color: #005BAA; font-weight: bold; text-align: center; /*font-family: "微软雅黑";*/ } .j_way{ text-align: left; font-size: 14px; line-height: 16px; color: #333333; padding-top: 15px; padding-left: 150px; } .j_way span{ margin-right: 11px; } .j_way span img{ width: 15px; }