@media(max-width:1660px) { .index-header { padding: 32px 80px 0; } } @media(max-width:1500px) { .logo img { height: 60px; } .head-nav-other { margin-top: 16px; } .head-nav ul>li { height: 80px; } .head-nav ul>li>a { padding-top: 20px; } .head-nav ul>li.on>a::before { top: -19px; } .index-header { padding: 15px 50px 0; } } @media(max-width:1300px) { .head-nav ul>li { width: 100px; } .head-nav ul>li.next .downmain { width: 80%; padding-left: 0; } .head-nav li .downmain>dl { width: 18%; margin: 0 1%; } } .index-banner .swiper-container .swiper-pagination { bottom: 30px; left: 0; right: 0; position: absolute; text-align: center; font-size: 0; } .index-banner .swiper-pagination-bullet, .index-banner .swiper-pagination-switch { width: 15px; height: 15px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; margin: 0 7px; opacity: 1; display: inline-block; } .index-banner .swiper-pagination-bullet-active, .index-banner .swiper-active-switch { background-color: #fff; } /* index */ .index-pro li { position: relative; width: 25%; } .index-pro li .li-a { padding: 14.58% 9.375% 0; display: block; /* height: 552px; */ overflow: hidden; } .index-pro li .li-a:hover .li-img { transform: scale(1.2); } .index-pro li .li-img { display: block; margin: 30px auto 0; transition: 0.3s; /* position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; */ /* -webkit-box-reflect: below 0px -webkit-linear-gradient(top, rgba(0, 0, 0, 0)75%, rgba(0, 0, 0, .3)100%); */ } .index-pro li:first-child { background-color: #e6e6e6; } .index-pro li:nth-child(2) { background-color: #ecebeb; } .index-pro li:nth-child(3) { background-color: #f1f1f1; } .index-pro li:nth-child(4) { background-color: #ecebf1; } .index-pro li .tit { font-size: 30px; height: 30px; overflow: hidden; color: #999999; margin-bottom: 19px; } .index-pro li .p1 { font-size: 24px; /* font-weight: bold; */ color: #333333; } .index-news { padding: 4.84% 0px; } .index-page-tit { font-size: 24px; margin-bottom: 18px; } .index-page-p { font-size: 30px; color: #999999; } .index-about { width: 53%; margin-left: 5%; } .index-news-swiper { margin-right: 5%; width: 32%; position: relative; } .index-about-left { margin-top: 58px; display: flex; justify-content: space-between; align-items: center; } .index-about-left__a { position: relative; width: 47.76%; } .index-about-left__a::after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: rgba(51, 51, 51, 0.5) url(../images/play.png) no-repeat center; } .index-about-left__cont { margin-left: 4.8%; width: 46.6%; } .index-about-left__cont .tit { font-size: 18px; margin-bottom: 30px; } .index-about-left__cont .p1 { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999999; height: 141px; overflow: hidden; } .index-about-left__cont .link-more { margin-top: 30px; display: inline-block; text-align: center; line-height: 32px; font-size: 14px; color: #010101; width: 118px; height: 34px; border: solid 1px #cccccc; } .swiper-next, .swiper-prev, .index-about-left__cont .link-more span { font-family: 'SimSun'; } .index-news-swiper-box { position: relative; } .swiper-next, .swiper-prev { font-size: 60px; color: #999; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); } .swiper-next { right: 0; } .index-news-swiper .swiper-container { width: 76%; margin-top: 55px; } .index-news-swiper .tit a { display: block; font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 21px; } .index-news-swiper .p1 { margin-top: 14px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 22px; height: 44px; overflow: hidden; letter-spacing: 0px; color: #666666; } /* product-main-01 */ .product-main-01 { margin-bottom: 120px; } .product-main-01 .tit01 { font-size: 24px; color: #999999; margin-top: 46px; } .product-main-01 .tit02 { font-size: 18px; color: #333; } .product-main-01 .p1 { font-size: 14px; line-height: 24px; } .product-main-01 .link-a { color: #e50012; margin-top: 20px; display: block; } .product-main-01 li { margin-top: 80px; overflow: hidden; width: 50%; } .product-main-01 .li-a { display: block; } .product-main-01 li .img-a { width: 290px; height: 290px; transition: 0.3s; } .product-main-01 li .img-a-box { overflow: hidden; width: 290px; height: 290px; } .product-main-03 .product-main-ul li .img-a:hover img, .product-main-02 li .img-a:hover img, .product-main-01 .li-a:hover .img-a { transform: scale(1.2); } .product-main-01 li:nth-child(odd) { padding-right: 47px; border-right: 1px solid #dadada; } .product-main-01 li:nth-child(even) { float: right; padding-left: 47px; } /* 浜у搧浜岀骇鍒嗙被 .product-main-02 */ .product-main-03 .product-main-ul li, .product-main-02 li { text-align: center; margin-top: 115px; width: 25%; } .product-main-02 .tit-a { display: block; margin-top: 29px; font-size: 18px; } .product-main-03 .product-main-ul, .product-main-02 { margin-bottom: 115px; } .product-main-03 .product-main-ul li .img-a, .product-main-02 li .img-a { display: block; overflow: hidden; } .product-main-03 .product-main-ul li .img-a img, .product-main-02 li .img-a img { transition: 0.3s; width: 240px; height: 240px; } /* product-main-04 鐢㈠搧鍒楄〃 */ .product-main-03 .product-main-ul li .tit-other, .product-main-03 .product-main-ul li .tit-a { font-size: 18px; color: #111111; line-height: 28px; text-align: center; } .product-main-03 .product-main-ul li .tit-a { display: block; margin-top: 20px; } /* 浜у搧璇︽儏 */ .me-tab { background-color: #eeeeee; width: 558px; margin: 25px 0 52px; font-size: 16px; font-weight: normal; letter-spacing: 0px; } .me-tab a { display: block; width: 178px; line-height: 53px; text-align: center; color: #111111; position: relative; } .me-tab .on a::after { content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); background: url(../images/pro_cont/arrow.png) no-repeat center; width: 26px; height: 12px; } .me-tab .on a { color: #eee; background-color: #e50012; } .product-article-tab { margin: 60px 0 100px; } .product-article-tab .product-article-tab__item{ display:none } .product-main-04 .product-main-ul li { margin-top: 0; width: 20%; } .product-main-04 .product-main-ul li .img-a img { width: 190px; height: 190px; } .product-main-04 .product-main-ul li .tit-other, .product-main-04 .product-main-ul li .tit-a { font-size: 14px; line-height: 24px; } .product-main-04 .product-main-ul li .tit-a { margin-top: 15px; } .product-lishi-tit { line-height: 30px; margin-bottom: 67px; position: relative; } .product-lishi-tit::before { position: absolute; content: ' '; height: 1px; background-color: #e1e1e1; top: 50%; left: 211px; right: 162px; } .product-lishi-tit .tit-02, .product-lishi-tit .tit-01 { font-size: 20px; } .product-lishi-tit .tit-01 { font-weight: bold; } .product-lishi-tit .tit-02 { padding-left: 20px; color: #666666; } .product-lishi-tit .span-r { font-size: 14px; color: #666666; } /* "product-down-tit */ .product-down-tit { padding: 21px 0; font-size: 18px; padding-left: 68px; border-bottom: 1px solid #d3d3d3; background: url(../images/pro_cont/down.png) no-repeat 26px center; } .product-down-tit.save-icon { margin-top: 80px; background-image: url(../images/pro_cont/save.png); } .product-down-case { padding-left: 26px; padding-top: 38px; } .product-down-case li a { display: block; width: 173px; line-height: 56px; text-align: center; border-radius: 10px; font-size: 16px; color: #fff; margin-right: 22px; } .btn-pink { background-color: #ff0084; } .btn-red { background-color: #e50012; } .btn-orange { background-color: #ff6000; } .btn-yellow { background-color: #ffa800; } /* silde-nav */ .silde-nav { display: inline-block; /* width: 475px; */ background-color: #111111; margin: 58px 0 80px; } .silde-nav li a { width: 155px; line-height: 62px; text-align: center; display: block; font-size: 16px; color: #fff; } .silde-nav li.on a { background-color: #e50012; } .about-main-cont { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #333333; text-indent: 32px; margin-bottom: 148px; } .job-about-main .silde-nav, .download-about-main .silde-nav { /* width: 342px; */ } .download-about-main .silde-nav li a { width: 168px; } .download-list-01 li { width: 258px; margin-right: 55px; margin-bottom: 80px; } .download-list-01 li:nth-child(4n) { margin-right: 0; } .download-list-01 .img-a { display: block; position: relative; } .download-list-01 .img-a::after { position: absolute; content: ''; background: url(../images/other/flie.png) no-repeat; width: 22px; height: 19px; bottom: 15px; right: 16px; } .download-list-01 .tit-a { margin-top: 19px; display: block; height: 48px; line-height: 24px; color: #111; font-size: 16px; } /* download-about-form */ .download-about-form { padding-top: 7px; padding-bottom: 40px; } .download-about-form form { width: 528px; height: 57px; border: solid 1px #999999; } .download-about-form input { width: 392px; font-size: 16px; padding-left: 29px; } .download-about-form button { border: none; width: 134px; height: 55px; color: #fff; font-size: 16px; background-color: #e50012; } .download-about-table { text-align: center; margin-bottom: 110px; font-size: 16px; color: #111; table-layout: fixed; border-collapse: collapse; } .download-about-table th, .download-about-table td { border: 1px solid #999999; } .download-about-table td { line-height: 20px; } .download-about-table th { font-weight: normal; font-size: 16px; background-color: #111; color: #fff; line-height: 60px; } .link-down { display: block; color: #e50012; padding: 0 0 32px; background: url(../images/other/down.png) no-repeat center bottom; } .download-about-table .td-01 { width: 245px; height: 202px } .download-about-table .td-01 img { width: 156px; height: 156px; } .download-about-table .td-02 { width: 336px; padding: 0 15px; ; } .download-about-table .td-03 { width: 175px; padding: 0 15px; ; } .download-about-table .td-04 { width: 165px; padding: 0 15px; } .download-about-table .td-05 { width: 140px; } .download-about-table h3{ font-size: 16px; text-align: left; } /* news-tit-h2 */ .news-tit-h2 { margin-top: 61px; font-size: 20px; font-weight: bold; margin-bottom: 12px; padding-left: 15px; } .news-tit-h3 { padding-left: 15px; width: 339px; font-size: 24px; padding-bottom: 18px; color: #adadad; border-bottom: 1px solid #999999; } .news-left-nav { height: 583px; padding-top: 85px; margin-left: 37px; border-left: 1px solid #999999; } .news-left-nav li a { width: 138px; text-align: center; display: block; line-height: 60px; font-size: 16px; margin-bottom: 65px; ; } .news-left-nav li.on a { background-color: #e50012; color: #fff; } .news-right-cont { width: 946px; padding-top: 85px; } .news-list01 { margin-bottom: 95px; } .news-list01 .img-a img { display: block; width: 281px; height: 163px; } .news-list01 li { padding-bottom: 27px; margin-bottom: 25px; border-bottom: 1px solid #d5d5d5; } .news-list01 .img-a { overflow: hidden; margin-right: 38px; } .news-list01 .text-cont { width: 625px; } .news-list01 .tit { display: block; font-size: 18px; color: #111; padding: 19px 0 15px; } .news-list01 .time-p, .news-list01 .p1 { font-size: 14px; line-height: 24px; letter-spacing: 0px; color: #666666; } .news-list01 .p1 { margin-bottom: 30px; height: 48px; overflow: hidden; } .news-zhanhui-tit { padding-left: 7px; font-size: 16px; padding: 0 0 17px 0; border-bottom: 2px solid #333333; } .news-zhanhui-tit span { display: inline-block; width: 12px; height: 11px; margin-right: 10px; vertical-align: middle; background-color: #333333; } .news-zhanhui-tit.first { color: #e50012; border-color: #e50012; } .news-zhanhui-tit.first span { background-color: #e50012; } .news-list02 { margin-top: 13px; margin-bottom: 70px; } .news-list02 .tit { font-size: 16px; margin-bottom: 21px; } .news-list02 .p1 { color: #666666; line-height: 30px } .news-list02 li { padding: 36px 10px 38px; border-bottom: 1px solid #d5d5d5; } .news-list02 .home-li .tit { color: #e50012; } .news-list02 .home-li span { /*text-decoration: underline;*/ /*color: #0162e6;*/ } .news-list02 label { /*width: 72px;*/ display: inline-block; } .news-cont-article__page { padding-top: 68px; border-top: 1px solid #e1e1e1; margin-bottom: 150px; } .news-cont-article__page a { font-size: 16px; color: #111; } .news-cont-article__page a span { color: #666666; } .news-cont-article__page li:first-child { margin-bottom: 33px; } .news-cont-article__page ul { min-height: 17px; padding-right: 200px; position: relative; } .news-cont-article__page .right-li { position: absolute; width: 160px; line-height: 46px; right: 0; top: 50%; transform: translateY(-50%); } .news-cont-article__page .right-li a { display: block; background-color: #e50012; color: #fff; text-align: center; } .news-cont-article { margin: 50px 0; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #333333; text-indent: 32px; text-align: justify; } .news-cont-article__h1 { font-size: 18px; line-height: 30px; letter-spacing: 0px; color: #111111; margin-top: 60px; margin-bottom: 11px; } .news-cont-article__h4 { color: #666666; } .news-cont-article__h4 span { color: #e50012; font-size: 14px; padding-right: 10px; } .job-list .job-tit { font-size: 18px; color: #868686; margin-top: 30px; margin-bottom: 11px; } .job-list .job-tit span { padding-right: 9px; color: #000000; } .job-list li { padding: 0 28px; width: 373px; height: 506px; margin-right: 40px; margin-bottom: 83px; line-height: 28px; color: #666666; border: solid 1px #b6b6b6; } .job-list li:nth-child(3n) { margin-right: 0; } .job-list .p2 { margin-top: 28px; } .job-list .link-a { width: 141px; height: 47px; display: block; line-height: 45px; padding-left: 33px; border: solid 1px #868686; background: url(../images/other/arrow_d.png) no-repeat 102px center; color: #666; margin-top: 22px; } .job-list li:hover .link-a, .job-list li:hover { border-color: #e50012; } .job-list li:hover .link-a { color: #fff; background-color: #e50012; background-image: url(../images/other/arrow.png); } /* 鎷涜仒绠€鍘嗗~鍐欙紝 鐧诲綍娉ㄥ唽锛岀敤鐨勪竴鏍风殑琛ㄥ崟鏍峰紡 */ /* "join-form */ .join-form { /* width: 651px; */ /* padding-left: 14px; */ margin-left: 200px; } .join-form li { margin-bottom: 54px; font-size: 16px; line-height: 52px; color: #000; } .join-form .li-sex { line-height: 20px; height: 20px; overflow: hidden; } .join-form .label-me { width: 140px; margin-right: 15px; text-align: right; line-height: 52px; } .join-form .input-me, .join-form .select-me { height: 52px; width: 417px; border: solid 1px #999; color: #555; padding: 0 15px 0 20px; } .join-form .select-me { width: 130px; } .join-form .dian-i { color: #d81519; font-size: 16px; margin-right: 10px; } .join-form .li-span-date { padding: 0 23px 0 11px; } .join-form .input-me-radio input { margin-right: 15px; width: 20px; height: 20px; vertical-align: middle; } .join-form .input-me-radio:last-child { margin-left: 25px; } .join-form .textarea-me { height: 180px; width: 646px; resize: none; padding: 15px; } .join-form .li-submit { text-align: center; margin-left: 115px; margin-top: 100px; margin-bottom: 125px; width: 646px; } .join-form .li-submit button { width: 152px; height: 50px; background-color: #d81519; ; border: none; color: #fff; margin: 0 6px; } .join-form .li-submit .btn-reset { background-color: #111111; } .reg-main { padding: 78px 0 90px; } .reg-form { padding: 60px 59px 0; margin-left: 0; width: 650px; height: 948px; border: solid 1px #999999; } .reg-form li { margin-bottom: 32px; } .reg-form .input-me { width: 323px; } .reg-form ul { padding-left: 40px; padding-top: 48px; border-top: 1px solid #999999; } .reg-form .reg-tit-other span, .reg-form .reg-tit { color: #e50012; font-size: 18px; } .reg-form .reg-tit-other span { font-size: 20px; vertical-align: middle; } .reg-form .reg-tit-other { margin-top: 14px; font-size: 14px; line-height: 14px; color: #666666; margin: 15px 0 30px; } .reg-form .li-regnum input { width: 180px; } .reg-form .li-regnum .reg-num-btn { display: block; width: 128px; margin-left: 15px; color: #fff; text-align: center; background-color: #e50012; border-radius: 5px; } .reg-form .btn-submit-reg { width: 425px; height: 65px; background-color: #e50012; border: none; font-size: 16px; color: #Fff; border-radius: 5px; margin: 0 auto; display: block; margin-top: 45px; cursor: pointer; } .reg-main .reg-right-tit { font-size: 36px; color: #999999; text-align: right; margin-top: 140px; } .reg-main .reg-right-tit__other { font-size: 36px; margin-top: 25px; text-align: right; font-weight: bold; margin-bottom: 43px; } .login-other-box { width: 425px; margin: 30px auto 0; } .login-other-box a { line-height: 40px; color: #d22828; } .login-other-box a:first-child { width: 98px; height: 40px; display: inline-block; text-align: center; border-radius: 4px; border: solid 1px #e50012; } .login-form { height: 579px; } .login-main .reg-right-tit { margin-top: 23px; } .login-main .reg-right-tit__other { margin-bottom: 30px; } .login-main .login-right-img { margin-left: 80px; } .find-password-main .find-form { height: 719px; } .find-password-main .reg-right-tit { margin-top: 115px; } .find-password-main .reg-right-tit__other { margin-bottom: 63px; } .liuyan-main { height: 632px; background: url(../images/other/liuyan_bg.jpg) no-repeat center; } .liuyan-cont-left{ width: 620px; margin-top: 320px; text-align: center; color:#fff; } .liuyan-cont-left__tit{ font-size: 30px; font-weight: bold; margin-bottom: 19px; } .liuyan-form{ margin-top: 110px; } .liuyan-form textarea, .liuyan-form input{ display: block; height: 55px; width: 440px; border-radius:10px; padding:20px 27px; border:1px solid #d9d9da; } .liuyan-form textarea{ resize: none; height: 147px; } .liuyan-form li{ margin-bottom: 14px; } .liuyan-form button{ margin-top: 14px; border:none; height: 60px; width: 100%; background-color: #111111; font-size: 16px; color:#fff; border-radius: 8px; } /* ucenter */ .ucenter-main{ min-height: 860px; border: solid 1px #999999; margin-top: 56px; margin-bottom: 150px; position: relative; } .uc-nav{ width: 261px; text-align: center; position: absolute; top: 0; bottom: 0; border-right: 1px solid #999; } .uc-nav li{ line-height: 59px; border-bottom: 1px solid #999; } .uc-nav li a{ display: block; } .uc-nav li.top{ font-size: 18px; color: #Fff; border-bottom: none; background-color: #e50012; } .uc-nav li.on a{ background-color: #333333; color:#Fff; } .uc-main-right{ width: 937px; } .uc-person-from{ height: auto; border: none; margin: 0 auto } .uc-person-from { padding-top: 80px; } .uc-person-from .btn-submit-reg{ margin-top: 58px; } .uc-riji-table { text-align: center; margin:65px 0 85px 70px; font-size: 14px; color: #111; table-layout: fixed; border-collapse: collapse; } .uc-riji-table th{ color:#e50012; font-weight: normal; padding-bottom: 20px; } .uc-riji-table tr{ border-bottom: 1px solid #999; } .uc-riji-table tr.tr-top{ border-color:#e50012; } .uc-riji-table td{ width: 140px; height: 167px; line-height: 18px; } .uc-riji-table .td-01 img { width: 120px; height: 120px; } .uc-riji-table .td-02 { width: 180px; } .uc-riji-table .td-02 h3{ font-size: 14px; width: 140px; margin: 0 auto; text-align: left; } .uc-riji-table .td-05, .uc-riji-table .td-04, .uc-riji-table .td-03 { width: 120px; } .uc-riji-table__page{ padding-right: 60px; }