@charset "utf-8"; @font-face { font-family: 'books'; src: url("../other/BOOKOS.eot"); src: url("../other/BOOKOS.eot") format("embedded-opentype"), url("../other/BOOKOS.woff2") format("woff2"), url("../other/BOOKOS.woff") format("woff"), url("../other/BOOKOS.ttf") format("truetype"), url("../other/BOOKOS.svg#BOOKOS") format("svg"); } @font-face { font-family: 'bebas'; src: url("../other/BEBAS.eot"); src: url("../other/BEBAS.eot") format("embedded-opentype"), url("../other/BEBAS.woff2") format("woff2"), url("../other/BEBAS.woff") format("woff"), url("../other/BEBAS.ttf") format("truetype"), url("../other/BEBAS.svg#BEBAS") format("svg"); } @font-face { font-family: 'seguiemj'; src: url("../other/SEGUIEMJ.eot"); src: url("../other/SEGUIEMJ.eot") format("embedded-opentype"), url("../other/SEGUIEMJ.woff2") format("woff2"), url("../other/SEGUIEMJ.woff") format("woff"), url("../other/SEGUIEMJ.ttf") format("truetype"), url("../other/SEGUIEMJ.svg#SEGUIEMJ") format("svg"); } @font-face { font-family: 'proximanova'; src: url("../other/PROXIMANOVAWEBFONT.eot"); src: url("../other/PROXIMANOVAWEBFONT.eot") format("embedded-opentype"), url("../other/PROXIMANOVAWEBFONT.woff2") format("woff2"), url("../other/PROXIMANOVAWEBFONT.woff") format("woff"), url("../other/PROXIMANOVAWEBFONT.ttf") format("truetype"), url("../other/PROXIMANOVAWEBFONT.svg#PROXIMANOVAWEBFONT") format("svg"); } @font-face { font-family: 'framd'; src: url("../other/framd.eot"); src: url("../other/framd.eot") format("embedded-opentype"), url("../other/framd.woff2") format("woff2"), url("../other/framd.woff") format("woff"), url("../other/framd.ttf") format("truetype"), url("../other/framd.svg#framd") format("svg"); } .ffrank { font-family: "framd"; } .fb { font-family: "books"; } .fbebas { font-family: "bebas"; } .bl { display: block; } .w508 { width: 508px; margin: 0 auto; } .fpoa { display: block !important; position: absolute; left: 0; bottom: 0; width: 100%; } .w580 { width: 580px; margin: 0 auto; } .w762 { width: 762px; margin: 0 auto; } .w878 { width: 878px; margin: 0 auto; } .w990 { width: 990px; margin: 0 auto; } .w1036 { width: 1036px; margin: 0 auto; } .w1088 { width: 1088px; margin: 0 auto; } .w1160 { width: 1160px; margin: 0 auto; } .w1200 { width: 1200px; margin: 0 auto; } .w103 { width: 103%; margin: 1.5% auto; } .w1400 { width: 73%; margin: 0 auto; } .w1420 { width: 74%; margin: 0 auto; } .w1468 { width: 76.5%; margin: 0 auto; } .w1386 { width: 72.2%; margin: 0 auto; } .w924 { width: 74%; margin: 0 auto; } .w1344 { width: 66.4%; margin: 0 auto; } .Arial { font-family: "Arial"; } .toUpp { font-family: "Arial"; text-transform: uppercase; } .ddd { width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .opa2 { opacity: .2; filter: alpha(opacity=20); } .opa3 { opacity: .3; filter: alpha(opacity=30); } .opa4 { opacity: .4; filter: alpha(opacity=40); } .opa06 { opacity: .06; filter: alpha(opacity=6); } .opa7 { opacity: .7; filter: alpha(opacity=70); } .opa8 { opacity: .8; filter: alpha(opacity=80); } .block { display: block !important; } .none { display: none !important; } .tc { text-align: center; } .dbl { display: block; } .w100 { width: 100%; } .captcha { float: left; } .co .co-f1 .btns .swiper-pagination-bullet { background-image: none !important; display: inline-block; width: 12px; height: 12px; margin: 0 8px; background: #fff; cursor: pointer; overflow: hidden; font-size: 0; border-radius: 50%; } .register .forms1 .w-tr .tr.tr-regi { border-bottom: none !important; } .contact-btns-wrap { display: none; } .co .co-f1 .btns .swiper-pagination-bullet-active { position: relative; top: 3px; background: transparent; border: 3px solid #fff; width: 18px; height: 18px; } .more1 { position: relative; display: block; width: 150px; border-radius: 24px; border: 1px solid #e1e1e1; color: #666; line-height: 48px; overflow: hidden; transition: all .4s linear; } .more1 .s1 { position: relative; z-index: 2; display: block; width: 100%; height: 48px; text-align: center; background: url(../images/png2.png) no-repeat 80% center; } .more1 .s2 { position: absolute; left: -1px; top: 0; display: block; z-index: 1; height: 48px; width: 0; background: #2c419c; border-radius: 24px; transition: all .4s linear; } .more1:hover { color: #2c419c; border: 1px solid #2c419c; } .more1:hover .s1 { background: url(../images/png2on.png) no-repeat 80% center; } .more1:hover .s2 { /*width: 150px;*/ } .more2 { display: block; width: 120px; height: 30px; border-radius: 15px; line-height: 30px; color: #fffefe; background: #2c419c; transition: all .4s linear; font-family: "Arial"; font-size: 13px; text-align: center; } .more3 { position: relative; display: block; width: 180px; border-radius: 23px; border: 1px solid #2c419c; color: #333; line-height: 46px; overflow: hidden; transition: all .4s linear; text-align: center; } .more3 .s1 { position: relative; z-index: 2; } .more3 .s2 { position: absolute; left: 0; top: 0; display: block; z-index: 1; height: 46px; width: 0; background: #2c419c; border-radius: 23px; transition: all .4s linear; } .more3:hover { color: #fff; background: #2c419c; } .more3:hover .s2 { /*width: 100%;*/ } .nf1 { position: relative; height: 700px; } .nf1 .txts { position: absolute; z-index: 2; left: 0; top: 50%; margin-top: -66px; width: 100%; height: 132px; text-align: center; color: #fff; } .nf1 .txts .h2 { font-size: 70px; line-height: 70px; margin-bottom: 32px; } .nf1 .txts .h6 { font-size: 30px; line-height: 30px; } .nf1 .nf1-img { display: none; } .flex { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex;/* NEW, Spec - Opera 12.1, Firefox 20+ */ } .load-more { display: none; } .pages { text-align: center; } .pages .pages1 { display: inline-block; } .pages .pages1 a { display: inline-block; vertical-align: middle; box-sizing: border-box; width: 60px; height: 40px; line-height: 40px; color: #666; font-size: 15px; text-align: center; border: 1px solid #e6e6e6; border-width: 1px 0 1px 1px; transition: all .3s linear; } .pages .pages1 a:last-child { border-right: 1px solid #e6e6e6; } .pages .pages1 a:hover, .pages .pages1 a.active { border-color: #2c419c; color: #fff; background-color: #2c419c; } .pages .pages1 .sheng { border-top: none; border-bottom: none; } .pages .pages1 .sheng:hover { background: #fff; color: #2c419c; border-color: #e6e6e6; } .pages .pages1 .prev, .pages .pages1 .next { font-size: 13px; width: 92px; text-align: left; } .pages .pages1 .prev { border-left-width: 1px; padding-left: 36px; background: url(../images/prev4.png) left 16px center no-repeat; background-size: 6px; } .pages .pages1 .prev:hover { background: url(../images/prev4on.png) left 16px center no-repeat; background-color: #2c419c; background-size: 6px; } .pages .pages1 .next { border-right-width: 1px; padding-left: 12px; background: url(../images/next4.png) 70px center no-repeat; background-size: 6px; } .pages .pages1 .next:hover { background: url(../images/next4on.png) 70px center no-repeat; background-color: #2c419c; background-size: 6px; } .pagination { margin: 40px auto; text-align: center; } /*.pagination { display: inline-block; }*/ .pagination a { display: inline-block; vertical-align: middle; box-sizing: border-box; width: 40px; height: 40px; line-height: 40px; color: #666; font-size: 15px; text-align: center; border: 1px solid #e6e6e6; border-width: 1px 0 1px 1px; transition: all .3s linear; } .pagination a:last-child { border-right: 1px solid #e6e6e6; } .pagination a:hover, .pagination a.active { border-color: #2c419c; color: #fff; background-color: #2c419c; } .pagination .sheng { border-top: none; border-bottom: none; } .pagination .sheng:hover { background: #fff; color: #2c419c; border-color: #e6e6e6; } .pagination .prev, .pagination .next { font-size: 13px; width: 92px; text-align: left; } .pagination .prev { border-left-width: 1px; padding-left: 36px; background: url(../images/prev4.png) left 16px center no-repeat; background-size: 6px; } .pagination .prev:hover { background: url(../images/prev4on.png) left 16px center no-repeat; background-color: #2c419c; background-size: 6px; } .pagination .next { border-right-width: 1px; padding-left: 12px; background: url(../images/next4.png) 70px center no-repeat; background-size: 6px; } .pagination .next:hover { background: url(../images/next4on.png) 70px center no-repeat; background-color: #2c419c; background-size: 6px; } .pcheader { position: fixed; z-index: 5; top: 0; left: 0; height: 84px; width: 100%; overflow: visible; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .pcheader .dl { width: 14%; } .pcheader .logo { display: inline-block; width: 191px; height: 60px; position: relative; top: 12px; background: url(../images/logo.png) no-repeat center; background-size: 100%; transition: all .3s linear; } .pcheader .s1 { display: inline-block; width: 1px; height: 36px; position: relative; top: 24px; background: rgba(255, 255, 255, 0.3); margin: 0 20px; transition: all .3s linear; } .pcheader .gu { display: inline-block; width: 64px; height: 36px; position: relative; top: 24px; background: url(../images/gu.png) no-repeat center; background-size: 100%; transition: all .3s linear; } .pcheader .dr a { font-size: 14px; color: #fff; transition: all .3s linear; padding-right: 10px; } .pcheader .language { position: relative; top: 24px; display: inline-block; width: 190px; height: 36px; line-height: 36px; margin-left: 50px; /* border: 1px solid rgba(255, 255, 255, 0.15); */ border-radius: 18px; background: url(../images/en.png) left 0px center no-repeat; padding-right: 26px; text-align: right; transition: all .3s linear; padding-left: 10px; } .pcheader .h-li { } .pcheader .h-li .h-a { position: relative; z-index: 5; display: block; height: 100%; line-height: 84px; text-align: center; transition: all .3s linear; padding: 0 10px; } .pcheader .h-li .h-a .sline { position: absolute; left: 0; bottom: -1px; display: block; height: 2px; width: 1px; background: transparent; transition: all .3s linear .3s; } .pcheader .h-li .h-sub { display: none; position: absolute; z-index: 4; left: 0; bottom: -68px; width: 100%; height: 68px; text-align: center; background: #fff; border-top: 1px solid #ddd; transition: all .3s linear; } .pcheader .h-li .h-sub .w-h-sub { display: inline-block; } .pcheader .h-li .h-sub .h-sub-a { display: inline-block; width: 104px; height: 68px; line-height: 68px; color: #888; } .pcheader .h-li .h-sub .h-sub-a:hover { color: #2c419c; } .pcheader .h-li.cur .h-a .sline { width: 100%; background: #fff; } .pcheader .h-li:hover .h-sub-a { color: #888; } .pcheader .h-li:hover .sline { background: #2c419c; width: 100%; } .pcheader:hover, .pcheader.bg { background: #fff; border-bottom: 1px solid #eee; } .pcheader:hover .logo, .pcheader.bg .logo { background: url(../images/logoon.png) no-repeat center; background-size: 100%; } .pcheader:hover .s1, .pcheader.bg .s1 { background: #eee; } .pcheader:hover .gu, .pcheader.bg .gu { display: inline-block; width: 21.5%; height: 36px; position: relative; top: 24px; background: url(../images/guon.png) no-repeat center; background-size: 100%; } .pcheader:hover .dr a, .pcheader.bg .dr a { color: #333; } .pcheader:hover .language, .pcheader.bg .language { color: #888; /* border: 1px solid #eee; */ background: url(../images/enon.png) left 0px center no-repeat; } .pcheader:hover .h-li.cur .h-a .sline, .pcheader.bg .h-li.cur .h-a .sline { background: #2c419c; } .mheader { display: none; position: relative; } .mheader .w-header { box-sizing: border-box; position: relative; z-index: 4; height: 50px; z-index: 4; border-bottom: 1px solid #e9e9e9; } .mheader .logo { position: absolute; width: 95px; height: 30px; top: 10px; left: 15px; background: url(../images/logoon.png) center center no-repeat; background-size: cover; } .mheader .nav-btn { width: 24px; height: 18px; vertical-align: middle; position: absolute; cursor: pointer; right: 15px; top: 16px; } .mheader .nav-btn .line { position: absolute; display: block; width: 100%; height: 2px; background-color: #2c419c; left: 0; border-radius: 2px; } .mheader .nav-btn .line1 { top: 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; } .mheader .nav-btn .line2 { top: 8px; } .mheader .nav-btn .line3 { bottom: 0; -webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; transform-origin: left bottom 0; } .mheader .nav-btn.active { -webkit-animation: rotate 0.3s linear 0s; animation: rotate 0.3s linear 0s; } .mheader .nav-btn.hover .line { left: 06px; } .mheader .sub-menu { width: 100%; display: none; position: absolute; left: 0; top: 50px; background-color: #f5f5f5; z-index: 7; } .mheader .sub-menu ul { padding: 0 .24px; } .mheader .sub-menu li { border-bottom: 1px solid #dcdcdc; } .mheader .sub-menu .tit { display: block; width: 100%; padding: 2px 3%; line-height: 66px; color: #000; position: relative; font-size: 16px; line-height: 36px; } .mheader .sub-menu .tit1 { display: block; width: 100%; padding: 2px 3%; line-height: 66px; color: #000; position: relative; font-size: 16px; line-height: 36px; } .mheader .sub-menu .sub-tit:after { content: ''; display: block; width: 26px; height: 26px; background-size: 100% auto; position: absolute; right: 3px; top: 18px; } .mheader .sub-menu .sub-tit.on { background-color: #2c419c; color: #fff; } .mheader .sub-menu .sub-tit1.on { background-color: #2c419c; color: #fff; } .mheader .sub-menu .sub-tit.on:after { background-size: 100% auto; } .mheader .sub-menu .sec-list { line-height: 54px; padding: 2px 4.5%; display: none; } .mheader .sub-menu .sec-list p { height: 28px; line-height: 28px; font-size: 15px; } .mheader .sub-menu .sec-list a { color: #666; display: block; float: none; } .toTop { position: fixed; z-index: 7; bottom: 40px; right: 15px; width: 50px; height: 50px; border-radius: 50%; box-shadow: 5px #d2d2d2; background: url(../images/top.png) center center no-repeat; background-size: cover; display: none; } .mheader.cur { display: block; } .pcheader.cur { display: block; } .pcfooter { background: #1f1f1f; padding-top: 68px; } .pcfooter div { box-sizing: border-box; } .pcfooter .top { width: 192px; height: 60px; padding-left: 2.7%; background: url(../images/fologo.png) no-repeat left center; } .pcfooter .fo-dl { width: 68%; } .pcfooter .fo-dl-dt { width: 20%; } .pcfooter .fo-dl-dt .h4 { display: block; color: #fefefe; font-size: 14px; line-height: 14px; margin: 48px 0 24px; transition: all .3s linear; } .pcfooter .fo-dl-dt .h4:hover { opacity: 1; } .pcfooter .fo-dl-dt .dd { display: block; font-size: 12px; color: #fefefe; line-height: 28px; transition: all .3s linear; } .pcfooter .fo-dl-dt .dd:hover { opacity: 1; } .pcfooter .fo-dr { width: 29%; border-left: 1px solid rgba(255, 255, 255, 0.06); padding-left: 8.8%; } .pcfooter .fo-dr .h4 { color: #fefefe; font-size: 14px; line-height: 14px; margin: 48px 0 24px; } .pcfooter .fo-form .tr { padding-left: 36px; width: 280px; height: 45px; line-height: 45px; margin-bottom: 12px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.06); } .pcfooter .login-input1 { /*float: left;*/ display: block; /*width: 80%;*/ height: 45px; line-height: 45px; /*background: none;*/ border: none; color: #fefefe; font-size: 13px; } .pcfooter .fo-form .tr1 { background: url(../images/png9.png) left 11px center no-repeat; } .pcfooter .fo-form .tr2 { background: url(../images/png10.png) left 11px center no-repeat; } .pcfooter .fo-form .tr3 { padding-left: 0; background: #2f2f2f; border-width: 0; } .pcfooter .login-submit { opacity: .8; filter: alpha(opacity=80); text-align: center; width: 100%; color: #fff; font-size: 16px; background: #2f2f2f; border-radius: 5px; transition: all .3s linear; } .pcfooter .login-submit:hover { opacity: 1; background: #2c419c; } .pcfooter .ewm { margin-top: 30px; width: 42.8%; } .pcfooter .ewm img { display: block; width: 100%; margin-bottom: 18px; } .pcfooter .ewm .p { text-align: center; font-size: 15px; color: #fefefe; line-height: 15px; } .pcfooter .fo-bot { margin-top: 70px; height: 78px; line-height: 78px; border-top: 1px solid rgba(255, 255, 255, 0.06); } .pcfooter .dl { width: 68%; color: #fefefe; } .pcfooter .dl .s1 { display: inline-block; margin-right: 14px; } .pcfooter .dr { width: 20%; text-align: center; } .pcfooter .dr .t-c { color: #fff; font-size: 14px; } .mfooter { display: none; box-sizing: border-box; height: 72px; background: #1f1f1f; font-size: 12px; line-height: 20px; color: #fff; text-align: center; padding: 16px 15px; } .co div, .co a, .co ul, .co li, .co span { box-sizing: border-box; } .co .co-f1 { overflow: hidden; } .co .co-f1 .banner { position: relative; text-align: center;/*height: 810px;*/ } .co .co-f1 .banner-a { display: block; width: 100%; /*height: 100%;*/ cursor: pointer; } .co .co-f1 .banner-ul { /*height: 810px;*/ position: relative; } .co .co-f1 .banner-li { /*height: 810px;*/ /*width: 1920px;*/ /*display: none;*/ } .co .co-f1 .banner-img { display: block; width: 100%; } .co .co-f1 .co-ms1 { position: relative; display: none; } .co-ms1 img { display: block; width: 100%; } .co .co-f1 .hd { position: absolute; z-index: 3; left: 0; width: 100%; height: 16px; text-align: center; bottom: 50px; display: inline-block; } .co .co-f1 .hd li { display: inline-block; width: 12px; height: 12px; margin: 0 8px; background: #fff; cursor: pointer; overflow: hidden; font-size: 0; border-radius: 50%; } .co .co-f1 .hd .on { position: relative; top: 3px; background: transparent; border: 3px solid #fff; width: 18px; height: 18px; } .co .co-f1 .hd-1 { position: absolute; z-index: 2; bottom: 24px; left: 0; width: 100%; height: 8px; text-align: center; } .co .co-f1 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; margin: 0 5px; background: #fff; border-radius: 50%; } .co .co-f1 .hd-1 .swiper-pagination-bullet-active { background: #2c419c; } .co .pcf2 .top { font-size: 26px; line-height: 36px; color: #333; text-align: center; background: #fcfcfc; padding: 84px 0 46px; } .co .pcf2 .w-co-ms1 { background: #fcfcfc; padding-bottom: 76px; } .co .pcf2 .co-li { width: 31.6%; margin-right: 2.6%; } .co .pcf2 .co-li .co-a { display: block; } .co .pcf2 .co-li .co-a .img { overflow: hidden; } .co .pcf2 .co-li .co-a .img img { display: block; width: 100%; transition: all .3s linear; } .co .pcf2 .co-li .co-a .txts { padding: 20px 23px 32px 17px; font-size: 14px; color: #333; transition: all .3s linear; } .co .pcf2 .co-li .co-a .txts .h2 { font-size: 20px; line-height: 28px; } .co .pcf2 .co-li .co-a .txts .times1 { line-height: 40px; } .co .pcf2 .co-li .co-a .txts .p { font-size: 14px; line-height: 26px; color: #999; margin-bottom: 22px; } .co .pcf2 .co-li .co-a .txts .ico1 { display: inline-block; width: 40px; height: 40px; background: url(../images/png1.png) no-repeat center; transition: all .3s linear; } .co .pcf2 .co-li .co-a .txts:hover { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .co .pcf2 .co-li .co-a:hover img { transform: scale(1.1); } .co .pcf2 .co-li .co-a:hover .txts { color: #2c419c; } .co .pcf2 .co-li .co-a:hover .ico1 { background: url(../images/png1on.png) no-repeat center; } .co .pcf2 .co-li:nth-child(3n) { margin-right: 0; } .co .pcf2 .more1 { margin: 43px auto 0; } .co .pcf2 .w-co-ms2 { background: #f8f8f8; padding: 38px 0; } .co .pcf2 .co-ms2 .w-nums { padding-top: 14px; height: 225px; color: #2c419c; text-align: center; } .co .pcf2 .co-ms2 .w-nums .nums1 { font-size: 110px; line-height: 114px; } .co .pcf2 .co-ms2 .w-nums .dt { height: 40px; } .co .pcf2 .co-ms2 .w-nums .p1 { font-size: 16px; color: #333; } .co .pcf2 .co-ms2 .w-nums .p2 { font-size: 13px; line-height: 46px; } .co .pcf2 .co-ms2 .w-nums:first-child { width: 23%; } .co .pcf2 .co-ms2 .w-nums:nth-child(2) { width: 24%; line-height: 26px; border: 1px solid #eaeaea; border-width: 0 1px; } .co .pcf2 .co-ms2 .w-nums:nth-child(3) { width: 21.7%; border-right: 1px solid #eaeaea; } .co .pcf2 .co-ms2 .w-nums:last-child { width: 31.3%; } .co .f3 { overflow: hidden; } .co .f3 .top { font-size: 26px; line-height: 36px; color: #333; text-align: center; margin: 84px 0 46px; } .co .f3 .co-ms1 { position: relative; width: 100%; overflow: hidden; } .co .f3 .co-ms1 .pc-rotate { position: relative; } .co .f3 .co-ms1 .rotate-ul { overflow: visible !important; } .co .f3 .co-ms1 .tempWrap { width: 100% !important; height: 100%; overflow: hidden; } .co .f3 .co-ms1 .rotate-li { width: 415px; } .co .f3 .co-ms1 .rotate-a { position: relative; display: block; width: 100%; } .co .f3 .co-ms1 .rotate-a .img { overflow: hidden; } .co .f3 .co-ms1 .rotate-a .img img { display: block; width: 100%; } .co .f3 .co-ms1 .hides { width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.5); padding: 20% 6.6% 10.7% 6.8%; color: #fff; display: none; } .co .f3 .co-ms1 .hides .h2 { font-size: 27px; line-height: 27px; font-weight: bold; padding-bottom: 34px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .co .f3 .co-ms1 .hides .dt { font-size: 14px; line-height: 28px; padding: 25px 0 52px; } .co .f3 .co-ms1 .hides .more1 { border-color: #fff; color: #fff; margin: 0 auto; } .co .f3 .co-ms1 .hides .more1:hover { border-color: #2c419c; background-color: #2c419c; } .co .f3 .btn1 { position: absolute; z-index: 4; top: 50%; margin-top: 21px; display: inline-block; width: 42px; height: 42px; cursor: pointer; margin: 0 20px; transition: all .3s linear; } .co .f3 .prev { left: 35px; background: url(../images/prev7.png) no-repeat center top; } .co .f3 .prev:hover { background: url(../images/prev7on.png) no-repeat center top; } .co .f3 .next { right: 35px; background: url(../images/next7.png) no-repeat center top; } .co .f3 .next:hover { background: url(../images/next7on.png) no-repeat center top; } .co .f3 .hd-1 { display: none; } .co .pcf4 .top { font-size: 26px; line-height: 36px; color: #333; text-align: center; } .co .pcf4 .top .h1 { margin: 84px 0 46px; } .co .pcf4 .top .dt { font-size: 16px; line-height: 32px; color: #666; } .co .pcf4 .top .s1 { display: block; width: 74px; height: 1px; background: rgba(0, 0, 0, 0.1); margin: 44px auto 70px; } .co .pcf4 .co-li { text-align: center; padding: 0 3%; width: 25%; margin-bottom: 150px; } .co .pcf4 .co-li .ico1 { display: block; height: 65px; transition: all .3s linear; } .co .pcf4 .co-li .h3 { font-size: 19px; line-height: 19px; font-weight: bold; color: #222; transition: all .3s linear; margin: 24px 0 20px; } .co .pcf4 .co-li .dt { font-size: 12px; line-height: 18px; color: #999; } .co .mf2 { padding: 0 15px; } .co .mf2 .top { font-size: 26px; line-height: 36px; color: #333; text-align: center; } .co .mf2 .top .h1 { margin: 84px 0 46px; } .co .mf2 .top .dt { font-size: 16px; line-height: 32px; margin-bottom: 46px; color: #666; } .co .mf2 .top .s1 { display: block; width: 74px; height: 1px; background: rgba(0, 0, 0, 0.1); margin: 44px auto 70px; } .co .mf2 .co-ms1 { position: relative; overflow: hidden; padding-bottom: 120px; } .co .mf2 .co-li { text-align: center; padding: 0 3%; width: 20%; border-right: 1px solid #f2f6f7; } .co .mf2 .co-li .ico1 { display: block; height: 65px; transition: all .3s linear; } .co .mf2 .co-li .h3 { font-size: 19px; line-height: 19px; font-weight: bold; color: #222; transition: all .3s linear; margin: 24px 0 20px; } .co .mf2 .co-li .dt { font-size: 12px; line-height: 18px; color: #999; } .co .mf2 .co-li:first-child .ico1 { background: url(../images/png4.png) no-repeat center; } .co .mf2 .co-li:nth-child(2) .ico1 { background: url(../images/png5.png) no-repeat center; } .co .mf2 .co-li:nth-child(3) .ico1 { background: url(../images/png6.png) no-repeat center; } .co .mf2 .co-li:nth-child(4) .ico1 { background: url(../images/png7.png) no-repeat center; } .co .mf2 .co-li:last-child .ico1 { background: url(../images/png8.png) no-repeat center; } .co .mf2 .hd-1 { position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .co .mf2 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .co .mf2 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .co .mf4 { padding: 0 15px; } .co .mf4 .co-ms1 { position: relative; overflow: hidden; padding-bottom: 120px; } .co .mf4 .top { font-size: 26px; line-height: 36px; color: #333; text-align: center; margin: 84px 0 46px; } .co .mf4 .co-li { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .co .mf4 .co-li .co-a { height: 100%; display: block; } .co .mf4 .co-li .co-a .img { overflow: hidden; height: 63%; } .co .mf4 .co-li .co-a .img img { display: block; width: 100%; height: 100%; } .co .mf4 .co-li .co-a .txts { padding: 20px 15px 36px; } .co .mf4 .co-li .co-a .txts .h2 { color: #333; font-size: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .co .mf4 .co-li .co-a .txts .times1 { font-size: 12px; line-height: 12px; margin: 15px 0 12px; color: #cacaca; } .co .mf4 .co-li .co-a .txts .p { font-size: 14px; line-height: 26px; color: #999; } .co .mf4 .hd-1 { position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .co .mf4 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .co .mf4 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .about div, .about ul, .about li, .about a { box-sizing: border-box; } .about .f2 { line-height: 90px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .about .f2 .w-n-tab { height: 90px; line-height: 90px; } .about .f2 .h2 { font-size: 24px; color: #2c419c; } .about .f2 .n-tab { width: 83%; } .about .f2 .n-tab-a { display: inline-block; width: 11.1%; text-align: right; float: inherit; font-size: 15px; color: #888; transition: all .3s linear; } .about .f2 .n-tab-a.cur, .about .f2 .n-tab-a:hover { color: #2c419c; } .about .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 72px 0 36px; } .about .f3 .dt { margin: 60px auto 140px; } .about .f3 .dt .dl { width: 68.8%; font-size: 14px; line-height: 28px; color: #666; } .about .f3 .dt .dl .h6 { font-size: 19px; color: #333; margin-bottom: 32px; } .about .f3 .dt .dr { width: 31.2%; } .about .f3 .dt .dr .img { width: 100%; } .about .f3 .dt .dr .img img { display: block; margin: 0 auto; width: 84.5%; } .about .f3 .dt .w-name { padding-left: 50%; font-size: 16px; line-height: 30px; color: #333; } .about .f3 .dt .w-name img { display: inline-block; width: 72.3%; } .about .f4 { background-size: cover; background-repeat: no-repeat; padding-bottom: 150px; } .about .f4 .p1 { width: 41.8%; font-size: 18px; line-height: 33px; margin: 0 auto; color: #444; text-align: center; } .about .f4 .ms1-li { text-align: center; padding: 48px 0 34px; width: 24.25%; background: #fff; box-shadow: 0 0 15px #ddd; margin: 66px 1% 74px 0; } .about .f4 .ms1-li .ico1 { display: block; height: 76px; margin-bottom: 45px; transition: all .3s linear; } .about .f4 .ms1-li .h3 { font-size: 55px; line-height: 55px; font-weight: bold; color: #2c419c; transition: all .3s linear; margin: 34px 0 14px; font-family: "seguiemj"; } .about .f4 .ms1-li .p2 { font-size: 18px; line-height: 18px; color: #666; } .about .f4 .ms2 { padding: 0 3%; font-size: 14px; line-height: 28px; color: #777; } .about .f4 .hd-1 { display: none; } .about .pcf5 .w-ms1 { position: relative; overflow: hidden; } .about .pcf5 .ms1 { width: 100%; } .about .pcf5 .swiper-wrapper { width: 100%; } .about .pcf5 .swiper-slide { position: relative; z-index: 2; display: block; transition: all .3s linear; overflow: hidden; } .about .pcf5 .swiper-slide .ms1-img { opacity: 0; position: relative; left: -50%; display: block; width: 200%; height: 100%; } .about .pcf5 .swiper-slide:hover .ms1-img { left: -35%; width: 170%; } .about .pcf5 .swiper-slide.pcf5-w { width: 29.6% !important; } .about .pcf5 .covers1 { position: absolute; z-index: 2; left: 0; top: 0; height: 100%; width: 100%; color: #fff; padding: 0 11%; overflow: hidden; background: rgba(0, 0, 0, 0.2); transition: all .3s linear .3s; } .about .pcf5 .covers1 .dt1 { position: relative; top: 50%; margin-top: -62px; opacity: 1; transition: all .3s linear; } .about .pcf5 .covers1 .ico { display: block; height: 62px; transition: all .3s linear; } .about .pcf5 .covers1 .h-tit { text-align: center; margin-top: 42px; line-height: 20px; font-size: 20px; } .about .pcf5 .covers1 .dt2 { position: relative; top: 27.5%; height: 45%; width: 280px; display: none; opacity: 0; transition: all .3s linear; } .about .pcf5 .covers1 .dt2 .ico { width: 78px; } .about .pcf5 .covers1 .dt2 .h-tit { margin-top: 0; display: inline-block; padding: 24px 0 36px; border-bottom: 1px solid #fff; } .about .pcf5 .covers1 .s1 { position: relative; z-index: 0; top: -1px; display: block; height: 1px; width: 0; background: rgba(255, 255, 255, 0.1); transform: all .3s linear; } .about .pcf5 .covers1 .details { padding: 34px 32px 64px 0; font-size: 14px; line-height: 28px; } .about .pcf5 .swiper-slide:hover { width: 29.6% !important; } .about .pcf5 .swiper-slide:hover .covers1 .dt1 { display: none; opacity: 0; } .about .pcf5 .swiper-slide:hover .covers1 .dt2 { opacity: 1; display: block; } .about .pcf5 .swiper-slide:hover .covers1 .h-tit { text-align: left; } .about .pcf5 .swiper-slide:hover .covers1 .s1 { width: 100%; } .about .pcf5 .btns .btn1 { position: absolute; z-index: 4; top: 0; display: inline-block; width: 60px; height: 100%; cursor: pointer; transition: all .3s linear; } .about .pcf5 .btns .prev { left: 0; background: url(../images/prev3.png) no-repeat center top; } .about .pcf5 .btns .prev:hover { background: url(../images/prev3on.png) no-repeat center top; } .about .pcf5 .btns .next { right: 0; background: url(../images/next3.png) no-repeat center top; } .about .pcf5 .btns .next:hover { background: url(../images/next3on.png) no-repeat center top; } .about .mf5 { padding: 0 15px; display: none; } .about .mf5 .w-ms1 { position: relative; overflow: hidden; padding-bottom: 90px; } .about .mf5 .img { position: relative; } .about .mf5 .img img { display: block; width: 100%; max-height: 340px; } .about .mf5 .dt1 { position: absolute; z-index: 2; bottom: 30px; left: 30px; color: #fff; } .about .mf5 .ico { display: block; height: 62px; transition: all .3s linear; } .about .mf5 .ico1 { background: url(../images/png190.png) no-repeat center; } .about .mf5 .ico2 { background: url(../images/png19.png) no-repeat center; } .about .mf5 .ico3 { background: url(../images/png20.png) no-repeat center; } .about .mf5 .ico4 { background: url(../images/png21.png) no-repeat center; } .about .mf5 .ico5 { background: url(../images/png22.png) no-repeat center; } .about .mf5 .ico6 { background: url(../images/png22.png) no-repeat center; } .about .mf5 .h-tit { text-align: center; margin-top: 20px; line-height: 20px; font-size: 16px; } .about .mf5 .covers1 { color: #999; padding: 0 15px 30px; } .about .mf5 .covers1 .details { padding: 34px 32px 64px 0; font-size: 14px; line-height: 28px; } .about .mf5 .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .about .mf5 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .about .mf5 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .about .f6 .ms1-img { display: block; width: 100%; margin: 30px auto 160px; } .about .f7 { position: relative; padding: 30px 76px 140px; background-size: auto 100%; } .about .f7 .nf-title { color: #fff; } .about .f7 .ms1 { overflow: hidden; margin-top: 36px; position: relative; color: #fff; } .about .f7 .title-bg { height: 75px; display: block; background: url(../images/png24.png) center no-repeat; background-size: 96%; } .about .f7 .dt .year1 { font-family: "bebas"; font-size: 60px; line-height: 156px; } .about .f7 .dt .ms2-img { display: block; width: 58%; } .about .f7 .dt .w-txts { margin: 20px 0; padding: 4px 20px 8px 0; } .about .f7 .dt .txts { padding: 4px 20px 4px 0; font-size: 14px; line-height: 28px; } .about .f7 .btns { position: absolute; z-index: 2; left: 0; top: 226px; height: 16px; width: 100%; padding: 0 30px; } .about .f7 .btns .btn1 { display: inline-block; width: 16px; height: 16px; cursor: pointer; } .about .f7 .btns .prev { background: url(../images/prev1.png) no-repeat center; } .about .f7 .btns .next { background: url(../images/next1.png) no-repeat center; } .about .f7 .hd-1 { display: none; } .about .f8 { padding-top: 30px; } .about .f8 .w-tab { text-align: center; margin: 36px 0 74px; } .about .f8 .tab-items { display: inline-block; width: 160px; height: 50px; line-height: 50px; color: #000; font-size: 18px; border: 1px solid #bdbdbd; border-radius: 25px; margin: 0 22px; cursor: pointer; transition: all .3s linear; opacity: .5; } .about .f8 .tab-items.cur { opacity: 1; background: #2c419c; color: #fff; border-color: #2c419c; } .about .f8 .w-ms1 { position: relative; overflow: hidden; padding-bottom: 152px; } .about .f8 .ms1 { overflow: hidden; } .about .f8 .ms1 .swiper-slide { position: relative; z-index: 2; /*border: 13px solid #eaeaea;*/ border: none; transform: scale(0.78); } .about .f8 .ms1 .swiper-slide .ms1-img { display: block; width: 100%; } .about .f8 .ms1 .swiper-slide.swiper-slide-active { transform: scale(1); /*border: 16px solid #5871b1;*/ border: none; } .about .f8 .btns { position: absolute; z-index: 1; left: 0; top: 50%; margin-top: -107px; height: 70px; width: 100%; } .about .f8 .btns .btn1 { position: relative; z-index: 3; display: inline-block; width: 70px; height: 70px; cursor: pointer; transition: all .3s linear; } .about .f8 .btns .prev { background: url(../images/prev2.png) no-repeat center; } .about .f8 .btns .prev:hover { background: url(../images/prev2on.png) no-repeat center; } .about .f8 .btns .next { background: url(../images/next2.png) no-repeat center; } .about .f8 .btns .next:hover { background: url(../images/next2on.png) no-repeat center; } .about .f8 .hd-1 { display: none; } .about .f9 { padding: 118px 0; } .about .f9 .w-f9 { overflow: hidden; } .about .f9 .about-a { display: block; } .about .f9 .about-a .img { overflow: hidden; } .about .f9 .about-a .img img { display: block; width: 100%; transition: all .3s linear; } .about .f9 .about-a:hover img { transform: scale(1.1); } .about .f9 .about-a:hover .txts .h2 { color: #2c419c; } .about .f9 .txts { background: #fff; padding: 48px 25px 60px; } .about .f9 .txts .h2 { font-size: 20px; line-height: 20px; color: #333; transition: all .3s linear; } .about .f9 .txts .times1 { line-height: 40px; } .about .f9 .txts .p { font-size: 14px; line-height: 26px; margin: 38px 0 30px; color: #888; margin-bottom: 28px; } .about .f9 .txts .more2 { width: 90px; height: 22px; line-height: 22px; font-size: 12px; } .about .f9 .hd-1 { display: none; } .culture div, .culture ul, .culture li, .culture a { box-sizing: border-box; } .culture .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 72px 0 36px; } .duty-li { margin-bottom: 20px; } .culture .f1 .s1 { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 24px; position: relative; top: -18px; } .culture .f2 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); line-height: 90px; } .culture .f2 .w-n-tab { height: 90px; line-height: 90px; } .culture .f2 .h2 { font-size: 24px; color: #2c419c; } .culture .f2 .n-tab { width: 83%; } .culture .f2 .n-tab-a { display: inline-block; width: 11.1%; text-align: right; font-size: 15px; color: #888; } .culture .f2 .n-tab-a.cur, .culture .f2 .n-tab-a:hover { color: #2c419c; } .culture .f3 { padding: 30px 0 94px; } .culture .f3 .w-tab { text-align: center; margin-top: 36px; overflow: hidden; } .culture .f3 .tab-items { display: inline-block; padding: 0 44px; height: 50px; line-height: 50px; color: #000; font-size: 18px; border: 1px solid #bdbdbd; border-radius: 25px; margin: 0 17px; cursor: pointer; transition: all .3s linear; opacity: .5; } .culture .f3 .tab-items.cur, .culture .f3 .tab-items:hover { opacity: 1; background: #2c419c; color: #fff; border-color: #2c419c; } .culture .f3 .w-ms1 { position: relative; } .culture .f3 .ms1 { overflow: hidden; margin-bottom: 152px; } .culture .f3 .swiper-slide { transition: all .3s linear; } .culture .f3 .swiper-slide .ms1-img { display: block; width: 100%; } .culture .f3 .btns { position: absolute; z-index: 2; left: 0; top: 50%; margin-top: -35px; height: 70px; width: 100%; } .culture .f3 .btns .btn1 { display: inline-block; width: 70px; height: 70px; cursor: pointer; transition: all .3s linear; } .culture .f3 .btns .prev { background: url(../images/prev2.png) no-repeat center; } .culture .f3 .btns .prev:hover { background: url(../images/prev2on.png) no-repeat center; } .culture .f3 .btns .next { background: url(../images/next2.png) no-repeat center; } .culture .f3 .btns .next:hover { background: url(../images/next2on.png) no-repeat center; } .culture .f4 { overflow: visible; margin-bottom: 125px; } .culture .f4 .txts { font-size: 14px; line-height: 28px; color: #666; padding: 0 76px 65px; } .culture .f4 .txts .h2 { font-size: 18px; line-height: 18px; margin-bottom: 16px; color: #333; } .culture .f4 .hd-1 { display: none; } .culture .f4 .culture-ul { margin-bottom: 70px; } .culture .f4 .culture-li { margin-bottom: 48px; } .culture .f4 .culture-a { display: block; } .culture .f4 .culture-a .img { height: 248px; overflow: hidden; } .culture .f4 .culture-a .img img { display: block; height: 100%; width: 100%; transition: all .3s linear; } .culture .f4 .culture-a .h2 { font-size: 16px; line-height: 16px; color: #333; padding: 28px 0 20px 20px; border: 1px solid #e8e8e8; border-top: none; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s linear; } .culture .f4 .culture-a:hover .h2 { color: #2c419c; } .culture .f4 .w-video { position: relative; overflow: hidden; } .culture .f4 .w-video .video-img { position: relative; z-index: 3; opacity: 1; width: 100%; height: 100%; display: block; } .culture .f4 .w-video .video-img.cur { opacity: 0; z-index: 1; } .culture .f4 .w-video .video-wrap { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .culture .f4 .w-video .video-wrap0 { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .culture .f4 .w-video .video-wrap.cur { opacity: 1; z-index: 2; } .culture .duty .culture-a { position: relative; } .culture .duty .culture-a .h3 { position: absolute; z-index: 2; left: 0; bottom: 0; font-size: 16px; line-height: 16px; color: #fff; padding: 28px 0 20px 18px; } .culture .duty .h-tit { text-align: center; font-size: 28px; color: #333; line-height: 28px; margin: 170px 0 72px; } .culture .duty .ms2 { position: relative; overflow: hidden; padding: 0 10px 70px; } .culture .duty .duty-btns1 { position: absolute; z-index: 2; left: 0; bottom: 0; height: 70px; width: 100%; text-align: center; } .culture .duty .duty-btns1 .btn1 { display: inline-block; width: 70px; height: 70px; cursor: pointer; transition: all .3s linear; margin: 0 20px; } .culture .duty .duty-btns1 .prev { background: url(../images/prev2.png) no-repeat center top; } .culture .duty .duty-btns1 .prev:hover { background: url(../images/prev2on.png) no-repeat center top; } .culture .duty .duty-btns1 .next { background: url(../images/next2.png) no-repeat center top; } .culture .duty .duty-btns1 .next:hover { background: url(../images/next2on.png) no-repeat center top; } .culture .duty .duty-down-a1 { display: block; float: left; border-radius: 2px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.06); padding: 42px 30px 16px 26px; margin-bottom: 36px; transition: all .3s linear; } /*.culture .duty .duty-down-a1:nth-child(3n){ margin-right: .2%; }*/ .culture .duty .duty-down-a1:hover .more2 { background: #2c419c; color: #fff; } .culture .duty .duty-down-a1:hover .duty-num { color: #2c419c; } .culture .duty .duty-down-a1 .duty-num { font-size: 26px; color: #c9c9c9; line-height: 26px; } .culture .duty .duty-down-a1 .duty-p { font-size: 20px; color: #444; line-height: 30px; padding: 14px 0 30px; border-bottom: 1px solid #e9e9e9; } .culture .duty .duty-down-a1 .more2 { transition: all .3s linear; margin-top: 20px; background: #e9e9e9; color: #333; font-size: 12px; } .culture .duty .ms3 { position: relative; } .culture .duty .duty-btns2 { position: absolute; z-index: 2; left: 0; bottom: 0; height: 70px; width: 100%; text-align: center; } .culture .duty .duty-btns2 .btn1 { display: inline-block; width: 70px; height: 70px; cursor: pointer; transition: all .3s linear; margin: 0 20px; } .culture .duty .duty-btns2 .prev { background: url(../images/prev2.png) no-repeat center top; } .culture .duty .duty-btns2 .prev:hover { background: url(../images/prev2on.png) no-repeat center top; } .culture .duty .duty-btns2 .next { background: url(../images/next2.png) no-repeat center top; } .culture .duty .duty-btns2 .next:hover { background: url(../images/next2on.png) no-repeat center top; } .culture .duty .duty-down-a2 { display: block; height: 75px; line-height: 75px; background: #f9f9f9; padding: 0 14px 0 26px; transition: all .3s linear; } .culture .duty .duty-down-a2 .duty-num { display: inline-block; margin-right: 18px; font-size: 26px; color: #c9c9c9; transition: all .3s linear; } .culture .duty .duty-down-a2 .duty-p { font-size: 16px; color: #666; transition: all .3s linear; } .culture .duty .duty-down-a2 .time1 { color: #b1b1b1; font-size: 13px; transition: all .3s linear; } .culture .duty .duty-down-a2:hover { background: #2c419c; } .culture .duty .duty-down-a2:hover .duty-num, .culture .duty .duty-down-a2:hover .duty-p, .culture .duty .duty-down-a2:hover .time1 { color: #fff; } .culture .person { margin-bottom: 134px; } .culture .person .h-tit { text-align: center; font-size: 28px; color: #333; line-height: 28px; margin: 80px 0 47px; } .culture .person .per-ul { padding-bottom: 26px; border-bottom: 1px solid #ddd; } .culture .person .per-li { padding-bottom: 24px; } .culture .person .per-li .per-img { display: block; width: 100%; } .culture .person .per-li .p { text-align: center; color: #333; font-size: 15px; line-height: 32px; } .culture .wish { margin-bottom: 96px; } .culture .wish .wish-li { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; border-radius: 5px; margin-bottom: 50px; } .culture .wish .wish-li .h5 { margin: 26px 0 15px; font-size: 22px; line-height: 22px; color: #333; transition: all .5s linear; } .culture .wish .wish-li .en { font-size: 12px; line-height: 12px; font-style: italic; transition: all .5s linear; } .culture .wish .wish-li .p { font-size: 14px; line-height: 28px; color: #666; transition: all .5s linear; } .culture .wish .wish-li .line1 { margin: 20px auto; display: block; height: 1px; width: 40px; background: rgba(0, 0, 0, 0.1); } .culture .wish .wish-li .line2 { position: absolute; left: 0; bottom: -3px; display: block; height: 3px; width: 0; background: #2c419c; } .culture .wish .wish-li:first-child .ico1 { background-repeat: no-repeat; background-position: center; } .culture .wish .wish-li:nth-child(2) .ico1 { background-repeat: no-repeat; background-position: center; } .culture .wish .wish-li:nth-child(3) .ico1 { background-repeat: no-repeat; background-position: center; } .culture .wish .wish-li:nth-child(4) .ico1 { background-repeat: no-repeat; background-position: center; } .culture .wish .wish-li:nth-child(5) .ico1 { background-repeat: no-repeat; background-position: center; } .culture .wish .wish-li:last-child .ico1 { background-repeat: no-repeat; background-position: center; } .culture .wish .wish-li:hover .wish-img { transform: scale(1); } .culture .wish .wish-li:hover .covers1 { background: rgba(0, 0, 0, 0.7); border-bottom-color: transparent; } .culture .wish .wish-li:hover .ico1 { background-color: #fff; } .culture .wish .wish-li:hover .h5, .culture .wish .wish-li:hover .p { color: #fff; } .culture .wish .wish-li:hover .en { opacity: .5; filter: alpha(opacity=50); color: #fff; } .culture .wish .wish-li:hover .line1 { background: rgba(255, 255, 255, 0.6); } .culture .wish .wish-li:hover .line2 { width: 100%; } .culture .wish .wish-img { display: block; width: 100%; transform: scale(1.1); transition: all .5s linear; } .culture .wish .covers1 { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: #fff; padding: 50px 66px 0; border-bottom: 3px solid #999; transition: all .5s linear; } .company .zhe .w-zhe { overflow: hidden; } .culture .wish .ico1 { display: block; margin: 0 auto; width: 118px; height: 118px; background-color: #eee; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-color: #eee; transition: all .5s linear; } .culture .activity .act-li { padding: 12px 12px 20px; background: #fff; margin-bottom: 20px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .culture .activity .act-li .act-a { display: block; } .culture .activity .act-li .act-a .img { overflow: hidden; height: 242px; } .culture .activity .act-li .act-a .img img { display: block; width: 100%; height: 100%; transition: all .3s linear; } .culture .activity .act-li .act-a .txts { padding: 28px 0 0 24px; font-size: 14px; color: #333; overflow: hidden; transition: all .3s linear; } .culture .activity .act-li .act-a .txts .h2 { font-size: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s linear; } .culture .activity .act-li .act-a .txts .times1 { font-size: 13px; line-height: 38px; } .culture .activity .act-li .act-a .txts .p { font-size: 14px; line-height: 24px; color: #999; margin-bottom: 28px; } .culture .activity .act-li .act-a .txts .ico1 { display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: url(../images/png1.png) no-repeat center; background-size: 30px; transition: all .3s linear; } .culture .activity .act-li .act-a:hover img { transform: scale(1.1); } .culture .activity .act-li .act-a:hover .h2, .culture .activity .act-li .act-a:hover .txts { color: #2c419c; } .culture .activity .act-li .act-a:hover .ico1 { background: url(../images/png1on.png) no-repeat center; } @media (min-width: 1360px) { .culture .person .per-li { width: 12%; margin-right: 2.65%; } .culture .person .per-li .per-img { display: block; width: 100%; } .culture .person .per-li:nth-child(7n) { margin-right: 0; } .company .zhe .w-zhe .dl .h1 { font-size: 27px; } } @media(max-width: 1200px) { .culture .f4 .culture-a .img { height: 190px; } .culture .activity .act-li .act-a .img { height: 190px; } } @media(max-width: 900px) { .culture .f4 .culture-a .img { height: 160px; } .culture .activity .act-li .act-a .img { height: 190px; } } .company div, .company ul, .company li, .company a { box-sizing: border-box; } .company .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 72px 0 36px; } .company .f1 .s1 { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 24px; position: relative; top: -18px; } .company .f2 { border-bottom: 1px solid #ccc; line-height: 90px; } .company .f2 .w-n-tab { height: 90px; line-height: 90px; } .company .f2 .h2 { font-size: 24px; color: #2c419c; } .company .f2 .n-tab { width: 83%; } .company .f2 .n-tab .n-tab-a { display: inline-block; width: 11.1%; text-align: right; font-size: 15px; color: #888; } .company .f2 .n-tab .n-tab-a.cur, .company .f2 .n-tab .n-tab-a:hover { color: #2c419c; } .company .f3 { padding: 30px 0 80px; } .company .f3 .w-tab { text-align: center; margin-top: 36px; } .company .f3 .w-tab .tab-items { display: inline-block; padding: 0 44px; height: 50px; line-height: 50px; color: #000; font-size: 18px; border: 1px solid #bdbdbd; border-radius: 25px; margin: 0 17px; cursor: pointer; transition: all .3s linear; opacity: .5; } .company .f3 .w-tab .tab-items.cur, .company .f3 .w-tab .tab-items:hover { opacity: 1; background: #2c419c; color: #fff; border-color: #2c419c; } .company .zhe .w-zhe { width: 85.3%; margin-bottom: 140px; } .company .zhe .w-zhe .dl { width: 32%; padding-top: 130px; } .company .zhe .w-zhe .dl .h1 { color: #2c419c; font-size: 33px; line-height: 33px; font-weight: bold; } .company .zhe .w-zhe .dl .dt { height: 338px; overflow: hidden; font-size: 14px; line-height: 28px; color: #666; margin: 30px 0 52px; padding-left: 3px; } .company .zhe .w-zhe .dl .dt .p { position: relative; padding-right: 10px; } .company .zhe .w-zhe .dl .bot .comp-a { display: inline-block; width: 140px; height: 40px; line-height: 40px; background: #2c419c url(../images/png31.png) right 22px center no-repeat; color: #fff; text-indent: 22px; border-radius: 20px; } .company .zhe .w-zhe .dl .bot .btns2 .btn2 { display: inline-block; width: 58px; height: 58px; margin: 0 4px; cursor: pointer; transition: all .3s linear; } .company .zhe .w-zhe .dl .bot .btns2 .prev2 { background: url(../images/prev5.png) no-repeat center; } .company .zhe .w-zhe .dl .bot .btns2 .prev2:hover { background: url(../images/prev5on.png) no-repeat center; } .company .zhe .w-zhe .dl .bot .btns2 .next2 { background: url(../images/next5.png) no-repeat center; } .company .zhe .w-zhe .dl .bot .btns2 .next2:hover { background: url(../images/next5on.png) no-repeat center; } .company .zhe .w-zhe .dr { position: relative; width: 58.9%; overflow: visible; } .company .zhe .w-zhe .dr .com-img { display: block; width: 100%; height: 100%; } .company .zhe .w-zhe .dr .tempWrap { height: 100% !important; } .company .zhe .w-zhe .dr .hd { text-align: center; position: absolute; z-index: 4; top: 50%; right: 0; margin-top: -58px; } .company .zhe .w-zhe .dr .hd .zhe-btn { display: block; width: 58px; height: 58px; /*margin: 20px;*/ cursor: pointer; transition: all .3s linear; } .company .zhe .w-zhe .dr .hd .prev { background: url(../images/prev5.png) no-repeat center; } .company .zhe .w-zhe .dr .hd .next { background: url(../images/next5.png) no-repeat center; } .company .zhe .w-zhe .dr .hd .prev:hover { background: url(../images/prev5on.png) no-repeat center; } .company .zhe .w-zhe .dr .hd .next:hover { background: url(../images/next5on.png) no-repeat center; } .company .zhe .w-zhe .dr .hd ul { display: inline-block;/*position: absolute;*/ /*z-index: 2;*/ /*top: 50%;*/ /*right: 32px;*/ } .company .zhe .w-zhe .dr .hd ul li { cursor: pointer; float: left; display: inline-block; height: 12px; width: 12px; margin: 0 6px; border-radius: 50%; font-size: 0; background-color: #ccc; } .company .zhe .w-zhe .dr .hd ul li.on { background-color: #2c419c; } .company .zhe .w-zhe .dr .pageState { /*display: none;*/ position: absolute; z-index: 2; top: 50%; left: -40px; width: 80px; height: 80px; margin-top: -40px; line-height: 80px; border-radius: 50%; background: #fff; text-align: center; font-family: "Arial"; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); color: #2c419c; font-size: 18px; letter-spacing: 2px; } .party div, .party ul, .party li, .party a { box-sizing: border-box; } .party .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 72px 0 36px; } .party .f1 .s1 { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 24px; position: relative; top: -18px; } .party .f2 { border-bottom: 1px solid #ccc; line-height: 90px; } .party .f2 .w-n-tab { height: 90px; line-height: 90px; } .party .f2 .h2 { font-size: 24px; color: #2c419c; } .party .f2 .n-tab { width: 83%; } .party .f2 .n-tab .n-tab-a { display: inline-block; width: 11.1%; text-align: right; font-size: 15px; color: #888; } .party .f2 .n-tab .n-tab-a.cur, .party .f2 .n-tab .n-tab-a:hover { color: #2c419c; } .party .f3 { padding: 30px 0 154px; } .party .f3 .w-tab { text-align: center; margin-top: 36px; } .party .f3 .w-tab .tab-items { display: inline-block; padding: 0 44px; height: 50px; line-height: 50px; color: #000; font-size: 18px; border: 1px solid #bdbdbd; border-radius: 25px; margin: 0 17px; cursor: pointer; transition: all .3s linear; opacity: .5; } .party .f3 .w-tab .tab-items.cur, .party .f3 .w-tab .tab-items:hover { opacity: 1; background: #2c419c; color: #fff; border-color: #2c419c; } .party .his { background: url(../images/png33.png) left bottom no-repeat; margin-bottom: 190px; } .party .his .swiper-slide { width: 308px; overflow: visible; position: relative; padding-top: 346px; } .party .his .swiper-slide .con { display: none; position: absolute; z-index: 1; left: -278px; top: 0; width: 1036px; height: 166px; line-height: 36px; background: #fff; transition: all .3s linear; } .party .his .swiper-slide .con .year { display: inline-block; font-size: 130px; color: #333; padding: 0 44px; line-height: 166px; } .party .his .swiper-slide .con .dt { /*position: relative;*/ display: inline-block; padding-left: 90px; border-left: 1px solid #e5e5e5; color: #666; font-size: 16px; vertical-align: top; width: 60%; height: 100%; } .party .his .swiper-slide .con .dt .his-dt { width: 100%; line-height: 28px; } .party .his .swiper-slide .bot { height: 58px; background: url(../images/png320.png) left bottom no-repeat; } .party .his .swiper-slide .bot .p { font-size: 14px; line-height: 14px; color: #999; padding: 12px 0 12px; transition: all .3s linear; } .party .his .swiper-slide .circle1 { display: block; opacity: 0; width: 18px; height: 18px; margin-left: 10px; background: url(../images/on.png) left center no-repeat; transition: all .3s linear; } .party .his .swiper-slide.swiper-slide-active .con { display: block; } .party .his .swiper-slide.swiper-slide-active .bot .p { color: #2c419c; font-weight: bold; font-size: 24px; line-height: 24px; padding: 0 0 15px; } .party .his .swiper-slide.swiper-slide-active .circle1 { opacity: 1; } .party .his .w-swiper { overflow: hidden; } .party .his .w-his { position: relative; } .party .his .w-his .btns { position: absolute; z-index: 0; left: 0; top: 0; height: 72px; width: 100%; } .party .his .w-his .btns .btn { position: relative; z-index: 2; display: inline-block; width: 72px; height: 72px; border-radius: 50%; cursor: pointer; transition: all .3s linear; } .party .his .w-his .btns .prev { background: url(../images/prev6.png) no-repeat center top; } .party .his .w-his .btns .prev:hover { background: url(../images/prev6on.png) no-repeat center top; } .party .his .w-his .btns .next { background: url(../images/next6.png) no-repeat center top; } .party .his .w-his .btns .next:hover { background: url(../images/next6on.png) no-repeat center top; } .party .unite { overflow: hidden; margin-bottom: 160px; } .party .unite .uni-img { display: block; width: 100%; } .party .party-ul { margin-bottom: 56px; } .party .party-li .img { padding: 3px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .party .party-li .img img { display: block; width: 100%; } .party .party-li .h2 { font-size: 16px; line-height: 16px; color: #333; padding: 28px 0 20px 20px; border-bottom: 1px solid #e8e8e8; } .party .f4 .pages { margin-bottom: 100px; } .news { background: #fcfcfc; } .news div, .news a, .news ul, .news li, .news span { box-sizing: border-box; } .news .f2 { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); line-height: 90px; } .news .f2 .w-n-tab { height: 90px; line-height: 90px; } .news .f2 .h2 { font-size: 24px; color: #2c419c; } .news .f2 .n-tab { width: 27.5%; } .news .f2 .n-tab .n-tab-a { display: inline-block; width: 33.3%; text-align: right; float: inherit; font-size: 15px; color: #888; cursor: pointer; transition: all .3s linear; } .news .f2 .n-tab .n-tab-a.cur, .news .f2 .n-tab .n-tab-a:hover { color: #2c419c; } .news .f3 .top { font-size: 36px; line-height: 36px; color: #333; text-align: center; margin: 70px 0; } .news .news-ms1 { padding-bottom: 122px; } .news .news-li { width: 31.6%; margin-bottom: 46px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .news .news-li .news-a { display: block; } .news .news-li .news-a .img, .co .pcf2 .co-li .co-a .img { height: 268px; background: #fff; overflow: hidden; } /********************/ .news2 { background: #fcfcfc; } .news2 div, .news2 a, .news2 ul, .news2 li, .news2 span { box-sizing: border-box; } .news2 .f2 { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); line-height: 90px; } .news2 .f2 .w-n-tab { height: 90px; line-height: 90px; } .news2 .f2 .h2 { font-size: 24px; color: #2c419c; } .news2 .f2 .n-tab { width: 27.5%; } .news2 .f2 .n-tab .n-tab-a { display: inline-block; width: 33.3%; text-align: right; font-size: 15px; color: #888; cursor: pointer; transition: all .3s linear; } .news2 .f2 .n-tab .n-tab-a.cur, .news .f2 .n-tab .n-tab-a:hover { color: #2c419c; } .news2 .f3 .top { font-size: 36px; line-height: 36px; color: #333; text-align: center; margin: 70px 0; } .news2 .news-ms1 { padding-bottom: 122px; } .news2 .news-li { width: 31.6%; margin-bottom: 46px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .news2 .news-li .news-a { display: block; } .news2 .news-li .news-a .img, .co .pcf2 .co-li .co-a .img { height: 268px; background: #fff; overflow: hidden; } /*********end********/ .co .pcf2 .co-li .co-a .img img { display: block; height: 100%; } .news .news-li .news-a .img img { display: block; width: 100%; height: 100%; transition: all .3s linear; } .news .news-li .news-a .txts { padding: 20px 23px 32px 17px; font-size: 14px; color: #333; transition: all .3s linear; } .news .news-li .news-a .txts .h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 28px; } .news .news-li .news-a .txts .times1 { line-height: 40px; } .news .news-li .news-a .txts .p { font-size: 14px; line-height: 26px; color: #999; margin-bottom: 22px; max-height: 48px; overflow: hidden } .news .news-li .news-a .txts .ico1 { display: inline-block; width: 40px; height: 40px; background: url(../images/png1.png) no-repeat center; transition: all .3s linear; } .news .news-li .news-a:hover img { transform: scale(1.1); } .news .news-li .news-a:hover .txts { color: #2c419c; } .news .news-li .news-a:hover .ico1 { background: url(../images/png1on.png) no-repeat center; } .news .news-li2 { width: 23.5%; } .news .news-li2 .news-a { display: block; } .news .news-li2 .newspaper-img { display: block; width: 100%; background: #fff; } .news .news-li2 .h2 { padding: 40px 0 86px; color: #333; font-size: 18px; line-height: 18px; text-align: center; } /**********************/ .news2 .news-li .news-a .img img { display: block; width: 100%; height: 100%; transition: all .3s linear; } .news2 .news-li .news-a .txts { padding: 20px 23px 32px 17px; font-size: 14px; color: #333; transition: all .3s linear; } .news2 .news-li .news-a .txts .h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 28px; } .news2 .news-li .news-a .txts .times1 { line-height: 40px; } .news2 .news-li .news-a .txts .p { font-size: 14px; line-height: 26px; color: #999; margin-bottom: 22px; max-height: 48px; overflow: hidden } .news2 .news-li .news-a .txts .ico1 { display: inline-block; width: 40px; height: 40px; background: url(../images/png1.png) no-repeat center; transition: all .3s linear; } .news2 .news-li .news-a:hover img { transform: scale(1.1); } .news2 .news-li .news-a:hover .txts { color: #2c419c; } .news2 .news-li .news-a:hover .ico1 { background: url(../images/png1on.png) no-repeat center; } .news2 .news-li2 { width: 23.5%; } .news2 .news-li2 .news-a { display: block; } .news2 .news-li2 .newspaper-img { display: block; width: 100%; background: #fff; } .news2 .news-li2 .h2 { padding: 40px 0 86px; color: #333; font-size: 18px; line-height: 18px; text-align: center; } /********************/ @media (min-width: 1024px) { .news-li { margin-right: 2.6%; } .news-li:nth-child(3n) { margin-right: 0; } .party .hd-1 { display: none; } .culture .activity .act-li { width: 32.5%; margin-right: 1.25%; } /* .culture .duty .duty-down-a1{ width: 31.6%; margin-right: 2.5%; }*/ .news .news-li:nth-child(3n) { margin-right: 0; } .news2 .news-li:nth-child(3n) { margin-right: 0; } .culture .wish .wish-li { width: 31%; margin-right: 3.5%; } .culture .wish .wish-li:nth-child(3n) { margin-right: 0; } .w-case-ul .hd-1 { display: none; } .ach .case1 .w-case-ul .case-li { margin-right: 2.6%; width: 31.6%; } .ach .case1 .w-case-ul .case-li:nth-child(3n) { margin-right: 0; } .culture .f4 .culture-li { margin-right: 2.6%; } .culture .f4 .culture-li:nth-child(3n) { margin-right: 0; } .party .f4 .party-li { width: 31.6%; margin-right: 2.6%; margin-bottom: 60px; } .party .f4 .party-li:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 1024px) and (max-width: 1360px) { .news .news-li2 { width: 31.6%; margin-right: 2.6%; } .news .news-li2 .h2 { padding: 18px 0 30px; } .news .news-li2:nth-child(3n) { margin-right: 0; } /*********/ .news2 .news-li2 { width: 31.6%; margin-right: 2.6%; } .news2 .news-li2 .h2 { padding: 18px 0 30px; } .news2 .news-li2:nth-child(3n) { margin-right: 0; } /*****/ .about .f4 .ms1-li:nth-child(4n) { margin-right: 0; } .about .f9 .about-li:nth-child(3n) { margin-right: 0; } } .news-info div, .news-info ul, .news-info li, .news-info a { box-sizing: border-box; } .news-info .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 72px 0 36px; } .news-info .f1 .s1 { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 24px; position: relative; top: -18px; } .news-info .f2 .cap { text-align: center; padding: 90px 0 28px; border-bottom: 1px solid #ececec; } .news-info .f2 .cap .p { color: #2c419c; font-size: 24px; line-height: 48px; } .news-info .f2 .cap .s0 { display: inline-block; margin: 0 4px; font-size: 12px; line-height: 24px; color: #999; } .news-info .f2 .info-img, .news-info .f2 img { display: block; /* width: 100%; */ margin: 0 auto 45px; } .news-info .f2 .info-dt { padding: 60px 0 82px; font-size: 14px; line-height: 28px; color: #888; } .news-info .f2 .info-dt p { text-indent: 2em; } .news-info .f2 .info-dt p img { width: 80% ! important; height: auto ! important; } .news-info .f2 .bot { margin-bottom: 90px; } .news-info .f2 .bot .s1 { font-size: 16px; color: #999; } .news-info .f2 .bot .news-a, .news-info .f2 .bot .return-a { color: #2c419c; font-size: 16px; } .pro div, .pro a, .pro ul, .pro li, .pro span { box-sizing: border-box; } .pro .f2 { padding: 60px 0 95px 46px; } .pro .f2 .w-tabs { line-height: 28px; } .pro .f2 .w-tabs:first-child { /*height: 87px;*/ padding: 19px 0 40px; } .pro .f2 .w-tabs:nth-child(2) { /*height: 66px;*/ padding: 19px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .pro .f2 .w-tabs:nth-child(3) { /*height: 94px;*/ padding: 19px 0; margin-bottom: 60px; } .pro .f2 .tabs-cap { width: 13%; font-size: 20px; color: #2c419c; font-weight: bold; padding-left: 30px; background: url(../images/png35.png) left 8px center no-repeat; } .pro .f2 .tabs { width: 84%; } .pro .f2 .tabs .flex { flex-wrap: wrap; } .pro .f2 .tab-items { position: relative; display: inline-block; color: #444; width: 14.2%; font-size: 14px; line-height: 28px; cursor: pointer; transition: all .3s linear; } .pro .f2 .tab-items .s1 { position: absolute; z-index: 2; left: 50%; bottom: 0; margin-left: -30px; display: none; width: 60px; height: 1px; background: #2c419c; } .pro .f2 .tab-items.cur, .pro .f2 .tab-items:hover { color: #2c419c; } .pro .f2 .w-search { padding-left: 12px; font-size: 16px; line-height: 48px; } .pro .f2 .w-search .search-input { height: 48px; width: 80%; text-indent: 20px; background: none; color: #999; border: 1px solid #eee; border-radius: 5px; margin-right: 2%; } .pro .f2 .w-search .search-btn { vertical-align: top; width: 17%; height: 48px; background: #2c419c; border: none; border-radius: 5px; color: #fff; text-align: center; cursor: pointer; } .pro .f3 { margin-bottom: 100px; } .pro .f3 .w-f3 { background: #fcfcfc; } .pro .f3 .w-pro-a { padding: 95px 40px 57px 0; border-left: 1px solid #e8e8e8; } .pro .f3 .pro-a { padding-left: 52px; position: relative; margin-bottom: 114px; } .pro .f3 .pro-a .line1 { position: absolute; left: 0; top: 0; display: inline-block; width: 1px; height: 40px; background: #2c419c; } .pro .f3 .pro-a .img { width: 40%; margin-right: 9.5%; overflow: hidden; } .pro .f3 .pro-a .img img { display: block; width: 100%; transition: all .3s linear; } .pro .f3 .pro-a .txts { width: 50.5%; padding: 18px 23px 32px 17px; font-size: 14px; color: #333; transition: all .3s linear; } .pro .f3 .pro-a .txts .h2 { width: 100%; font-size: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pro .f3 .pro-a .txts .p { margin: 10px 0 70px; font-size: 14px; line-height: 28px; color: #777; } .pro .f3 .pro-a .txts .ico1 { display: inline-block; width: 40px; height: 40px; background: url(../images/png1.png) no-repeat center; transition: all .3s linear; } .pro .f3 .pro-a:hover img { transform: scale(1.1); } .pro .f3 .pro-a:last-child { margin-bottom: 0; } .pro .f3 .pages { margin-top: 106px; } .pro-info div, .pro-info a, .pro-info ul, .pro-info li, .pro-info span { box-sizing: border-box; } .pro-info .f2 { padding-top: 60px; } .pro-info .f2 img { display: block; max-width: 100%; } .pro-info .f2 .dt0 { padding-left: 46px; font-size: 14px; } .pro-info .f2 .info-img2 { margin-bottom: 46px; } .pro-info .f2 .pro-info-cap { font-size: 30px; line-height: 72px; color: #2c419c; font-weight: bold; margin-left: 46px; } .pro-info .f2 .info-cap { margin-bottom: 22px; padding-top: 46px; font-size: 20px; line-height: 20px; color: #333; height: 84px; font-weight: bold; margin-left: 46px; border-top: 1px solid #eee; } .pro-info .f2 .info-cap .s1 { position: relative; left: -46px; display: inline-block; width: 1px; height: 40px; background: #2c419c; } .pro-info .f2 .info-cap .s2 { vertical-align: top; } .pro-info .f2 .dt { font-size: 14px; line-height: 32px; color: #666; padding-left: 46px; margin-bottom: 40px; } .pro-info .f2 .dt .info-cap2 { font-size: 18px; color: #333; background: url(../images/png37.png) left 50px center no-repeat; padding-left: 72px; } .pro-info .f2 p { padding-left: 26px; } .pro-info .f2 .p { background: url(../images/png37.png) left 4px center no-repeat; } .pro-info .w-lis { padding-left: 46px; } .pro-info .w-lis .w-a { border-top: 1px solid #eee; padding: 70px 0 75px; } .pro-info .w-lis .btn-span2 { display: block; font-size: 16px; color: #333; } .pro-info .w-lis .btn-span2 a { font-size: 16px; line-height: 28px; color: #2c419c; } .pro-info .w-lis .dr { position: relative; top: 12px; display: inline-block; width: 160px; height: 42px; line-height: 42px; color: #fff; text-align: center; background: #2c419c; border-radius: 21px; } .recruit div, .recruit ul, .recruit li, .recruit a { box-sizing: border-box; } .recruit .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 72px 0 36px; } .recruit .f1 .s1 { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 24px; position: relative; top: -18px; } .recruit .f2 { border-bottom: 1px solid #ccc; line-height: 90px; } .recruit .f2 .w-n-tab { height: 90px; line-height: 90px; } .recruit .f2 .h2 { font-size: 24px; color: #2c419c; } .recruit .f2 .n-tab { width: 83%; } .recruit .f2 .n-tab .n-tab-a { display: inline-block; width: 11.1%; text-align: right; font-size: 15px; color: #888; } .recruit .f2 .n-tab .n-tab-a.cur, .recruit .f2 .n-tab .n-tab-a:hover { color: #2c419c; } .recruit .f3 .items { width: 25%; } .recruit .f3 .items .ico1 { display: block; height: 127px; margin-bottom: 26px; } .recruit .f3 .items .p { font-size: 18px; line-height: 18px; color: #333; text-align: center; margin-bottom: 56px; } .recruit .f3 .ms1 { font-size: 14px; line-height: 28px; color: #777; padding: 0 60px 140px; } .recruit .f4 { background: #fafafa; padding-bottom: 170px; } .recruit .f4 .form1 { background: #fff; border-bottom: 1px solid #eee; padding-bottom: 70px; } .recruit .f4 .form1 .td { display: inline-block; } .recruit .f4 .form1 .tr1 { background: #2c419c; color: #fff; height: 56px; font-size: 14px; line-height: 56px; padding: 0 32px; border-bottom: 1px solid #eee; } .recruit .f4 .form1 .tr1 .td { width: 16.6%; } .recruit .f4 .form1 .tr1 .td1 { text-align: center; } .recruit .f4 .form1 .tr1 .td2 { text-align: right; } .recruit .f4 .form1 .tr2 { color: #777; height: 64px; font-size: 16px; line-height: 64px; margin: 0 32px; border-bottom: 1px solid #eee; } .recruit .f4 .form1 .tr2 .td { width: 16.6%; } .recruit .f4 .form1 .tr2 .td0 { font-size: 16px; transition: all .3s linear; } .recruit .f4 .form1 .tr2 .td0.cur { color: #2c419c; } .recruit .f4 .form1 .tr2 .td1 { text-align: center; } .recruit .f4 .form1 .tr2 .td2 { cursor: pointer; color: #2c419c; text-align: right; } .recruit .f4 .form1 .hides { display: none; margin: 0 72px; } .recruit .f4 .form1 .hides .tr3 { padding-top: 20px; } .recruit .f4 .form1 .hides .tr3 .td { width: 25%; font-size: 14px; color: #666; line-height: 32px; height: 146px; } .recruit .f4 .form1 .hides .dt { font-size: 14px; line-height: 26px; color: #888; padding-bottom: 46px; border-bottom: 1px solid #eee; } .recruit .f4 .form1 .hides .dt .h6 { font-size: 18px; line-height: 18px; color: #333; margin-bottom: 18px; } .recruit .f4 .form1 .hides .dt .line1 { display: inline-block; width: 1px; height: 156px; margin: 0 80px; background: #eee; margin-top: 22px; } .recruit .f4 .form1 .hides .bot { padding: 30px 0 70px; } .recruit .f4 .form1 .hides .bot .re-a { display: inline-block; width: 150px; height: 42px; background: #2c419c; text-align: center; color: #fff; font-size: 16px; line-height: 42px; } .recruit .f4 .form1 .hides .bot .end-span { cursor: pointer; color: #2c419c; line-height: 42px; font-size: 14px; } .ach div, .ach a, .ach ul, .ach li, .ach span { box-sizing: border-box; } .ach .f2 { padding: 0px 0 0px 0px; } .ach .f2 .w-tabs { line-height: 28px; height: 87px; padding: 19px 0 40px; } .ach .f2 .w-tabs:first-child { border-bottom: 1px solid #eee; } .ach .f2 .tabs-cap { width: 13.8%; font-size: 20px; color: #2c419c; font-weight: bold; padding-left: 30px; background: url(../images/png35.png) left 8px center no-repeat; } .ach .f2 .tabs { width: 86.2%; flex-wrap: wrap; } .ach .f2 .tab-items { display: inline-block; color: #444; width: 14.2%; font-size: 14px; line-height: 28px; cursor: pointer; transition: all .3s linear; } .ach .f2 .tab-items.cur, .ach .f2 .tab-items:hover { color: #2c419c; } .ach .f2 .w-search { padding-left: 12px; font-size: 16px; line-height: 48px; } .ach .f2 .w-search .search-input { height: 48px; width: 80%; text-indent: 20px; background: none; color: #999; border: 1px solid #eee; border-radius: 5px; margin-right: 2%; } .ach .f2 .w-search .search-btn { width: 17%; height: 48px; background: #2c419c; border: none; border-radius: 5px; color: #fff; text-align: center; cursor: pointer; } .ach .forms1 { margin-bottom: 166px; } .ach .forms1 .tr1, .ach .forms1 .td1, .ach .forms1 .td2 { border: 1px solid #f4f4f4; border-top-width: 0; } .ach .forms1 .td3 { border-right: 1px solid #f4f4f4; } .ach .forms1 table { margin-bottom: 102px; } .ach .forms1 table, .ach .forms1 tbody { width: 1200px; display: block; } .ach .forms1 .tr1 { width: 100%; } .ach .forms1 .tr1 { height: 54px; line-height: 54px; text-align: center; background: #2c419c; color: #fff; } .ach .forms1 .tr2 td { color: #333; } .ach .forms1 .tr2 .td1, .ach .forms1 .tr2 .td2, .ach .forms1 .tr2 .td3 p { padding: 13px 0; line-height: 26px; font-size: 14px; padding-left: 32px; padding-right: 51px; } .ach .forms1 .tr2 .td3 p { border-bottom: 1px solid #f4f4f4; } .ach .forms1 .th1, .ach .forms1 .td1 { /*width: 23%;*/ width: 276px; } .ach .forms1 .th2, .ach .forms1 .td2 { /*width: 32.8%;*/ width: 393px; border-left: 1px solid #fff; border-right: 1px solid #fff; } .ach .forms1 .th3, .ach .forms1 .td3 { /*width: 44.2%;*/ width: 530px; } .ach .case1 { overflow: hidden; } .ach .w-case-ul { position: relative; } .ach .w-case-ul .btns { position: absolute; z-index: 2; right: 0; top: 0; height: 40px; width: 100px; text-align: center; } .ach .w-case-ul .btns .btn1 { display: inline-block; width: 40px; height: 40px; cursor: pointer; transition: all .3s linear; } .ach .w-case-ul .btns .prev { float: left; background: url(../images/cpng1.png) no-repeat center top; background-size: 40px; } .ach .w-case-ul .btns .prev:hover { background-image: url(../images/cpng1on.png); } .ach .w-case-ul .btns .next { float: right; background: url(../images/png1.png) no-repeat center top; background-size: 40px; } .ach .w-case-ul .btns .next:hover { background-image: url(../images/png1on.png); } .ach .case1 .case-cap { font-size: 24px; line-height: 24px; color: #333; margin-bottom: 30px; } .ach .case1 .case-li { margin-bottom: 170px;/*width: 31.6%;*/ /*margin-right: 2.6%;*/ } .ach .case1 .case-li .case-a { display: block; } .ach .case1 .case-li .case-a .img { overflow: hidden; } .ach .case1 .case-li .case-a .img img { display: block; width: 100%; transition: all .3s linear; } .ach .case1 .case-li .case-a .txts { position: relative; padding: 22px 45px 22px 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .ach .case1 .case-li .case-a .txts .h2 { font-size: 18px; line-height: 28px; color: #000; margin-bottom: 46px; transition: all .3s linear; } .ach .case1 .case-li .case-a .txts .times1 { line-height: 40px; color: #b7b7b7; font-size: 14px; } .ach .case1 .case-li .case-a .txts .line1 { position: absolute; z-index: 2; left: 50%; bottom: 0; background: #2c419c; display: block; height: 0; width: 0; transition: all .3s linear; } .ach .case1 .case-li .case-a .txts .ico1 { display: inline-block; width: 40px; height: 40px; background: url(../images/png1.png) no-repeat center; transition: all .3s linear; } .ach .case1 .case-li .case-a:hover img { transform: scale(1.1); } .ach .case1 .case-li .case-a:hover .txts .h2 { color: #2c419c; } .ach .case1 .case-li .case-a:hover .txts .line1 { left: 0; height: 3px; width: 100%; } .ach .case1 .case-li .case-a:hover .txts .ico1 { background: url(../images/png1on.png) no-repeat center; } .tech div, .tech ul, .tech li, .tech span { box-sizing: border-box; } .tech .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 72px 0 36px; } .tech .f1 .s1 { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 24px; position: relative; top: -18px; } .tech .f2 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); line-height: 90px; } .tech .f2 .w-n-tab { height: 90px; line-height: 90px; } .tech .f2 .h2 { font-size: 24px; color: #2c419c; } .tech .f2 .n-tab { width: 27.5%; } .tech .f2 .n-tab .tab-items { display: inline-block; width: 33.3%; text-align: right; font-size: 15px; color: #888; cursor: pointer; } .tech .f2 .n-tab .tab-items.cur, .tech .f2 .n-tab .tab-items:hover { color: #2c419c; } .tech .f3 { margin-bottom: 122px; } .tech .f3 .produce .tech-top { text-align: center; font-size: 18px; line-height: 33px; color: #666; } .tech .f3 .produce .tech-top .h1 { font-size: 36px; padding: 70px 0 54px; color: #333; } .tech .f3 .produce .items { width: 25%; padding-top: 70px; text-align: center; } .tech .f3 .produce .items .nums1 { display: inline-block; font-size: 80px; line-height: 70px; font-family: "seguiemj"; } .tech .f3 .produce .items .line1 { display: block; height: 1px; width: 26px; background: #dcdcdc; margin: 26px auto 30px; } .tech .f3 .produce .items .p0 { font-size: 18px; color: #2c419c; } .tech .f3 .produce .items .p1 { font-size: 18px; line-height: 18px; color: #333; margin-bottom: 66px; } .tech .f3 .produce .ms1 { font-size: 14px; line-height: 28px; color: #888; padding-bottom: 140px; } .tech .f3 .produce .ms2 { position: relative; } .tech .f3 .produce .ms2 .h1 { color: #2c419c; font-weight: bold; font-size: 22px; line-height: 48px; padding-bottom: 20px; } .tech .f3 .produce .ms2 .tech-li { margin-bottom: 150px; width: 31.6%; margin-right: 2.6%; } .tech .f3 .produce .ms2 .tech-li .tech-a { display: block; } .tech .f3 .produce .ms2 .tech-li .tech-a .img { overflow: hidden; } .tech .f3 .produce .ms2 .tech-li .tech-a .img img { display: block; width: 100%; transition: all .3s linear; } .tech .f3 .produce .ms2 .tech-li .tech-a .txts { position: relative; padding: 0 66px 0 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background: url(../images/png1.png) no-repeat right 20px center; transition: all .3s linear; font-size: 16px; height: 62px; line-height: 62px; color: #333; overflow: hidden; transition: all .3s linear; } .tech .f3 .produce .ms2 .tech-li .tech-a:hover .txts { background: url(../images/png1on.png) no-repeat right 20px center; } .tech .f3 .produce .ms2 .tech-li .tech-a:hover img { transform: scale(1.1); } .tech .f3 .produce .ms2 .w-ul { overflow: hidden; } .tech .f3 .produce .ms2 .btns { position: absolute; z-index: 2; right: 0; top: 0; height: 40px; width: 100px; text-align: center; } .tech .f3 .produce .ms2 .btns .btn1 { display: inline-block; width: 40px; height: 40px; cursor: pointer; transition: all .3s linear; } .tech .f3 .produce .ms2 .btns .prev { float: left; background: url(../images/cpng1.png) no-repeat center top; background-size: 40px; } .tech .f3 .produce .ms2 .btns .prev:hover { background-image: url(../images/cpng1on.png); } .tech .f3 .produce .ms2 .btns .next { float: right; background: url(../images/png1.png) no-repeat center top; background-size: 40px; } .tech .f3 .produce .ms2 .btns .next:hover { background-image: url(../images/png1on.png); } .tech .f3 .standard { margin-bottom: 112px; } .tech .f3 .standard .stand-cap { color: #333; font-size: 36px; padding: 70px 0 54px; text-align: center; } .tech .f3 .standard ul.flex { flex-wrap: wrap; margin-bottom: 122px; } .tech .f3 .standard .stand-li { width: 50%; } .tech .f3 .standard .stand-li .stand-a { display: block; padding: 24px 0; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; } .tech .f3 .standard .stand-li .times { padding-right: 32px; border-right: 1px solid #f4f4f4; font-family: "proximanova"; } .tech .f3 .standard .stand-li .times .days { font-size: 40px; line-height: 40px; padding-top: 4px; color: #333; transition: all .3s linear; } .tech .f3 .standard .stand-li .times .years { font-size: 14; line-height: 12px; color: #888; } .tech .f3 .standard .stand-li .txts { padding: 13px 0 13px 24px; display: inline-block; overflow: hidden; font-size: 18px; line-height: 30px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media(min-width: 1024px) { .tech .f3 .standard .stand-li .txts { max-width: 80%; } } .tech .f3 .standard .stand-li:hover .times .days { opacity: 1; color: #2c419c; } .tech-info div, .tech-info ul, .tech-info li, .tech-info a { box-sizing: border-box; } .tech-info .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 72px 0 36px; } .tech-info .f1 .s1 { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 24px; position: relative; top: -18px; } .tech-info .f2 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); line-height: 90px; } .tech-info .f2 .w-n-tab { height: 90px; line-height: 90px; } .tech-info .f2 .h2 { font-size: 24px; color: #2c419c; } .tech-info .f2 .n-tab { width: 27.5%; } .tech-info .f2 .n-tab .tab-items { display: inline-block; width: 33.3%; text-align: right; font-size: 15px; color: #888; cursor: pointer; } .tech-info .f2 .n-tab .tab-items.cur, .tech-info .f2 .n-tab .tab-items:hover { color: #2c419c; } .tech-info .f3 .cap { text-align: center; font-size: 24px; line-height: 24px; color: #333; padding: 90px 0 28px; border-bottom: 1px solid #ececec; } .tech-info .f3 .info-img, .tech-info .f3 img { display: block; width: 100%; margin-bottom: 45px; } .tech-info .f3 .info-dt { padding: 60px 0 122px; font-size: 14px; line-height: 28px; color: #888; } .invite { padding-bottom: 105px; background: #fafafa; } .invite div, .invite ul, .invite li, .invite a, .invite span { box-sizing: border-box; } .invite .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 72px 0 36px; } .invite .f1 .s1 { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 24px; position: relative; top: -18px; } .invite .f2 { margin-bottom: 95px; } .invite .f2 .invite-cap { color: #333; font-size: 36px; padding: 70px 0 54px; text-align: center; } .invite .f2 .invite-a { display: block; font-size: 16px; line-height: 26px; padding: 17px 0 17px 63px; margin-bottom: 20px; background: #fff url(../images/png43.png) no-repeat 20px 22px; } .invite .f2 .invite-a.overdue { background: #fff url(../images/overdue.png) no-repeat 20px 22px; background-size: auto 23px; } .invite .f2 .invite-a .times { width: 29.2%; padding-right: 28px; text-align: right; color: #888; } .invite .f2 .invite-a .txts { width: 70.8%; display: inline-block; overflow: hidden; color: #333; } .invite .f2 .invite-a:hover .txts { color: #2c419c; } .invest { box-sizing: border-box; padding-top: 220px; background-size: cover !important; } .invest div, .invest span, .invest p { box-sizing: border-box; } .invest .invest-con .top { width: 72%; padding-bottom: 34px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .invest .invest-con .top .dl { width: 30.4%; color: #fff; } .invest .invest-con .top .dl .en { font-size: 48px; line-height: 72px; font-family: "bebas"; } .invest .invest-con .top .dl .cn { font-size: 40px; line-height: 40px; font-weight: bold; } .invest .invest-con .top .dr { width: 69.6%; padding-top: 78px; text-align: center; } .invest .invest-con .top .dr .invest-a { display: inline-block; width: 22.6%; height: 40px; background: #2c419c; border-radius: 20px; color: #fff; margin: 0 11px; text-align: center; font-size: 17px; line-height: 40px; } .invest .invest-con .invest-ms1 { width: 1000px; flex-wrap: wrap; color: #fff; padding-top: 100px; } .invest .invest-con .invest-ms1 .tele1 { font-size: 41px; line-height: 41px; } .invest .invest-con .invest-ms1 .tele1 .tit { display: none; } .invest .invest-con .invest-ms1 .tit { font-size: 22px; line-height: 24px; margin-bottom: 16px; } .invest .invest-con .invest-ms1 .s2 { display: block; } .invest .invest-con .invest-ms1 .dt { font-size: 16px; line-height: 26px; } .invest .invest-con .invest-ms1 .items1 { height: 136px; width: 42%; } .invest .invest-con .invest-ms1 .items2 { height: 136px; width: 29%; } .invest .invest-con .invest-ms1 .linkman { padding-top: 26px; font-size: 18px; line-height: 36px; } .invest .invest-con .invest-ms1 .linkman .s2 { display: inline-block; } .contact { box-sizing: border-box; padding-top: 70px; background-size: cover !important; padding-bottom: 30px; } .contact div, .contact span, .contact p { box-sizing: border-box; } .contact .contact-con .dl { float: left; width: 34.5%; } .contact .contact-con .dl .w-tele { margin-bottom: 95px; } .contact .contact-con .dl .dt { font-size: 15px; line-height: 32px; color: #555; } .contact .contact-con .dl .w-tele .s1 { width: 73.5%; box-sizing: border-box; padding-right: 28px; } .contact .contact-con .dl .cap { font-size: 30px; color: #2c419c; font-weight: bold; line-height: 30px; margin-bottom: 16px; } .contact .contact-con .dl .p { font-size: 15px; line-height: 32px; color: #555; } .contact .contact-con .dl .s0 { width: 26.5%; } .contact .contact-con .dl .w-zip .s1 { display: inline-block; margin-right: 12px; } .contact .contact-con .dr { width: 60%; float: right; } .contact .contact-con .dr .con-input { display: block; height: 50px; border: none; color: #555; font-size: 16px; line-height: 50px; text-indent: 20px; background: #ececec; width: 100%; } .contact .contact-con .dr .p0 { font-size: 16px; line-height: 16px; margin-bottom: 11px; color: #555; } .contact .contact-con .dr .tr { flex-wrap: wrap; margin-bottom: 30px; } .contact .contact-con .dr .td1 { width: 46.5%; } .contact .contact-con .dr .td1:first-child { margin-right: 7%; } .contact .contact-con .dr .textarea1 { display: block; width: 100%; height: 210px; font-size: 16px; color: #555; box-sizing: border-box; line-height: 32px; padding: 10px 20px; background: #ececec; border: none; } .contact .contact-con .dr .tr1 .td1 .yzm { display: inline-block; width: 146px; text-align: center; width: 118px; } .contact .contact-con .dr .tr1 .td1 img { display: inline-block; width: 118px; margin-left: 12px; } .contact .contact-con .dr .tr .td2 { width: 100%; } .contact .contact-con .dr .tr1 .td3 { padding-top: 27px; text-align: left; } .contact .contact-con .dr .submit { display: inline-block; width: 146px; background: #2c419c; text-align: center; color: #fff; text-indent: 0; } .register { box-sizing: border-box; padding-top: 245px; background-size: 102%; } .register div, .register span, .register p { box-sizing: border-box; } .register .forms1 { box-sizing: border-box; background: #fff; padding: 66px 50px 62px; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .register .forms1 .cap .fl { color: #333; font-size: 20px; line-height: 20px; } .register .forms1 .cap .fr { font-size: 14px; line-height: 30px; color: #999; } .register .forms1 .tologin { color: #254ea1; } .register .forms1 .w-tr .ico1 { display: inline-block; color: red; width: 38px; height: 40px; line-height: 40px; margin-right: 16px; } .register .forms1 .w-tr .tr { height: 70px; border-bottom: 1px solid #cecece; padding-top: 28px; } .register .forms1 .w-tr .tr:first-child .ico1 { background: url(../images/png44.png) no-repeat right center; } .register .forms1 .w-tr .tr:nth-child(2) .ico1 { background: url(../images/png45.png) no-repeat right center; } .register .forms1 .w-tr .tr:nth-child(3) .ico1 { background: url(../images/png46.png) no-repeat right center; } .register .forms1 .w-tr .tr:nth-child(4) .ico1 { background: url(../images/png47.png) no-repeat right center; } .register .forms1 .w-tr .tr:nth-child(5) .ico1 { background: url(../images/png48.png) no-repeat right center; } .register .forms1 .w-tr .sel1 { display: inline-block; width: 84%; height: 40px; border: none; color: #999; font-size: 14px; line-height: 40px; text-indent: 20px; background: none; vertical-align: top; } .register .forms1 .w-tr .con-input { display: inline-block; height: 40px; border: none; color: #999; font-size: 14px; line-height: 40px; background: none; width: 70%; vertical-align: top; } .register .forms1 .w-tr .tr1 { height: 50px; padding: 0; border-bottom: none; } .register .forms1 .w-tr .radio1 { background: #2c419c; border: none; margin-left: 9px; margin-right: 14px; vertical-align: middle; } .register .forms1 .w-tr .s1 { line-height: 50px; color: #999; font-size: 14px; vertical-align: middle; } .register .forms1 .w-tr .submit1 { display: block; width: 100%; background: #2c419c; text-align: center; color: #fff; border-radius: 5px; } .login1 { box-sizing: border-box; padding-top: 245px; background-size: 102%; } .login1 div, .login1 span, .login1 p { box-sizing: border-box; } .login1 .forms1 { box-sizing: border-box; background: #fff; padding: 82px 90px 86px; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .login1 .forms1 .cap .h6 { font-size: 30px; color: #2c419c; line-height: 30px; text-align: center; } .login1 .forms1 .cap .fl { color: #333; font-size: 20px; line-height: 20px; } .login1 .forms1 .cap .fr { font-size: 14px; line-height: 30px; color: #999; } .login1 .forms1 .tologin { color: #254ea1; } .login1 .forms1 .w-tr .ico1 { display: inline-block; color: red; width: 25px; height: 40px; line-height: 40px; margin-right: 16px; } .login1 .forms1 .w-tr .tr { height: 70px; border-bottom: 1px solid #cecece; padding-top: 28px; } .login1 .forms1 .w-tr .tr:first-child .ico1 { background: url(../images/png44.png) no-repeat right center; } .login1 .forms1 .w-tr .tr:nth-child(2) .ico1 { background: url(../images/png45.png) no-repeat right center; } .login1 .forms1 .w-tr .tr:nth-child(3) .ico1 { background: url(../images/png46.png) no-repeat right center; } .login1 .forms1 .w-tr .tr:nth-child(4) .ico1 { background: url(../images/png47.png) no-repeat right center; } .login1 .forms1 .w-tr .tr:nth-child(5) .ico1 { background: url(../images/png48.png) no-repeat right center; } .login1 .forms1 .w-tr .tr2 { margin-top: 10px; border-bottom: none; } .login1 .forms1 .w-tr .sel1 { display: inline-block; width: 84%; height: 40px; border: none; color: #999; font-size: 14px; line-height: 40px; text-indent: 20px; background: none; vertical-align: top; } .login1 .forms1 .w-tr .con-input { display: inline-block; height: 40px; border: none; color: #999; font-size: 14px; line-height: 40px; background: none; width: 70%; vertical-align: top; } .login1 .forms1 .w-tr .tr1 { height: 50px; padding: 0; border-bottom: none; } .login1 .forms1 .w-tr .radio1 { background: none; border: 1px solid #ddd; border-radius: 50%; margin-left: 9px; margin-right: 14px; vertical-align: middle; } .login1 .forms1 .w-tr .radio1:checked { background: #2c419c; } .login1 .forms1 .w-tr .s1 { line-height: 50px; color: #999; font-size: 14px; vertical-align: middle; } .login1 .forms1 .w-tr .submit1 { display: block; width: 100%; background: #2c419c; text-align: center; color: #fff; border-radius: 5px; } .n-formbox { padding: 0 0 120px; margin-top: -60px; } .applay-tb { width: 960px; margin: 0 auto; } .applay-tb .spred { font-size: 18px; font-family: Arial; color: #F00; margin-left: 12px; } .applay-tb { border: 0; border-width: 0 0 1px 1px; } .applay-tb td { padding: 8px 6px; border: 0; border-width: 1px 1px 0 0; font-size: 14px; } .applay-tb td { line-height: 1.8; } .applay-tb .applay-input { width: 180px; height: 18px; padding: 8px 10px; line-height: 18px; color: #666; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; font-size: 14px; } .applay-tb select.applay-input { height: 38px; width: 200px; } .applay-tb textarea.applay-input { width: 820px; height: 100px; } .applay-tb .applay-input.code { width: 90px; margin-right: 8px; } .applay-tb .submit { display: block; margin: 0 auto; width: 150px; height: 35px; background: #2c419c; font-size: 16px; color: #fff; cursor: pointer; border: none; } .n-formbox .form-cap { font-size: 36px; line-height: 36px; color: #2c419c; text-align: center; padding: 0 0 60px; } .applay-tb .error { border-color: #D70128; } /* ----------- ** 应聘表单手机站 ** ----------- */ @media (max-width: 767px) { .login1 .forms1 { width: 90%; } #pictureViewer > .content { width: 100% ! important; } a.z-crt { background: #2c419c ! important; } .co .mf4 .co-li .co-a .img { height: 75%; } .co .mf4 .co-li .co-a .txts .p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .recruit-body { background: none !important; } .recruit-form1 { padding-top: 130px !important; } .register .forms1 .w-tr .tr.tr-regi { border-bottom: none; margin-top: 20px; } .n-formbox .form-cap { font-size: 26px; line-height: 26px; padding-bottom: 26px; } .n-formbox { padding: 15px; } .applay-tb { width: 100%; margin: 0 auto; } .applay-tb td { display: block; position: relative; } .applay-tb td:nth-child(2n+1) { float: left; width: 20%; padding-right: 10px; margin-top: 5px; } .applay-tb textarea.applay-input { width: 62%; } .applay-tb .submit { position: relative; display: block; margin: 20px 0 0 20%; left: 14px; } .applay-tb input[type="file"] { width: 180px; } } @media (max-width: 1640px) { .more1 { width: 130px; border-radius: 17px; line-height: 34px; } .culture .f4 { margin-bottom: 0; } .tech .f3 .produce .ms1 { padding-bottom: 60px; } .culture .duty .h-tit { margin-top: 70px; } .tech .f3 { margin-bottom: 0; } .w103 { width: 100%; } .more1 .s1 { height: 34px; background: url(../images/png2.png) no-repeat 90% center; } .more1 .s2 { height: 34px; } .more1:hover .s1 { background: url(../images/png2on.png) no-repeat 90% center; } .party .his .swiper-slide .con { width: 900px; } .party .his .swiper-slide .con .dt { padding-left: 20px; width: 50%; } .nf1 { height: 600px; } .pro .f2 .w-tabs:nth-child(2) { /*height: 88px;*/ } .pro .f2 .tab-items { width: 16.6%; } .ach .flex { flex-wrap: wrap; } .ach .f2 .w-tabs:nth-child(2) { height: 88px; } .ach .f2 .tab-items { width: 16.6%; } .ach .forms1 { margin-bottom: 126px; } .ach .forms1 table { margin: 0 auto 80px; } .ach .forms1 .tr2 .td1, .ach .forms1 .tr2 .td2, .ach .forms1 .tr2 .td3 p { padding-left: 24px; padding-right: 32px; } .ach .forms1 .th1, .ach .forms1 .td1 { /*width: 21%;*/ width: 252px; } .ach .forms1 .th2, .ach .forms1 .td2 { /*width: 30%;*/ width: 360px; } .ach .forms1 .th3, .ach .forms1 .td3 { /*width: 49%;*/ width: 588px; } .ach .case1 .w-case-ul { overflow: hidden; } .ach .case1 .w-case-ul .case-li { margin-bottom: 100px; } .w1036 { width: 90%; overflow: hidden; } .party .f3 { padding: 30px 0 104px; } .party .his .w-swiper { width: 76%; } .party .his .swiper-slide { padding-top: 260px; } .party .his .swiper-slide .con { left: -186px; } .party .his .swiper-slide .con .year { font-size: 100px; } .party .his .w-his .btns { height: 50px; top: 60px; } .party .his .w-his .btns .btn { width: 50px; height: 50px; } .party .his .w-his .btns .prev { background: url(../images/prev6.png) no-repeat center; background-size: 50px; } .party .his .w-his .btns .prev:hover { background: url(../images/prev6on.png) no-repeat center; background-size: 50px; } .party .his .w-his .btns .next { background: url(../images/next6.png) no-repeat center; background-size: 50px; } .party .his .w-his .btns .next:hover { background: url(../images/next6on.png) no-repeat center; background-size: 50px; } .recruit .f4 { padding-bottom: 30px; } } @media (max-width: 1440px) { .party .his .swiper-slide .con .dt { width: 40%; } .party .his .swiper-slide .con .year { font-size: 90px; } } @media screen and (min-width: 768px) and (max-width: 1640px) { .ach .forms1 table, .ach .forms1 tbody { width: 100%; } } @media screen and (min-width: 1024px) and (max-width: 1640px) { .contact .contact-con .dl .s0 { width: 40%; } .contact .contact-con .dl .s1 { width: 67%; } } @media(max-width: 1400px) { .w1420 { width: 82%; } .login1 { padding-top: 168px; } .register .forms1 { padding: 36px 60px; } .register .forms1 .w-tr .tr { padding-top: 18px; height: 58px; } .register { padding-top: 120px; } .invest { padding-top: 166px; } .invest .invest-con .invest-ms1 { padding-top: 60px; } .invest .invest-con .invest-ms1 .items1, .invest .invest-con .invest-ms1 .items2 { height: 96px; } .contact { padding-top: 130px; } .contact .contact-con .dr .con-input { height: 40px; line-height: 40px; } .contact .contact-con .dr .textarea1 { height: 160px; } .contact .contact-con .dl { width: 35%; } .contact .contact-con .dr { width: 60%; } .contact .contact-con .dr .tr { margin-bottom: 20px; } .contact .contact-con .dl .w-tele { margin-bottom: 36px; } } @media (max-width: 1360px) { .more3 { width: 140px; border-radius: 18px; color: #333; line-height: 36px; } .more3 .s2 { height: 36px; width: 0; } .pcheader .dl { width: 16.8%; } .pcheader .logo { width: 64.4%; } .pcheader .s1 { margin: 0 10px; } .pcheader .gu { width: 21.5%; } .pcheader .language { width: 190px; line-height: 36px; margin-left: 30px; padding-right: 16px; } .pcheader .h-li { width: 70px; } .pcheader .h-li .h-sub .h-sub-a { width: 104px; } .pcfooter { padding-top: 36px; } .pcfooter .fo-dr { padding-left: 6%; } .pcfooter .fo-dr .h4 { margin: 40px 0 24px; } .pcfooter .fo-form .tr { padding-left: 36px; width: 216px; height: 42px; line-height: 42px; margin-bottom: 12px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.06); } .pcfooter .fo-form .tr .login-input1 { float: left; display: block; width: 66%; height: 42px; line-height: 42px; background: none; border: none; color: #fefefe; font-size: 13px; } .pcfooter .fo-form .tr1 { background: url(../images/png9.png) left 11px center no-repeat; } .pcfooter .fo-form .tr2 { background: url(../images/png10.png) left 11px center no-repeat; } .pcfooter .fo-form .tr3 { padding-left: 0; background: #2f2f2f; border-width: 0; } .pcfooter .fo-form .tr3 .login-submit { text-align: center; width: 100%; font-size: 16px; color: #fff; } .pcfooter .ewm { margin-top: 30px; width: 42.8%; } .pcfooter .ewm img { display: block; width: 100%; margin-bottom: 18px; } .pcfooter .ewm .p { text-align: center; font-size: 15px; color: #fefefe; line-height: 15px; } .w1400, .w1420, .w1468, .w1386, .w1200, .w924, .w990 { width: 90%; } .news-ms1.w1200 { width: 999px; } .news .news-li .news-a .img, .co .pcf2 .co-li .co-a .img { height: 210px; } .news .news-li .news-a .txts { padding: 20px 12px 12px; } .news .news-li .news-a .txts .p { line-height: 22px; } .nf1 { height: 360px; } .nf1 .txts { margin-top: -52px; width: 100%; height: 104px; } .nf1 .txts .h2 { font-size: 56px; line-height: 56px; margin-bottom: 24px; } .nf1 .txts .h6 { font-size: 24px; line-height: 24px; } .co .pcf2 .co-ms1 .co-li .co-a .txts { padding: 20px 23px 32px 17px; } .co .pcf2 .co-ms1 .co-li .co-a .txts .h2 { font-size: 20px; line-height: 28px; } .co .pcf2 .co-ms1 .co-li .co-a .txts .times1 { line-height: 40px; } .co .pcf2 .co-ms1 .co-li .co-a .txts .p { font-size: 14px; line-height: 26px; color: #999; margin-bottom: 22px; } .co .pcf2 .co-ms1 .co-li .co-a .txts .ico1 { display: inline-block; width: 40px; height: 40px; background: url(../images/png1.png) no-repeat center; transition: all .3s linear; } .co .pcf2 .co-ms1 .more1 { margin: 43px auto 153px; } .co .pcf2 .co-ms2 .w-nums { padding-top: 14px; height: 200px; color: #2c419c; text-align: center; } .co .pcf2 .co-ms2 .w-nums .nums1 { font-size: 74px; line-height: 84px; } .co .pcf2 .co-ms2 .w-nums .dt { height: 40px; } .co .pcf2 .co-ms2 .w-nums .p1 { font-size: 14px; color: #333; } .co .pcf2 .co-ms2 .w-nums .p2 { font-size: 13px; line-height: 46px; } .co .f3 .top { font-size: 26px; line-height: 36px; margin: 64px 0 46px; } .co .f3 .co-ms1 .hides .h2 { padding-bottom: 18px; font-size: 20px; line-height: 24px; } .co .f3 .co-ms1 .hides .dt { font-size: 14px; line-height: 24px; padding: 16px 0 36px; } .co .f3 .co-ms1 .hides .more1 { border-color: #fff; color: #fff; height: 34px; border-radius: 17px; line-height: 34px; margin: 0 auto; } .co .f3 .co-ms1 .hides .s1 { height: 34px; } .co .pcf4 .top { font-size: 26px; line-height: 36px; } .co .pcf4 .top .h1 { margin: 64px 0 46px; } .co .pcf4 .top .dt { font-size: 16px; line-height: 32px; } .co .pcf4 .top .s1 { width: 74px; margin: 44px auto 70px; } .co .pcf4 .co-li { width: 25%; margin-bottom: 100px; } .co .pcf4 .co-li .ico1 { height: 65px; } .co .pcf4 .co-li .h3 { margin: 20px 0; font-size: 16px; } .about .f2 { line-height: 90px; border-bottom: 1px solid #ddd; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .about .f2 .w-n-tab { height: 90px; line-height: 90px; } .about .f2 .h2 { font-size: 24px; color: #2c419c; } .about .f2 .n-tab { width: 83%; } .about .f2 .n-tab-a { display: inline-block; width: 11.1%; text-align: right; font-size: 15px; color: #888; transition: all .3s linear; } .about .f2 .n-tab-a.cur, .about .f2 .n-tab-a:hover { color: #2c419c; } .about .nf-title { font-size: 36px; line-height: 36px; color: #010101; text-align: center; padding: 28px 0; } .about .f3 .dt { margin: 60px auto 80px; } .about .f3 .dt .dl { width: 68.8%; font-size: 14px; line-height: 28px; color: #666; } .about .f3 .dt .dl .h6 { font-size: 19px; color: #333; margin-bottom: 32px; } .about .f3 .dt .dr { width: 31.2%; } .about .f3 .dt .dr .img { width: 100%; } .about .f3 .dt .dr .img img { width: 84.5%; } .about .f3 .dt .w-name { padding-left: 50%; font-size: 16px; line-height: 30px; } .about .f4 { padding-bottom: 85px; } .about .f4 .p1 { width: 60%; font-size: 18px; line-height: 33px; } .about .f4 .ms1-li { text-align: center; padding: 30px 0 28px; width: 24.25%; margin: 50px 1% 48px 0; } .about .f4 .ms1-li .ico1 { display: block; height: 76px; margin-bottom: 25px; transition: all .3s linear; background-size: 32% !important; } .about .f4 .ms1-li .h3 { font-size: 44px; line-height: 44px; font-weight: bold; color: #2c419c; transition: all .3s linear; margin: 24px 0 14px; font-family: "seguiemj"; } .about .f4 .ms1-li .p2 { font-size: 16px; line-height: 16px; color: #666; } .about .f4 .ms2 { padding: 0 3%; font-size: 14px; line-height: 28px; color: #777; } .about .f5 .w-ms1 { position: relative; } .about .f5 .ms1 { overflow: hidden; } .about .f5 .swiper-slide { position: relative; z-index: 2; display: block; transition: all .3s linear; overflow: hidden; } .about .f5 .swiper-slide .ms1-img { display: block; width: 100%; height: 100%; } .about .f6 .ms1-img { display: block; width: 100%; margin: 30px auto 100px; } .about .f7 { position: relative; padding: 30px 90px 60px; } .about .f7 .nf-title { color: #fff; } .about .f7 .ms1 { overflow: hidden; margin-top: 36px; position: relative; color: #fff; } .about .f7 .title-bg { height: 75px; display: block; background: url(../images/png24.png) center no-repeat; background-size: 96%; } .about .f7 .dt .year1 { font-family: "bebas"; font-size: 50px; line-height: 124px; } .about .f7 .dt .ms2-img { display: block; } .about .f7 .dt .txts { margin-top: 24px; font-size: 14px; line-height: 22px; } .about .f7 .btns { position: absolute; z-index: 2; left: 0; top: 166px; height: 16px; width: 100%; padding: 0 60px; } .about .f8 { padding-top: 30px; } .about .f8 .w-tab { text-align: center; margin: 36px 0 54px; } .about .f8 .tab-items { display: inline-block; width: 160px; height: 40px; line-height: 40px; color: #000; font-size: 16px; border: 1px solid #bdbdbd; border-radius: 20px; margin: 0 16px; } .about .f8 .w-ms1 { padding: 0; padding-bottom: 0; } .about .f8 .ms1 { overflow: hidden; } .about .f9 { padding: 78px 0; } .about .f9 .about-a:hover .txts .h2 { color: #2c419c; } .about .f9 .txts { background: #fff; padding: 20px 16px 36px; } .about .f9 .txts .h2 { font-size: 20px; line-height: 20px; color: #333; transition: all .3s linear; } .about .f9 .txts .times1 { line-height: 40px; } .about .f9 .txts .p { font-size: 14px; line-height: 26px; margin: 18px 0 20px; color: #888; } .pro .f2 .w-tabs:nth-child(2) { /*height: 88px;*/ } .pro .f2 .tabs-cap { width: 20%; } .pro .f2 .tabs { width: 80%; } .pro .f2 .tab-items { width: 20%; } .pro .f3 { margin-bottom: 70px; } .pro .f3 .pro-a .img { margin-right: 5.5%; } .pro .f3 .pro-a .txts { width: 45.5%; } .pro .f3 .pro-a .txts .p { max-height: 84px; overflow: hidden; margin-bottom: 40px; } .pro .f3 .pages { margin-top: 70px; } .ach .f2 .w-tabs:nth-child(2) { height: 88px; } .ach .f2 .tabs-cap { width: 20%; } .ach .f2 .tabs { width: 80%; } .ach .f2 .tab-items { width: 20%; } .ach .f3 { margin-bottom: 70px; } .ach .f3 .pro-a .img { margin-right: 5.5%; } .ach .f3 .pro-a .txts { width: 45.5%; } .ach .f3 .pro-a .txts .p { max-height: 84px; overflow: hidden; margin-bottom: 40px; } .ach .f3 .pages { margin-top: 70px; } .culture .nf-title { font-size: 36px; line-height: 36px; padding: 32px 0; } .culture .f2 .w-n-tab { height: 90px; line-height: 90px; } .culture .f2 .h2 { font-size: 24px; } .culture .f2 .n-tab { width: 83%; } .culture .f2 .n-tab-a { width: 11.1%; font-size: 15px; } .culture .f3 { padding: 30px 0 66px; } .culture .f3 .w-tab { margin-top: 36px; } .culture .f3 .tab-items { padding: 0 44px; height: 42px; line-height: 42px; font-size: 16px; border-radius: 21px; margin: 0 12px; } .culture .f3 .ms1 { margin-bottom: 132px; } .culture .f3 .btns { margin-top: -35px; height: 70px; width: 100%; } .culture .f3 .btns .btn1 { width: 70px; height: 70px; } .culture .f4 { margin-bottom: 70px; } .culture .f4 .txts { font-size: 14px; line-height: 28px; padding: 0 46px 65px; } .culture .f4 .txts .h2 { font-size: 18px; line-height: 18px; margin-bottom: 16px; } .culture .f4 .culture-ul { margin-bottom: 30px; } .culture .f4 .culture-a .h2 { font-size: 16px; line-height: 26px; padding: 18px 10px; text-align: center; } .culture .duty .culture-a .h3 { font-size: 16px; line-height: 24px; padding: 18px 10px; } .culture .duty .h-tit { font-size: 28px; line-height: 28px; margin: 70px 0; } .culture .duty .ms2 { padding: 0 0 70px; } .culture .duty .ms2 .duty-li { /*width: 31.6%;*/ /*margin-right: 2.6%;*/ } .culture .duty .duty-btns1 { height: 70px; } .culture .duty .duty-btns1 .btn1 { width: 70px; height: 70px; margin: 0 20px; } .culture .duty .duty-down-a1 { padding: 42px 30px 16px 26px; margin-bottom: 36px; } .culture .duty .duty-down-a1 .duty-num { font-size: 26px; line-height: 26px; } .culture .duty .duty-down-a1 .duty-p { font-size: 18px; line-height: 24px; padding: 10px 5px 16px; } .culture .duty .duty-down-a1 .more2 { margin-top: 20px; font-size: 12px; } .culture .duty .duty-btns2 { height: 70px; width: 100%; } .culture .duty .duty-btns2 .btn1 { width: 70px; height: 70px; margin: 0 20px; } .culture .duty .duty-down-a2 { height: 60px; line-height: 60px; padding: 0 14px 0 26px; } .culture .duty .duty-down-a2 .duty-num { margin-right: 18px; font-size: 26px; } .culture .duty .duty-down-a2 .duty-p { font-size: 16px; } .culture .person { margin-bottom: 134px; } .culture .person .h-tit { font-size: 28px; line-height: 28px; margin: 80px 0 47px; } .culture .person .per-ul { padding-bottom: 26px; } .culture .wish { margin-bottom: 70px; } .culture .wish .wish-li { margin-bottom: 50px; } .culture .wish .wish-li .h5 { margin: 26px 0 15px; font-size: 22px; line-height: 22px; } .culture .wish .wish-li .p { line-height: 24px; } .culture .wish .wish-li .line2 { bottom: -2px; height: 2px; } .culture .wish .covers1 { padding: 40px 56px 0; border-bottom-width: 2px; } .culture .wish .ico1 { width: 100px; height: 100px; border-radius: 50%; background-size: 50%; } .culture .activity .act-li { width: 32.5%; margin-right: 1.25%; padding: 12px; margin-bottom: 20px; } .culture .activity .act-li .act-a .txts { padding: 18px 0 0 18px; } .culture .activity .act-li .act-a .txts .h2 { font-size: 18px; line-height: 26px; } .culture .activity .act-li .act-a .txts .times1 { font-size: 13px; line-height: 13px; } .culture .activity .act-li .act-a .txts .p { font-size: 14px; line-height: 24px; margin-bottom: 18px; } .culture .activity .act-li .act-a .txts .ico1 { width: 30px; height: 30px; border-radius: 50%; background-size: 30px; } .tech .f2 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .tech .f2 .w-n-tab { height: 90px; line-height: 90px; } .tech .f2 .h2 { font-size: 24px; } .tech .f2 .n-tab { width: 45%; } .tech .f2 .n-tab .tab-items { display: inline-block; width: 33.3%; text-align: right; font-size: 15px; } .tech .f3 { margin-bottom: 82px; } .tech .f3 .produce .tech-top .h1 { font-size: 36px; padding: 70px 0 54px; } .tech .f3 .produce .items { padding-top: 60px; } .tech .f3 .produce .items .nums1 { font-size: 76px; line-height: 66px; } .tech .f3 .produce .items .line1 { width: 26px; margin: 26px auto 30px; } .tech .f3 .produce .items .p0 { font-size: 18px; } .tech .f3 .produce .items .p1 { font-size: 18px; line-height: 18px; margin-bottom: 56px; } .tech .f3 .produce .ms1 { font-size: 14px; line-height: 28px; padding-bottom: 100px; } .tech .f3 .produce .ms2 .h1 { font-size: 22px; line-height: 48px; padding-bottom: 20px; } .tech .f3 .produce .ms2 .tech-li { margin-bottom: 100px; width: 31.6%; margin-right: 2.6%; } .tech .f3 .produce .ms2 .tech-li .tech-a .txts { padding: 0 66px 0 20px; font-size: 16px; height: 62px; line-height: 62px; } .tech .f3 .produce .ms2 .btns { height: 40px; width: 100px; } .tech .f3 .produce .ms2 .btns .btn1 { width: 40px; height: 40px; } .tech .f3 .standard { margin-bottom: 82px; } .tech .f3 .standard .stand-cap { color: #333; font-size: 36px; padding: 70px 0 54px; text-align: center; } .tech .f3 .standard ul.flex { margin-bottom: 0; } .tech .f3 .standard .stand-li .stand-a { padding: 10px 0; } .tech .f3 .standard .stand-li .times { padding-right: 24px; } .tech .f3 .standard .stand-li .times .days { font-size: 36px; line-height: 40px; } .tech .f3 .standard .stand-li .txts { font-size: 16px; padding-left: 16px; } .company .f3 { width: 100%; } .company .f3 .w-f3 { margin-bottom: 36px; } .company .f3 .w-tab .tab-items { font-size: 16px; padding: 0 36px; margin: 0 10px; } } .duty .hd-1 { display: none; } @media screen and (min-width: 1024px) and (max-width: 1640px) { .about .pcf5 .swiper-slide:hover { width: 33% !important; } .about .mf5 { display: none; } } @media screen and (min-width: 1220px) and (max-width: 1360px) { .culture .person .per-li { width: 15%; margin-right: 2%; } .culture .person .per-li:nth-child(6n) { margin-right: 0; } } @media (max-width: 1260px) { .w1088 { width: 100%; } } @media(min-width: 1220px) { .culture .f4 .activity .act-li { width: 32.5%; margin-right: 1.25%; } .culture .duty .duty-down-a1 { width: 31.5%; margin-right: 1.25%; } .culture .f4 .activity .act-li:nth-child(2n) { /*margin-right: 2%;*/ } .culture .duty .duty-down-a1:nth-child(3n) { margin-right: .2%; } } @media screen and (min-width: 1024px) and (max-width: 1220px) { .culture .duty .duty-down-a1 { width: 48%; } .culture .duty .duty-down-a1 { margin-right: 2%; } .company .zhe .w-zhe .dl { padding-top: 0; } } @media(max-width: 1024px) { .contact-btns-wrap { display: block; text-align: center; width: 100%; margin-bottom: 30px; } .contact-btns-wrap .btns-wrap-a { display: block; width: 48%; height: 44px; line-height: 44px; background: #2c419c; color: #fff; font-size: 16px; border-radius: 5px; } .contact-btns-wrap .btns-wrap-a span { vertical-align: top; } .contact-btns-wrap .btns-wrap-a:first-child { float: left; } .contact-btns-wrap .btns-wrap-a:last-child { float: right; } .contact-btns-wrap .con-ico { display: inline-block; width: 44px; height: 44px; margin-right: 10px; } .contact-btns-wrap .ico-tele { background: url(../images/telephone.png) no-repeat center; background-size: 72%; } .contact-btns-wrap .ico-addre { background: url(../images/address.png) no-repeat center; background-size: 72%; } .w103 { width: 100%; } .ach .w-case-ul .btns, .tech .f3 .produce .ms2 .btns { display: none !important; } .w-case-ul .hd-1 { display: block; } .news-ms1.w1200 { width: 90%; } .w-ul .hd-1, .w-case-ul .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .w-ul .hd-1 { bottom: 0; } .w-ul .hd-1 .swiper-pagination-bullet, .w-case-ul .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .w-ul .hd-1 .swiper-pagination-bullet-active, .w-case-ul .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .news .news-li .news-a .img { height: 40%; } .news .pagination, .tech .pagination { margin: 0 auto; } .about .mf5 .covers1 .details { padding: 0 0 30px 0; } .about .mf5 .covers1 { padding: 0; } .about .mf5 .covers1 .dt2 { box-shadow: 0 0 .1rem rgba(0,0,0,.1); padding: 30px 10px; } .recruit .f3 .ms1 { padding-bottom: 40px; } .party .his .w-swiper { padding-bottom: 100px; } .party .his .w-his .btns { display: none; } .culture .f4 { margin-bottom: 0; } .culture .pagination { margin: 0 auto; } .culture .f4 .culture-ul { margin-bottom: 0; } .culture .duty .duty-down-a1 { width: 100%; } .culture .duty .duty-down-a1 { margin: 0 1%; } .culture .f4 .duty .duty-down-a1 .more2 { display: none; } .duty .hd-1 { position: absolute; z-index: 2; bottom: 24px; left: 0; width: 100%; height: 8px; text-align: center; } .duty .hd-1 .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; margin: 0 5px; background: #fff; border-radius: 50%; } .duty .hd-1 .swiper-pagination-bullet-active { background: $mc; } } @media (max-width: 1220px) { .culture .nf-title { font-size: 36px; line-height: 36px; padding: 32px 0; } .culture .f2 .w-n-tab { height: 90px; line-height: 90px; } .culture .f2 .h2 { font-size: 24px; } .culture .f2 .n-tab { width: 83%; } .culture .f2 .n-tab-a { width: 11.1%; font-size: 15px; } .culture .f3 { width: 100%; padding: 30px 0; } .culture .f3 .w-tab { margin-top: 36px; } .culture .f3 .tab-items { font-size: 14px; padding: 0 34px; height: 40px; line-height: 40px; border-radius: 20px; margin: 0; } .culture .f3 .ms1 { margin-bottom: 102px; } .culture .f3 .btns { margin-top: -35px; height: 70px; width: 100%; } .culture .f3 .btns .btn1 { width: 70px; height: 70px; } .culture .f4 { margin-bottom: 70px; } .culture .f4 .txts { font-size: 14px; line-height: 28px; padding: 0 6px 36px; } .culture .f4 .txts .h2 { font-size: 18px; line-height: 26px; margin-bottom: 16px; } .culture .f4 .culture-ul { margin-bottom: 30px; } .culture .f4 .culture-a .h2 { font-size: 14px; line-height: 22px; padding: 14px 10px; } .culture .duty .culture-a .h3 { font-size: 16px; line-height: 16px; padding: 28px 0 20px 18px; } .culture .duty .h-tit { font-size: 28px; line-height: 28px; margin: 40px 0; } .culture .duty .ms2 { padding: 0 10px 70px; } .culture .duty .duty-btns1 { height: 70px; } .culture .duty .duty-btns1 .btn1 { width: 56px; height: 56px; margin: 0 20px; background-size: cover; } .culture .duty .duty-down-a1 { padding: 42px 30px 16px 26px; margin-bottom: 36px; } .culture .duty .duty-down-a1 .duty-num { font-size: 26px; line-height: 26px; } .culture .duty .duty-down-a1 .duty-p { font-size: 16px; line-height: 24px; padding: 14px 5px 16px; } .culture .duty .duty-down-a1 .more2 { margin-top: 20px; font-size: 12px; } .culture .duty .duty-btns2 { height: 70px; width: 100%; } .culture .duty .duty-btns2 .btn1 { width: 56px; height: 56px; margin: 0 20px; background-size: cover; } .culture .duty .duty-down-a2 { height: 60px; line-height: 60px; padding: 0 14px 0 26px; } .culture .duty .duty-down-a2 .duty-num { margin-right: 18px; font-size: 26px; } .culture .duty .duty-down-a2 .duty-p { font-size: 16px; } .culture .person { margin-bottom: 134px; } .culture .person .h-tit { font-size: 28px; line-height: 28px; margin: 80px 0 47px; } .culture .person .per-ul { padding-bottom: 26px; } .culture .wish { margin-bottom: 70px; } .culture .activity .act-li { padding: 12px; margin-bottom: 20px; } .culture .activity .act-li .act-a .txts { padding: 18px 0 0 18px; } .culture .activity .act-li .act-a .txts .h2 { font-size: 18px; line-height: 26px; } .culture .activity .act-li .act-a .txts .times1 { font-size: 13px; line-height: 13px; } .culture .activity .act-li .act-a .txts .p { font-size: 14px; line-height: 24px; margin-bottom: 18px; } .culture .activity .act-li .act-a .txts .ico1 { width: 30px; height: 30px; border-radius: 50%; background-size: 30px; } .party .his .swiper-slide .con .year { font-size: 54px; } .party .his .w-his .btns { height: 40px; top: 70px; } .party .his .w-his .btns .btn { width: 40px; height: 40px; } .party .his .w-his .btns .prev { background: url(../images/prev6.png) no-repeat center; background-size: 40px; } .party .his .w-his .btns .prev:hover { background: url(../images/prev6on.png) no-repeat center; background-size: 40px; } .party .his .w-his .btns .next { background: url(../images/next6.png) no-repeat center; background-size: 40px; } .party .his .w-his .btns .next:hover { background: url(../images/next6on.png) no-repeat center; background-size: 40px; } } @media screen and (min-width: 798px) and (max-width: 1220px) { .culture .person .per-li { width: 18%; margin-right: 2.5%; } .culture .person .per-li:nth-child(5n) { margin-right: 0; } } @media screen and (min-width: 540px) and (max-width: 798px) { .culture .person .per-li { width: 23%; margin-right: 2%; } .culture .person .per-li:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 320px) and (max-width: 540px) { .culture .person .per-li { width: 31%; margin-right: 3.5%; } .culture .person .per-li:nth-child(3n) { margin-right: 0; } .f9 .about-li { margin-bottom: 30px; width: 100%; } } @media (max-width: 1170px) { .more3 { width: 120px; border-radius: 15px; color: #333; line-height: 30px; font-size: 12px; } .more3 .s2 { height: 30px; width: 0; } .pro .f2 .w-tabs:nth-child(2) { /*height: 88px;*/ } .pro .f2 .w-tabs:first-child .tabs .tab-items:last-child { width: 50%; } .pro .f2 .tabs-cap { width: 23%; } .pro .f2 .tabs { width: 77%; } .pro .f2 .tab-items { width: 25%; } .pro .f3 { margin-bottom: 50px; } .pro .f3 .pro-a .img { width: 42%; margin-right: 5.5%; } .pro .f3 .pro-a .txts { padding-top: 0; padding-right: 10px; width: 48%; } .pro .f3 .pro-a .txts .h2 { font-size: 20px; } .pro .f3 .pro-a .txts .p { max-height: 84px; overflow: hidden; margin-bottom: 30px; } .pro .f3 .pages { margin-top: 50px; } .ach .f2 .w-tabs:nth-child(2) { height: 88px; } .ach .f2 .w-tabs:first-child .tabs .tab-items:last-child { width: 50%; } .ach .f2 .tabs-cap { width: 23%; } .ach .f2 .tabs { width: 77%; } .ach .f2 .tab-items { width: 25%; } .ach .f3 { margin-bottom: 50px; } .ach .f3 .pro-a .img { width: 42%; margin-right: 5.5%; } .ach .f3 .pro-a .txts { padding-top: 0; padding-right: 10px; width: 48%; } .ach .f3 .pro-a .txts .h2 { font-size: 20px; } .ach .f3 .pro-a .txts .p { max-height: 84px; overflow: hidden; margin-bottom: 30px; } .ach .f3 .pages { margin-top: 50px; } } @media (max-width: 1100px) { .about .nf-title { font-size: 32px; line-height: 32px; color: #010101; text-align: center; padding: 72px 0 36px; } .party .his .swiper-slide .con { height: 60px; } .party .his .swiper-slide .con .year { width: 100%; display: block; height: auto; } .party .his .swiper-slide .con .dt { display: block; width: 100%; height: auto; padding-left: 15px; padding-top: none !important; } .party .his .swiper-slide.swiper-slide-active .con { height: 166px; } .party .his { background: none; } .about .f3 .dt { margin: 36px auto 70px; } .about .f3 .dt .dl { width: 100%; font-size: 14px; line-height: 26px; color: #666; } .about .f3 .dt .dl .h6 { font-size: 18px; color: #333; margin-bottom: 32px; } .about .f3 .dt .dr { display: none; } .about .f4 { background-size: cover; background-repeat: no-repeat; padding-bottom: 95px; } .about .f4 .p1 { width: 70%; font-size: 16px; line-height: 28px; margin: 0 auto; color: #444; text-align: center; } .about .f4 .ms1-li { text-align: center; padding: 24px 0; width: 24.25%; background: #fff; box-shadow: 0 0 15px #ddd; margin: 66px 1% 74px 0; } .about .f4 .ms1-li .ico1 { display: block; height: 66px; margin-bottom: 32px; background-size: 32% !important; } .about .f4 .ms1-li .h3 { font-size: 38px; line-height: 38px; font-weight: bold; color: #2c419c; transition: all .3s linear; margin: 18px 0 14px; font-family: "seguiemj"; } .about .f4 .ms1-li .p2 { font-size: 18px; line-height: 18px; color: #666; } .about .f4 .ms2 { padding: 0 3%; font-size: 14px; line-height: 28px; color: #777; } .about .f5 .w-ms1 { position: relative; } .about .f5 .ms1 { overflow: hidden; } .about .f5 .swiper-slide { position: relative; z-index: 2; display: block; transition: all .3s linear; overflow: hidden; } .about .f5 .swiper-slide .ms1-img { display: block; width: 100%; height: 100%; } .about .f5 .btns { height: 100%; width: 100%; } .about .f5 .btns .btn1 { width: 60px; height: 100%; } .about .f6 .ms1-img { display: block; width: 100%; margin: 30px auto 160px; } .about .f7 { position: relative; padding: 30px 90px 90px; } .about .f7 .ms1 { overflow: hidden; margin-top: 36px; position: relative; color: #fff; } .about .f7 .title-bg { height: 75px; display: block; background: url(../images/png24.png) center no-repeat; background-size: 96%; } .about .f7 .dt .year1 { font-family: "bebas"; font-size: 44px; line-height: 104px; } .about .f7 .dt .ms2-img { display: block; } .about .f7 .dt .txts { margin-top: 24px; width: 180px; font-size: 14px; line-height: 22px; } .about .f7 .btns { position: absolute; z-index: 2; left: 0; top: 166px; height: 16px; width: 100%; padding: 0 60px; } .pro .f2 { padding-bottom: 65px; } .ach .f2 { padding-bottom: 65px; } .ach .forms1 { margin-bottom: 96px; } .ach .forms1 table { margin: 0 auto 60px; } .ach .forms1 .tr1 { height: 44px; line-height: 44px; } .ach .forms1 .tr2 .td1, .ach .forms1 .tr2 .td2, .ach .forms1 .tr2 .td3 p { line-height: 24px; padding: 8px 0; padding-left: 26px; padding-right: 24px; } .ach .forms1 .th1, .ach .forms1 .td1 { width: 18%; } .ach .forms1 .th2, .ach .forms1 .td2 { width: 30%; } .ach .forms1 .th3, .ach .forms1 .td3 { width: 52%; } .party .his .w-swiper { width: 76%; } .party .his .swiper-slide .con { left: 0px; } .party .his .swiper-slide .con .year { font-size: 50px; padding: 0 38px 0 0; } } @media (max-width: 1048px) { .pcheader .s1 { margin: 0 8px; } .pcheader .language { margin-left: 20px; } .pcheader .h-li { width: 60px; } .pcheader .h-li .h-sub .h-sub-a { width: 98px; } } @media (min-width: 1024px) { .co .pcf2, .co .pcf4, .co .co-f1 .box_skitter { display: block; } .co .mf2, .co .mf4, .co .co-f1 .co-ms1 { display: none; } .co .f3 .pc-rotate { display: block; } .co .f3 .m-rotate { display: none; } .co .f3 .hides { position: absolute; z-index: 3; left: 0; top: 0; } .about .f9 .about-li { width: 30%; margin-right: 5%; } .about .f9 .about-li:nth-child(3n) { margin-right: 0; } .tech .f3 .standard .stand-li:nth-child(2n-1) { padding-right: 20px; } .tech .f3 .standard .stand-li:nth-child(2n) { padding-left: 20px; } .culture .f4 .culture-li { width: 31.6%; margin-right: 2.6%; } .culture .f4 .ms2 .duty-li { /*margin: 0 10px !important;*/ } .culture .f4 .culture-li:nth-child(3n), .culture .f4 .ms2 .duty-li:nth-child(3n) { margin-right: 0; } .culture .f4 .activity .act-li:nth-child(3n) { margin-right: 0; } } @media (max-width: 1024px) { .produce { /*overflow: hidden;*/ } .party .his .w-swiper { width: 100%; } .party .his { margin-bottom: 0; } .party .his .swiper-slide { padding-top: 0; } .party .his .swiper-slide.swiper-slide-active .con { position: static; height: auto; margin-bottom: 30px !important; } .party .f3 { padding-bottom: 30px; } .party .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .party .his .swiper-slide .con .year { line-height: 48px; } .party .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .party .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .party .his .swiper-slide .con { width: 100%; } .register .w580 { margin-bottom: 60px; } .login1 .forms1 { margin-bottom: 60px; } .w1200 { width: 92%; } .pcheader { display: none; } .mheader { display: block; position: fixed; z-index: 7; top: 0; left: 0; width: 100%; height: 50px; background: #fff; } .pcfooter { display: none; } .mfooter { display: block; } .nf1 { position: relative; height: auto; background: none; margin-top: 50px; } .nf1 .txts { display: none; } .nf1 .nf1-img { display: block; width: 100%; } .co .banner { display: none; } .co .f3 { overflow: hidden; background: #fafafa; padding: 0; } .co .f3 .top, .co .mf4 .top { font-size: 26px; line-height: 36px; color: #333; text-align: center; margin: 50px 0 36px; } .co .f3 .co-ms1 { overflow: hidden; padding-bottom: 110px; } .co .f3 .co-ms1 .hides { background: #fff; position: static; overflow: hidden; padding: 30px 10px 30px; display: block; } .co .f3 .co-ms1 .hides .h2 { color: #333; font-size: 20px; line-height: 20px; padding-bottom: 0; } .co .f3 .co-ms1 .hides .dt { color: #888; height: auto; overflow: visible; font-size: 14px; line-height: 28px; margin: 15px 10px 32px; padding: 0; } .co .f3 .co-ms1 .hides .more1 { background: #2c419c; color: #fff; margin: 0; } .co .f3 .co-ms1 .hides .more1 .s2 { display: none; } .co .f3 .co-ms1 .hides .more1 .s1 { background: none; } .co .f3 .co-btns1 { display: none; } .co .f3 .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .co .f3 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .co .f3 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .co .pcf2, .co .pcf4, .co .co-f1 .box_skitter { display: none; } .co .mf2, .co .mf4, .co .co-f1 .co-ms1 { display: block; } .co .f3 .pc-rotate { display: none; } .co .f3 .m-rotate { display: block; } .co .f3 .hides { position: relative; } .co .co .mf4 .top { margin: 46px 0; } .pro .f2 { padding: 30px 0 30px; } .pro .f2 .w-tabs { /* height: 40px !important;*/ line-height: 40px; /* background: #f4f4f4;*/ padding: 0 15px !important; margin-bottom: 10px; } .pro .f2 .tabs-cap { width: auto; font-size: 14px; font-weight: bold; width: 100%; } .pro .f2 .tabs { width: 100%; overflow: hidden; } .pro .f2 .tabs .w-flex { overflow: hidden; } .pro .f2 .tabs .swiper-wrapper.flex { flex-wrap: nowrap; height: 40px; } .pro .f2 .w-tabs:nth-child(3) .tabs-cap { width: 36%; } .pro .f2 .w-tabs:nth-child(3) .tabs { width: 100%; } .pro .f2 .tab-items { color: #666; width: auto; height: 40px; line-height: 40px; text-align: center; } .pro .f2 .tab-items.cur .s1 { display: inline-block; } .pro .f3 .more3 { background: #2c419c; color: #fff; } .ach .f2 { padding: 30px 0 30px; } .ach .f2 .w-tabs { height: 40px !important; line-height: 40px; background: #f4f4f4; padding: 0 15px !important; margin-bottom: 10px; } .ach .f2 .tabs-cap { width: auto; font-size: 16px; font-weight: bold; width: 30%; } .ach .f2 .tabs { width: 70%; overflow: hidden; } .ach .f2 .tabs .w-flex { overflow: hidden; } .ach .f2 .tabs .flex { flex-wrap: nowrap; display: block; height: 40px; } .ach .f2 .w-tabs:nth-child(3) .tabs-cap { width: 36%; } .ach .f2 .w-tabs:nth-child(3) .tabs { width: 64%; } .ach .f2 .tab-items { display: inline-block; color: #666; width: auto; height: 40px; line-height: 40px; } .ach .f2 .tab-items.cur .s1 { display: inline-block; } .ach .f3 .more3 { background: #2c419c; color: #fff; } .ach .case1 .w-case-ul { overflow: hidden; padding-bottom: 60px; } .ach .case1 .w-case-ul .case-li { margin-bottom: 60px; } .about .nf-title { font-size: 32px; line-height: 32px; padding: 36px 0; } .about .f2 { display: none; } .about .f3 .dt { margin-bottom: 48px; } .about .f4 { background: #fcfcfc !important; padding: 0 15px 30px; } .about .f4 .p1 { width: 96%; } .about .f4 .ms1-li .h3 { font-size: 34px; margin: 14px 0 10px; } .about .f4 .ms1-li .ico1 { margin-bottom: 0; } .about .f4 .w-ul { overflow: hidden; position: relative; padding-bottom: 120px; } .about .f4 .ms1-li { margin-bottom: 0; } .about .f4 .hd-1 { display: block; } .about .pcf5 { display: none; } .about .mf5 { display: block; } .about .f6 .ms1-img { display: block; width: 100%; margin: 30px auto 60px; } .about .f7 { position: relative; padding: 30px 30px 120px; } .about .f7 .ms1 { overflow: hidden; margin-top: 36px; position: relative; color: #fff; } .about .f7 .title-bg { height: 75px; display: block; background: url(../images/png24.png) center no-repeat; background-size: 96%; } .about .f7 .dt .year1 { font-family: "bebas"; font-size: 44px; line-height: 104px; } .about .f7 .dt .ms2-img { display: block; width: 66%; } .about .f7 .dt .txts { margin-top: 24px; width: 66%; font-size: 14px; line-height: 22px; } .about .f7 .btns { display: none; } .about .f7 .hd-1 { display: block; } .about .f7 .hd-1 .swiper-pagination-bullet-active { background: #fff; } .about .f8 { width: 100%; padding-top: 30px; } .about .f8 .w-tab { text-align: center; margin: 36px 0; } .about .f8 .w-rotate { overflow: hidden; } .about .f8 .tab-items { width: 180px; height: 36px; line-height: 36px; color: #000; font-size: 18px; color: #999; margin: 0 6px; cursor: pointer; transition: all .3s linear; opacity: 1; } .about .f8 .tab-items.cur { background: none; color: #2c419c; } .about .f8 .ms1 { width: 100%; overflow: hidden; } .about .f8 .ms1 .swiper-slide { position: relative; z-index: 2; transform: scale(0.78); transition: all .3s linear; } .about .f8 .ms1 .swiper-slide .ms1-img { display: block; width: 100%; } .about .f8 .ms1 .swiper-slide { border: none; } .about .f8 .ms1 .swiper-slide.swiper-slide-active { transform: scale(1); border: none; } .about .f8 .btns { display: none; } .about .f8 .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .about .f8 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .about .f8 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .about .f9 { background: #fcfcfc !important; padding: 58px 15px 0; } .about .f9 .w-f9 { position: relative; width: 100%; padding-bottom: 120px; } .about .f9 .about-a { display: block; } .about .f9 .about-a .img { overflow: hidden; } .about .f9 .about-a .img img { display: block; width: 100%; transition: all .3s linear; } .about .f9 .about-a:hover img { transform: scale(1.1); } .about .f9 .about-a:hover .txts .h2 { color: #2c419c; } .about .f9 .txts { background: #fff; padding: 48px 25px 30px; } .about .f9 .txts .h2 { font-size: 20px; line-height: 20px; color: #333; transition: all .3s linear; } .about .f9 .txts .times1 { line-height: 40px; } .about .f9 .txts .p { font-size: 14px; line-height: 26px; margin: 38px 0 30px; color: #888; margin-bottom: 28px; } .about .f9 .txts .more2 { width: 90px; height: 22px; line-height: 22px; font-size: 12px; } .about .f9 .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .about .f9 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .about .f9 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .about .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .about .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .about .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .company .f2 { display: none; } .company .f3 { padding: 30px 0 80px; } .company .f3 .w-tab { text-align: center; margin-top: 36px; } .company .f3 .w-tab .tab-items { display: inline-block; height: 50px; line-height: 50px; color: #000; font-size: 18px; border: 1px solid #bdbdbd; border-radius: none; margin: 0; cursor: pointer; transition: all .3s linear; opacity: .5; } .company .zhe .w-zhe { width: 85.3%; margin-bottom: 140px; } .company .zhe .w-zhe .dl { width: 32%; padding-top: 130px; } .company .zhe .w-zhe .dl .h1 { color: #2c419c; font-size: 33px; line-height: 33px; font-weight: bold; } .company .zhe .w-zhe .dl .dt { height: auto; overflow: hidden; font-size: 14px; line-height: 28px; color: #666; margin: 30px 0 52px; padding-left: 3px; } .company .zhe .w-zhe .dl .dt .p { position: relative; } .company .zhe .w-zhe .dl .bot .comp-a { display: inline-block; width: 140px; height: 40px; line-height: 40px; background: #2c419c url(../images/png31.png) right 22px center no-repeat; color: #fff; text-indent: 22px; border-radius: 20px; } .company .zhe .w-zhe .dl .bot .btns2 .btn2 { display: inline-block; width: 58px; height: 58px; margin: 0 4px; cursor: pointer; transition: all .3s linear; } .company .zhe .w-zhe .dr { position: relative; width: 58.9%; overflow: visible; } .company .zhe .w-zhe .dr .com-img { display: block; width: 100%; height: auto; } .company .zhe .w-zhe .dr .tempWrap { height: 100%!important; } .company .zhe .w-zhe .dr .hd ul { position: absolute; z-index: 2; top: 50%; right: 32px; } .company .zhe .w-zhe .dr .hd ul li { height: 24px; margin-bottom: 24px; font-size: 14px; line-height: 24px; cursor: pointer; } .company .zhe .w-zhe .dr .pageState { display: none; top: 50%; left: -40px; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; background: #fff; text-align: center; font-family: "Arial"; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); color: #2c419c; font-size: 18px; letter-spacing: 2px; } .news .f2 { display: none; } .news .f3 .top { font-size: 32px; line-height: 32px; margin: 50px 0; } .news .news-ms1 { padding-bottom: 82px; } .news .news-ms1 .news-ul { margin-bottom: 32px; } .news .news-li { width: 48%; } .news .news-li:nth-child(2n-1) { margin-right: 4%; } .news .news-li2 { width: 48%; } .news .news-li2 .h2 { padding: 10px 0 22px; color: #333; font-size: 16px; line-height: 16px; } .news .news-li2:nth-child(2n-1) { margin-right: 4%; } /*********************************/ .news2 .f2 { display: none; } .news2 .f3 .top { font-size: 32px; line-height: 32px; margin: 50px 0; } .news2 .news-ms1 { padding-bottom: 82px; } .news2 .news-ms1 .news-ul { margin-bottom: 32px; } .news2 .news-li { width: 48%; } .news2 .news-li:nth-child(2n-1) { margin-right: 4%; } .news2 .news-li2 { width: 48%; } .news2 .news-li2 .h2 { padding: 10px 0 22px; color: #333; font-size: 16px; line-height: 16px; } .news2 .news-li2:nth-child(2n-1) { margin-right: 4%; } /***********************/ .culture .nf-title { font-size: 26px; padding: 0 0 28px; } .culture .f2 { display: none; } .culture .f3 { width: 100%; padding: 0 15px; margin-bottom: 20px; } .culture .f3 .nf-title { padding-top: 30px; } .culture .f3 .ms1 { padding-top: 1px; } .culture .f3 .w-f3 { background: #f4f4f4; overflow: hidden; margin-top: 36px; } .culture .f3 .w-tab { margin: 0; overflow: visible; } .culture .f3 .tab-items { font-size: 16px; padding: 0; height: 50px; line-height: 50px; border-radius: none; border: none; opacity: 1; text-align: center; } .culture .f3 .tab-items.cur, .culture .f3 .tab-items:hover { background: none; color: #2c419c; border-color: none; } .culture .f3 .tab-items.cur .line1, .culture .f3 .tab-items:hover .line1 { display: inline-block; height: 49px; border-bottom: 1px solid #2c419c; } .culture .duty-btns1, .culture .duty-btns2 { display: none; } .culture .f4 .duty .culture-a { position: relative; } .culture .f4 .duty .culture-a .h3 { padding: 28px 0 20px 18px; } .culture .f4 .duty .h-tit { text-align: center; font-size: 26px; color: #333; line-height: 26px; margin: 50px 0; } .culture .f4 .duty .ms2 { position: relative; overflow: hidden; padding: 0; padding-bottom: 80px; } .culture .f4 .duty .duty-down-a1 { padding: 20px 10px 20px 10px; } .culture .f4 .duty .duty-down-a1 .duty-num { float: left; width: 40px; font-size: 20px; line-height: 20px; } .culture .duty .duty-down-a1 { margin-bottom: 16px; } .culture .f4 .duty .duty-down-a1 .duty-p { float: left; width: 91%; font-size: 16px; line-height: 24px; padding: 0 0 20px; } .culture .f4 .duty .duty-down-a1 .more2 { float: none; margin-top: 20px; background: #e9e9e9; color: #333; font-size: 12px; margin-left: 9%; } .culture .f4 .duty .ms3 { position: relative; padding-bottom: 100px; } .culture .f4 .duty .ms3 .w-ul { height: 510px; overflow: hidden; } .culture .f4 .duty .duty-down-a2 { height: auto; line-height: 24px; padding: 16px 5px 0 6px; min-height: 50px; margin-bottom: 30px; } .culture .f4 .duty .duty-down-a2 .duty-num { width: 9%; margin-right: 0; font-size: 18px; } .culture .f4 .duty .duty-down-a2 .duty-p { width: 91%; font-size: 14px; line-height: 24px; } .duty .pagination { margin: 0 auto; } .culture .f4 .duty .duty-down-a2 .time1 { font-size: 12px; display: inline-block; margin-right: 10px; } .culture .f4 .hd-1 { display: block; position: absolute; z-index: 2; bottom: 80px; left: 0; width: 100%; height: 10px; text-align: center; } .culture .f4 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .culture .f4 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .company .nf-title { padding: 32px 0 22px; } .company .f3 { width: 100%; padding: 0 15px; } .company .f3 .w-f3 { background: #f4f4f4; overflow: hidden; margin-top: 36px; } .company .f3 .w-tab { margin: 0; overflow: visible; } .company .f3 .w-tab .tab-items { font-size: 16px; padding: 0; height: 50px; line-height: 50px; border-radius: none; border: none; opacity: 1; text-align: center; } .company .f3 .w-tab .tab-items.cur, .company .f3 .w-tab .tab-items:hover { background: none; color: #2c419c; border-color: none; } .company .f3 .w-tab .tab-items.cur .line1, .company .f3 .w-tab .tab-items:hover .line1 { display: inline-block; height: 49px; border-bottom: 1px solid #2c419c; } .company .hd { display: none; } .company .zhe { padding: 0 15px; } .company .zhe .w-zhe { margin-bottom: 100px; overflow: hidden; display: block; width: 100%; } .company .zhe .w-zhe .dr, .company .zhe .w-zhe .dl { display: block; width: 100%; float: none; } .company .zhe .w-zhe .dl { padding: 50px 10px 30px; box-shadow: 0 0 6px rgba(0,0,0,.1); } .company .zhe .w-zhe .dl .h1 { font-size: 28px; } .company .zhe .w-zhe .btns2 { display: none; } .tech .f2 .w-n-tab { height: 70px; line-height: 70px; } .tech .f3 { margin-bottom: 66px; } .tech .f3 .produce .tech-top .h1 { font-size: 28px; padding: 50px 0 40px; } .tech .f3 .produce .items { padding-top: 40px; } .tech .f3 .produce .items .nums1 { font-size: 50px; line-height: 46px; } .tech .f3 .produce .items .line1 { width: 26px; margin: 26px auto 30px; } .tech .f3 .produce .items .p0 { font-size: 18px; color: #2c419c; } .tech .f3 .produce .items .p1 { font-size: 18px; line-height: 18px; color: #333; margin-bottom: 36px; } .tech .f3 .produce .ms1 { font-size: 14px; line-height: 28px; color: #888; padding-bottom: 60px; } .tech .f3 .produce .ms2 { position: relative; } .tech .f3 .produce .ms2 .h1 { color: #2c419c; font-weight: bold; font-size: 22px; line-height: 48px; padding-bottom: 20px; } .tech .f3 .produce .ms2 .tech-li { margin-bottom: 60px; width: 31.6%; margin-right: 2.6%; } .tech .f3 .produce .ms2 .tech-li .tech-a { display: block; } .tech .f3 .produce .ms2 .tech-li .tech-a .img { overflow: hidden; } .tech .f3 .produce .ms2 .tech-li .tech-a .img img { display: block; width: 100%; transition: all .3s linear; } .tech .f3 .produce .ms2 .tech-li .tech-a .txts { position: relative; padding: 0 66px 0 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background: url(../images/png1.png) no-repeat right 20px center; transition: all .3s linear; font-size: 16px; height: 62px; line-height: 62px; color: #333; overflow: hidden; transition: all .3s linear; } .tech .f3 .produce .ms2 .tech-li .tech-a:hover .txts { background: url(../images/png1on.png) no-repeat right 20px center; } .tech .f3 .produce .ms2 .tech-li .tech-a:hover img { transform: scale(1.1); } .tech .f3 .produce .ms2 .btns { height: 40px; width: 100px; } .tech .f3 .produce .ms2 .btns .btn1 { width: 40px; height: 40px; } .tech .f3 .standard { margin-bottom: 22px; } .tech .f3 .standard .stand-cap { font-size: 28px; padding: 50px 0 40px; } .tech .f3 .standard ul.flex { margin-bottom: 0; flex-wrap: wrap; } .tech .f3 .standard .stand-li { width: 100%; } .tech .f3 .standard .stand-li .stand-a { padding: 10px 0; } .tech .f3 .standard .stand-li .times { padding-right: 24px; } .tech .f3 .standard .stand-li .times .days { font-size: 36px; line-height: 40px; } .tech .f3 .standard .stand-li .txts { font-size: 16px; padding-left: 16px; } .invite { padding-bottom: 85px; } .invite .nf-title { padding: 52px 0 36px; } .invite .f2 { margin-bottom: 60px; } .invite .f2 .invite-cap { padding: 30px 0; font-size: 30px; } .invite .f2 .invite-a { padding-right: 17px; } .invite .f2 .invite-a .times { display: block; float: none; width: 100%; text-align: left; padding-right: 28px; } .invite .f2 .invite-a .txts { float: none; width: 100%; } .contact { padding-top: 66px; height: auto !important; } .contact .contact-con { width: 100%; padding: 0 15px; flex-wrap: wrap; } .contact .contact-con .dl { width: 100%; float: none; } .contact .contact-con .dl .w-tele { width: 64%; margin-bottom: 95px; } .contact .contact-con .dl .w-tele .dt, .contact .contact-con .dl .w-zip .dt { font-size: 15px; line-height: 32px; color: #555; } .contact .contact-con .dl .w-zip { width: 36%; } .contact .contact-con .dl .cap { font-size: 24px; font-weight: 100; } .contact .contact-con .dr { float: none; width: 100%; } .contact .contact-con .dr .con-input { height: 50px; font-size: 16px; line-height: 50px; } .contact .contact-con .dr .p0 { font-size: 16px; line-height: 16px; margin-bottom: 11px; } .contact .contact-con .dr .tr { margin-bottom: 30px; } .contact .contact-con .dr .td1 { width: 46.5%; } .contact .contact-con .dr .td1:first-child { margin-right: 7%; } .contact .contact-con .dr .textarea1 { width: 100%; height: 210px; font-size: 16px; line-height: 32px; padding: 10px 20px; } .contact .contact-con .dr .tr1 .td1 .yzm { width: 146px; width: 118px; } .contact .contact-con .dr .tr1 .td1 img { width: 118px; margin-left: 12px; } .contact .contact-con .dr .tr1 .td3 { padding-top: 27px; } .contact .contact-con .dr .submit { width: 146px; } .invest { height: auto !important; background-size: cover !important; padding: 90px 15px 60px; } .invest .invest-con .top { width: 100%; padding-bottom: 34px; } .invest .invest-con .top .dl { width: 100%; } .invest .invest-con .top .dl .en { font-size: 40px; line-height: 72px; } .invest .invest-con .top .dl .cn { font-size: 34px; line-height: 40px; font-weight: bold; } .invest .invest-con .top .dr { width: 100%; padding-top: 48px; text-align: center; } .invest .invest-con .top .dr .invest-a { display: inline-block; width: 34%; height: 40px; border-radius: 20px; margin: 0 11px; text-align: center; font-size: 17px; line-height: 40px; } .invest .invest-con .invest-ms1 { width: 100%; flex-wrap: wrap; color: #fff; padding-top: 66px; } .invest .invest-con .invest-ms1 .tele1 { font-size: 41px; line-height: 56px; } .invest .invest-con .invest-ms1 .tele1 .tit { display: inline-block; } .invest .invest-con .invest-ms1 .tele1 .dt0 { display: inline-block; font-size: 16px; line-height: 26px; } .invest .invest-con .invest-ms1 .tit { display: inline-block; font-size: 16px; line-height: 24px; margin-bottom: 16px; margin-right: 8px; } .invest .invest-con .invest-ms1 .dt { display: inline-block; font-size: 16px; line-height: 26px; } .invest .invest-con .invest-ms1 .items1 { height: auto; width: 100%; } .invest .invest-con .invest-ms1 .items2 { height: auto; width: 100%; } .invest .invest-con .invest-ms1 .linkman { padding-top: 0; font-size: 18px; line-height: 36px; } .invest .invest-con .invest-ms1 .linkman .tit { display: block; } .party .f2 { display: none; } .party .f3 { padding-bottom: 90px; } .party .f3 .w-tab .tab-items { padding: 0 40px; height: 40px; line-height: 40px; color: #000; font-size: 16px; border-radius: 20px; width: 16%; margin: 0 10px; } .party .unite { width: 90%; } .recruit .f2 { display: none; } .login1 { padding-top: 60px; } .register { padding-top: 60px; } .register .w580 { width: 500px; } .register .forms1 .w-tr .tr { height: 60px; padding-top: 18px; } } @media screen and (min-width: 767px) and (max-width: 992px) { .pro .f3 { margin-bottom: 40px; } .pro .f3 .pro-a .img { width: 42%; margin-right: 5.5%; } .pro .f3 .pro-a .txts { padding-top: 0; padding-right: 10px; width: 48%; } .pro .f3 .pro-a .txts .h2 { font-size: 18px; line-height: 20px; } .pro .f3 .pro-a .txts .p { max-height: 84px; margin-bottom: 10px; } .pro .f3 .pages { margin-top: 40px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .culture .wish .wish-li { width: 48%; } .culture .wish .wish-li:nth-child(2n-1) { margin-right: 4%; } .culture .f4 .culture-li { width: 31.6%; margin-right: 2.6%; } .culture .f4 .culture-li:nth-child(3n) { margin-right: 0; } .culture .f4 .culture-li .activity .act-li { width: 32.5%; margin-right: 1.25%; } .culture .f4 .culture-li .activity .act-li:nth-child(3n) { margin-right: 0; } .party .f4 .party-li { width: 48%; margin-right: 4%; margin-bottom: 36px; } .party .f4 .party-li .h2 { padding: 20px 0 20px 20px; } .party .f4 .party-li:nth-child(2n) { margin-right: 0; } .f9 .about-li { margin-bottom: 30px; width: 48%; } .f9 .about-li:nth-child(2n-1) { margin-right: 4%; } .culture .activity .act-li { width: 48%; margin-right: 0; } .culture .activity .act-li:nth-child(2n-1) { margin-right: 4%; } } @media screen and (min-width: 520px) and (max-width: 768px) { .culture .wish .ico1 { width: 80px; height: 80px; } .login1 .forms1 { width: 65%; } .culture .wish .covers1 { padding: 10px 8px 0; } .culture .wish .wish-li { width: 49%; margin-bottom: 32px; } .culture .wish .wish-li .h5 { margin: 15px 0 0; font-size: 16px; line-height: 16px; } .culture .wish .wish-li .line1 { margin: 5px auto; } .culture .wish .wish-li:nth-child(2n-1) { margin-right: 2%; } .culture .f4 .culture-li { width: 48%; } .culture .f4 .culture-li:nth-child(2n-1) { margin-right: 4%; } .culture .f4 .activity .act-li { margin-right: 0; width: 48%; } .culture .f4 .activity .act-li:nth-child(2n-1) { margin-right: 4%; } } @media (max-width: 990px) { .w878 { width: 100%; } .recruit .nf-title { font-size: 24px; line-height: 30px; text-align: center; padding: 36px 0; } .recruit .f1 .s1 { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 24px; position: relative; top: -18px; } .recruit .f2 { border-bottom: 1px solid #ccc; line-height: 90px; } .recruit .f2 .w-n-tab { height: 90px; line-height: 90px; } .recruit .f2 .h2 { font-size: 24px; } .recruit .f2 .n-tab { width: 83%; } .recruit .f2 .n-tab .n-tab-a { display: inline-block; width: 11.1%; text-align: right; font-size: 15px; } .recruit .f3 .items { width: 25%; } .recruit .f3 .items .ico1 { display: block; height: 127px; margin-bottom: 26px; } .recruit .f3 .items .p { font-size: 18px; line-height: 18px; text-align: center; margin-bottom: 56px; } .recruit .f3 .ms1 { font-size: 14px; line-height: 28px; padding: 0 10px 60px; } .recruit .f4 { background: #fafafa; padding-bottom: 20px; } .recruit .f4 .form1 { background: #fff; border-bottom: 1px solid #eee; padding-bottom: 70px; } .recruit .f4 .form1 .td { display: inline-block; } .recruit .f4 .form1 .tr { flex-wrap: wrap; } .recruit .f4 .form1 .tr1 { background: #2c419c; height: 46px; font-size: 14px; line-height: 46px; padding: 0 32px; border-bottom: 1px solid #eee; } .recruit .f4 .form1 .tr1 .td { width: 50%; } .recruit .f4 .form1 .tr1 .td1 { display: none; } .recruit .f4 .form1 .tr1 .td2 { width: 50%; text-align: right; } .recruit .f4 .form1 .tr2 { height: 44px; font-size: 15px; line-height: 44px; margin: 0 32px; border-bottom: 1px solid #eee; } .recruit .f4 .form1 .tr2 .td { width: 50%; } .recruit .f4 .form1 .tr2 .td0 { font-size: 16px; transition: all .3s linear; } .recruit .f4 .form1 .tr2 .td1 { display: none; } .recruit .f4 .form1 .tr2 .td2 { width: 50%; } .recruit .f4 .form1 .hides { display: none; margin: 0 32px; } .recruit .f4 .form1 .hides .tr3 { padding-top: 20px; } .recruit .f4 .form1 .hides .tr3 .td { width: 50%; font-size: 14px; line-height: 32px; height: auto; margin-bottom: 20px; } .recruit .f4 .form1 .hides .dt { flex-wrap: wrap; padding-bottom: 10px; } .recruit .f4 .form1 .hides .dt .h6 { font-size: 18px; line-height: 18px; margin-bottom: 18px; } .recruit .f4 .form1 .hides .dt .line1 { display: none; } .recruit .f4 .form1 .hides .dt .dl { width: 100%; margin-bottom: 20px; } .recruit .f4 .form1 .hides .bot { padding: 30px 0; } .recruit .f4 .form1 .hides .bot .re-a { display: inline-block; width: 130px; height: 36px; background: #2c419c; text-align: center; font-size: 14px; line-height: 36px; } .recruit .f4 .form1 .hides .bot .end-span { cursor: pointer; line-height: 42px; font-size: 14px; } } @media (max-width: 860px) { .pro .f3 { margin-bottom: 40px; } .pro .f3 .w-pro-a { padding-top: 68px; } .pro .f3 .pro-a { display: block; margin-bottom: 54px; } .pro .f3 .pro-a .img { width: 100%; margin-right: 0%; } .pro .f3 .pro-a .txts { padding: 20px 30px; padding-right: 10px; width: 100%; } .pro .f3 .pro-a .txts .h2 { font-size: 18px; line-height: 20px; } .pro .f3 .pro-a .txts .p { max-height: 84px; margin-bottom: 10px; } .pro .f3 .pages { margin-top: 40px; } } @media (max-width: 700px) { .recruit .hd-1 { display: block; position: absolute; left: 0; bottom: 40px; } .recruit .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .recruit .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .recruit .f3 .ms1 { padding-bottom: 20px; } .recruit .f3 .w-swiper { padding-bottom: 100px; position: relative; overflow: hidden; } .recruit .f3 .w-swiper .items .ico1 { margin-bottom: 14px; background-size: 60% !important; } .recruit .f3 .w-swiper .items .p { margin-bottom: 0; } .recruit .f3 .w-swiper .hd-1 { display: block; position: absolute; z-index: 2; bottom: 50px; left: 0; width: 100%; height: 10px; text-align: center; } .recruit .f3 .w-swiper .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .recruit .f3 .w-swiper .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .recruit .f4 .form1 { padding-bottom: 30px; } .recruit .f4 .form1 .tr1 { background: #2c419c; height: 40px; font-size: 14px; line-height: 40px; padding: 0 15px; border-bottom: 1px solid #eee; } .recruit .f4 .form1 .tr1 .td { width: 50%; } .recruit .f4 .form1 .tr1 .td1 { display: none; } .recruit .f4 .form1 .tr1 .td2 { width: 50%; text-align: right; } .recruit .f4 .form1 .tr2 { height: 36px; font-size: 15px; line-height: 36px; margin: 0 15px; border-bottom: 1px solid #eee; } .recruit .f4 .form1 .tr2 .td { width: 50%; } .recruit .f4 .form1 .tr2 .td0 { font-size: 14px; } .recruit .f4 .form1 .tr2 .td2 { width: 50%; } .recruit .f4 .form1 .hides { margin: 0 15px; } } @media(max-width: 768px) { .co .mf4 .co-li .co-a .img { height: 70%; } } @media (max-width: 767px) { .culture .f3 .w-f3 { margin-top: 0; } .culture .f4 .duty .h-tit { margin: 36px 0; } .culture .f4 { margin-bottom: 0; } .culture .f4 .duty .ms3 { padding-bottom: 70px; } .culture .f4 .duty .ms2 { padding-bottom: 40px; } .culture .f4 .duty .duty-down-a2 { margin-bottom: 0; } .culture .f4 .duty .ms3 .w-ul { height: auto !important; } .culture .f4 .duty .duty-down-a1 .duty-num { width: 9%; } .culture .f4 .duty .duty-down-a1 { padding: 10px; } .culture .f4 .duty .duty-down-a1 .duty-p { padding-bottom: 10px; } .culture .f4 .duty .ms2 .hd-1 { bottom: 40px; } .about .f9 .w-f9 .about-li { margin-bottom: 30px; } .login1 { padding-top: 80px; height: 95%; } .more3 { height: 28px; width: 110px; border-radius: 14px; line-height: 28px; } .w1200 { width: 100%; box-sizing: border-box; padding: 0 15px; } .news .f3 .top { font-size: 26px; line-height: 26px; padding: 50px 0 36px; margin: 0; } .pro .f3 { margin-bottom: 0; padding: 30px 15px 0; } .pro .f3 .w-f3 { background: none; } .pro .f3 .w-pro-a { padding: 35px 0 0; border-left: none; } .pro .f3 .w-pro-a .line1 { display: none; } .pro .f3 .pro-a { padding: 0 0 60px; display: block; margin-bottom: 0; } .pro .f3 .pro-a .img { width: 100%; margin-right: 0%; } .pro .f3 .pro-a .txts { padding: 30px 0 0; width: 100%; } .pro .f3 .pro-a .txts .h2 { font-size: 18px; line-height: 20px; } .pro .f3 .pro-a .txts .p { max-height: 84px; margin-bottom: 38px; } .pages { text-align: center; } .pages .pages1 { display: inline-block; } .pages .pages1 a { box-sizing: border-box; width: 45px; height: 30px; line-height: 30px; color: #666; font-size: 12px; text-align: center; border: 1px solid #e6e6e6; border-width: 1px 0 1px 1px; background-color: #fff; transition: all .3s linear; } .pages .pages1 .num1:nth-child(3) { display: none; } .pages .pages1 .num1:nth-child(4) { display: none; } .pages .pages1 a:hover, .pages .pages1 a.active { border-color: #2c419c; color: #fff; background-color: #2c419c; } .pages .pages1 .sheng { border-top: none; border-bottom: none; } .pages .pages1 .sheng:hover { background: #fff; color: #2c419c; border-color: #e6e6e6; } .pages .pages1 .prev1, .pages .pages1 .next1 { font-size: 13px; width: 62px; text-align: left; } .pages .pages1 .prev1 { border-left-width: 1px; padding-left: 14px; background: url(../images/prev4.png) left 4px center no-repeat; background-size: 6px; } .pages .pages1 .prev1:hover { background: url(../images/prev4on.png) left 4px center no-repeat; background-color: #2c419c; background-size: 6px; } .pages .pages1 .next1 { border-right-width: 1px; padding-left: 6px; background: url(../images/next4.png) 50px center no-repeat; background-size: 6px; } .pages .pages1 .next1:hover { background: url(../images/next4on.png) 50px center no-repeat; background-color: #2c419c; background-size: 6px; } .co .mf2 { padding: 0 15px; } .co .mf2 .top { font-size: 26px; line-height: 24px; color: #333; text-align: center; } .co .mf2 .top .h1 { /* margin: 50px 0 36px; */ /* padding-top: 20px; */ } .co .mf2 .top .dt { font-size: 16px; line-height: 24px; color: #666; margin-bottom: 36px; } .co .mf2 .top .s1 { display: none; } .co .mf2 .co-li { text-align: center; padding: 0 3%; width: 20%; border-right: 1px solid #f2f6f7; } .co .mf2 .co-li .ico1 { display: block; height: 65px; transition: all .3s linear; } .co .mf2 .co-li .h3 { font-size: 19px; line-height: 19px; font-weight: bold; color: #222; transition: all .3s linear; margin: 24px 0 20px; } .co .mf2 .co-li .dt { font-size: 12px; line-height: 18px; color: #999; } .co .mf2 .co-li:first-child .ico1 { background: url(../images/png4.png) no-repeat center; } .co .mf2 .co-li:nth-child(2) .ico1 { background: url(../images/png5.png) no-repeat center; } .co .mf2 .co-li:nth-child(3) .ico1 { background: url(../images/png6.png) no-repeat center; } .co .mf2 .co-li:nth-child(4) .ico1 { background: url(../images/png7.png) no-repeat center; } .co .mf2 .co-li:last-child .ico1 { background: url(../images/png8.png) no-repeat center; } .ach .forms1 table, .ach .forms1 tbody { width: 768px; } .tech .f2 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .tech .f2 .w-n-tab { height: 90px; line-height: 90px; } .tech .f2 .h2 { font-size: 24px; } .tech .f2 .n-tab { width: 45%; } .tech .f2 .n-tab .tab-items { display: inline-block; width: 33.3%; text-align: right; font-size: 15px; } .tech .f3 { margin-bottom: 0; } .tech .f3 .produce .tech-top .h1 { font-size: 28px; padding: 50px 0 40px; } .tech .f3 .produce .items { padding-top: 50px; } .tech .f3 .produce .items .nums1 { font-size: 56px; line-height: 46px; } .tech .f3 .produce .items .line1 { width: 26px; margin: 12px auto 16px; } .tech .f3 .produce .items .p0 { font-size: 18px; } .tech .f3 .produce .items .p1 { font-size: 18px; line-height: 18px; margin-bottom: 36px; } .tech .f3 .produce .ms1 { font-size: 14px; line-height: 28px; padding-bottom: 40px; } .tech .f3 .produce .w-swiper { position: relative; overflow: hidden; padding-bottom: 100px !important; } .tech .f3 .produce .w-swiper .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .tech .f3 .produce .w-swiper .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .tech .f3 .produce .w-swiper .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .tech .f3 .produce .ms2 .w-ul { position: relative; padding-bottom: 100px; } .tech .f3 .produce .ms2 .h1 { font-size: 22px; line-height: 48px; padding-bottom: 20px; } .tech .f3 .produce .ms2 .tech-li { margin-bottom: 0; width: 31.6%; margin-right: 2.6%; } .tech .f3 .produce .ms2 .tech-li .tech-a .txts { padding: 0 66px 0 20px; font-size: 16px; height: 62px; line-height: 62px; } .tech .f3 .produce .ms2 .btns { display: none; } .tech .f3 .produce .ms2 .hd-1 { display: block; position: absolute; z-index: 2; bottom: 50px; left: 0; width: 100%; height: 10px; text-align: center; } .tech .f3 .produce .ms2 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .tech .f3 .produce .ms2 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .news-info .f2 .cap { padding: 50px 0 36px; } .activity .pages { margin-bottom: 40px; } .news-info .f2 .info-dt { padding: 20px 0; } .news-info .f2 .bot { margin-bottom: 60px; } .about .mf5 .covers1 .details { padding: 14px 14px 24px 0; } .about .f7 { position: relative; padding: 0 10px 100px; background-size: auto 100%; } .about .f7 .nf-title { color: #fff; } .about .f7 .dt .ms2-img { width: 100%; } .about .f7 .ms1 { overflow: hidden; margin-top: 36px; position: relative; color: #fff; } .about .f7 .title-bg { height: 75px; display: block; background: url(../images/png24.png) center no-repeat; background-size: 96%; } .about .f7 .dt .year1 { font-size: 38px; line-height: 86px; } .about .f7 .dt .w-txts { margin: 20px 0; padding: 4px 0 8px 0; } .about .f8 { width: 100%; padding-top: 30px; } .about .f8 .w-tab { text-align: center; margin: 20px 0 50px; } .about .f8 .w-rotate { overflow: hidden; } .about .f8 .tab-items { width: 88px; height: 34px; line-height: 34px; color: #000; font-size: 16px; color: #999; cursor: pointer; transition: all .3s linear; opacity: 1; margin: 0; } .about .f8 .tab-items:nth-child(2) { margin: 0 4px; } .about .f8 .tab-items.cur { background: none; color: #2c419c; } .about .f8 .ms1 { width: 100%; overflow: hidden; } .about .f8 .ms1 .swiper-slide { position: relative; z-index: 2; border-width: 2px; transform: scale(0.78); transition: all .3s linear; } .about .f8 .ms1 .swiper-slide .ms1-img { display: block; width: 100%; } .about .f8 .ms1 .swiper-slide.swiper-slide-active { border-width: 2px; transform: scale(1); } .about .f8 .btns { display: none; } .about .f8 .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .about .f8 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .about .f8 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .party .nf-title { font-size: 28px; line-height: 28px; padding: 0; } .party .f3 { padding-bottom: 40px; } .party .f4 .party-li { width: 100%; margin-bottom: 36px; } .party .f4 .party-li .h2 { padding: 20px 0 20px 20px; } .party .his { overflow: visible; } .party .his .w-swiper { width: 100%; } .party .his .swiper-slide { padding-top: 0; } .party .his .swiper-slide .con { left: 0px; height: 126px; padding: 0; line-height: 36px; } .party .his .swiper-slide .con .dt { display: block; padding-left: 20px; border-left: none; } .party .his .swiper-slide .con .year { display: block; font-size: 50px; padding: 10px 38px 0 0; } .party .his .w-his .btns { display: none; } .party .hd-1 { display: block; position: absolute; z-index: 2; bottom: -60px; left: 0; width: 100%; height: 10px; text-align: center; } .party .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .party .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .login1 { /*padding-top: 26px;*/ background-size: cover !important; } .login1 .w508 { width: 92%; } .login1 .forms1 { padding: 32px; margin-bottom: 50px; } .login1 .forms1 .cap .h6 { font-size: 24px; } .login1 .forms1 .w-tr .tr { height: 44px; padding-top: 10px; } .login1 .forms1 .w-tr .tr .ico1 { background-size: 55% !important; } .login1 .forms1 .w-tr .con-input { font-size: 12px; height: 32px; line-height: 32px; } .register .forms1 .w-tr .con-input.yzm { width: 40%; } .contact { padding-top: 60px; } .register .forms1 .w-tr .sel1 { text-indent: 10px; width: 70%; } .register .forms1 .w-tr .tr11 .ico1 { margin-right: 0; } .register { padding-top: 80px; height: 95%; } .register .w580 { width: 66%; } .register .forms1 { padding: 30px 15px; } .register .forms1 .cap .fl { float: none; display: block; text-align: center; color: #2c419c; margin-bottom: 20px; } .register .forms1 .w-tr .tr { height: 44px; padding-top: 10px; } .register .forms1 .w-tr .tr .ico1 { background-size: 45% !important; } .register .forms1 .w-tr .con-input { font-size: 12px; } } @media (max-width: 680px) { .about .mf5 .dt1 .ico { background-size: 100% !important; } .contact .contact-con .dl .w-tele .s1 { padding-right: 0; } .contact { padding-top: 86px; } .contact .contact-con .dl { width: 100%; float: none; } .contact .contact-con .dl .w-tele { width: 100%; margin-bottom: 66px; } .contact .contact-con .dl .w-zip { width: 100%; margin-bottom: 40px; } .contact .contact-con .dr .con-input { display: block; width: 100%; height: 36px; font-size: 14px; line-height: 36px; } .contact .contact-con .dr .p0 { position: absolute; left: 4px; top: 0; display: inline-block; font-size: 14px; line-height: 36px; margin-bottom: 11px; } .contact .contact-con .dr .tr { margin-bottom: 12px; } .contact .contact-con .dr .td1 { margin-bottom: 12px; position: relative; width: 100%; } .contact .contact-con .dr .td1:first-child { margin-right: 0%; } .contact .contact-con .dr .textarea1 { width: 100%; height: 160px; font-size: 14px; line-height: 32px; padding: 10px 20px; } .contact .contact-con .dr .tr1 .td1 .yzm { width: 120px; } .contact .contact-con .dr .tr1 .td1 img { width: 118px; margin-left: 12px; } .contact .contact-con .dr .tr1 .td3 { text-align: center; padding-top: 27px; } .contact .contact-con .dr .submit { display: block; margin: 0 auto; width: 146px; } .invest { padding: 60px 15px 40px; } .invest .invest-con .top { padding-bottom: 24px; } .invest .invest-con .top .dl { width: 100%; } .invest .invest-con .top .dl .en { font-size: 40px; line-height: 72px; } .invest .invest-con .top .dl .cn { font-size: 34px; line-height: 40px; } .invest .invest-con .top .dr { padding-top: 48px; text-align: center; } .invest .invest-con .top .dr .invest-a { display: inline-block; width: 42%; height: 36px; border-radius: 18px; margin: 0; font-size: 15px; line-height: 36px; } .invest .invest-con .invest-ms1 { width: 100%; flex-wrap: wrap; color: #fff; padding-top: 20px; } .invest .invest-con .invest-ms1 .tele1 { font-size: 41px; line-height: 56px; } .invest .invest-con .invest-ms1 .tele1 .tit { display: inline-block; } .invest .invest-con .invest-ms1 .tele1 .dt0 { display: inline-block; font-size: 16px; line-height: 26px; } .invest .invest-con .invest-ms1 .tit { display: inline-block; font-size: 16px; line-height: 24px; margin-bottom: 16px; margin-right: 8px; } .invest .invest-con .invest-ms1 .dt { display: inline-block; font-size: 16px; line-height: 26px; } .pro-info .f2 { padding-top: 30px; } .pro-info .f2 .dt0 { padding-left: 16px; } .pro-info .f2 .info-img2 { margin-bottom: 16px; } .pro-info .f2 .pro-info-cap { font-size: 24px; line-height: 24px; color: #2c419c; font-weight: bold; margin-left: 16px; } .pro-info .f2 .info-cap { margin-bottom: 22px; padding-top: 46px; font-size: 20px; line-height: 20px; color: #333; height: 84px; font-weight: bold; margin-left: 46px; border-top: 1px solid #eee; } .pro-info .f2 .info-cap .s1 { position: relative; left: -16px; display: inline-block; width: 1px; height: 24px; background: #2c419c; } .pro-info .f2 .info-cap .s2 { vertical-align: top; } .pro-info .f2 .dt { font-size: 14px; line-height: 32px; color: #666; padding-left: 0; margin-bottom: 40px; } .pro-info .f2 .dt .info-cap2 { font-size: 18px; color: #333; background: url(../images/png37.png) left 0 center no-repeat; padding-left: 20px; } .pro-info .f2 p { padding-left: 26px; } .pro-info .f2 .p { background: url(../images/png37.png) left 4px center no-repeat; } .pro-info .w-lis { padding-left: 46px; } .pro-info .w-lis .w-a { border-top: 1px solid #eee; padding: 70px 0 75px; } .pro-info .w-lis .btn-span2 { display: block; font-size: 16px; color: #333; } .pro-info .w-lis .btn-span2 a { font-size: 16px; line-height: 28px; color: #2c419c; } .pro-info .w-lis .dr { position: relative; top: 12px; display: inline-block; width: 100px; height: 32px; line-height: 32px; color: #fff; text-align: center; background: #2c419c; border-radius: 16px; } } @media (max-width: 620px) { .about .mf5 .w-ms1 .hd-1 { bottom: 12px; } .ach .forms1 { margin-bottom: 0; } .forget-wrap11 { display: block; float: none; width: 100%; } .login1 .forms1 .w-tr .tr1.tr111 { height: 80px; } .login1 .forms1 .w-tr .forget-a { /*width: 50%;*/ } .ach .forms1 table { margin: 0 auto; } .ach .forms1 .tr1 { height: 36px; line-height: 36px; } .ach .forms1 .tr2 .td1, .ach .forms1 .tr2 .td2, .ach .forms1 .tr2 .td3 p { padding-left: 6px; padding-right: 6px; } .ach .forms1 .th1, .ach .forms1 .td1 { width: 16%; } .ach .forms1 .th2, .ach .forms1 .td2 { width: 26%; } .ach .forms1 .th3, .ach .forms1 .td3 { width: 48%; } .news .news-li .news-a .img, .co .pcf2 .co-li .co-a .img { height: auto; } .news .news-ms1 { padding-bottom: 32px; } .news .news-ms1 .news-ul { margin-bottom: 0; } .news .news-li { width: 100%; margin-bottom: 24px; } .news .news-li:nth-child(2n-1) { margin-right: 0; } .news .news-li .news-a .txts { padding: 14px 18px; font-size: 14px; } .news .news-li .news-a .txts .h2 { font-size: 18px; line-height: 22px; } .news .news-li .news-a .txts .times1 { line-height: 20px; } .news .news-li .news-a .txts .p { font-size: 14px; line-height: 22px; margin-bottom: 0; } .news .news-li .news-a .txts .ico1 { display: none; } .news .news-li2 { width: 100%; margin-right: 0; } .news .news-li2 .h2 { padding: 18px 0 30px; } /*******************************/ .news2 .news-li .news-a .img, .co .pcf2 .co-li .co-a .img { height: auto; } .news2 .news-ms1 { padding-bottom: 32px; } .news2 .news-ms1 .news-ul { margin-bottom: 0; } .news2 .news-li { width: 100%; margin-bottom: 24px; } .news2 .news-li:nth-child(2n-1) { margin-right: 0; } .news2 .news-li .news-a .txts { padding: 14px 18px; font-size: 14px; } .news2 .news-li .news-a .txts .h2 { font-size: 18px; line-height: 22px; } .news2 .news-li .news-a .txts .times1 { line-height: 20px; } .news2 .news-li .news-a .txts .p { font-size: 14px; line-height: 22px; margin-bottom: 0; } .news2 .news-li .news-a .txts .ico1 { display: none; } .news2 .news-li2 { width: 100%; margin-right: 0; } .news2 .news-li2 .h2 { padding: 18px 0 30px; } /************************************/ .company .nf-title { font-size: 26px; padding: 32px 0 0; } .company .f3 { padding-bottom: 30px; } .company .zhe .w-zhe { margin-bottom: 60px; } .company .zhe .w-zhe .dl { padding-top: 22px; } .company .zhe .w-zhe .dl .h1 { font-size: 20px; } .company .zhe .w-zhe .dl .dt { margin-top: 14px; } .party .his .swiper-slide .con .year { font-size: 40px; } .party .f3 { padding-bottom: 30px; } .party .f3 .w-tab .tab-items { padding: 0; height: 32px; line-height: 32px; color: #000; font-size: 12px; margin: 0 4px; width: 25%; border-radius: 16px; text-align: center; } .party .party-ul { margin-bottom: 0; } .party .f4 .pages { margin-bottom: 40px; } .party .his { /*margin-bottom: 40px;*/ } .about .w-ul { padding-bottom: 100px; } .about .nf-title { font-size: 26px; line-height: 26px; color: #333; text-align: center; padding: 26px 0; } .about .f2 { display: none; } .about .f3 .dt { margin-top: 0; margin-bottom: 36px; } .about .f4 { background: #fcfcfc !important; padding: 0 15px; } .about .f4 .p1 { width: 96%; } .about .f4 .ms1-li { margin-top: 40px; padding: 0 0 20px; } .about .f4 .ms1-li .h3 { font-size: 16px; margin: 0; line-height: 30px; } .about .f4 .ms1-li .ico1 { margin-bottom: 0; height: 56px; } .about .f4 .ms1-li .p2 { font-size: 12px; line-height: 12px; } .about .f4 .w-ul { overflow: hidden; position: relative; padding-bottom: 80px; } .about .f4 .ms1-li { margin-bottom: 0; } .about .f4 .hd-1 { display: block; bottom: 40px; } .about .pcf5 { display: none; } .about .mf5 { display: block; } .about .mf5 .w-ms1 { padding-bottom: 40px; } .about .mf5 .hd-1 { bottom: 40px; } .about .f6 .ms1-img { display: block; width: 100%; margin: 30px auto 60px; } .about .f7 { position: relative; padding: 0 15px 60px; } .about .f7 .ms1 { overflow: hidden; margin-top: 0; position: relative; color: #fff; } .about .f7 .title-bg { height: 35px; display: block; background: url(../images/png24.png) center no-repeat; background-size: 96%; } .about .f7 .dt .year1 { font-family: "bebas"; font-size: 34px; line-height: 60px; } .about .f7 .dt .ms2-img { display: block; width: 100%; } .about .f7 .dt .txts { margin-top: 0; padding-right: 5px; width: 66%; font-size: 14px; line-height: 22px; } .about .f7 .btns { display: none; } .about .f7 .hd-1 { display: block; } .about .f7 .hd-1 .swiper-pagination-bullet-active { background: #fff; } .about .f8 { width: 100%; padding-top: 0; } .about .f8 .w-tab { text-align: center; margin: 0 0 36px; } .about .f8 .w-rotate { overflow: hidden; } .about .f8 .tab-items { width: 84px; height: 32px; line-height: 32px; color: #000; font-size: 16px; color: #999; margin: 0 2px; cursor: pointer; transition: all .3s linear; opacity: 1; } .about .f8 .tab-items.cur { background: none; color: #2c419c; } .about .f8 .ms1 { width: 100%; overflow: hidden; } .about .f8 .ms1 .swiper-slide { position: relative; z-index: 2; transform: scale(0.78); transition: all .3s linear; } .about .f8 .ms1 .swiper-slide .ms1-img { display: block; width: 100%; } .about .f8 .ms1 .swiper-slide.swiper-slide-active { transform: scale(1); } .about .f8 .btns { display: none; } .about .f8 .hd-1 { display: block; position: absolute; z-index: 2; bottom: 60px; left: 0; width: 100%; height: 10px; text-align: center; } .about .f8 .hd-1 .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #bfbfbf; border-radius: 5px; } .about .f8 .hd-1 .swiper-pagination-bullet-active { width: 50px; background: #2c419c; } .about .f9 { background: #fcfcfc !important; padding: 58px 15px 0; } .about .f9 .txts { padding: 20px 5px 20px 5px; } .about .f9 .txts .p { margin: 20px 0; } .about .f9 .w-f9 { position: relative; width: 100%; padding-bottom: 40px; } .about .f9 .about-a { display: block; } .about .f9 .about-a .img { overflow: hidden; } .about .f9 .about-a .img img { display: block; width: 100%; transition: all .3s linear; } .about .f9 .about-a:hover img { transform: scale(1.1); } .about .f9 .about-a:hover .txts .h2 { color: #2c419c; } .tech .f2 .w-n-tab { height: 120px; line-height: 60px; text-align: center; } .tech .f2 .h2 { width: 100%; border-bottom: 1px solid #fcfcfc; } .tech .f2 .n-tab { width: 100%; } .tech .f2 .n-tab .tab-items { width: 33%; margin-right: 0; text-align: center; } .tech .f3 .standard .stand-li .txts { width: 80%; } } @media (max-width: 520px) { .contact-btns-wrap .btns-wrap-a { display: block; width: 100%; /*height: 30px; line-height: 30px;*/ background: #2c419c; color: #fff; /*font-size: 12px;*/ border-radius: 5px; margin-bottom: 20px; } .contact-btns-wrap .btns-wrap-a span { vertical-align: top; } .contact-btns-wrap .btns-wrap-a:first-child { float: none; } .contact-btns-wrap .btns-wrap-a:last-child { float: none; } .contact-btns-wrap .con-ico { display: inline-block; /*width: 30px; height: 30px;*/ margin-right: 5px; } .contact-btns-wrap .ico-tele { background: url(../images/telephone.png) no-repeat center; background-size: 74%; } .contact-btns-wrap .ico-addre { background: url(../images/address.png) no-repeat center; background-size: 74%; } .co .mf4 .co-li .co-a .img { height: 70%; } .invest { padding: 50px 15px 40px; } .invest .invest-con .top { padding-bottom: 24px; } .invest .invest-con .top .dl .en { font-size: 30px; line-height: 52px; } .invest .invest-con .top .dl .cn { font-size: 24px; line-height: 40px; } .invest .invest-con .top .dr { padding-top: 48px; text-align: center; } .invest .invest-con .invest-ms1 { width: 100%; flex-wrap: wrap; color: #fff; padding-top: 20px; } .invest .invest-con .invest-ms1 .tele1 { font-size: 16px; line-height: 26px; } .invest .invest-con .invest-ms1 .tele1 .tit { display: inline-block; height: 100%; margin-bottom: 16px; } .invest .invest-con .invest-ms1 .tele1 .dt0 { display: inline-block; font-size: 16px; line-height: 26px; } .invest .invest-con .invest-ms1 .tit { vertical-align: top; display: inline-block; font-size: 16px; line-height: 24px; margin-bottom: 16px; margin-right: 8px; } .invest .invest-con .invest-ms1 .dt { vertical-align: top; display: inline-block; font-size: 16px; line-height: 26px; } .culture .wish .wish-img { display: none; } .culture .wish .covers1 { position: relative; padding: 50px 28px; } .culture .wish .covers1 .ico1 { background-color: #eee; } .culture .wish .wish-li { width: 100%; margin-bottom: 32px; } .culture .f4 .culture-li { width: 100%; margin-bottom: 36px; } .culture .f4 .activity .act-li { width: 100%; } .culture .f4 .culture-a .img, .culture .activity .act-li .act-a .img { height: auto; } } @media (max-width: 480px) { .tech .f2 .w-n-tab { height: 100px; line-height: 50px; text-align: center; } .co .mf4 .co-li .co-a .img { height: 68%; } .tech .f2 .n-tab .tab-items { width: 33%; margin-right: 0; text-align: center; } .tech .f3 .standard .stand-li .times { width: 20%; } .tech .f3 .standard .stand-li .times .days { font-size: 30px; } .tech .f3 .standard .stand-li .txts { width: 80%; padding: 0; padding-left: 10px; } } @media (max-width: 460px) { .contact .contact-con .dl { width: 100%; float: none; } .contact .contact-con .dl .w-tele { width: 100%; margin-bottom: 66px; } .contact .contact-con .dl .w-tele .s1 { width: 68%; } .contact .contact-con .dl .s0 { width: 32%; } .contact .contact-con .dl .w-zip { width: 100%; margin-bottom: 40px; } } @media (max-width: 414px) { .pro .f2 { padding-bottom: 0; } .register .w580 { width: 92%; } .pro .f2 .w-tabs:nth-child(3) { margin-bottom: 32px; } .pro .f2 .w-tabs:nth-child(3) .tabs-cap { width: 40%; } /*.pro .f2 .w-tabs:nth-child(3) .tabs { width: 60%; }*/ .pro .f2 .w-search { padding: 0 15px; font-size: 14px; line-height: 36px; } .pro .f2 .w-search .search-input { height: 34px; width: 70%; text-indent: 15px; } .pro .f2 .w-search .search-btn { float: left; width: 22%; height: 38px; } .pro .f3 .pro-a { padding: 0; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .pro .f3 .pro-a .txts { padding: 24px 10px 24px; } .pro .f3 .pages { padding-top: 0; margin-top: 0; } .ach .forms1 { overflow-x: auto; margin-bottom: 0; } .ach .case1 .case-li { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .ach .case1 .case-li .case-a .txts .h2 { margin-bottom: 20px; } .ach .case1 .case-li .case-a .txts .ico1 { display: none; } } @media (max-width: 320px) { .applay-tb .spred { padding: 6px 0; } .contact { padding-top: 76px; } .contact .contact-con .dl { width: 100%; float: none; } .contact .contact-con .dl .w-tele { width: 100%; margin-bottom: 66px; } .contact .contact-con .dl .w-tele .s1 { width: 62%; } .contact .contact-con .dl .s0 { width: 38%; } .contact .contact-con .dl .w-zip { width: 100%; margin-bottom: 40px; } } .vbtn { position: absolute; z-index: 4; left: 50%; top: 50%; margin-top: -14px; margin-left: -27px; width: 54px; height: 28px; display: block; cursor: pointer; } .vbtn.cur { z-index: 1; opacity: 0; } .login1 .forms1 .w-tr .forget-a { display: inline-block; color: #2c419c; line-height: 50px; font-size: 14px; vertical-align: middle; } .login1 .forms1 .w-tr .forget-a:hover { color: #2c419c; } .f6-img-wrap { display: block; width: 100%; height: 100%; } @media(max-width: 1400px) { .co .co-f1 .hd { bottom: 30px; } } .form-horizontal .controls { margin-left: 0 !important; } .mheader .nav-btn .line.line1.line11 { transform: rotateZ(43deg); } .mheader .nav-btn .line.line2.line22 { display: none; } .mheader .nav-btn .line.line3.line33 { transform: rotateZ(-43deg); } .zhe .btns2 { display: none; } .person-img { display: block; width: 100%; margin: 0 auto; } /*# sourceMappingURL=style.css.map */ .mlanguage { } .mlanguage-a { display: inline-block; /* width: 30px; */ height: 30px; margin-top: 10px; margin-right: 68px; line-height: 30px; margin-left: 50px; font-size: 16px; /*border-radius: 18px;*/ /*background: url(../images/en3.png) left center no-repeat;*/ background-size: 30px; padding-right: 0; text-align: center; text-align: right; color: #2c419c; transition: all .3s linear; } .banner-img0 { width: 100%; } @media (max-width: 1023px) { .co .co-f1 { position: relative; top: 50px; } } /************************footer****************/ /*.footer { width: 74%; margin: 0 auto; position: relative; } li { list-style: none; } .g_ft { height: 310px; padding-top: 78px; background: #3a3a3a } .a00 { margin-right: 55px; float: left; width: 18%; } .a00 dt img { width: 220px; height: 67px; } .a00 dt a { width: 220px; height: 60px; display: block; margin-bottom: 20px; } .a00 dd { font-size: 14px; color: #fff; font-weight: normal; text-align: center; } .a00 dd em { font-size: 14px; color: #fff; font-weight: normal; display: block; padding-top: 8px; } .a01 { float: left; width: 26%; background: url(../images/footline.jpg) no-repeat; padding-top: 10px; margin-top: 20px; } .a01 a { font-size: 16px; color: #ffffff; display: block; width: 50%; text-align: center; float: left; margin-bottom: 20px; } .a01 h2 { height: 49px; margin-bottom: 25px; display: block; } .a01 p { font-size: 14px; color: #fff; font-weight: normal; line-height: 30px; height: 30px; } .a01 p a { color: #fff; } .a02 { float: left; width: 45%; background: url(../images/footline.jpg) no-repeat; padding-left: 29px; padding-top: 10px; margin-top: 20px; } .a02 h1 { font-size: 20px; color: #ffffff; margin-bottom: 25px; font-weight: normal } .a02 li { float: left; width: 295px; font-size: 14px; color: #ffffff; margin-bottom: 20px; line-height: 24px; } .a02 li img { margin-right: 15px; position: relative; } .a02 h2 { height: 49px; margin-bottom: 25px; display: block; } .a02 a { font-size: 14px; color: #fff; font-weight: normal; line-height: 30px; height: 30px; width: 95px; float: left; text-align: left; } .a03 { float: right; width: 231px; } .a03 h2 { height: 49px; margin-bottom: 25px; display: block; } .a03 .cur { margin-right: 20px; } .a03 a { width: 105px; text-align: center; float: left; line-height: 40px; font-size: 14px; color: #fff; } .a03 a img { width: 105px; height: 105px; } .client-2 { position: fixed; right: -170px; top: 50%; z-index: 900; } .client-2 li a { text-decoration: none; } .client-2 li { margin-top: 1px; clear: both; height: 71px; position: relative; } .client-2 li i { background: url(../images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; } .client-2 li p { height: 20px; font-size: 14px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; } .client-2 .my-kefu-qq i { background-position: 4px 5px; } .client-2 .my-kefu-tel i { background-position: 0 -21px; } .client-2 .my-kefu-liuyan i { background-position: 4px -53px; } .client-2 .my-kefu-weixin i { background-position: -34px 4px; } .client-2 .my-kefu-weibo i { background-position: -30px -22px; } .client-2 .my-kefu-ftop { display: none; } .client-2 .my-kefu-ftop i { width: 33px; height: 35px; background-position: -27px -51px; } .client-2 .my-kefu-left { float: left; width: 77px; height: 47px; position: relative; } .client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; } .client-2 .my-kefu-right { width: 20px; } .client-2 .my-kefu-tel-main { background: #d01434; color: #fff; height: 56px; width: 247px; padding: 9px 0 6px; float: left; } .client-2 .my-kefu-main { background: #d01434; width: 97px; height: 56px; position: relative; padding: 9px 0 6px; float: left; } .client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; } .my-kefu-weixin-pic img { width: 115px; height: 115px; } .kecopy { width: 100%; height: 66px; background: #232323; } .kecopy .lewd { width: 1200px; margin: 0 auto; line-height: 66px; font-size: 14px; color: #969696; } .kecopy .lewd { width: 74%; margin: 0 auto; line-height: 66px; font-size: 14px; color: #969696; } .kecopy .lewd span { display: block; float: right; }*/ /*****************INDEX CASE**************/ /*.lists { float: left; width: 100%; margin-bottom: 70px; } .lists ul li { float: left; width: 33.3%; position: relative; overflow: hidden; } .lists ul li .item { position: absolute; bottom: 15%; left: 0; width: 80%; margin: 0 10%; color: #fff; } .lists ul li .item span { margin-bottom: 5px; display: block; font-size: 30px; } .lists ul li .item p { display: block; font-size: 14px; } .lists ul li .item i { display: block; height: 1px; margin: 25px 0; background: #fff; width: 100px; } .lists ul li .item em img { width: auto; } a, a:focus, a:hover { text-decoration: none; } a { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .lists ul li:hover img, .products .list li:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .pic-scale { -webkit-transition: opacity 0.55s, -webkit-transform 0.55s; transition: opacity 0.55s, transform 0.55s; -webkit-transform: scale(1); transform: scale(1); } @media (max-width:1024px) and (min-width:769px) { .lists ul li .item span { font-size: 28px; } } @media (max-width:960px) { .lists ul li { width: 100%; } .lists ul li img { width: 100%; } } @media (max-width:320px) { .lists ul li .item span { font-size: 20px; } .lists ul li .item em img { height: 25px; } }*/ /**************************************************************************************************/ /*图片放大*/ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../images/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(../images/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(../images/blank.gif); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(../images/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(../images/fancybox.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(../images/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image:(../images/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(../images/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(../images/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(../images/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: (../images/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(../images/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: (../images/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(../images/fancy_title_over.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: (../images/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(../images/fancybox-x.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: (../images/fancybox.png) -55px -90px no-repeat; } .honors { width: 100%; height: auto; margin: 0 auto; padding-top: 10px; } .honors ul { width: 100%; height: auto; } .honors ul li { float: left; width: 280px; height: 220px; margin-right: 10px; margin-left: 10px; margin-bottom: 20px; } .honors ul li img { width: 280px; height: 187px; overflow: hidden; border:1px solid #; padding: 5px; } .honors ul li .pro_name p { line-height: 30px; font-size: 14px; text-align: center; color: #000; } .honors ul li .pro_name p a:hover { color: #005d88; text-decoration: underline; } .honors ul li img:hover { border: 1px solid #d01434; } p.pic_list_p { text-indent: 0em! important; text-align: center; font-size: 14px; margin-top: 10px; } /*@media screen and (max-width: 1250px) { .g_ft { height: 800px; } .a02{ clear: both; position: absolute; left: 23.1%; top: 125px; width: 70%; padding-left: 60px; } .a01{ width: 70%; } .a02 li{ width: 50% ! important; } }*/ @media screen and (max-width: 1250px) { .a00 { width: 18%; } .a01 { width: 24%; } .a02 { /* width: 48%; */ } .kecopy .lewd { width: 98%; } } @media screen and (max-width: 1100px) { .a00 { width: 100%; } .a01 { width: 100%; padding: 0; } .a02 { width: 100%; margin: 0; padding: 0; } .kecopy .lewd { width: 98%; line-height: 24px; padding-top: 9px; } .g_ft { height: 755px; } .a01 a { width: 100%; margin-bottom: 12px; font-size: 14px; line-height: 2; } .a00 dt a { margin: 0 auto; } .a02 h1 { text-align: center; margin-top: 20px; margin-bottom: 0; } .a02 li { text-align: center; width: 100%; line-height: 0; margin-bottom: 0; } /*.footer { width: 100%; } */.kecopy .lewd span { float: right; margin-right: 16px; } } @media screen and (max-width: 1300px) { .image-list li { width: 48% ! important; } } @media screen and (max-width: 900px) { .image-list .cover { width: 99% ! important; } } a.z-crt { background: #2c419c; color: #fff ! important; } .h1.gongcheng_anli { font-size: 26px; line-height: 36px; color: #333; text-align: center; margin: 84px 0 46px; } p.pic_list_p { text-align: center; font-size: 18px; /*padding-left: 10px; padding-top: 10px;*/ } .pic_text_box_buttom { padding-top: 20px; } .pic_text_left { float: left; padding-top: 10px; padding-left: 10px; } .pic_text_right { float: right; padding-right: 10px; } .pic_text_box_buttom { overflow: hidden; padding-bottom: 10px; } .pic_text_box { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .image-list li:hover img.pic_img { /* transform: scale(1.1); */ /* transition: all .5s; */ } img.pic_img { /* transform: scale(1.0); */ /* transition: all .5s; */ } .image-list li:hover .pic_list_p { color: #2c419c; transition: all .5s; } .pic_img_box { overflow: hidden; } .image-list li { position: relative; /* overflow: hidden; */ width: 32.2%; display: inline-block; margin: 15px 5px; background-color: #fff; cursor: pointer; } .pic_xiaotubiao { margin-bottom: 0px ! important; } .suofang01 { width: 0%; height: 2px; background: #2c419c; margin: 0 auto; transition: all .3s; } .image-list li:hover .suofang01 { width: 100%; transition: all .5s; } @media screen and (max-width: 1360px) { .pcheader .h-li .h-a { padding: 0 0px; } }