.w1400{ max-width: 1400px; margin: 0 auto; padding: 0 30px; } .wow{ visibility: hidden; } .ispc{ display: block !important; } .ismob{ display: none !important; } a:hover{ color: #fccb01; } .forie{ width: 100%; height: 100%; background:#eaeaea url(../img/tishi.png) center no-repeat; position: fixed; top: 0; left: 0; z-index: 500; } /*.jqzoom{ float:left; position:relative; padding:0px; cursor:crosshair; } .jqzoom{ float:left; } div.zoomdiv { z-index: 100; position: absolute; top:0px; left:0px; width: 450px; height: 450px; background: #ffffff; border:1px solid #CCCCCC; display:none; text-align: center; overflow: hidden; } div.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top:0px; left:0px; border: 1px solid #aaa; background: #ffffff; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(Opacity=30); }*/ /* 宸ュ叿绫 */ .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 991px) and (min-width: 768px){ .visible-sm { display: block !important; } .hidden-sm { display: none !important; } } @media (max-width: 767px){ .visible-xs { display: block !important; } .hidden-xs { display: none !important; } } @media (max-width: 1199px) and (min-width: 992px){ .visible-md{ display: inline-block !important; } .hidden-md{ display: none !important; } } @media (min-width: 1200px){ .visible-lg{ display: inline-block !important; } .hidden-lg{ display: none !important; } } body{ padding-top: 120px; background: #343e48; overflow: hidden; } header{ position: fixed; top: 0; left: 0; width: 100%; height: 120px; background-image: url(../img/bg3.jpg); background-repeat: repeat-x; box-shadow: 0 0 5px 2px rgba(0,0,0,.1); z-index: 11; } header .head{ max-width: 1400px; margin: 0 auto; padding: 0 30px; } header .h-top{ height: 40px; } header .ser{ margin-top: 7px; width: 130px; height: 26px; background: #343e48; border-radius: 13px; } header .ser input[type="text"]{ float: left; background: none; padding: 5px 10px; width: 80px; color: #fff; font-size: 12px; border: none; } header .ser input[type="submit"]{ float: right; width: 26px; height: 26px; background: url(../img/img7.png) no-repeat center; border: none; } header .h-top p{ margin-top: 7px; line-height: 26px; color: #3c434b; } header .h-top p a{ display: inline-block; padding: 0 13px; color: #fff; font-size: 12px; } header .h-top p .a4{ padding: 0 13px 0 43px; color: #fff; background: url(../img/ico4.png) no-repeat 13px center; text-transform: uppercase; } header .h-top p a:hover{ opacity: 0.8; filter: alpha(opacity=80); } header .nav{ float: right; line-height: 80px; font-size: 18px; } header .nav li{ float: left; position: relative; margin-left: 55px; min-width: 75px; } header .nav a{ color: #fff; } header .nav li:hover .tit{ color: #ffcd00; } header .nav li .nav-con{ display: none; position: absolute; top: 100%; left: -30px; width: 100px; min-height: 100px; padding: 10px 30px; font-size: 14px; background: #262e36; } header .nav li .nav-con a{ display: block; line-height: 30px; } header .nav li .nav-con a:hover{ color: #ffcd00; } header .nav li .nav-con:before { content: ""; position: absolute; top: -14px; left: 30px; right: 20px; max-width: 80px; height: 14px; background-image: linear-gradient(to bottom right,transparent 48%,#262e36 52%),linear-gradient(to bottom left,transparent 48%,#262e36 52%); background-size: 51% 100%; background-repeat: no-repeat; background-position: 0 0,100% 0; } header .logo{ left: 0; top: 0; height: 100%; } header .logo img{ height: 100%; } footer{ background: #262e36; } footer .foot{ background: #fbcf0d; } footer .foot .left{ width: 65%; padding: 60px 0 0; height: 340px; border-right: 1px solid #e7c013; } footer .foot .left li{ width: 20%; float: left; } footer .foot .left li a{ display: block; font-size: 14px; color: #343e48; line-height: 28px; text-transform: uppercase; } footer .foot .left li a.tit,footer .foot .right h2{ font-size: 16px; font-weight: bold; color: #262e36; margin-bottom: 15px; } footer .foot .right{ padding: 60px 0 0 4%; width: 28%; } footer .foot .right h2{ font-size: 16px; font-weight: bold; color: #262e36; margin-bottom: 15px; } footer .foot .right p{ font-size: 14px; color: #343e48; line-height: 28px; } .share a{ margin-right: 20px; cursor: pointer; } .foot-bot,.foot-bot a{ font-size: 14px; line-height: 54px; color: rgba(255,255,255,.2); } .foot-bot a:hover{ color: rgba(255,255,255,1); } /*棣栭〉*/ .banner img{ width: 100%; } .banner.swiper-container-horizontal>.swiper-pagination{ left: 13.5%; bottom: 18%; text-align: left; width: auto; } .banner .swiper-pagination-bullet { display: inline-block; width: 25px; height: 25px; background: url(../img/img2.png) no-repeat center/100% 100%; margin-right: 19px; border-radius: 0; opacity: 1; } .banner .swiper-pagination-bullet-active{ background: url(../img/img3.png) no-repeat center/100% 100%; } .iabout{ z-index: 2; } .iabout .pc{ width: 62.5%; } .iabout .txt{ position: absolute; background: #fcce01; width: 50%; height: 100%; padding-top: 70px; top: -70px; right: 0; } .iabout .txt .arrow-left { position: absolute; left: -17%; bottom: 0; width: 17%; height: 100%; background: url(../img/bg3.png) no-repeat center/100% 100%; } .iabout .txt .txt-main{ position: absolute; padding: 0 30px 0 10.5%; max-width: 600px; top: 50%; left: 0; margin-top: -206px; } .iabout .txt .txt-main h2{ font-family: 'Helvetica'; line-height: 60px; font-size: 54px; color: #262e36; text-transform: uppercase; font-weight: bolder; font-style: italic } .iabout .txt .txt-main h3{ margin-bottom: 20px; font-size: 36px; color: #262e36; font-weight: bold; line-height: 50px; } .iabout .txt .txt-main p{ font-size: 16px; line-height: 32px; color: #262e36; opacity: 0.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 35px; } .iabout .txt .txt-main .ico a{ display: inline-block; line-height: 52px; font-size: 18px; padding-left: 62px; color: #343e48; } .iabout .txt .txt-main .ico .a1{ margin-right: 100px; background: url(../img/ico5.png) no-repeat left center/auto 100%; } .iabout .txt .txt-main .ico .a2{ background: url(../img/ico6.png) no-repeat left center/auto 100%; } .more{ display: block; width: 168px; height: 50px; box-sizing:border-box; overflow: hidden; } .more span{ position: relative; display: block; padding-left: 17px; height: 46px; line-height: 46px; font-size: 13px; text-transform: uppercase; border: 2px solid #262e36; color: #262e36; font-weight: bold; font-family: arial; background: url(../img/bg4.png) no-repeat 128px center; /*box-sizing:border-box;*/ } .more span:after { content: ""; display:inline-block; border-bottom-width:2px; border-style: solid; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; position:absolute; top:-100%; bottom:-5px; left:0; right:25px; -webkit-transition: all 0.5s; transition: all 0.5s; } .more:hover span{ background:#262e36 url(../img/bg5.png) no-repeat 128px center; color: #fcce01; } .iabout .txt .txt-main .more{ margin-top: 50px; } .iabout .txt .txt-main .more span{ border: 2px solid #262e36; color: #262e36; background: url(../img/bg4.png) no-repeat 128px center; } .iabout .txt .txt-main .more span:after { border-color: #262e36; background: #fcce01; } .iabout .txt .txt-main .more:hover span{ background:#262e36 url(../img/bg5.png) no-repeat 128px center; color: #fcce01; } .iproduct{ z-index: 3; } .iproduct .pc{ width: 62.5%; } .iproduct .txt{ position: absolute; background: #262e36; width: 50%; height: 100%; padding-top: 65px; top:0; left: 0; } .iproduct .txt .arrow-right{ position: absolute; right: -17%; top: 0; width: 17%; height: 100%; background: url(../img/bg6.png) no-repeat center/100% 100%; } .iproduct .txt .txt-main{ position: absolute; padding: 0 10.5% 0 30px; max-width: 600px; top: 50%; right: 0; margin-top: -220px; } .iproduct .txt .txt-main h2{ font-family: 'Helvetica'; line-height: 60px; font-size: 54px; color: #fccd01; text-transform: uppercase; font-weight: bolder; font-style: italic } .iproduct .txt .txt-main h3{ margin-bottom: 45px; font-size: 36px; color: #fff; font-weight: bold; line-height: 50px; } .iproduct .txt .txt-main .list{ font-size: 0; } .iproduct .txt .txt-main .list a{ display: inline-block; width: 50%; font-size: 16px; color: #fff; padding-left: 40px; line-height: 36px; background: url(../img/bg1.png) no-repeat left center; text-transform: uppercase; box-sizing:border-box; white-space:nowrap; } .iproduct .txt .txt-main .list a:hover{ font-weight: bold; background: url(../img/bg2.png) no-repeat left center; color: #fccb01; } .iproduct .txt .txt-main .more{ margin-top: 34px; } .iproduct .txt .txt-main .more span{ border: 2px solid #fccc01; color: #262e36; background: #fccc01 url(../img/bg4.png) no-repeat 128px center; } .iproduct .txt .txt-main .more span:after { border-color: #fccc01; background: #262e36; } .iproduct .txt .txt-main .more:hover span{ background:#262e36 url(../img/bg7.png) no-repeat 128px center; color: #fff; border: 2px solid #fff; } .iproduct .txt .txt-main .more:hover span:after{ border-color: #fff; } .inews{ background: #343e48; padding: 170px 30px 120px; } .inews h2{ text-align: center; font-family: 'Helvetica'; line-height: 60px; font-size: 54px; color: #fccd01; text-transform: uppercase; font-weight: bolder; font-style: italic } .inews h3{ margin-bottom: 50px; font-size: 36px; color: #fff; font-weight: bold; line-height: 50px; text-align: center; } .inews-content{ margin: 0 auto; max-width: 1600px; } .inews-content h4{ margin-top: 12px; margin-bottom: 5px; font-size: 16px; line-height: 34px; color: #fff; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .inews-content p{ font-size: 14px; height: 48px; line-height: 24px; color: rgba(255,255,255,.7); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .inews-content .more{ margin-top:20px; } .inews-content .more span{ border: 2px solid #fff; color: #fff; background: #343e48 url(../img/bg7.png) no-repeat 128px center; } .inews-content .more span:after { border-color: #fff; background: #343e48; } .inews-content .more:hover span{ border: 2px solid #fcce01; color: #262e36; background: #fcce01 url(../img/bg4.png) no-repeat 128px center; } .inews-content .more:hover span:after{ border-color: #fcce01; } /*棰戦亾椤?/ .in-ban{ width: 100%; overflow: hidden; } .in-ban img{ width: 100%; } .in-ban .txt{ position: absolute; left: 13.5%; top: 24%; } .in-ban .txt h2,.in-ban .txt h3{ font-size: 48px; line-height: 60px; font-weight: bold; color: #fff; } .channel{ padding:65px 50px 105px; } .channel li{ margin-bottom: 10px; padding: 0 5px; box-sizing:border-box; } .channel li img{ width: 100%; } .channel li .bg{ width: calc(100% - 10px); height: 30%; left: 5px; bottom: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); } .channel li .tit{ left: 35px; bottom: 5.5%; padding-right: 45px; font-size: 32px; font-weight: bold; line-height: 50px; color: #fff; background: url(../img/bg8.png) no-repeat right center; } .channel .load-more{ margin: 18px 5px 0; display: block; height: 64px; line-height: 64px; text-align: center; color: #fbcf0d; font-size: 18px; background: #262e37; cursor: pointer; } /*浜у搧鍒楄〃*/ .mbx-pro{ margin-left: 13.5%; padding: 30px 0; line-height: 40px; font-size: 16px; color: #fff; } .mbx-pro a, .mbx-pro span{ color: #fff; } .mbx-pro span{ margin: 0 10px; font-family: "瀹嬩綋"; font-size: 14px; } .product{ padding: 0 45px 90px; } .product .select-box{ padding: 0 5px; box-sizing:border-box; margin-bottom: 15px; } .product .select-box select{ width: 100%; } .select-box .ui-selectbox{ background: #262e37; border: none; height: 64px; line-height: 64px; } .select-box .ui-selectbox-inner{ font-size: 24px; color: #fcce01; font-weight: bold; margin-right: 25px; padding-left: 40px; } .select-box .ui-selectbox .ui-selectbox-icon{ right: 25px; top: 50%; margin-top: -5px; border-top: 10px solid #66737f; border-left: 10px dashed transparent; border-right: 10px dashed transparent; } .select-box .ui-selectbox-open .ui-selectbox-icon{ border-top: 0 none; } .select-box .ui-selectbox-open .ui-selectbox-icon{ border-bottom: 10px solid #66737f; } #pro .ui-selectbox-dropdown{ border: none !important; background: #262e37 !important; font-size: 16px !important; } #pro .ui-selectbox-optgroup, #pro .ui-selectbox-option{ padding: 10px 40px !important; color: #fcce01 !important; } #pro .ui-selectbox-dropdown .ui-selectbox-selected, #pro .ui-selectbox-dropdown .ui-selectbox-selected:hover{ background: #fcce01 !important; color: #262e37 !important; } #pro .ui-selectbox-option:hover { background: #343e48 !important; } .product .list .li{ padding: 0 5px; box-sizing:border-box; margin-bottom: 10px; } .product .list .li .box{ background: #4a545e; padding: 10px; text-align: center; box-sizing:border-box; } .product .list .li .box h2{ font-size: 22px; color: #fcce01; font-weight: bold; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product .list .li .box .pro-more{ margin: 20px auto 0; display: block; } .product .list .li .box h3{ font-size: 15px; color: #fff; line-height: 36px; } .product .list .li .box p{ font-size: 15px; color: #d4d7da; line-height: 40px; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product .list .li:hover{ z-index: 2; } .product .list .li:hover .box{ transform: scaleX(1.1) scaleY(1.1); -webkit-transform: scaleX(1.1) scaleY(1.1); box-shadow: 0 0 10px rgba(0,0,0,.3); } .page{ padding: 20px 0 30px; text-align: center; color: #70777e; font-weight: bold; font-family: arial; font-size: 0; } .page a{ display: inline-block; width: 46px; height: 40px; line-height: 40px; text-align: center; font-size: 22px; color: #70777e; } .page a.on{ font-weight: bold; font-size: 20px; } .page a.active, .page a:hover{ color: #fcce01; } /*浜у搧璇︽儏*/ #productinfo{ padding-top: 0; } #productinfo header{ position: relative; } .fixbox{ height: 60px; border-top: 1px solid #465462; } .mbx-proinfo{ background: #343e48; padding: 10px 0; height: 40px; } .mbx-proinfo .left a, .mbx-proinfo .left span{ color: #fff; line-height: 36px; font-size: 16px; color: #fff; } .mbx-proinfo .left span{ margin: 0 10px; font-family: "瀹嬩綋"; font-size: 14px; } .mbx-proinfo .right{ line-height: 36px; } .mbx-proinfo .right a{ font-size: 14px; color: #c0c2c5; cursor: pointer; } .mbx-proinfo .right a.on, .mbx-proinfo .right a:hover{ color: #fcce01; } .mbx-proinfo .right span{ font-size: 12px; color: #465462; margin: 0 25px; } .mbx-proinfo .right .buy{ margin-left: 25px; } .mbx-proinfo .right .buy img{ vertical-align: top; } #productinfo .fixbox .mbx-proinfo.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } .proinfo-a{ background: #262e37; padding: 28px 0; } .proinfo-a .right, .proinfo-a .left{ width: 50%; } .proinfo-a .simg{ width: 105px; height: 450px; overflow: hidden; } .proinfo-a .gallery-thumbs { width: 105px; height: 345px; /*padding: 52px 0;*/ margin-top: 52px; box-sizing: border-box; overflow: hidden; } .proinfo-a .gallery-thumbs .swiper-slide { width: 105px; height: 105px; background-size: cover; background-position: center; border: 1px solid #343e48; box-sizing:border-box; } .proinfo-a .gallery-thumbs .swiper-slide.active { border: 1px solid #fcce01; } .proinfo-a .simg .swiper-button-prev, .proinfo-a .simg .swiper-button-next{ left: 0; top: auto; width: 105px; height: 36px; z-index: 10; margin-top: 0; cursor: pointer; } .proinfo-a .simg .swiper-button-prev{ top: 0; background: url(../img/prev.png) no-repeat center/cover; } .proinfo-a .simg .swiper-button-next{ bottom: 0; background: url(../img/next.png) no-repeat center/cover; } .proinfo-a .simg .swiper-button-prev:hover{ background: url(../img/prev1.png) no-repeat center/cover; } .proinfo-a .simg .swiper-button-next:hover{ background: url(../img/next1.png) no-repeat center/cover; } .proinfo-a .bimg{ margin-left: 8.5%; width: 450px; height: 450px; } .proinfo-a .gallery-top { width: 450px; height: 450px; overflow: hidden; } .proinfo-a .gallery-top .swiper-slide{ background: #262e37; } .proinfo-a .right{ padding-top: 60px; } .proinfo-a .right h2{ line-height: 60px; font-size: 24px; color: #c7d6e7; } .proinfo-a .right h2 span{ color: #fcce01; } .proinfo-a .right .txt{ height: 100px; font-size: 14px; line-height: 26px; color: #c7d6e7; margin-bottom: 10px; margin-top: 20px; } .proinfo-a .right .btn a{ display: inline-block; width: 224px; height: 48px; line-height: 48px; font-size: 16px; text-align: center; border: 1px solid #fcce01; } .proinfo-a .right .btn a.a1{ margin-right: 13px; background: #343e48; color: #fcce01; } .proinfo-a .right .btn a.a2{ background: #fcce01; color: #262e37; } .proinfo-a .right .btn a:hover{ transform: scaleX(1.05) scaleY(1.05); -webkit-transform: scaleX(1.05) scaleY(1.05); box-shadow: 0 0 10px rgba(0,0,0,.5) } .proinfo-b{ background: #262e37; } .proinfo-b-top{ height: 65px; line-height: 65px; font-size: 22px; color: #262e37; background: #fcce01; } .proinfo-b-img{ padding: 40px 0 50px; } .proinfo-b-img .img{ padding-right: 20px; padding-left: 0; margin-bottom: 40px; box-sizing:border-box; } .proinfo-b-img .img:nth-child(2n){ padding-left: 20px; padding-right: 0; } .proinfo-c img{ width: 100%; } .proinfo-d{ padding: 80px 0; background: #262e37; } .proinfo-d .parameter{ width: 50%; padding-top: 40px; } .proinfo-d .parameter h2{ font-size: 30px; color: #fcce01; line-height: 60px; margin-bottom: 50px; } .proinfo-d .parameter .row{ border-top: 1px solid #93979b; } .proinfo-d .parameter .row .li{ font-size: 24px; line-height: 68px; padding: 0 12px; color: #fff; /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ white-space: nowrap; border-bottom: 1px solid #93979b; box-sizing:border-box; } .proinfo-d .parameter .txt{ width: 80%; margin-top: 25px; padding: 0 12px; font-size: 22px; line-height: 46px; color: #dbddde; } .proinfo-d img{ width: 45.7%; } /*鏂伴椈璧勮*/ .news{ width: 100%; background: #262e37; padding: 60px 0 90px; overflow: hidden; } .news .bg{ left: 0; top: 15%; width: 200%; height: 50%; background: #343e48; transform:skew(0,-12deg); } .news-tit{ text-align: center; font-size: 48px; line-height: 130px; color: #fff; font-weight: bold; } .news .line{ width: 40px; height: 3px; background: #fcce01; margin: 0 auto 90px; } .news .list { max-width: 1425px; } .news .list .li{ margin-bottom: 50px; padding: 0 12.5px; box-sizing:border-box; } .news .list .li .box{ background-color: #3a444e; background-image: url(../img/bg9.jpg); background-position: left bottom; background-repeat: repeat-x; } .news .list .li .box .txt{ padding: 30px; color: #fff; } .news .list .li .box .txt h2{ margin-bottom: 10px; font-size: 25px; line-height: 38px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .list .li .box .txt p{ margin-bottom: 28px; font-size: 15px; color: #7f8892; height: 52px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .list .li .box .txt .date{ font-size: 16px; line-height: 70px; } .news .list .li .box .txt .date span{ padding-right: 25px; font-weight: bold; background: url(../img/bg8.png) no-repeat right center/auto 15px; } .news .list .li:hover .box{ transform:skew(5deg,5deg); box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-animation: animate-line 20s linearinfinite; -moz-animation: animate-line 20s linear infinite; -ms-animation: animate-line 20s linear infinite; -o-animation: animate-line 20s linear infinite; animation: animate-line 20s linear infinite; } @-webkit-keyframes animate-line { from { background-position: 600px 100%; } to { background-position: 0 100%; } } @-moz-keyframes animate-line { from { background-position: 600px 100%; } to { background-position: 0 100%; } } @-ms-keyframes animate-line { from { background-position: 600px 100%; } to { background-position: 0 100%; } } @-o-keyframes animate-line { from { background-position: 600px 100%; } to { background-position: 0 100%; } } /*鍝佺墝涓庝娇鍛?/ .about{ padding: 100px 0 200px; background: #343e48; } .about-a{ margin-bottom: 90px; padding-left: 96px; padding-bottom: 13px; border-left: 3px solid #fbcf0d; } .about-a h2{ margin-bottom: 30px; font-size: 36px; line-height: 1; color: #fff; font-weight: bold; } .about-a p{ font-size: 16px; color: #c0c7ce; } .about-a .list{ margin-top: 30px; font-size: 0; } .about-a .list span{ margin-bottom: 10px; margin-right: 23px; display: inline-block; font-size: 18px; color: #262e37; height: 60px; line-height: 60px; background: #fbcf0d; padding: 0 32px; font-weight: bold; } .about-b video{ width: 100%; } .about-b .tit{ left: 25px; bottom: 20px; font-size: 22px; line-height: 50px; font-weight: bold; color: #2f3e45; } .about-b .tit .btn{ vertical-align: middle; margin-right: 25px; display: inline-block; width: 50px; height: 50px; cursor: pointer; background: url(../img/bg10.png) no-repeat center/cover; } .about-b .tit .btn:hover{ /*transform:scale(1.1,1.1);*/ transform:rotate(360deg) scale(1.1,1.1); } .videobox{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:#343e48; display: none; z-index: 99; } .videobox video{ background-color: #000; } .videobox video{ position: fixed; max-width: 67.3%; width: 67.3%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .videobox .closevid{ width: 30px; height: 30px; background: url(../img/43.png) no-repeat center/cover; position: absolute; top: 40px; right: 40px; cursor: pointer; z-index: 9; } /*姒傝堪*/ .summary{ padding: 100px 0 120px; } .summary-a{ padding-left: 96px; padding-bottom: 13px; border-left: 3px solid #fbcf0d; } .summary-a h2{ margin-bottom: 30px; font-size: 36px; line-height: 1; color: #fff; font-weight: bold; } .summary-a h3{ font-size: 20px; color: #fff; line-height: 1.8; } .summary-a h3 span{ color: #fbcf0d; } .summary-a li{ margin-top: 30px; color: #d9e0e7; font-size: 16px; } .summary-a li .left{ width: 220px; } .summary-a li .right{ width: calc(100% - 220px) } .summary-a li .right p{ font-size: 16px; color: #b8c0c7; line-height: 2; } .summary-a li .year{ font-size: 48px; color: #fff; height: 60px; line-height: 60px; } .summary-a li .year span{ font-size: 14px; color: #c0c7ce; } .summary-a li .left p{ font-size: 14px; color: #c0c7ce; line-height: 1.6; } .summary-b .pc{ width: 62.5%; } .summary-b .txt{ position: absolute; left: 0; top: 0; width: 43.2%; height: 100%; padding-top: 30px; background:#fbcf0d url(../img/bg11.jpg) no-repeat left bottom/auto 100%; } .summary-b .txt .arrow-right{ position: absolute; right: -30%; top: 0; width: 30%; height: 100%; background: url(../img/bg12.png) no-repeat center/100% 100%; } .summary-b .txt .txt-main{ position: absolute; padding: 0 30px; max-width: 550px; top: 50%; right: 0; margin-top: -200px; } .summary-b .txt .txt-main h2{ font-size: 110px; color: #e6bd08; text-transform: uppercase; font-weight: bold; line-height: 1; } .summary-b .txt .txt-main h3{ position: relative; margin-top: -40px; padding-right: 20px; font-size: 22px; line-height: 36px; color: #262e37; max-width: 370px; margin-left: 105px; background: #fbcf0d; font-weight: bold; z-index: 2; } .summary-b .txt .txt-main h3:after{ content:""; display: inline-block; width: 160px; height: 1px; background: url(../img/bg13.png) no-repeat right center; vertical-align: middle; } .summary-b .txt .txt-main p{ margin-top: 20px; max-width: 420px; margin-left: 105px; font-size: 16px; line-height: 1.8; } .summary-b .txt .txt-main .summary-more{ display: block; margin-left: 105px; margin-top: 20%; width: 58px; height: 59px; background: url(../img/ico10.png) no-repeat center/100% 100%; } .summary-c { padding: 100px 0 180px; } .summary-c h2{ font-size: 36px; color: #fff; text-align: center; font-weight: bold; line-height: 100px; } .summary-c .txt{ margin: 0 auto; max-width: 1100px; font-size: 16px; line-height: 1.8; color: #c0c7ce; text-align: center; } .summary-c ul{ margin-top: 80px; } .summary-c ul li{ width: 25%; float: left; } .summary-c ul li .box{ width: 300px; margin: 0 auto; text-align: center; } .summary-c ul li .ico{ margin: 0 auto 13px; padding-top: 40px; width: 190px; height: 190px; background: #262e37; border-radius: 50%; border: 4px solid #262e37; text-align: center; color: #fff; box-sizing:border-box; } .summary-c ul li .ico img{ margin-bottom: 10px; } .summary-c ul li .ico p{ font-size: 20px; font-weight: bold; line-height: 28px; } .summary-c ul li .box span{ display: block; font-size: 16px; line-height: 1.8; color: #c0c7ce; } .summary-c ul li .box .ico:hover{ background: none; } /*鍞悗鏈嶅姟*/ .service-a{ padding: 80px 0 110px; } .service-a .tit{ font-size: 30px; color: #fcce01; line-height: 50px; margin-bottom: 50px; } .service-a ul{ min-height: 410px; background: #262e37 url(../img/bg14-1.png) no-repeat right bottom; border: 1px solid #fcce01; box-sizing:border-box; box-shadow: 0 0 10px rgba(0,0,0,.3); } .service-a li{ width: 100%; } .service-a li .box{ margin: 0 23px; padding: 40px; } .service-a ul table td{ text-align:center; border:1px solid rgb(255, 192, 0); } .service-a li .box h2{ font-size: 36px; font-weight: bold; line-height: 2; color: #ffffff; white-space: nowrap; } .service-a li .box .line{ margin-bottom: 40px; width: 17px; height: 4px; background: #fcce01; } .service-a li .box p{ color: #c6d2df; font-size: 16px; line-height: 1.8; } .service-b{ padding: 80px 0 100px; background: #262e37; color: #f0f5fb; } .service-b .tit{ font-size: 30px; color: #fcce01; line-height: 50px; margin-bottom: 30px; } .service-b ul{ margin-bottom: 25px; padding:15px 38px; border: 1px solid #fcce01; background: url(../img/bg14-1.png) no-repeat right bottom; box-sizing:border-box; } .service-b ul li{ font-size: 16px; padding: 15px 0; line-height: 30px; border-top: 1px dashed #343e48; } .service-b ul li.first{ border: none; } .service-b ul li.last{ border-top: 1px solid #343e48; font-size: 14px; color: rgba(255,255,255,.5); } .service-b ul li.last p{ max-width: 720px; line-height: 36px; } .service-b-bot{ padding-left: 40px; } .service-b-bot h2{ font-size: 16px; color: #fbcf0d; line-height: 36px; } .service-b-bot p{ font-size: 14px; line-height: 28px; color: #fff; } .service-b-bot span{ margin-top: 15px; font-size: 14px; color: #fbcf0d; } .service-c{ padding: 125px 0 135px; } .service-c .tab-box{ padding: 30px 90px 90px; background: #262e37; border-top: 2px solid #fcce01; } .service-c .tab-box h2{ padding: 0 10px; font-size: 30px; color: #fcce01; margin-bottom: 30px; } .service-c .tab-box td{ padding: 15px 10px; font-size: 16px; color: #fcce01; } .service-c .tab-box .td1{ width: 80px; } .service-c .tab-box td .option-radio{ display: none; } .service-c .tab-box td .option-radio+span{ margin-right: 50px; display: inline-block; height: 20px; line-height: 20px; text-indent: 40px; color: #fff; background: url(../img/bg15.png) no-repeat left center; cursor: pointer; } .service-c .tab-box td .option-radio:checked+span{ color: #fcce01; background: url(../img/bg16.png) no-repeat left center; } .service-c .tab-box td .inp1, .service-c .tab-box td .inp2{ width: 100%; background: #2d3640; border: none; padding: 10px 15px; color: #fff; box-sizing:border-box; } .service-c .tab-box td .star{ vertical-align: top; color: #fc0101; margin-left: 5px; } .tab-box .sel{ width: 22%; margin-right: 2%; float: left; } .tab-box select{ width: 100%; } .tab-box .ui-selectbox{ background: #2d3640; border: none; height: 41px; line-height: 41px; } .tab-box .ui-selectbox-inner{ font-size: 16px; color: #fff; padding-left: 15px; } .tab-box .ui-selectbox .ui-selectbox-icon{ right: 10px; top: 50%; margin-top: -3px; border-top: 6px solid #fff; border-left: 6px dashed transparent; border-right: 6px dashed transparent; } .tab-box .ui-selectbox-open .ui-selectbox-icon{ border-top: 0 none; } .tab-box .ui-selectbox-open .ui-selectbox-icon{ border-bottom: 6px solid #fff; } #ser .ui-selectbox-dropdown{ border: none !important; background: #262e37 !important; font-size: 14px !important; } #ser .ui-selectbox-optgroup, #ser .ui-selectbox-option{ padding: 5px 15px !important; color: #fcce01 !important; } #ser .ui-selectbox-dropdown .ui-selectbox-selected, #ser .ui-selectbox-dropdown .ui-selectbox-selected:hover{ background: #fcce01 !important; color: #262e37 !important; } #ser .ui-selectbox-option:hover { background: #343e48 !important; } .service-c .tab-box td .inp3{ float: left; width: 52%; background: #2d3640; border: none; padding: 10px 15px; color: #fff; box-sizing:border-box; vertical-align: middle; } .service-c .tab-box td textarea{ width: 100%; height: 295px; border: none; padding: 10px 15px; color: #fff; background: #2d3640; box-sizing:border-box; } .service-c .tab-box td .inp4{ width: 100%; height: 60px; line-height: 60px; color: #262e37; font-size: 20px; border: none; background: #fcce01; box-sizing:border-box; } /*甯歌闂瓟*/ .answer{ padding: 80px 0 60px; } .answer-top{ margin-bottom: 80px; } .answer-top .left h2{ margin-bottom: 20px; font-size: 36px; line-height: 1; color: #fff; font-weight: bold; } .answer-top .left p{ font-size: 20px; color: #aaaeb3; line-height: 1; } .answer-top .right{ width: 330px; margin-top: 15px; } .answer-top .right select{ width: 100%; } .answer-top .right .ui-selectbox{ background: #2d3640; border: none; height: 60px; line-height: 60px; border: 1px solid #fcce01; box-sizing:border-box; } .answer-top .right .ui-selectbox-inner{ font-size: 20px; color: #93979b; padding-left:35px; } .answer-top .right .ui-selectbox .ui-selectbox-icon{ right: 25px; top: 50%; margin-top: -3px; border-top: 6px solid #93979b; border-left: 6px dashed transparent; border-right: 6px dashed transparent; } .answer-top .right .ui-selectbox-open .ui-selectbox-icon{ border-top: 0 none; } .answer-top .right .ui-selectbox-open .ui-selectbox-icon{ border-bottom: 6px solid #93979b; } #ans .ui-selectbox-dropdown{ border: 1px solid #fcce01 !important; background: #262e37 !important; font-size: 14px !important; } #ans .ui-selectbox-optgroup, #ans .ui-selectbox-option{ padding: 10px 35px !important; color: #fcce01 !important; } #ans .ui-selectbox-dropdown .ui-selectbox-selected, #ans .ui-selectbox-dropdown .ui-selectbox-selected:hover{ background: #fcce01 !important; color: #262e37 !important; } #ans .ui-selectbox-option:hover { background: #343e48 !important; } .answer ul{ margin-left: -15px; margin-right: -15px; } .answer ul li{ margin-bottom: 30px; } .answer ul li .box{ margin: 0 15px; padding:45px 30px 30px; height: 283px; font-size: 15px; color: #bec5cc; background:#262e37 url(../img/bg17.jpg) no-repeat center top/100% 100%; box-sizing:border-box; cursor: pointer; } .answer ul li .box .bg{ width: 100%; height: 3px; left: 0; top: 0; background: url(../img/bg18.jpg) no-repeat center top/100% 100%; } .answer ul li .box h2{ font-size: 20px; color: #fcce01; line-height: 50px; } .answer ul li .box p{ line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .answer ul li .box .answer-more{ margin-top: 25px; width: 50px; height: 51px; background: url(../img/ico15.png) no-repeat center/100% 100%; } .answer ul li .box:hover .bg{ height: 100%; } .answer ul li .box:hover h2{ color: #262e37; } .answer ul li .box:hover p{ color: #262e37; } .answer ul li .box:hover .answer-more{ background: url(../img/ico16.png) no-repeat center/100% 100%; } .body-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #343e48; display: none; z-index: 99; } .answer-box{ position: fixed; max-width: 67.3%; width: 67.3%; height: 60%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: justify; background: #262e37 url(../img/bg17.jpg) no-repeat right bottom; border-top: 3px solid #fcce01; padding: 45px 50px 30px; overflow-y: auto; color: #bec5cc; box-sizing:border-box; } .answer-box h2 { font-size: 20px; color: #fcce01; line-height: 50px; } .answer-box p{ font-size: 15px; color: #bec5cc; } .body-bg .closevid{ width: 30px; height: 30px; background: url(../img/43.png) no-repeat center/cover; position: absolute; top: 40px; right: 40px; cursor: pointer; z-index: 9; } /*浜烘墠鎷涜仒*/ .recruit{ width: 100%; padding: 90px 0 60px; background: #262e37; overflow: hidden; } .recruit .bg{ left: -50%; top: -20%; width: 200%; height: 1100px; background: #343e48; transform: skew(0,-45deg); } .rec-top{ margin-bottom: 50px; } .rec-top h2{ font-size: 36px; color: #fcce01; font-weight: bold; line-height: 2.2; } .rec-top p{ font-size: 16px; color: #f9fcff; opacity: 0.8; filter: alpha(opacity=80); line-height: 2.2; } .rec-top p span{ margin-left: 60px; } .rec-top p em{ color: #fcce01; font-style: normal; } .recruit-search-box .ser, .recruit-search-box .inp1{ float: left; width: 28.5%; margin-right: 0.9%; } .recruit-search-box .inp1{ padding: 0 50px; background: #3a444e; border: none; height: 70px; line-height: 70px; color: #fcce01; font-size: 16px; box-sizing:border-box; box-shadow: 0 0 10px rgba(0,0,0,.2); } .recruit-search-box .inp1::-webkit-input-placeholder{ color:#fcce01; } .recruit-search-box .inp1::-moz-placeholder{ color:#fcce01; } .recruit-search-box .inp1:-moz-placeholder{ color:#fcce01; } .recruit-search-box .inp1:-ms-input-placeholder{ color:#fcce01; } .recruit-search-box .ser select{ width: 100%; } .recruit-search-box .ui-selectbox{ background: #3a444e; border: none; height: 70px; line-height: 70px; box-sizing:border-box; box-shadow: 0 0 10px rgba(0,0,0,.2); } .recruit-search-box .ui-selectbox-inner{ font-size: 16px; color: #fcce01; padding-left:50px; } .recruit-search-box .ui-selectbox .ui-selectbox-icon{ right: 25px; top: 50%; margin-top: -3px; border-top: 6px solid #93979b; border-left: 6px dashed transparent; border-right: 6px dashed transparent; } .recruit-search-box .ui-selectbox-open .ui-selectbox-icon{ border-top: 0 none; } .recruit-search-box .ui-selectbox-open .ui-selectbox-icon{ border-bottom: 6px solid #93979b; } #rec .ui-selectbox-dropdown{ border: none !important; background: #262e37 !important; font-size: 14px !important; } #rec .ui-selectbox-optgroup, #rec .ui-selectbox-option{ padding: 10px 50px !important; color: #fcce01 !important; } #rec .ui-selectbox-dropdown .ui-selectbox-selected, #rec .ui-selectbox-dropdown .ui-selectbox-selected:hover{ background: #fcce01 !important; color: #262e37 !important; } #rec .ui-selectbox-option:hover { background: #343e48 !important; } .recruit-search-box .rec-search{ width: 11.8%; height: 70px; background:#fcce01 url(../img/search.png) no-repeat center; border: none; box-sizing:border-box; box-shadow: 0 0 10px rgba(0,0,0,.2); } .recruit-list{ font-size: 0; margin-top: 30px; margin-bottom: 30px; background-color: #3a444e; padding-bottom: 80px; } .recruit-list li{ position: relative; } .recruit-list li:after{ content: ''; display: block; position: absolute; width: 93.4%; height: 1px; background-color: #505860; left: 0; right: 0; bottom: 0; margin: 0 auto; } .recruit-list .list-tit{ background-color: #fcce01; padding: 0 10%; line-height: 66px; } .recruit-list span{ display: inline-block; vertical-align: middle; font-size: 16px; color: #262e37; width: calc(25% - 16px); line-height: 1.5; } .recruit-list .list-tit span:last-child, .recruit-list .li-tit span:last-child{ width: auto; } .recruit-list li .li-tit span{ font-size: 16px; color: #fff; } /*.recruit-list li .li-tit span:last-child{ color: #159c52; }*/ .li-tit{ line-height: 70px; background-color: #3a444e; padding: 0 10%; } .li-con{ padding: 0 4.2666666666666665%; background-color: #343e48; margin: 0 auto; width: 93.4%; padding-bottom: 45px; display: none; box-sizing:border-box; } .li-con-top{ padding: 34px 15px; border-bottom: 1px solid #4c545c; } .li-con-top span{ display: inline-block; font-size: 14px; color: rgba(255,255,255,.6); padding: .75em 0; width: 25%; } .li-con-top span em{ display: inline-block; font-style: normal; color: rgba(255,255,255,1); } .li-con-fot{ padding: 22px 15px 44px; border-bottom: 1px solid #4c545c; } .li-con-fot .li-con-tit{ font-size: 16px; color: #fcce01; } .li-con-fot .li-con-desc{ font-size: 14px; color: rgba(255,255,255,.6); line-height: 2; padding-top: 1em; } .rec-more{ font-size: 14px; width: 140px; height: 40px; line-height: 40px; text-align: center; background-color: #fcce01; color: #262e37; margin: 30px 0 0 15px; } /*浜烘墠鐞嗗康*/ .talent-a{ padding-top: 80px; } .talent-a h2{ margin-bottom: 20px; font-size: 48px; color: #fff; font-weight: bold; } .talent-a .txt{ width: 60%; padding-left: 17%; font-size: 16px; color: #dfe8f0; line-height: 1.8; text-align: justify; } .talent-a .txt p span{ color: #fbcf0d; } .talent-a .txt p.p1{ margin-top: 15px; opacity: 0.8; filter: alpha(opacity=80); } .talent-a .txt:before{ content: ""; position: absolute; width: 20%; height: 3px; background: #fbcf0d; left: 0; top: 15px; } .talent-b{ margin-top: -10%; width: 100%; overflow: hidden; } .talent-b img{ position: relative; width: 100%; } .talent-c{ padding: 155px 0 120px; } .talent-c-a .txt{ width: 57%; font-size: 15px; line-height: 1.8; } .talent-c-a .txt h2{ margin-bottom: 10px; font-size: 30px; color: #fff; font-weight: bold; line-height: 3; } .talent-c-a .txt .line{ margin-bottom: 36px; width: 50px; height: 3px; background: #fcce01; } .talent-c-a .txt p{ margin-bottom: 15px; color: #dfe8f0; text-align: justify; opacity: 0.8; filter: alpha(opacity=80); } .talent-c-a .img{ position: absolute; top: 0; right: 0; width: 36.8%; } .talent-c-b{ margin-top: 77px; padding: 50px 20px; width: 84%; background: #fcce01 url(../img/bg19.jpg) no-repeat right bottom; box-sizing:border-box; box-shadow: 0 0 10px rgba(0,0,0,.2); } .talent-c-b li{ float: left; width: 20%; height: 120px; text-align: center; border-right: 1px solid #e3bf20; box-sizing:border-box; } .talent-c-b li:last-child{ border: none; } .talent-c-b li .box{ margin: 0 auto; max-width: 150px; } .talent-c-b li .box h2{ margin-bottom: 20px; font-size: 48px; color: #262e37; line-height: 1; } .talent-c-b li .box p{ font-size: 15px; color: #262e37; line-height: 1.8; } .talent-c-c{ margin-top: 60px; font-size: 16px; font-weight: bold; color: #fff; line-height: 2; } .talent-c-c span{ color: #fcce01; } .history{ padding: 90px 0 160px; } .history-tit{ width: 84.58333333333333vw; font-size: 48px; color: #ffffff; font-weight: bold; line-height: 1; margin: 0 auto; } .history-box{ width: 84.58333333333333vw; margin: 4.1vw auto 0; text-align: center; position: relative; } .history-box .imgs .img1{ width: 17.1875vw; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); } .history-box .imgs .img2{ width: 36.45833333333333vw; float: right; } .history-box .text{ position: absolute; width: 28vw; right: 0; top: 50%; transform: translate(0, -50%); text-align: left; font-size: 16px; color: #fff; box-sizing: border-box; } .history-box .year{ font-size: 38vw; line-height: 39vw; color: #303943; font-family:HelveticaNeueLTCYR-Bd,Arial,sans-serif; font-weight: bold; text-align: center; position: absolute; top: 0; left: 0; z-index: -1; } .history-box .imgs{ width: 46.66666666666667vw; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); } .yearbox .year{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .yearbox .swiper-slide{ position: relative; height: 34vw; overflow: hidden; } .history-box .control{ max-width: 100%; margin-top: 54px; } .history-box .swiper-pagination{ margin-top: 50px; position: static; max-width: 100%; } .history-box .swiper-pagination-bullet{ width: auto; color: rgba(255,255,255,.3); font-size: 13px; height: auto; line-height: 2; padding: 0 11px 15px; position: relative; cursor: pointer; background: transparent; top: 0; margin: 0; opacity: 1; filter: alpha(opacity=100); outline: none; } .history-box .swiper-pagination-bullet:after{ content: ''; display: block; position: absolute; width: calc(100% - 4px); height: 2px; bottom: 0; left: 50%; transform: translate(-50%,0); background: transparent; } .history-box .swiper-pagination-bullet-active{ color: #fff; } .history-box .swiper-pagination-bullet-active:after{ background-color: #fcce01; } .history-box .swiper-button-prev, .history-box .swiper-button-next{ width: 0.4rem; height: 0.6rem; background-size: 100% 100%; } .history-box .swiper-button-prev{ left: -0.3rem; } .history-box .swiper-button-next{ right: -0.3rem; } /*鏂伴椈璇︽儏*/ .newsinfo{ background: #343e48; color: #fff; padding: 50px 50px; } .newsinfo .tit{ text-align: center; font-size: 34px; line-height: 1.5; } .newsinfo .time{ text-align: center; margin-top: 14px; font-size: 18px; } .newsinfo .con { margin-top: 30px; font-size: 16px; color: rgba(255,255,255,.8); padding-bottom: 82px; border-bottom: 1px solid #505860; } .newsinfo .con p{ color: rgba(255,255,255,.8) !important; } .newsinfo .con img{ max-width: 100%; } .newsinfo .pagin { padding: 20px 0; } .newsinfo .pagin .left { width: 70%; float: left; } .newsinfo .pagin .left a{ display: block; font-size: 18px; color: rgba(255,255,255,.6); background: no-repeat left center; transition: all .5s ease-in; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .newsinfo .pagin .left a:hover{ color: rgba(255,255,255,1); } .newsinfo .pagin .return { vertical-align: middle; float: right; display: inline-block; font-size: 18px; color: #262e37; background-color: #fcce01; width: 169px; height: 51px; text-align: center; line-height: 51px; border-radius: 10px; } /*搴旇仒琛ㄥ崟*/ .recruitdtl { width: 100%; padding: 90px 0 100px; background: #262e37; overflow: hidden; } .recruitdtl-box{ max-width: 1400px; margin: 0 auto; /*background: #262e37;*/ } .applay-tb{ width: 960px; margin: 0 auto; color: #fcce01; } .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: 200px; height:34px; padding: 8px 10px; line-height: 18px; color: #fff; border: 1px solid #2d3640; box-shadow: 2px 2px 2px #2d3640 inset; background: #2d3640; font-size: 14px; box-sizing:border-box; } .applay-tb select.applay-input{ height: 34px; width: 200px; -webkit-appearance: none; } .applay-tb textarea.applay-input{ width: 840px; height: 100px; box-sizing:border-box; } .applay-tb .applay-input.code{ width: 90px; margin-right: 8px; } .applay-tb .submit{ width: 150px; height: 35px; background: #fcce01; font-size: 16px; color: #262e37; cursor: pointer; border: none; } /*.applay-tb .error { border-color: #fcce01; }*/ .code-bg{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.3); display: none; z-index: 99; } .code-bg img{ display: block; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 200px; } .zanwu{ color: #FFF; }