@font-face { font-family: "SourceHanSansCN-Normal"; src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "dinpro-bold"; src: url("fonts/dinpro-bold/dinpro-bold.woff2") format("woff2"), url("fonts/dinpro-bold/dinpro-bold.woff") format("woff"), url("fonts/dinpro-bold/dinpro-bold.ttf") format("truetype"), url("fonts/dinpro-bold/dinpro-bold.eot") format("embedded-opentype"), url("fonts/dinpro-bold/dinpro-bold.svg") format("svg"), url("fonts/dinpro-bold/dinpro-bold.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-Medium"; src: url("fonts/Montserrat-Medium/Montserrat-Medium.woff2") format("woff2"), url("fonts/Montserrat-Medium/Montserrat-Medium.woff") format("woff"), url("fonts/Montserrat-Medium/Montserrat-Medium.ttf") format("truetype"), url("fonts/Montserrat-Medium/Montserrat-Medium.eot") format("embedded-opentype"), url("fonts/Montserrat-Medium/Montserrat-Medium.svg") format("svg"), url("fonts/Montserrat-Medium/Montserrat-Medium.otf") format("opentype"); font-weight: normal; font-style: normal; } body,html,input,textarea,div{font-family: "SourceHanSansCN-Normal";} .daxie{text-transform: uppercase;} .cell_mid{ display: table; height:100%; width:100%; } .cell_h{ height:100%;display: table-cell; vertical-align: middle; } /*#endregion*/ /*#region 娓呴櫎娴姩*/ .clearfix:after{ content: '\20'; display: block; height: 0; clear: both; } .clearfix { *zoom:1; } /*#endregion */ .bottom-header li:last-child a{ font-family:Arial, Helvetica, sans-serif; } .bottom-header li a{ color:#252525; position:relative;} .bottom-header li a.biga:before{transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0s;opacity:0; content:''; position:absolute; left:50%; bottom:20px; width:16px; height:9px; margin-left:-8px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/img1.png);} .bottom-header li:hover a.biga:before{ bottom:30px;opacity:1;} .bottom-header li a:hover, .bottom-header li div:hover{ color:#002e94} .bottom-header li:hover a.bigaon{color:#002e94} .bottom-header li{transition:.8s cubic-bezier(.14,1,.34,1); position:relative; z-index:10;} .bottom-header li:hover{background-color:#f7f5f5;} .bottom-header li dl{ padding-bottom:20px;border-radius:3px 3px 3px 3px; display:none; position:absolute; width:100%; left:0; top:-20px; z-index:10; background-color:#f7f5f5; text-align:center;} .bottom-header li dl dd a{ color:#2c2c2c; font-size:16px; position:relative; display:inline-block; padding:5px 0px;} .bottom-header li dl dd a:before{transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0s; content:''; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#01ca81;} .bottom-header li dl dd a:hover:before{ width:100%;} .pq_1 ul li{ margin-right:3.57142857142857%; float:left; width:30.95238095238095%; margin-top:25px; margin-bottom:50px;} .pq_1 ul li:nth-child(3n){ margin-right:0} .pq_1_img_1{ overflow:hidden; position:relative;} .pq_1_img_1 img{ width:100%;} .pq_1_img{ position:relative;} .pq_1_img_name{ z-index:10; position:absolute; left:20px; bottom:-20px; height:31.88405797101449%; width:100%;} .pq_1_img_name_left{ height:100%; position:absolute; left:0; top:0; width:70%; background-color:#fff;} .pq_1_img_name_right{ text-align:center;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:10; position:absolute; right:0; top:0; width:30%; height:100%;} .pq_1 ul li:hover .pq_1_img_name_right{ width:34.23076923076923%;} .pq_1_img_name_right:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#1442a8; opacity:.85;} .pq_1 ul li:hover .pq_1_img_name_right:before{ opacity:1;} .pq_1_img_name_right span{ color:#fff; display:inline-block; position:relative; z-index:10;} .pq_1_img_name_left_img{ margin-left:20px; position:relative; height:100%;} .pq_1_img_name_left_img img{ max-height:63.63636363636364%;} .bottom-header li dl dd{ margin-top:10px;} .bottom-header li dl dd:nth-child(1){ margin-top:0;} .slider-ctr { width: 100%; height: 100vh; position:relative; box-sizing: border-box; overflow: hidden; } .slider-ctr:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%); pointer-events: none; z-index: 9; } .slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: 0.95s all cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); margin:0; padding:0; } .slide:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.125); } .slide.slide-on { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } .slide.text-on .title { transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } .slide.text-on .author { transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.6s; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } .slide img { display: block; max-width:49.64285714285714%; } .slide figcaption { position: absolute; top: 30px; left: 30px; } .slide .title { font-size: 50px; margin-bottom: 2px; color: white; transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); font-weight: 400; letter-spacing: 10px; text-transform: uppercase; position: relative; } .slide .author { font-size: 16px; color: white; opacity: .8; transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); font-weight: 300; letter-spacing: 3px; position: relative; z-index: 9; } .bannertxt{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0; position:absolute; left:0; bottom:42%; width:100%; z-index:10;} .text-on .bannertxt{ opacity:1;} .bannerimg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .slider__dots{ position:absolute; left:6.6%; z-index:10; bottom:0%; height:37.5%; color:#fff; width:14px; } .slider__dots span{ display:inline-block; position:relative;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:rotate(90deg);transform:rotate(90deg); font-size:18px; font-family: "Montserrat-Medium"; margin:15px 0px;} .slider__dots span:before{-webkit-transition:all 400ms cubic-bezier(0.785,0.135,0.150,0.860);transition:all 800ms cubic-bezier(0.785,0.135,0.150,0.860); content:''; position:absolute; left:0%; top:50%; height:1px; width:0%; background-color:#fff; margin-top:-0.5px;} .banner_line{ z-index:10; color:#fff; position:absolute; left:6%; bottom:0; height:38%; width:2px; background-color:#fff;} .banner_line span{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:rotate(90deg);transform:rotate(90deg); position:relative; display:block; font-size:18px; font-family:Arial, Helvetica, sans-serif; top:-70px;} .slider__dots span.slider__dot--active:before{ width:100%;} .bannermask{ margin:0 6%;} .index_1{ padding-top:115px; padding-bottom:80px; position:relative;} .index_1_right{ width:50%; margin-left:50%;} .index_1_right_1_mid_1{font-family: "dinpro-bold"; font-size:4.01041666666667vw; color:#073557;} .index_1_right_1_mid_2{ margin-top:15px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:3.38541666666667vw; line-height:50px;} .index_1_right_1{ display:inline-block; position:relative; padding:0 80px 0 0;} .index_1_right_1_left{ font-size:4.6875vw; position:absolute; left:-80px; color:#01223a;opacity:.5; font-family:Arial, Helvetica, sans-serif; top:0;} .index_1_right_1_right{ font-size:4.6875vw; position:absolute; right:0px; color:#01223a;opacity:.5; font-family:Arial, Helvetica, sans-serif; bottom:-40px;} .index_1_2{ position:relative; overflow:visible;} .index_1_2_left{ height:100%; position:absolute; left:0; top:0; width:64.32291666666667%;} .index_1_2_left_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img2.jpg);} .index_1_2_right{ position:relative; z-index:100; padding-bottom:50px; margin-left:69%; max-width:385px; margin-right:10%;} .index_1_2_right_1{ border-left:4px #43e473 solid; position:relative; font-size:24px; color:#252525;font-family: "Montserrat-Medium"; padding-left:20px; margin-top:40px; margin-bottom:47px;} .index_1_2_right_2{ line-height:2; font-size:18px; color:#2c2d2d; margin-bottom:85px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden;word-wrap:break-word; word-break:break-all; } .viewmorelink{ width:184px; line-height:50px; height:50px; cursor:pointer; display:inline-block; border:1px #7b7b7b solid; position:relative; z-index:10;} .viewmorelink span{font-family: "Montserrat-Medium"; color:#595959; display:inline-block; position:relative; z-index:10; font-size:14px; left:25px;-webkit-transition:all 400ms cubic-bezier(0.785,0.135,0.150,0.860);transition:all 800ms cubic-bezier(0.785,0.135,0.150,0.860);} .viewmorelink a{ display:block} .viewmorelink:before{ top:50%; margin-top:-5px; right:18px; content:''; position:absolute; width:14px; height:10px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img3.png);-webkit-transition:all 400ms cubic-bezier(0.785,0.135,0.150,0.860);transition:all 800ms cubic-bezier(0.785,0.135,0.150,0.860);} .viewmorelink:after{left:0;bottom:0;height:100%;content:'';width:0%;display:block;position:absolute;background:#1442a8;-webkit-transform:translate3d(0,0,0);-webkit-transition:all 600ms cubic-bezier(0.785,0.135,0.150,0.860);transition:all 400ms cubic-bezier(0.785,0.135,0.150,0.860);} .viewmorelink:hover:after{ width:100%;-webkit-transform:translate3d(0,0,0);} .viewmorelink:hover span{ color:#fff;} .viewmorelink:hover:before{ right:0; opacity:0;} .viewmorelink:hover span{ left:50%; margin-left:-44px;} .index_1_2_by{ z-index:100; position:absolute; right:6%; bottom:-10%; border-right:1px #000 solid; padding-top:73px;} .index_1_2_by ul li{ text-align:center; font-size:2.60416666666667vw; color:#555;} .index_1_2_by ul li:nth-child(3){ background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img4.jpg);} .index_3{ color:#fff; padding-top:240px; padding-bottom:215px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img5.jpg);} .index_3_mid{ margin:0 4%;} .index_3_mid_1_left_1{ font-size:3.75vw;font-family: "dinpro-bold"} .index_3_mid_1_left_2{ font-size:3.125vw; margin-top:18px;} .index_3_mid_1_left{ float:left; display:inline-block; border-top:10px #42e472 solid; padding-top:30px; padding-right:80px;} .index_3_mid_1_right{ font-size:18px; line-height:1.7; float:right; width:40%;} .index_3_mid_1_right_1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all;} .index_3_mid_1_right_2{ font-family:Arial, Helvetica, sans-serif;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;word-wrap:break-word; word-break:break-all; margin-top:15px;} .index_3_mid_2_mid{ position:relative;} .index_3_mid_2{ margin-top:105px;} .index_3_mid_2 ul li{ margin-right:0%; float:left; width:25%;} .index_3_mid_2 ul li:nth-child(4n){ margin-right:0;} .index_3_mid_2 ul li img{ width:100%;} .index_3_mid_2 ul li:hover img{transform: scale(1, 1);} .index_3_mid_2_mid_1{ overflow:hidden;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: scale(.8, .8);} .index_3_mid_2 ul li:hover .index_3_mid_2_mid_1{transform: scale(1, 1);} .index_3_mid_2_mid{ position:relative;} .index_3_mid_2_mid_2{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .index_3_mid_2_mid_3{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.6; z-index:1;} .index_3_mid_2 ul li:hover .index_3_mid_2_mid_3,.index_3_mid_2 ul li:hover .index_3_mid_2_mid_2{ opacity:0;} .index_3_mid_2_mid_2_mid{ margin:0 16px;} .index_3_mid_2_mid_2_mid_1{ font-size:30px;} .index_3_mid_2_mid_2_mid_2{ font-size:30px; font-family:Arial, Helvetica, sans-serif; margin-top:13px;} .index_4_left_1{ padding:155px 0 90px 0px; width:64.32291666666667%;} .index_4_left_1_mid{ padding:20px 9%; background-color:#304386; text-align:center;} .index_4_left_1_mid ul li{ float:left; width:33.3333%; height:100px; margin:20px 0px;} .index_4{ position:relative;} .index_4_right{ position:absolute; left:64.32291666666667%; top:32px;} .index_4_right .index_3_mid_1_left{ padding-right:25px; float:none} .index_4_right_2{ width:72.26277372262774%; margin-left:4%; margin-top:45px;} .index_4_right_1{ margin-left:-128px;} .index_4_right_2_2{ font-size:18px; line-height:1.8; margin-top:25px;} .index_5{ margin:0 4.6875%;} .index_5_mid{ position:relative;} .index_5_mid_img{ overflow:hidden;} .index_5_mid_img img{ width:100%;} .index_5_mid_1:after{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%} .a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family: "Montserrat-Medium";height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:10} .a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s} .a-image-hover span:first-child{transition-delay:.03s} .a-image-hover span:nth-child(2){transition-delay:.06s} .a-image-hover span:nth-child(3){transition-delay:.09s} .a-image-hover span:nth-child(4){transition-delay:.12s} .index_5 .swiper-slide:hover .a-image-hover span{opacity:1;transform:translateZ(0)} .index_5 .swiper-slide:hover .a-image-hover span:first-child{transition-delay:.12s} .index_5 .swiper-slide:hover .a-image-hover span:nth-child(2){transition-delay:.06s} .index_5 .swiper-slide:hover .a-image-hover span:nth-child(3){transition-delay:.04s} .index_5 .swiper-slide:hover .a-image-hover span:nth-child(4){transition-delay:.03s} .index_5 .swiper-slide:hover .index_5_mid_1:after{ opacity:1;} .index_5_mid_1{ position:relative;} .index_5_mid_2{ position:relative; margin-top:75px; padding-right:200px;} .index_5_mid_2_right{ font-size:18px; color:#555; position:absolute; right:0; top:-11px;} .index_5_mid_2_left_1{ font-size:18px; color:#000;} .index_5_mid_2_left_2{ margin-top:10px; min-height:20px; font-size:18px; color:#555; font-family:Arial, Helvetica, sans-serif} .index_5_mid_2_right span{ color:#03af37; font-size:32px; font-family:Arial, Helvetica, sans-serif} .index_5_mid_1_footer{ z-index:100; position:absolute; height:106px; left:0; bottom:-53px; background-color:#f7f7f7; width:66%;} .index_5_mid_1_footer_mid{ margin-left:15px;} .index_5_mid_1_footer_mid img{ max-width:100%;} .project_footer{width:34%; left:26%; margin-top:108px; margin-bottom:108px; position:relative;} #project_scroll{ left:0; width:100%; position:relative; border-radius:0; height:7px; background:none; background-image:url(../images/index/img10.png); background-position:center; background-repeat:repeat-x;} #project_scroll .swiper-scrollbar-drag{border-radius:0; background-color:#42e472} .project_footer_right{ position:absolute; right:-315px; top:-18px;} .project_footer_right a{ overflow:hidden; display:inline-block; position:relative; font-size:45px; color:#2f2f2f; font-family:Arial, Helvetica, sans-serif;} .project_footer_right a span{ margin-top:-19.5px; background-image:url(../images/index/img11.jpg); content:''; position:absolute; left:-69px; top:50%; width:49px; height:39px; background-position:center; background-repeat:no-repeat; background-size:cover;} /*.project_footer_right a:after,.project_footer_right a:before{content:''; position:absolute; width:100%; bottom:0; right:0; height:1px; background-color:#42e472;} .project_footer_right a:after{transform:translateX(-100%);opacity:0; } .project_footer_right a:hover:not(:disabled):before{animation-delay:0s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-1;animation-timing-function:cubic-bezier(.215,.61,.355,1)} .project_footer_right a:hover:not(:disabled):after{animation-delay:.2s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-2;animation-timing-function:cubic-bezier(.215,.61,.355,1)}*/ .project_footer_right a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-bottom: 1px solid #42e472; transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975); } .project_footer_right a:hover:after { -webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1; animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1; } .project_footer_right_footer{ position:absolute; left:0; bottom:-25px; width:100%; text-align:center;} .project_footer_right_footer a{ margin:0 3px; display:inline-block; width:8px; height:10px; background-position:center; background-repeat:no-repeat;} .project_footer_right_footer_left{ background-image:url(../images/index/img12.jpg);} .project_footer_right_footer_right{ background-image:url(../images/index/img13.jpg);} .index_6{ margin:0 6%;} .index_6_2_1{ margin-top:8px;} .index_6_3 ul li{ text-align:center; height:145px; float:left; width:16.66666666666667%;} .index_6_3{ margin:50px 0px 110px 0px;} #main-footer{ padding-top:98px; padding-bottom:62px; background-color:#242425; position:relative;} .top-new-footer{ position:relative; z-index:10; margin:0 6%;} .main-footer-bg{ height:100%; max-width:54.73958333333333%; position:absolute; right:6%; top:0; text-align:right} .main-footer-bg img{ width:100%;} .top-new-footer_left_2{ font-size:18px; color:#fff; line-height:1.4;} .top-new-footer_left_3{ line-height:1.4; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif} .top-new-footer_left{ max-width:308px;} .top-new-footer_left_1{ margin-bottom:50px;} .top-new-footer_left_4{ margin-top:115px; color:#7c7c7c; font-size:14px; line-height:2;} .top-new-footer_left_4 img{ margin-right:10px;} .top-new-footer_mid{ line-height:1.5; position:absolute; left:31%; top:0; width:37.5%;} .top-new-footer_mid_left ul li{ display:block; width:100%; clear:both; overflow:hidden} .top-new-footer_mid_left_name{ padding-right:67px; position:relative; display:inline-block; font-size:24px; color:#fff; border-top:4px #42e472 solid; padding-top:5px;} .top-new-footer_mid_left_jj{ font-size:18px; color:#7c7c7c; margin-top:16px;} .top-new-footer_mid_left ul li:nth-child(2) .top-new-footer_mid_left_1{ float:right} .top-new-footer_mid_left ul li:nth-child(3){ margin-top:30px;} /*.top-new-footer_mid_left_name_ico:before{ content:''; position:absolute; right:18px; width:23px; height:8px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/footer/img2.png); top:50%; margin-top:-4px;transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .top-new-footer_mid_left_name_ico:hover:before{ opacity:0; right:0;} .top-new-footer_mid_left_name_ico:after{opacity:0; content:''; position:absolute; right:40px; width:23px; height:8px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/footer/img2.png); top:50%; margin-top:-4px;transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;} .top-new-footer_mid_left_name_ico:hover:after{ opacity:1; right:18px;}*/ .top-new-footer_mid_left_name_ico:before{transform:translateX(0)} .top-new-footer_mid_left_name_ico:after,.top-new-footer_mid_left_name_ico:before{content:''; position:absolute; right:18px; width:23px; height:8px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/footer/img2.png); top:50%; margin-top:-4px;} .top-new-footer_mid_left_name_ico:after{transform:translateX(-100%);opacity:0; } .top-new-footer_mid_left_name_ico:hover:not(:disabled):before{animation-delay:0s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-1;animation-timing-function:cubic-bezier(.215,.61,.355,1)} @keyframes translateX-hover-1{0%{transform:translateX(0);transform-origin:100% 0}to{opacity:0;transform:translateX(100%);transform-origin:100% 0}} .top-new-footer_mid_left_name_ico:hover:not(:disabled):after{animation-delay:.2s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-2;animation-timing-function:cubic-bezier(.215,.61,.355,1)} @keyframes translateX-hover-2{0%{opacity:0;transform:translateX(-100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}} .top-new-footer_mid_left_gs dl{ margin-top:24px;} .top-new-footer_mid_left_gs dl dd{ display:inline-block; font-size:18px; margin-left:20px;} .top-new-footer_mid_left_gs dl dd a{ overflow:hidden; color:#fff; display:inline-block; position:relative;} .top-new-footer_mid_left_gs dl dd:nth-child(1){ margin-left:0;} .top-new-footer_mid_left_gs dl dd a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-bottom: 1px solid #42e472; transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975); } .top-new-footer_mid_left_gs dl dd a:hover:after { -webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1; animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1; } @keyframes link-hover { 0% { transform: translateX(0%); } 50% { transform: translateX(100%); } 50.01% { transform: translateX(-100%); } 100% { transform: translateX(0%); } } @-webkit-keyframes link-hover { 0% { transform: translateX(0%); } 50% { transform: translateX(100%); } 50.01% { transform: translateX(-100%); } 100% { transform: translateX(0%); } } /*.top-new-footer_mid_left_gs dl dd a:before{transition:all .5s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; width:100%; bottom:0; right:0; height:1px; background-color:#42e472;} .top-new-footer_mid_left_gs dl dd a:after{transform:translate3d(0px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s;opacity:0; width:0; content:''; position:absolute; width:0%; bottom:0; left:0; height:1px; background-color:#42e472;opacity:0;transition-delay:.5s} .top-new-footer_mid_left_gs dl dd a:hover:not(:disabled):before{ width:0;} .top-new-footer_mid_left_gs dl dd a:hover:not(:disabled):after{ width:100%;opacity:1;} */ .top-new-footer_right{ position:absolute; right:0; top:0; width:16%;} .top-new-footer_right dl dd{ text-align:center; float:left; width:45%;} .top-new-footer_right dl dd:nth-child(2){ float:right;} .top-new-footer_right dl dd img{ width:100%;} .top-new-footer_right_2{ font-size:12px; color:#7c7c7c; line-height:1.6; margin-top:5px;} #pattern{ display:none} .slider__blur{-webkit-filter:blur(9px);filter:blur(9px);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;transform:translateY(50px)} .text-on .slider__blur{-webkit-filter:blur(0);filter:blur(0);filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;transform:translateY(0px)} .trans-slowerest,.trans-slowerest:hover{-moz-transition:all 1200ms cubic-bezier(0.16, 0.01, 0.77, 1);-o-transition:all 1200ms cubic-bezier(0.16, 0.01, 0.77, 1);-webkit-transition:all 1200ms cubic-bezier(0.16, 0.01, 0.77, 1);transition:all 1200ms cubic-bezier(0.16, 0.01, 0.77, 1)} .trans-anim-slow,.trans-anim-slow:hover{-moz-transition:all 1700ms cubic-bezier(0.16, 0.01, 0.77, 1);-o-transition:all 1700ms cubic-bezier(0.16, 0.01, 0.77, 1);-webkit-transition:all 1700ms cubic-bezier(0.16, 0.01, 0.77, 1);transition:all 1700ms cubic-bezier(0.16, 0.01, 0.77, 1)} .index_1{ overflow:hidden} .scroll_1{pointer-events:none; z-index:0; position:absolute; left:6%; width:26%; top:0; background-color:#dfe9ee;opacity:.4; height:25%;} .scroll_2{pointer-events:none; z-index:0; position:absolute; left:26%; width:34.375%; top:5vh; background-color:#dfe9ee;opacity:.4;height:95%;} .scroll_3{pointer-events:none; z-index:0; position:absolute; left:54.6875%; width:13%; top:10vh; background-color:#dfe9ee;opacity:.4;height:12%;} .scroll_4{pointer-events:none; z-index:0; display:none; position:absolute; left:26%; width:34.375%; top:0vh; background-color:#dfe9ee;opacity:.4;height:12%;} .scroll_5{pointer-events:none; z-index:0; position:absolute; right:0%; width:21.875%; bottom:0vh; background-color:#dfe9ee;opacity:.4;height:55%;} .scroll_6{pointer-events:none; z-index:0; position:absolute; left:6%; width:34.58333333333333%; top:-8%; background-color:#dfe9ee;opacity:.4;height:56.85463010863942%;} .scroll_7{pointer-events:none; z-index:0; position:absolute; left:26%; width:34.375%; top:3.82824624935334%; background-color:#dfe9ee;opacity:.4;height:80%;} .scroll_8{pointer-events:none; z-index:0; position:absolute; right:0%; width:21.875%; top:21.98654940506984%; background-color:#dfe9ee;opacity:.4;height:36.3683393688567%;} .home-business__slider-item-seat { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .js-scroll-border { border: 40px solid #FFF; transition: border 3s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-slide.animated .js-scroll-border{ border: 0px solid #FFF; } .t-pageTop{position:absolute} .t-pageTop_inner *{pointer-events:none} .t-pageTop .text{}.t-pageTop .text,.t-pageTop .text *{font-feature-settings:normal;font-size:12px; color:#7c7c7c} html.-ie .t-pageTop .text{display:inline-block; }.t-pageTop .text>*{display:inline-block!important;font-size:12px; color:#7c7c7c} .t-pageTop .icon_inner{position:relative;width:100%;height:100%;display:block} .t-pageTop .icon_inner .line-base,.t-pageTop .icon_inner .line-color{height:100%;width:2px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:0} .t-pageTop .icon_inner .line-base{background-color:#82827c} .t-pageTop .icon_inner .line-color{position:relative;overflow:hidden} .t-pageTop .icon_inner .line-color_inner{position:relative;width:100%;height:100%;display:block;background-color:#edede8} .t-pageTop .icon_inner .circle{background-color:#42e472;position:absolute;top:0;border-radius:50%;transform-origin:center} .t-pageTop.-trans .icon .line-color_inner{animation:pageTopLine 2s ease-out infinite normal} .t-pageTop.-trans .icon .circle{animation:pageTopIcon 2s ease-out infinite normal} @keyframes pageTopIcon{0%{transform:translate3d(0,3.125rem,0) scale(.5);opacity:0}40%{transform:translate3d(0,-.1875rem,0) scale(1);opacity:1}to{transform:translate3d(0,-.1875rem,0) scale(.5);opacity:0}} @keyframes pageTopLine{0%{transform:translate3d(0,100%,0);opacity:0}50%{opacity:1}to{transform:translate3d(0,-150%,0);opacity:0}} .t-pageTop { right: 2%; bottom: 20%; z-index:88; cursor: pointer; } .t-pageTop { cursor: pointer; } .t-pageTop .icon { width: 10px; height: 70px; margin-left:19px; margin-bottom:10px; } .t-pageTop .icon_inner .circle { width: 10px; height: 10px; left: 0; } .bannertxt_ny{ height:auto; top:29%; bottom:auto;} .aboutcom{ margin:0 6%;} .HeaderList{ text-align:left; position:relative; padding:22px 0px;} .Header .HeaderBrick{display:block;overflow:hidden;position:absolute;left:0;width:10px;top:-15px; height:30px;pointer-events:none;transition: all .5s;} .Header .HeaderBrick:after{ content:''; width:2px; left:50%; margin-left:-1px; position:absolute; top:0;background:#3fd66d; height:30px;} .HeaderList a{ margin-right:25px; color:#3c3c3c; display:inline-block; text-align:center; font-size:16px;} .HeaderList a.Active{ color:#164161; } .about_1{ background-color:#fff; position:relative; z-index:10;} .about_2,.about_3{ overflow:hidden; background-color:#f8f8f8;} .about_2_1{ margin-top:85px; } .about_2_1 ul{ display:inline-block; position:relative;} .about_2_1 ul:before{transition: width 1.5s cubic-bezier(.23,1,.38,1) 0s; content:''; position:absolute; right:-11.875vw; bottom:.4vw; height:.5vw; z-index:5; background-color:#42e472; width:0;} .about_2_1.is-inview ul:hover:before{ width:0;} .about_2_1.is-inview ul:before{ width:26.04166666666667vw;} .about_2_1 ul li{ font-size:3.54166666666667vw; margin-right:1.25vw; z-index:1; display:inline-block; position:relative;font-family: "Montserrat-Medium"; font-weight:bold} .about_2_1 ul li:nth-child(1){ z-index:10;} .about_2_1 ul li:nth-child(2){ margin-right:0} .about_2_2{ color:#000;margin-bottom:85px; font-size:2.1875vw; margin-top:15px;} .about_3_1{ position:relative; } .about_3_1_left{ left:11.78571428571429%; width:34.52380952380952%; position:relative;} .about_3_1_left_mid{ position:relative;} .about_3_1_left_mid:before{transition: width 0.5s cubic-bezier(.23,1,.38,1) 0s; content:''; position:absolute; right:0; top:0; height:100%; width:30px; background-color:#f8f8f8; z-index:1;} .about_3_1_left:hover .about_3_1_left_mid:before{ width:0; transition-delay: 0.1s !important;} .about_3_1_left_mid_1 img{ width:100%; float:left} .about_3_1_left_mid_1{ position:relative; overflow:hidden} .about_3_1_left_mid_1 img{} .about_3_1_left_mid_1_img{ position:relative;transform: translateX(-30px) rotate(0.0001deg); position:relative;transition: all 2s cubic-bezier(0.23, 1, 0.38, 1) 0s; overflow:hidden} .about_3_1_left_mid_1_img:after{ content:''; position:absolute; right:0px; top:0; width:100%; height:100%; z-index:10; background-color:#000;opacity:.5;} .about_3_1_left_mid_jj{ color:#fff; position:absolute; right:0; width:80%; z-index:10; bottom:27%; max-width:450px;} .about_3_1_left_mid_jj:before{ content:''; position:absolute; right:0%; top:0; height:100%; width:18%; background-color:#1442a8;transition: all 2s cubic-bezier(0.23, 1, 0.38, 1) 0s;} .about_3_1_left:hover .about_3_1_left_mid_jj:before{transform: translateX(20px) rotate(0.0001deg);transition-delay: 0.25s !important; width:100%;} .about_3_1_left:hover .about_3_1_left_mid_1_img{transform: translateX(0px) rotate(0.0001deg);} .about_3_1_left_mid_jj_mid_right{ text-align:right} .about_3_1_left_mid_jj_mid{ margin:18px 22% 18px 14%; position:relative; z-index:10;} .about_3_1_left_mid_jj_mid_1{ font-size:2.1875vw;} .about_3_1_left_mid_jj_mid_2{ font-size:1.25vw; margin-top:13px;font-family: "Montserrat-Medium";} .about_3_1_right{ position:absolute; right:0; top:10%; width:50%;} .about_3_1_right_cate li{ margin-bottom:20px; float:left; margin-right:2%; width:32%;} .about_3_1_right_cate li:nth-child(3n){ margin-right:0;} .about_3_1_right_cate li a{ padding:16px 0px;transition: all 2s cubic-bezier(0.23, 1, 0.38, 1) 0s; display:block; text-align:center; font-size:18px; color:#3c3c3c; border:2px #e7eef2 solid; background-color:#fff;} .about_3_1_right_cate li a:hover{ /*border-color:#304386;*/ color:#304386} .about_3_2 .about_3_1_left{ left:50%; width:40.47619047619048%; margin-top:-100px;} .about_3_2 .about_3_1_right{ left:auto; right:53.69047619047619%; padding-right:30px; width:46.30952380952381%; top:auto; bottom:17%;} .about_3_2 .about_3_1_right_cate li{ width:32%; float:right} .about_3_2 .about_3_1_right_cate li:nth-child(3n){ margin-right:0} .about_3_2 .about_3_1_right_cate li:nth-child(4n){margin-right:3.17460317460317%;} .about_3_2 .about_3_1_left_mid_jj{ right:auto; left:0;} .about_3_2 .about_3_1_left_mid_jj_mid{ margin:18px 14% 18px 22%; } .about_3_2 .about_3_1_left_mid_jj:before{ right:auto; left:0;} .about_3_2 .about_3_1_left_mid:before{ right:auto; left:0;} .about_3_2 .about_3_1_left:hover .about_3_1_left_mid_jj:before{transform: translateX(-20px) rotate(0.0001deg); } .about_3_3 .about_3_1_left{ width:44%;} .about_3_3 .about_3_1_right{ width:34%; right:4%; top:13.82978723404255%; } .about_3_3 .about_3_1_right_cate li{ width:32%; } .about_3_3 .about_3_1_right_cate li:nth-child(3n){ margin-right:0} .about_3_3 .about_3_1_right_cate li:nth-child(4n){margin-right:3.17460317460317%;} .about_3_3{ margin-top:89px; padding-bottom:200px; } .about_6_left{ position:relative; width:63.69047619047619%;} .about_6_left .index_1_right_1_left{ left:0;} .about_6_left .index_1_right_1{ padding-left:2.34375vw; padding-right:2.34375vw;} .about_6_left .index_1_right_1_mid_2{ text-align:left; padding-left:6vw;} .about_6_left_mid_2{ font-size:16px; line-height:2; color:#000; padding-left:8.34375vw; margin-top:25px; } .about_6_left .index_1_2_by{ right:0;} .about_6_left_mid{ padding-right:6.25vw;} .about_6_right{ position:absolute; right:0%; top:30%; width:35.41666666666667%;} .about_6_right_mid{ overflow:hidden; position:relative} .about_6_right_mid img{ width:100%;} .about_6{ margin-bottom:167px;} .about_7 ul li{ position:relative; float:left; width:33.3333%;} .m-image-link_image{ position:relative; overflow:hidden} .m-image-link_image img{ float:left; width:100%;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .m-image-link:hover .m-image-link_image img{transform: scale(1.08, 1.08);} .m-image-link{ display:block; position:relative; width:100%; height:100%; overflow:hidden;} .m-image-link_bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1} .m-image-link_bg:after,.m-image-link_bg:before{background-color:rgba(0,0,0,.6);content:"";height:100%;left:0;position:absolute;top:0;width:100%} .m-image-link_bg:before{transform:translateX(0)}.m-image-link_bg:after{transform:translateX(-100%)} .m-image-link:hover .m-image-link_bg:before{animation-delay:0s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-1;animation-timing-function:cubic-bezier(.215,.61,.355,1)} .m-image-link:hover .m-image-link_bg:after{animation-delay:.2s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-2;animation-timing-function:cubic-bezier(.215,.61,.355,1)} .m-image-link_body{align-items:flex-start;bottom:0;color:#fff;display:flex;flex-flow:column nowrap;height:100%;justify-content:flex-end;left:0;position:absolute;width:100%;z-index:10} .m-image-link_body_inner{padding:7.5% 8%} .m-image-link_body_subline{ font-size:14px; color:#e9e5e5;font-family: "Montserrat-Medium";opacity:.5;} .m-image-link_body_title{ font-size:2.39583333333333vw; font-weight:bold;font-family: "Montserrat-Medium"; margin-top:17px; margin-bottom:17px;} .m-image-link_body .a-body{margin-top:18px; font-size:16px; color:#e9e5e5;} .about_7{ background-color:#f8f8f8;} .about_2_bg_line_1{pointer-events: none; background-color:#e7edf0; opacity:.5; height:24%; position:absolute; left:0; top:0; width:34.16666666666667%;} .about_2_bg_line_2{pointer-events: none; background-color:#e7edf0; opacity:.5; height:93%; position:absolute; left:26%; top:1%; width:42%;} .about_2_bg_line_3{pointer-events: none; background-color:#e7edf0; opacity:.5; height:17%; position:absolute; right:17.70833333333333%; top:0%; width:16.82291666666667%;} .about_2_bg_line_4{pointer-events: none; background-color:#e7edf0; opacity:.5; height:9.84251968503937%; position:absolute; right:0%; bottom:0%; width:7.39583333333333%;} .yw_1 ul li{ margin:0 auto; max-width:67.70833333333333%;margin-bottom:120px;} .yw_1 ul li:nth-child(2n){ max-width:80.20833333333333%;} .yw_1_mid{ position:relative;} .yw_1_mid_right{ background-color:#fff; overflow:hidden; width:55.38461538461538%; position:relative; z-index:10; margin-left:44.61538461538462%;} .yw_1_mid_left{ position:absolute; left:0; top:-14.58333333333333%; width:49.23076923076923%; height:100%;} .yw_1_mid_left_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .yw_1_mid_right_mid{ margin:0 16%; margin-top:18%; margin-bottom:20%;} .yw_1_mid_right_mid_1{ color:#000; font-size:2.8125vw; font-family: "Montserrat-Medium";} .yw_1_mid_right_mid_2{ color:#000; margin-top:17px; font-size:1.66666666666667vw;} .yw_1_mid_right_mid_3{ color:#000; font-size:16px; line-height:2; margin-top:35px;} .yw_1 ul li:nth-child(2n) .yw_1_mid_right{ margin-left:0; width:50%; background-color:#d8e7e8;} .yw_1 ul li:nth-child(2n) .yw_1_mid_left{ right:0; left:auto; width:57.14285714285714%; top:8.92307692307692%;} .yw_1 ul li .yw_1_mid_v .yw_1_mid_left{ top:0; width:51.2987012987013%;} .yw_1 ul li .yw_1_mid_v .yw_1_mid_right{ width:53.8961038961039%; background-color:#eeeee6;} .yw_1 ul li .yw_1_mid_v{ padding:57px 0px;} .yw_1 ul li:last-child{ margin-bottom:0px;} .yw_1 ul li .yw_1_mid_3 .yw_1_mid_left{ width:57.69230769230769%; top:0;} .yw_1 ul li .yw_1_mid_3{ padding:40px 0px;} .yw_1 ul li .yw_1_mid_3 .yw_1_mid_right{ width:42.30769230769231%; margin-left:57.69230769230769%;} .yw_1{ padding-top:0px;} .draw-line { position: absolute; z-index: 3; display: inline-block; transition: color 0.25s; } .greenline .draw-line{ background-color:#42e472;} .blueline .draw-line{ background-color:#1442a8;} .grayline .draw-line{ background-color:#a5a59b} .draw-line.top { top: 0px; left: 0px; width: 0px; height: 10px; } .draw-line.right { top: 0px; right: 0px; width: 10px; height: 0px; } .draw-line.bottom { bottom: 0px; right: 0px; width: 0px; height: 10px; } .draw-line.left { bottom: 0px; left: 0px; width: 10px; height: 0px; } .yw_1 ul li:hover .draw-line.top { width: 100%; transition: 1.5s; } .yw_1 ul li:hover .draw-line.right { height: 100%; transition: 1.5s 1.5s; } .yw_1 ul li:hover .draw-line.bottom { width: 100%; transition: 1.5s 3s; } .yw_1 ul li:hover .draw-line.left { height: 100%; transition: 1.5s 4.5s; } .qy_1{ font-size:15px; color:#2c2d2d; line-height:1.6;} .about_2_2_nm{ margin-bottom:15px;} .qy_2{ margin-bottom:8vw;} .qy_2 ul li{ float:left; width:46.42857142857143%; margin-top:6.25vw;} .qy_2 ul li:nth-child(1){ margin-top:0;} .qy_2 ul li:nth-child(2n){ float:right;margin-top:7.65625vw;} .qy_2_1_img{ position:relative; overflow:hidden;} .qy_2_1_img:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#000; opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .qy_2_1_img img{ width:100%;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .qy_2 ul li:hover .qy_2_1_img img{transform: scale(1.08, 1.08);} .qy_2_1{ position:relative;} .qy_2_1_logo{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; position:absolute; z-index:10; left:20px; bottom:-20px; background-color:#fff; padding:20px;} .qy_2_1_logo img{ max-height:4.32291666666667vw;} .qy_2_2{ margin:0 20px;} .qy_2_2_1{ color:#000; font-size:1.66666666666667vw; margin-top:60px;} .qy_2_2_2{ margin-top:15px; color:#000; font-size:16px;font-family: "Montserrat-Medium";} .qy_2_2_3{ font-size:15px; color:#010101; line-height:2;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;word-wrap:break-word; word-break:break-all; margin:30px 0px; } .qy_2 ul li:hover .viewmorelink:after{ width:100%;-webkit-transform:translate3d(0,0,0);} .qy_2 ul li:hover .viewmorelink span{ color:#fff;} .qy_2 ul li:hover .viewmorelink:before{ right:0; opacity:0;} .qy_2 ul li:hover .viewmorelink span{ left:50%; margin-left:-44px;} .qy_2 ul li:hover .qy_2_1_logo{ opacity:0; bottom:-20%;} .qy_2 ul li:hover .qy_2_1_img:after{ opacity:.5;} .qy_2_1_logo2{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; position:absolute; left:0; top:0; width:100%; height:100%; z-index:8; text-align:center;opacity:0;} .qy_2 ul li:hover .qy_2_1_logo2{ opacity:1;} .pro_1 ul li{ margin-right:1.78571428571429%; float:left; width:32.14285714285714%; margin-top:37px;} .pro_1 ul li:nth-child(3n){ margin-right:0;} .pro_1_1{ position:relative;} .pro_1_1_img{ position:relative; overflow:hidden} .pro_1_1_img:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#000; opacity:0;} .pro_1 ul li:hover .pro_1_1_img:before{ opacity:.5;} .pro_1_1_img img{ width:100%;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s} .pro_1 ul li:hover .pro_1_1_img img{transform: scale(1.08, 1.08);} .pro_1_1_mask{ z-index:10;opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;} .pro_1 ul li:hover .pro_1_1_mask{ opacity:1;} .pro_1_1_mask img{ max-width:90%;} .pro_1_2_1{ margin-top:25px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; font-size:22px; color:#000; position:relative;} .pro_1 ul li:hover .pro_1_2_1{ padding-left:45px;} .pro_1_2_1:before{ width:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; position:absolute; left:0; content:''; width:0px; height:4px; top:50%; margin-top:-2px; background-color:#01c675;} .pro_1 ul li:hover .pro_1_2_1:before{ width:30px;} .pro_1_2_2{ font-size:18px; color:#555;font-family: "Montserrat-Medium"; margin-top:14px;} .HeaderList2{ text-align:center; position:relative; margin:20px 0px 120px 0px;} .Header2 .HeaderBrick2{display:block;overflow:hidden;position:absolute;left:0;width:20px;top:50%; margin-top:-5px; height:9px;pointer-events:none;transition: all .5s;} .Header2 .HeaderBrick2:after{ content:''; width:20px; left:50%; margin-left:-10px; position:absolute; bottom:0;background:#3fd66d; height:100%;} .HeaderList2 a{ color:#a2a2a2; padding:0 10px;font-family: "Montserrat-Medium"; display:inline-block; text-align:center; font-size:22px;} .HeaderList2 a.Active{ color:#000; } .HeaderList3{ text-align:left; position:relative; margin:0px 0px 0px 0px;} .Header3 .HeaderBrick3{display:block;overflow:hidden;position:absolute;left:0;width:100%;bottom:0%; height:3px;pointer-events:none;transition: all .5s;} .Header3 .HeaderBrick3:after{ content:''; width:100%; left:0%; position:absolute; bottom:0;background:#3fd66d; height:100%;} .HeaderList3 a{ color:#a2a2a2; padding:0 0px;font-family: "Montserrat-Medium"; padding-bottom:10px; display:inline-block; text-align:center; font-size:1.5625vw; margin-right:35px;} .HeaderList3 a.Active{ color:#000; } .pq_cate{ padding-top:20px;} .pq_1_jj{ margin-top:44px; margin-left:20px; margin-right:20px;} .pq_1_jj_1{ font-size:22px; color:#000;} .pq_1_jj_2{ margin-top:12px; font-size:15px; color:#000;font-family: "Montserrat-Medium"; } .pq_1_jj_3{ font-size:15px; color:#555; line-height:2; margin-top:20px;} .pq_1_img_name_right span{webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; padding-right:25px;} .pq_1_img_name_right span:before{webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; right:0; background-position:right center; background-repeat:no-repeat; width:16px; height:9px; top:50%; margin-top:-4.5px; background-image:url(../images/pq/img3.png);} .pq_1_img_1:before{webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0; z-index:1;} .pq_1 ul li:hover .pq_1_img_1:before{ opacity:.5;} .news_1 ul li{ margin-right:3.57142857142857%; float:left; width:30.95238095238095%; margin-bottom:48px;} .news_1 ul li:nth-child(3n){ margin-right:0;} .news_1_mid_1{ position:relative;} .news_1_mid_1:before{webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#000; opacity:.5;} .news_1_mid_1 img{ width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .news_1 ul li:hover .news_1_mid_1 img{transform: scale(1.08, 1.08);} .news_1_mid_1_jj{ position:absolute; left:0; bottom:0; z-index:10; width:100%; } .news_1_mid_1_jj_mid{margin:10px 20px;webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .news_1_mid_1_jj_mid div{display: -webkit-box;webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; color:#fff; font-size:17px; line-height:1.6;webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .news_1_mid_2_1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; font-size:15px; color:#000; margin-top:33px; margin-bottom:20px; line-height:1.6;} .news_1_mid_2_2{ color:#555;font-family: "Montserrat-Medium"; font-size:16px;} .news_1_mid_2_2 span{ padding-left:30px; display:inline-block; position:relative;} .news_1_mid_2_2 span:before{ content:''; position:absolute; left:0; width:20px; height:4px; top:50%; margin-top:-2px; background-color:#43e473} .news_1 ul li:hover .news_1_mid_1_jj_mid{ padding:10px 20px; position:relative} .news_1_mid_1_jj_mid_bg{opacity:0;webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;transform: scale(0, 0); position:absolute; left:0; bottom:-100%; width:100%; height:100%; background-color:#1442a8; z-index:-1;} .news_1 ul li:hover .news_1_mid_1_jj_mid_bg{ opacity:1; bottom:0; width:100%; height:100%;transform: scale(1, 1);} .news_1 ul li:hover .news_1_mid_1:before{ opacity:0;transform: scale(1.08, 1.08); } .pq_1_img_1 img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .pq_1 ul li:hover .pq_1_img_1 img,.pq_1 ul li:hover .pq_1_img_1{transform: scale(1.08, 1.08);} .pq_1 ul li:hover .pq_1_img_1.pqs{transform: scale(1, 1);} .news_1{ margin-top:20px;} .dq_1 ul li{ background-color:#fff; margin-right:2.38095238095238%;webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; float:left; width:23.21428571428571%; margin-bottom:35px; } .dq_1 ul li:hover{ background-color:#ededed;} .dq_1 ul li:nth-child(4n){ margin-right:0;} .dq_1_1{ position:relative;} .dq_1_1_img{ position:relative; overflow:hidden;} .dq_1_1_img:before{webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#000;opacity:0;} .dq_1_1_img img{ width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .dq_1 ul li:hover .dq_1_1_img:before{ opacity:.5;} .dq_1 ul li:hover .dq_1_1_img img{transform: scale(1.08, 1.08);} .dq_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)} .dq_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s} .dq_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s} .dq_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s} .dq_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s} .dq_1_2{ min-height:220px; margin:0 7%; position:relative;} .dq_1_2_mid{padding-top:50px; position:relative; z-index:100;} .dq_1_2_mid_1{ background:rgba(0,0,0,.85); overflow:hidden;webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; position:absolute; left:0; top:-35px; width:70px; height:70px; text-align:center; color:#fff;} .dq_1 ul li:hover .dq_1_2_mid_1{ background-color:#1442a8} .dq_1_2_mid_1_t_2{ font-size:24px;font-family: "Montserrat-Medium"; margin-top:10px;} .dq_1_2_mid_1_t_1 span{font-family: "Montserrat-Medium"; font-size:13px; text-decoration:underline;} .dq_1_2_mid_1_t_1{ margin-top:10px;} .dq_1_2_mid_2{ line-height:1.5; font-size:20px; color:#14264a;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all;} .dq_1_2_mid_3{ font-size:14px; color:#222; line-height:1.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;word-wrap:break-word; word-break:break-all; margin-top:20px; margin-bottom:35px;} .fc_1 ul li{ margin-right:2.67857142857143%; margin-bottom:40px; float:left; width:31.54761904761905%; position:relative; overflow:hidden} .fc_1_1{ position:relative; overflow:hidden} .fc_1_1_img{ position:relative; overflow:hidden;} .fc_1_1_img img{ width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .fc_1 ul li:hover .fc_1_1_img img{transform: scale(1.08, 1.08);} .fc_1_1_img:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; z-index:1;opacity:0;} .fc_1 ul li:hover .fc_1_1_img:before{ opacity:.5;} .fc_1 ul li:nth-child(3n){ margin-right:0;} .pro_1_img_df_name{ position:absolute; z-index:10; left:30px; bottom:30px; color:#fff;transition:0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975);transform-origin:right top 0;} .pro_1_img_df_name_span{ display:inline-block; font-size:20px; border-left:.3em #42e472 solid; padding-left:15px;} .fc_1 ul li:hover .pro_1_img_df_name{transform: matrix(0.9, 0, 0, 0.9, 40, -39); opacity: 0;} .pro_1_img_df_name_2{position:absolute; min-width:14.25em; z-index:10; left:1.5625em; bottom:1.5625em; display:inline-block;display:inline-block; padding:15px 1em;transition:0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975);transform-origin:left bottom 0;opacity: 0; left:0; bottom:0;} .pro_1_img_df_name_2 .pro_1_img_df_name_span{ border-color:#01c675; color:#222;} .pro_1_img_df_name_2{ padding:0; display:block; min-width:100%;} .fc_1 ul li:hover .pro_1_img_df_name_2{transform: matrix(1, 0, 0, 1, 0, -15); opacity: 1;} .pro_1_img_df_name_2 div{ margin:0 15px;background:rgba(255,255,255,.9); padding:15px;} .fc_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)} .fc_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s} .fc_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s} .fc_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s} .fc_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s} .about_2_1{text-transform: uppercase;} .job_1_right{ position:absolute; right:0; top:0; width:50%; height:100%;} .job_1_right_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/fc/img2.jpg);} .job_1_mid_left{ width:37.20238095238095%; } .job_1_mid_left_1{ font-size:3.125vw; color:#000; line-height:1.25;} .job_1_mid_left_2{ color:#0d364c; padding-left:5%; border-left:4px #1442a8 solid;} .job_1_mid_left_2_1_1{ font-size:24px;} .job_1_mid_left_2_1_2{ font-size:15px; line-height:1.6; margin-top:15px;} .job_1_mid_left_2_1 ul li{ margin-bottom:35px;} .job_1_mid_left_2_2{ font-weight:bold; line-height:1.6; font-size:15px;} .job_1_mid_left_2{ margin-top:60px;} .job_1{ margin-bottom:100px;} .job_2_mid ul li{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; display:block; background-color:#fff; padding:27px 0px 30px 0px; margin-bottom:20px;} .job_2_mid_mid{ position:relative; margin:0 7%; padding-right:85px;} .job_2_mid_mid_right{ font-size:14px; color:#595959; position:absolute; right:0; top:0; height:100%;} .job_2_mid_mid_left_1{ font-size:24px; color:#000; margin-bottom:24px;} .job_2_mid_mid_left_2 dl dd{ display:inline-block; margin-right:10%; color:#888888; font-size:16px;} .job_2_mid_mid_left_2 dl dd span{ color:#000;} .job_2_mid_mid_left_2 dl dd:nth-child(1) span{font-family: "Montserrat-Medium"; } .job_2_mid_mid_right span{ padding-right:25px; overflow:hidden; display:inline-block; position:relative;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .job_2_mid_mid_right span:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; right:0; width:14px; height:10px; top:50%; margin-top:-5px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/fc/img4.png);} .job_2_mid ul li:hover{ background-color:#1442a8;} .job_2_mid ul li:hover .job_2_mid_mid_right,.job_2_mid ul li:hover .job_2_mid_mid_left_1,.job_2_mid ul li:hover .job_2_mid_mid_left_2 dl dd,.job_2_mid ul li:hover .job_2_mid_mid_left_2 dl dd span{ color:#fff;} .job_2_mid ul li:hover .job_2_mid_mid_right span:before{ right:-50%; opacity:0;} .job_2_mid_mid_right span:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;top:50%; margin-top:-5px; content:''; position:absolute; right:50%; width:14px; height:10px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/fc/img3.png);opacity:0;} .job_2_mid ul li:hover .job_2_mid_mid_right span:after{ right:0; opacity:1;} .job_2{ margin-bottom:150px;} .middleCenter { position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; display:block; vertical-align:middle; text-align:center; margin:auto } .reserveLayer{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;margin:auto;background:rgba(0,0,0,0.3)} #reserveTel{position:fixed;width:100%;left:0;top:0;height:100%;display:none;z-index:9999} .reserveTelbox{ max-width:960px;height:90vh;z-index:-1;top:0;right:0;bottom:0;left:0;margin:auto;opacity:1;z-index:999;position:fixed;padding:10px 0 10px 0;-webkit-transition:all .5s;transition:all .5s} .reserveTelbox .reserveClose{z-index:9;width:100%;float:right;text-align:right;margin:20px 20px 0 0;vertical-align:middle} .reserveTelbox .reserveClose img{max-height:35px;position:relative;vertical-align:middle} .reserveTelbox.fadeIn{top:0;opacity:1;z-index:9999} .reserveTelbox .content{width:100%;height:100%;position:relative;background:#fff;z-index:99999; }.reserveTelbox .content .font20{color:#4a4a4a;line-height:40px;padding:100px 0 30px 0} .reserveTelbox .content .font30{color:#0d364c;line-height:40px} .inside-join-show .box { color: #4a4a4a; padding: 0px 50px 30px 60px; font-size: 20px; line-height: 40px; height: 85%; margin-right: 30px; overflow-y: scroll } .inside-join-show .box::-webkit-scrollbar { width: 2px } .inside-join-show .box::-webkit-scrollbar-track { background-color: #e5e5e5; border-radius: 2em } .inside-join-show .box::-webkit-scrollbar-thumb { background-color: #000; border-radius: 2em } .inside-join-show .tit { color: #000; font-size: 30px; margin-bottom: 20px; } #department{ font-size:15px;} .inside-join-show .font24 { color: #000; font-size:16px; margin: 10px 0 20px 0 } .inside-join-show .description { margin-top: 20px; padding-top: 20px; font-size:15px; color:#666; border-top: solid 1px #dcdcdc } .inside-join-show .description a { color: #4a4a4a;font-family: "Montserrat-Medium"; text-decoration: underline } #zhize,#yaoqiu{ font-size:15px; line-height:1.7; margin-top:10px; color:#666;} .popupLoading{display:none;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;margin:auto} .popupLoading .transparent{position:fixed;left:0;top:0;width:100%;height:100%;z-index:112;display:block;background-color:rgba(0,0,0,0.1)} .popupLoading .box{width:160px;height:160px;border-radius:50%;background:#fff;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;margin:auto} .fcfade{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;background-color:rgba(0,0,0,0.5);/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;pointer-events: none;opacity:0; } .fcfade.on{ z-index:999; opacity:1;pointer-events: auto; } .fcbox{ margin:0 auto; width:57%;} .fcfade_mid{ padding:10px; position:relative; background-color:rgba(255,255,255,0.85)} .fcfade_mid_img{ position:relative; overflow:hidden;} .fcfade_mid_img img{ width:100%;} .swiper-button-next-nn{opacity:0; right:20px; cursor:pointer;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; width:58px; height:58px; z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; top:50%; margin-top:-29px; background-image:url(../images/fc/img7.png);transform: scale(.86, .86);} .swiper-button-prev-pp{ left:20px; opacity:0;cursor:pointer;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; width:58px; height:58px; z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; top:50%; margin-top:-29px; background-image:url(../images/fc/img8.png);transform: scale(.86, .86);} .fcfade_mid:hover .swiper-button-next-nn,.fcfade_mid:hover .swiper-button-prev-pp{ opacity:.75;} .swiper-button-prev-pp:hover,.swiper-button-next-nn:hover{transform: scale(1, 1);opacity:1;} .fcfade_mid_jj{ bottom:20px; position:absolute; left:20px; z-index:10; width:60%;} .fcfade_mid_jj_left{ position:absolute; left:0; top:0; width:4%; background-color:#01c675; height:100%;} .fcfade_mid_jj_right{ margin-left:4%;} .fcfade_mid_jj_right_mid{ margin-left:0px; background:rgba(255,255,255,0.95); padding:20px;} .fcfade_mid_jj_right_mid_1{ font-size:20px; color:#222; line-height:1.4;} .fcfade_mid_jj_right_mid_2{ margin-top:8px; font-size:16px; color:#555;font-family: "Montserrat-Medium";} .fcfade_mid_num{font-family: "Montserrat-Medium"; font-style:italic; position:absolute; right:20px; bottom:20px; z-index:10; color:#fff; font-size:1.30208333333333vw;} .fcfade_mid_num span{ font-size:2.60416666666667vw; color:#f24040;} .fcfade_mid_close{ background-color:#fff; z-index:10;border-radius: 100%; position:absolute; right:-20px; top:-20px; width:40px;} .fcfade_mid_close img{ width:100%;} .bannerimg_pro{ height:280px } .pro_info_1_left{ position:absolute; left:0; top:0; height:100%; width:41.66666666666667%;} .pro_info_1_right{ float:right; width:50%;} .pro_info_1_left_img img{ width:100%;} .pro_info_1_left_img{ display:none; overflow:hidden; position:relative;} .pro_info_1_left_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .pro_info_1_left_bg_img{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .pro_info_1_left_bg:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:10; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.5;} .pro_info_1_left .swiper-slide:hover .pro_info_1_left_bg:before{ opacity:0;} .pro_info_1_left .swiper-slide:hover .pro_info_1_left_bg_img{transform: scale(1.08, 1.08);} .pro_info_1_right_1{ margin:20px 0px 25px 0px;} .pro_info_1_right_2 div{ display:inline-block; position:relative;} .pro_info_1_right_2 div:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; left:0; bottom:0; width:0%; height:.52083333333333vw; background-color:#42e472;} .is-inview .pro_info_1_right_2 div:before{ width:100%;} .pro_info_1_right_2 div span{ color:#000; position:relative; z-index:10; font-size:1.875vw;} .pro_info_1_right_3{ margin-top:80px; font-size:18px; color:#555;} .pro_info_1_right_3 span{ font-family: "dinpro-bold"; color:#03af37; font-size:1.875vw; font-weight:normal} .pro_info_1_right_4 ul li span{ line-height:1.5; display:inline-block; position:relative; font-size:18px; color:#222; padding-left:45px;} .pro_info_1_right_4 ul li span:after{ top:50%; margin-top:-14px; content:''; position:absolute; left:0; width:28px; height:28px; background-position:center; background-repeat:no-repeat; background-size:cover;} .pro_info_1_right_4 ul li:nth-child(1) span:after{ background-image:url(../images/pro/img11.png);} .pro_info_1_right_4 ul li:nth-child(2) span:after{ background-image:url(../images/pro/img12.png);} .pro_info_1_right_4 ul li:nth-child(3) span:after{ background-image:url(../images/pro/img14.png);} .pro_info_1_right_4 ul li:nth-child(2),.pro_info_1_right_4 ul li:nth-child(3){font-family: "Montserrat-Medium";} .pro_info_1_right_4 ul li{ margin-top:15px;} .pro_info_1_right_4{ margin-top:30px;} .pro_info_1{ position:relative; margin-top:55px; } .pro_info_2_jj{ font-size:16px; line-height:1.8; margin-top:68px; margin-bottom:75px;} .pro_info_re{ text-align:center;} .call-to-action--green-small{ padding:19px 0px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; margin:0 auto; width:180px; background-color:#fff;} .call-to-action--green-small span{ font-size:16px; color:#595959; font-weight:normal} .call-to-action--green-small:before{ background-color:#42e472;} .call-to-action--green-small:hover span{ color:#fff;} .pro_info_2{ border-top:1px #dfdfdf solid; margin-bottom:150px; margin-top:68px;} .pro_info_1 .swiper-pagination-bullet{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; width:10px; height:10px;border-radius:10px; background-color:#fff; opacity:.5;} .pro_info_1 .swiper-pagination-bullet-active{ opacity:1; width:30px;} #swiper-pagination-index-banner{ bottom:20px;} .news_info_mid_left{ background-color:#fff; float:left; width:72.61904761904762%; padding-top:55px;} .news_info_mid_right{ float:right; width:25%; background-color:#fff; padding-top:35px; padding-bottom:20px;} .news_info_mid_right_mid{ margin:0 11%;} .news_info_mid_left_mid{ margin:0 4%;} .news_info_mid_left_mid_1{ font-size:1.77083333333333vw; line-height:1.5; color:#000;} .news_info_mid{ margin-top:55px; padding-bottom:75px; overflow:hidden } .news_info_mid_left_mid_2{ font-size:14px; color:#666; margin-top:17px; padding-bottom:20px; border-bottom:1px #e5e5e5 solid;} .news_info_mid_left_mid_2 span{ display:inline-block; margin-right:22px;} .news_info_mid_left_mid_2 span:nth-child(1){font-family: "Montserrat-Medium";} .news_info_mid_left_mid_3{ color:#222; line-height:2; margin:35px 0px;} .news_info_mid_left_mid_3 img{ float:left} .news_info_mid_left_mid_4{ text-align:center; border-top:1px #e5e5e5 solid; margin-bottom:85px; padding-top:60px; margin-top:55px;} .news_info_mid_left_mid_4 a{ display:inline-block; margin:0 50px; font-size:18px; color:#212121;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .news_info_mid_left_mid_4 a:hover{ color:#0040c2} .news_info_mid_right_mid_1{ position:relative; color:#222222; font-size:2.1875vw;} .news_info_mid_right_mid_1 span{ display:block; position:relative; z-index:10;} .news_info_mid_right_mid_1:before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; background-color:#4ee67b;} .news_info_mid_right_mid_2{ color:#222; font-size:2.08333333333333vw;font-family: "Montserrat-Medium"; margin-top:10px;} .news_info_mid_right_mid_3_1{ font-size:16px; color:#666; line-height:1.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; } .news_info_mid_right_mid_3_2 span{font-family: "Montserrat-Medium"; color:#666; display:inline-block; position:relative; font-size:16px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .news_info_mid_right_mid_3_2 span:before{ content:''; position:absolute; height:1px; width:0px; top:50%; margin-top:-.5px; background-color:#48e577; left:0; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .news_info_mid_right_mid_3_2{ margin-top:15px;} .news_info_mid_right_mid_3 ul li{ margin:30px 0px;} .news_info_mid_right_mid_3{ padding-top:20px;} .news_info_mid_right_mid_3 ul li:hover .news_info_mid_right_mid_3_2 span{ padding-left:32px;} .news_info_mid_right_mid_3 ul li:hover .news_info_mid_right_mid_3_2 span:before{ width:22px;} .bottom-header .main-logo{ z-index:999;transition: all 1s cubic-bezier(0.23, 1, 0.38, 1) 0s} .pro_info_1_right_4 li a{ color:#222;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .pro_info_1_right_4 li a:hover{ color:#03af37;} .showpic{ display:none} .contact_1_left{ width:50%; font-family: "SourceHanSansCN-Normal";} .contact_1_left_1_1{ color:#000; font-size:1.66666666666667vw;} .contact_1_left_1_2{ font-size:1vw; color:#000;font-family: "Montserrat-Medium"; margin-top:12px;} .contact_1_left_2{ padding-top:20px;} .contact_1_left_2 ul li{ margin-top:40px; border-left:4px #01c675 solid; padding:20px 4.76190476190476%;} .contact_1_left_2 ul li{ line-height:1.4; font-size:17px; color:#212121;} .contact_1_left_2 ul li dl dd{ margin-top:12px;} .contact_1_left_2 ul li dl dd:nth-child(1){ margin-top:0} .about_2_2_mm2{ margin-bottom:30px;} .contact_1_left_2 ul li a{color:#212121;} .contact_1_left_2 ul li a:hover{ color:#01c675} .contact_1{ position:relative; padding-bottom:50px;} .contact_1_right{ padding:105px 0px; overflow:hidden; position:absolute; right:-7%; top:0; width:50%; background-color:#002e94; color:#fff;} .contact_1_right_mid{ max-width:280px; margin-left:19%;} .contact_1_right_mid ul li{ float:left; width:43.57142857142857%;} .contact_1_right_mid ul li:nth-child(2n){ float:right} .contact_1_right_mid_mid_2{ font-size:12px; text-align:center; margin-top:10px;} .contact_2{ color:#fff; padding-top:115px; padding-bottom:155px;position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/contact/img4.jpg);} .contact_2_mid{ } .contact_2_mid_left{ width:50%;} .contact_2_mid_left_1{ width:87.5%;} .contact_2_mid_left_1_1{ font-size:1.66666666666667vw;} .contact_2_mid_left_1_2{ font-size:13px; line-height:2; margin-top:15px;} .contact_2_mid_left_1_3{ margin-left:0%; margin-top:45px;} .contact_2_mid_left_1_3 ul li{ border-bottom:1px #6f6f6e solid; float:left; width:47.22222222222222%; padding-bottom:12px; margin-top:20px;} .contact_2_mid_left_1_3 ul li:nth-child(1){ width:100%;} .contact_2_mid_left_1_3_mid{ position:relative; padding-right:25px;} .contact_2_mid_left_1_3_mid input,.contact_2_mid_left_1_3_mid textarea{ border:none; background:none; font-size:16px; color:#fff; width:100%;font-family: "SourceHanSansCN-Normal";} .contact_2_mid_left_1_3_mid span{ color:#ff4040; font-size:16px; position:absolute; right:0; top:0;} .contact_2_mid_left_1_3 ul li:nth-child(3),.contact_2_mid_left_1_3 ul li:nth-child(5){ float:right} .contact_2_mid_left_1_3 ul li:nth-child(6){ width:100%;} .contact_2_mid_left_1_3 ul li:nth-child(7){ width:100%; border:none; margin-top:40px;} input,textarea { outline: none; } .contact_2_mid_left_1_3_mid textarea{ height:100px; resize: none;} #addform{ overflow:hidden; text-align:center; color:#fff; display:block; max-width:210px; position:relative; padding:1.3em 0;} #addform span{ position:relative; z-index:10;} #addform:after,#addform:before{background-color:#1e429f;content:"";height:100%;left:0;position:absolute;top:0;width:100%} #addform:before{transform:translateX(0)} #addform:after{transform:translateX(-100%)} #addform:hover:before{animation-delay:0s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-1;animation-timing-function:cubic-bezier(.215,.61,.355,1)} #addform:hover:after{animation-delay:.2s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-2;animation-timing-function:cubic-bezier(.215,.61,.355,1)} .contact_2_mid_right{ height:72%; position:absolute; right:6%; top:-8%; width:41.66666666666667%;} #map{ position:absolute; left:0; top:0; width:100%; height:100%;} .new_art_info{ margin-top:50px; margin-bottom:80px;} .draw-line.t { top: 0px; left: 0px; width: 0px; height: 2px; background-color:#304386 } .draw-line.r { top: 0px; right: 0px; width: 2px; height: 0px; background-color:#304386 } .draw-line.b { bottom: 0px; right: 0px; width: 0px; height: 2px; background-color:#304386 } .draw-line.l { bottom: 0px; left: 0px; width: 2px; height: 0px; background-color:#304386 } .about_3_1_right_cate li a{ position:relative} .about_3_1_right_cate li a:hover .draw-line.t { width: 100%; transition: .2s; } .about_3_1_right_cate li a:hover .draw-line.r { height: 100%; transition: .2s .4s; } .about_3_1_right_cate li a:hover .draw-line.b { width: 100%; transition: .2s .6s; } .about_3_1_right_cate li a:hover .draw-line.l { height: 100%; transition: .2s .8s; } .pro_1 ul li .js-scroll-border,.pq_1 ul li .js-scroll-border,.news_1 ul li .js-scroll-border,.dq_1 ul li .js-scroll-border,.fc_1 ul li .js-scroll-border,.qy_2 ul li .js-scroll-border{ border-color:#f8f8f8;} .pro_1 ul li.animated .js-scroll-border,.pq_1 ul li.animated .js-scroll-border,.news_1 ul li.animated .js-scroll-border,.dq_1 ul li.animated .js-scroll-border,.fc_1 ul li.animated .js-scroll-border,.qy_2 ul li.animated .js-scroll-border{ border:0px #f8f8f8 solid;} .about_6_right_mid_mask{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background-color:#f8f8f8;} .about_3_1_left_mid_1_img:before,.job_1_right_bg:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:11; background-color:#f8f8f8;} .yw_1_mid_left:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:11; background-color:#f8f8f8;} .is-inview .about_6_right_mid_mask,.is-inview .about_3_1_left_mid_1_img:before,.yw_1_mid_left.animated:after,.job_1_right_bg.animated:after{ transform: translate3d(100%, 0, 0) rotate(0deg); transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s; } .about_1 .HeaderList{ } .bodynoroll{ overflow:hidden} .fcfade_mid_close a img{-webkit-transition: 1s; -webkit-transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out;} .fcfade_mid_close a:hover img{transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);} #nybody #page-home{ background-color:#f8f8f8;} /*.about_6{ margin-bottom:0;} .about_2_2_nm2{ margin-bottom:0} #fenyep{ margin-bottom:10px;} .news_info_mid{ padding-bottom:0} .job_2{ margin-bottom:0px;} .about_2_1_small{ margin-top:10px;}*/ #nybody .intro-home{ z-index:0;} .invisible .bottom-header li{/*opacity:0;transform:translateX(100px);*/} .bottom-header li:first-child{transition-delay:.04s} .bottom-header li:nth-child(2){transition-delay:.08s} .bottom-header li:nth-child(3){transition-delay:.12s} .bottom-header li:nth-child(4){transition-delay:.16s} .bottom-header li:nth-child(5){transition-delay:.2s} .bottom-header li:nth-child(6){transition-delay:.24s} .bottom-header li:nth-child(7){transition-delay:.28s} .invisible nav{/*pointer-events: none;*/} .menu-toggler{transition-delay:.32s; pointer-events: none; cursor:pointer; opacity:0; transition:.8s cubic-bezier(.14,1,.34,1); z-index:10000;} .invisible .menu-toggler{ display:block; right:3%;opacity:1;pointer-events: auto;} .menu-toggler .line-1,.menu-toggler .line-3{ width:100%;} .invisible .bottom-header li a,.invisible .bottom-header li div{ padding-top:30px; padding-bottom:30px;} .invisible .bottom-header .main-logo{ height:60px;} .navmenu{pointer-events:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:888;} .menu-toggler.close .line{ background-color:#fff;} .navmenu_on{pointer-events:auto;} .bottom-header{transition: all 1s cubic-bezier(0.23, 1, 0.38, 1) 0s; background:none} .navmenu_bg_left{ position:fixed; left:0; top:0; width:50%; height:100%; z-index:11; background-color:#f9f8f6;transform:translateY(100%); /*transition: all 1s cubic-bezier(0.23, 1, 0.38, 1) 0s;*/pointer-events:none} .navmenu_bg_right{ position:fixed; right:0; top:0; width:50%; height:100%; z-index:11; background-color:#fff;transform: translate3d(0%, 100%, 0) rotate(0); /*transition: all 1s cubic-bezier(0.23, 1, 0.38, 1) 0s;*//*transition-delay:.1s;*/pointer-events:none} /*.navmenu_on .navmenu_bg_left,.navmenu_on .navmenu_bg_right{ transform: translate3d(0%, 0, 0) rotate(0.0001deg); }*/ .bottom-header.showm{ background:none; border:none} .navmenu_bg_right_mid{ position:absolute; width:50%; height:100vh; z-index:555; overflow:hidden; right:0; top:0;} .navmenu_bg_right_mid_top{ position:absolute; left:0; top:0; width:100%; height:67%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/img2.jpg);/*transition:.8s cubic-bezier(.14,1,.34,1);*/transform:translateX(0px);opacity:0;} /*.navmenu_on .navmenu_bg_right_mid_top{ opacity:1;transform:translateX(0px);transition-delay:1s}*/ .navmenu_bg_right_mid_right{ position:absolute; left:0; bottom:0; width:100%; height:33%;} .navmenu_bg_right_mid_right_mid{ margin-left:11%;} .navmenu_bg_right_mid_right_mid a{/*transition:.8s cubic-bezier(.14,1,.34,1);*/transform:translateX(30px);opacity:0; margin-right:9%; display:inline-block; position:relative;} .navmenu_bg_right_mid_right_mid a:last-child{ margin-right:0;} /*.navmenu_bg_right_mid_right_mid a:nth-child(1){transition-delay:1s} .navmenu_bg_right_mid_right_mid a:nth-child(2){transition-delay:1.2s} .navmenu_bg_right_mid_right_mid a:nth-child(3){transition-delay:1.4s}*/ /*.navmenu_on .navmenu_bg_right_mid_right_mid a{ opacity:1;transform:translateX(0px); }*/ .navmenu_bg_left_mid ul li{opacity:0; margin-top:2vw; position:relative;transform:translateX(30px);} /*.navmenu_bg_left_mid ul li:nth-child(1){transition-delay:0s} .navmenu_bg_left_mid ul li:nth-child(2){transition-delay:0.4s} .navmenu_bg_left_mid ul li:nth-child(3){transition-delay:0.8s} .navmenu_bg_left_mid ul li:nth-child(4){transition-delay:1.2s} .navmenu_bg_left_mid ul li:nth-child(5){transition-delay:1.6s} .navmenu_bg_left_mid ul li:nth-child(6){transition-delay:2s}*/ .navmenu_bg_left_mid ul li:last-child a{ font-family:Arial, Helvetica, sans-serif} .navmenu_bg_left_mid ul li a{ font-size:24px; color:#002e94;} .navmenu_left_mid{ padding-left:55px; position:absolute; left:6%; z-index:888; top:0; height:100vh;} .navmenu_bg_left_mid ul li a{ transition:color .6s; } .bottom-header{ border:none} .o-splashscreen{height:100%;left:0;position:fixed;top:0;width:100%;z-index:9000} .o-splashscreen.hide{pointer-events:none} .o-splashscreen_bg{background-color:#fff;height:100%;left:0;position:fixed;top:0;transform:scaleX(1);transform-origin:100% 0;transition:.8s cubic-bezier(.14,1,.34,1) .2s;width:100%;z-index:1} .hide .o-splashscreen_bg{transform:scaleX(0)} .o-splashscreen_bg:after{background-color:#003fcb;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:0 0;transition:.8s cubic-bezier(.14,1,.34,1) 0s;width:100%} .hide .o-splashscreen_bg:after{transform:scaleX(1)} .o-splashscreen_inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.o-splashscreen_logo{transition:.8s cubic-bezier(.14,1,.34,1) 0s,opacity .3s cubic-bezier(.215,.61,.355,1) 0s}.o-splashscreen_logo svg{height:71px;width:71px}.hide .o-splashscreen_logo{opacity:0;transform:translateX(60px)} .o-page-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:5060}.o-page-overlay_inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;z-index:1}.shrink .o-page-overlay_inner{animation-delay:0s;animation-direction:normal;animation-duration:0s;animation-fill-mode:both;animation-iteration-count:1;animation-name:menuShrink;animation-timing-function:cubic-bezier(.215,.61,.355,1)}@keyframes menuShrink{0%{opacity:1;transform:translateX(0);transform-origin:bottom}to{opacity:0;transform:translateX(60px);transform-origin:bottom}}.init.shrink .o-page-overlay_inner{animation-duration:.4s}.expand .o-page-overlay_inner{animation-delay:.1s;animation-direction:normal;animation-duration:.7s;animation-fill-mode:both;animation-iteration-count:1;animation-name:menuExpand;animation-timing-function:cubic-bezier(.215,.61,.355,1)} .a-progress{background-color:#fff;height:3px;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s,width 0s;width:0;z-index:8000}.a-progress.show{opacity:1;transition:opacity .3s,width .2s}.a-progress.init{background-color:#fff} .loading2{ position:absolute; left:0; top:0; width:100%; overflow:hidden; text-align:center; height:100%; z-index:10;} .o-splashscreen_logo{ overflow:hidden; position:relative; text-align:center} .dflogo{ height:100px;} .navmenu_bg_left_mid{ margin-left:202px;} .about_6_left_mid_2 img{ max-width:90%;} .index_6_3 ul li img{ max-width:100%;} #nybody .slider-ctr{height:calc(100vh - 60px);} @media screen and (min-height:600px) { #nybody .slider-ctr.bannerimg_pro{height:280px;} } @media screen and (min-width:1600px) { .pq_1 ul li:hover .pq_1_img_name_right span{ padding-right:55px;} .pq_1 ul li:hover .pq_1_img_name_right span:before{ width:42px;} } @media screen and (max-width:1440px) { .slider__dots span{ margin:5px 0px; font-size:14px;} .banner_line span{ top:-50px;} .index_3_mid_2_mid_2_mid_2,.index_3_mid_2_mid_2_mid_1{ font-size:20px;} .about_3_1_right_cate li a{ font-size:16px;} .news_info_mid_right_mid_2{ font-size:2vw;} .fcbox{ width:62%} .fcfade_mid_jj_right_mid_1{ font-size:16px} .fcfade_mid_jj_right_mid_2{ margin-top:8px; font-size:14px} .about_3_2 .about_3_1_left{ margin-top:-50px;} .index_5{ margin:0 45px;} .index_5_mid_1_footer{ height:90px; bottom:-45px;} .index_5_mid_1_footer img{ max-height:55px;} .index_5_mid_2{ margin-top:65px;} .bannertxt_ny{ height:auto;} } @media screen and (max-width:1280px) { .top-new-footer_mid_left_name{ font-size:18px;} .top-new-footer_left_2,.top-new-footer_left_3,.top-new-footer_mid_left_jj{ font-size:16px;} .bottom-header li{opacity:0;transform:translateX(100px);} .menu-toggler{ display:block; right:6%;opacity:1;pointer-events: auto;} .bottom-header li a,.bottom-header li div{ padding-top:30px; padding-bottom:30px;} .bottom-header .main-logo{ height:60px;} .about_3_1_right_cate li a,.about_3_1_left_mid_jj_mid_2{ font-size:14px;} .about_3_1_left_mid_jj_mid_1{ font-size:20px;} .about_3_2 .about_3_1_right{ bottom:0;} } @media screen and (max-width:1200px) { .index_5_mid_1_footer{ height:70px; bottom:-35px;} .index_5_mid_2{ margin-top:50px;} .index_5_mid_1_footer img{ max-height:40px;} .index_5_mid_2{ padding-right:0} .index_5_mid_2_right{ position:static; margin-bottom:15px;} .index_5_mid_2_right span{ font-size:20px;} .index_5_mid_2_right,.index_5_mid_2_left_1{ font-size:16px;} .index_5_mid_2_left_2{ font-size:14px;} #contact_1{ margin-top:40px;} .job_1_mid_left_2_1_1{ font-size:20px;} .fcfade_mid_jj{ width:85%} .pro_1_img_df_name_2 .pro_1_img_df_name_span{ display:block} .pro_1_img_df_name_2 div{ margin:0;} .pro_1_img_df_name_2{ position:static;} .pro_1_img_df_name{ display:none} .fc_1 ul li .pro_1_img_df_name_2,.fc_1 ul li:hover .pro_1_img_df_name_2{transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1;} .pro_1_img_df_name_span{ font-size:16px;} .fc_1{ padding-top:25px;} .dq_1_2_mid_1{ width:60px; height:60px; top:-30px;} .dq_1 ul li{ width:31.74603174603175%;} .dq_1 ul li:nth-child(3n){ margin-right:0} .dq_1 ul li:nth-child(4n){ margin-right:2.38095238095238%} .dq_1_2_mid_1_t_2{ font-size:20px;} .dq_1_2_mid_2{ font-size:16px;} .dq_1{ padding-top:25px;} .news_info_mid_left{ padding-top:40px;} .news_info_mid_left_mid_4{ padding-bottom:40px; margin-bottom:0} .news_info_mid_left_mid_1{ font-size:18px;} .news_1{ margin-top:40px;} .news_1_mid_2_2 span{ font-size:14px;} .HeaderList3 a{ font-size:16px;} .pq_1_img_1:before{ display:none} .pq_1{ margin-top:20px;} .pq_1_jj{ margin-top:20px;} .pq_1_img_name_left{ background:none} .pq_1 ul li:hover .pq_1_img_1 img,.pq_1 ul li:hover .pq_1_img_1{transform: scale(1, 1);} .pq_1_img_name{ margin-top:20px;} .pq_1_img_name,.pq_1_img_name_left{ position:static} .pq_1_img_name_right{ display:none} .pq_1_jj_1{ font-size:16px;} .pq_1_jj_2{ font-size:14px;} .pro_info_1_right_3 span{ font-size:18px} .pro_info_1_right_2 div span{ font-size:22px;} .pro_info_1_right_4 ul li span{ font-size:16px;} .HeaderList2{ margin-bottom:60px;} .viewmorelink span{ font-size:13px;} .qy_2_2_1{ font-size:16px;} .qy_2_2_2{ font-size:14px;} .yw_1,.qy_2{ padding-top:40px;} .swiper-slide.scroll-slide-elem .js-scroll-border{ border: 0px solid #FFF; } .about_2_1.scroll-slide-elem ul:hover:before{ width:0;} .about_2_1.scroll-slide-elem ul:before{ width:66%;} .scroll-slide-elem .pro_info_1_right_2 div:before{ width:100%;} .scroll-slide-elem .about_6_right_mid_mask,.scroll-slide-elem .about_3_1_left_mid_1_img:before,.yw_1_mid_left.animated:after,.job_1_right_bg.animated:after{ transform: translate3d(100%, 0, 0) rotate(0.0001deg); transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s; } } @media screen and (max-width:1135px) { .about_3_2 .about_3_1_right_cate li{ width:47%; margin-right:0} .about_3_2 .about_3_1_right_cate li:nth-child(2n){ float:right} .about_3_2 .about_3_1_right_cate li:nth-child(3n){ margin-right:0} .about_3_2 .about_3_1_right_cate li:nth-child(4n){ margin-right:0} .about_3_3 .about_3_1_right_cate li{ width:47%; margin-right:0} .about_3_3 .about_3_1_right_cate li:nth-child(2n){ float:right;} .about_3_3 .about_3_1_right_cate li:nth-child(4n){ margin-right:0} } @media screen and (max-width:1090px) { .about_3_2 .about_3_1_left{ margin-top:0} } .about_3_mobile{ display:none; margin-bottom:32px; overflow:hidden;} .about_3_mobile ul li{ display:block; background-color:#fff; margin-bottom:20px; overflow:hidden} .about_3_mobile_1{ background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:320px;} .about_3_mobile_2{ margin:16px;} .about_3_mobile_2_1{ font-size:16px;} .about_3_mobile_2_2{ margin-bottom:10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:8px 0px; overflow:hidden} .about_3_mobile_2_3 a{ border:1px #e7eef2 solid; margin-right:8px; margin-bottom:8px; display:inline-block; background-color:#fff; padding:6px 15px; color:#000; font-size:15px;} .pro_1_2_1 span{ display:block;} .mobq{ display:none} @media screen and (max-width:1024px) { .contact_1_left_2 ul li dl dd{ font-size:15px;} .contact_1_left_1_1{ font-size:18px;} .contact_1_left_1_2{ font-size:14px;} .pro_1_2_2{ font-size:14px;} .pro_1_2_1{ font-size:16px;} .inside-join-show .tit{ font-size:20px;} .reserveTelbox{ max-width:none; width:88%; margin:0 6%;} .contact_2_mid_left_1_1{ font-size:20px;} .top-new-footer_mid_left,.top-new-footer_right{ display:none} .top-new-footer_left{ max-width:100%;} .top-new-footer_left_1{ text-align:center} .top-new-footer_left_2, .top-new-footer_left_3{ display:none} #main-footer{ padding-top:60px;} .top-new-footer_left_4{ margin-top:0px; text-align:center} .mobq{ display:block} .pcbq{ display:none} .top-new-footer_left_1{ margin-bottom:20px;} } .index_1_2_left_img{ display:none; margin:0 6%;} .index_1_2_left_img img{ width:100%;} @media screen and (max-width:991px) { .index_4_left_1_mid ul li img{ max-width:90%;} .index_4_right_2_2{ font-size:16px;} .index_3_mid_2{ margin-top:80px;} .index_3_mid_2_mid_2_mid_1{ font-size:20px;} .index_3_mid_2_mid_2_mid_2{ font-size:14px;} .index_3{ padding-top:120px; padding-bottom:120px;} .index_1_right_1_mid_2{ line-height:1.2;} .index_1_right_1_right{ bottom:0} .index_1_right_1_left{ left:0;} .index_1_right_1{ padding-right:40px; padding-left:40px;} .index_1_right{ margin-left:6%; width:88%;} .index_1_2_right_2{ font-size:16px;} #page-home .section-video{ padding-top:0} .contact_2{ padding-bottom:70px;} .contact_2_mid_left_1{ width:100%; margin-bottom:40px;} .contact_2_mid_left_1_3{ margin-left:0} .contact_2_mid_left{ width:100%;} .contact_2_mid_right{ position:relative; top:0; margin:0; right:0; width:100%; height:320px;} .job_2{ margin-bottom:40px;} .job_2_mid_mid_left_1{ font-size:18px;} .swiper-button-prev-pp,.swiper-button-next-nn{ width:40px; height:40px; margin-top:-20px;} .fcfade_mid_jj_right_mid{ padding:10px;} .fcbox{ width:88%;} .pq_1 ul li{ width:48%; margin-bottom:20px; margin-right:0;} .pq_1 ul li:nth-child(2n){ float:right} section.about_3{ padding-top:0} .about_3_mobile{ display:block;} .about_3_1{ display:none} #main-header .bottom-header{ height:80px;} .about_6_left{ width:100%;} .about_6_right{ padding-top:32px; position:relative; width:100%; top:0;} } .mobilenav{ overflow:hidden; display:none; position:relative; } .mobilenav .mobilenav_title{ position:relative; font-size:16px; padding:16px 0px;} .mobilenav_right{ position:absolute; right:0; top:0; height:100%;} .a-plus{align-items:center;display:flex;height:16px;justify-content:center;position:relative;width:16px} .a-plus:after,.a-plus:before{border-bottom:1px solid #000;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);transform-origin:50% 50%;width:16px} .a-plus:after{transform:rotate(90deg);transition:all .5s cubic-bezier(.4,.8,.74,1) 0s} .a-plus:after,.a-plus:before{border-color:#878787} .mobilenav_list{ display:none } .mobilenav.on .a-plus:after{transform:rotate(0deg)} .mobilenav_list a{ color:#000; padding:10px 0px; border-bottom:1px #dedede solid; display:block; font-size:15px; padding-left:16px;} .mobilenav_list a:last-child{ margin-bottom:16px;} @media screen and (max-width:950px) { .index_5{ margin-left:6%; margin-right:6%;} .project_footer_right{ text-align:center; margin-top:40px;} .project_footer_right a{ font-size:24px;} .project_footer{ left:33%;} .project_footer_right,.project_footer_right_footer{ position:static} } @media screen and (max-width:900px) { .index_1_2_left_img{ margin-top:40px;} .index_1_2_left_img{ display:block} .index_1_2_left{ width:100%; position:static} .index_1_2_right{ margin-left:6%; margin-right:6%; max-width:none; position:relative} .index_1_2_left_bg{ display:none} } @media screen and (max-width:850px) { .index_6_3 ul li{ width:20%;} #contact_1{ margin-top:15px;} .contact_1_left{ width:100%;} .contact_1_right_mid{ margin-left:auto; margin-right:auto} .contact_1_right{ position:static; width:100%; margin-top:40px;} .news_info_mid_left{ float:none; width:100%;} .news_info_mid_right{ display:none} .news_1 ul li{ width:49%; margin-right:0} .news_1 ul li:nth-child(2n){ float:right} } .job_1_right_img{ display:none; margin:0 6%; margin-top:32px;} .job_1_right_img img{ width:100%;} @media screen and (max-width:800px) { .job_1_right_img{ display:block} .job_1_right_bg{ display:none} .job_1_mid_left{ width:100%;} .job_1_right{ position:static; width:100%;} .yw_1_mid_left{ position:relative; top:0; width:100%; height:320px;} .yw_1_mid_right{ width:100%; margin-left:0} .yw_1 ul li:nth-child(2n) .yw_1_mid_left{ width:100%; top:0;} .yw_1 ul li:nth-child(2n) .yw_1_mid_right{ width:100%;} .yw_1 ul li .yw_1_mid_3 .yw_1_mid_left{ width:100%;} .yw_1 ul li .yw_1_mid_3 .yw_1_mid_right{ width:100%; margin-left:0} .yw_1 ul li{ max-width:88%; margin-bottom:16px;} .yw_1 ul li .yw_1_mid_3,.yw_1 ul li .yw_1_mid_v{ padding:0;} .yw_1 ul li:nth-child(2n){ max-width:88%;} .yw_1_mid_right_mid{ margin:6%;} .yw_1_mid_right_mid_2{ font-size:16px;} .yw_1_mid_right_mid_3{ font-size:15px; margin-top:20px;} .yw_1_mid_right_mid_1{ font-size:20px;} .draw-line{ display:none} .yw_1{ padding-top:8px;} } .hi{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} @media screen and (max-width:768px) { .menu-toggler.close .line{ background-color:#000} .navmenu_bg_left_mid{ margin-left:0; } .navmenu_left_mid{ width:88%; text-align:center} .navmenu_bg_left_mid ul li{ margin-top:4vw;} .navmenu_bg_left{ width:100%;} .navmenu_bg_right{ display:none} .navmenu_bg_right_mid{ display:none} .navmenu_bg_left_mid ul li a{ font-size:24px;} .scroll_6{ display:none} #form-bottom{ padding-top:0} .index_4_left_1_mid{ padding-left:6%; padding-right:6%;} .index_4_right_2_2{ margin-bottom:40px;} #index_4_right_2{ margin-top:0} .index_4_left{ margin-left:6%; margin-right:6%;} .index_4_right{ position:static; margin-left:6%; margin-right:6%; width:auto} .index_4_right_1{ margin-left:0} .index_4_right_2{ margin-left:0; width:100%; margin-top:40px;} .index_4_left_1{ width:100%; padding-top:0} .index_3_mid_2_mid_1{transform: scale(1, 1);} .index_3_mid_2 ul li{ width:100%; margin-right:0; margin-bottom:20px;} .index_3{ padding-top:60px; padding-bottom:60px;} .index_3_mid_1_right_1{ font-size:15px; margin-top:20px;} .index_3_mid_1_left{ border-top:5px #42e472 solid; float:none; width:auto; padding-right:0; padding-top:20px;} .index_3_mid_1_right{ float:none; width:100%;} .index_3_mid{ margin:0 6%;} .index_3_mid_1_left_1{ font-size:24px;} .index_3_mid_1_left_2{ font-size:18px;} .index_1_2_right_1{ margin-bottom:40px;} .index_1{ padding-top:40px;} .contact_2{ padding-top:80px;} .inside-join-show .tit{ font-size:18px;} .job_2_mid_mid{ padding-right:0} .job_2_mid_mid_left_1{ font-size:16px;} .job_2_mid_mid_left_2 dl dd{ line-height:1.5; font-size:14px; margin-right:15px;} .job_2_mid_mid_right{ position:relative; margin-top:20px;} .job_1{ margin-bottom:40px;} .job_1_mid_left_2{ margin-top:40px;} .job_1_mid_left_1{ font-size:20px;} .job_1_mid_left_2_1_1{ font-size:16px;} .dq_1 ul li{ width:49%; margin-right:0} .dq_1 ul li:nth-child(2n){ float:right;} .dq_1 ul li:nth-child(4n){ margin-right:0} .pro_info_1_right_1 img{ max-width:90%;} .pro_info_1_right_1{ margin-top:40px;} .pro_info_1_left_img{ display:block} .pro_info_1_left_bg{ display:none} .pro_info_2_jj{ margin-top:40px; margin-bottom:40px;} .pro_info_2{ margin-top:40px; margin-bottom:40px;} .pro_info_1{ margin-top:40px;} .pro_info_1_right_2 div span{ font-size:20px;} .pro_info_1_right_3{ margin-top:40px; font-size:16px;} .pro_info_1_left{ position:relative; width:100%;} .pro_info_1_right{ float:none; width:100%;} .pro_1 ul li:hover .pro_1_2_1{ padding-left:0px;} .pro_1 ul li:hover .pro_1_2_1:before{ width:0px;} .about_6{ margin-bottom:0} #nybody .slider-ctr{height:calc(100vh - 128px);} .mobilenav{ display:block;} .about_1 .Header{ display:none} #nybody .slider-ctr{height:calc(100vh - 160px);} .slide img{ max-width:60%;} #nybody .slider-ctr.bannerimg_pro{ height:35vw;} } @media screen and (max-width:640px) { .scroll_1,.scroll_2,.scroll_3,.scroll_4,.scroll_5,.scroll_6,.scroll_7,.scroll_8,.about_2_bg_line_1,.about_2_bg_line_2,.about_2_bg_line_3,.about_2_bg_line_4,.about_2_bg_line_5,.about_2_bg_line_6{ display:none} .project_footer_right_footer{ padding-top:10px;} #project_scroll{ height:2px;} .project_footer{ margin:40px 0px; left:6%; width:88%;} .index_3_mid_2{ margin-top:40px;} #addform{ max-width:100%; padding:15px 0px;} .contact_2_mid_left_1_3 ul li{ width:100%;} .fcfade_mid_jj{ width:70%;} .fcfade_mid_num{ right:10px; bottom:10px;} .fcfade_mid_num span{ font-size:20px;} .fcfade_mid_num{ font-size:16px;} .fc_1{ padding-top:0} .fc_1 ul li{ width:49%; margin-bottom:20px; margin-right:0} .fc_1 ul li:nth-child(2n){ float:right;} .news_info_mid_left_mid_1{ font-size:16px;} .news_info_mid_left_mid_4 a{ font-size:15px;} .news_info_mid_left_mid_4{ padding-top:40px; margin-top:40px;} .news_info_mid{ margin-top:40px; padding-bottom:40px;} .news_1_mid_2_1{ margin-top:20px;} .news_1_mid_1_jj_mid div{ font-size:16px;} .news_1 ul li{ width:100%; margin-bottom:20px;} .HeaderList2.pqp{ margin-bottom:0} .pq_1_jj{ margin-left:0; margin-right:0} .pq_1 ul li{ width:100%;} .call-to-action--green-small{ width:100%; padding:15px 0px;} .call-to-action--green-small:hover span{ color:#000;} .pro_1_1_img:before{ display:none} .pro_1_1_mask{ display:none} .pro_1 ul li{ width:49%; margin-right:0} .pro_1 ul li:nth-child(2n){ float:right} .qy_2_2{ margin:0} .qy_2_1_img:after{ display:none} .qy_2_1_logo{ position:static; background:none} .qy_2_1_logo img{ max-height:45px} .qy_2 ul li:hover .qy_2_1_logo{ opacity:1;} .qy_2_2_1{ margin-top:0} .qy_2_1_logo2{ display:none} .qy_2 ul li{ width:100%;} .about_2_1{ margin-top:40px;} .about_2_2{ font-size:16px; margin-bottom:32px;} .about_2_1 ul li{ font-size:20px;} .index_1_right_1_mid_1{ font-size:24px;} .index_1_right_1_mid_2{ font-size:20px; line-height:25px;} .index_1_right_1_right,.index_1_right_1_left{ font-size:20px;} .index_1_right_1_right{ bottom:0} .about_6_left_mid_2{ font-size:15px;} .index_1_2_by ul li{ font-size:18px;} .index_1_2_by ul li:nth-child(3){ background-image:url(../images/index/img4s.jpg);} .index_1_2_by{ padding-top:40px;} .about_7 ul li{ float:none; width:auto; margin-left:6%; margin-right:6%; margin-bottom:20px;} .m-image-link_body_title{ font-size:14px;} } @media screen and (max-width:500px) { .dq_1 ul li{ width:100%; height:auto;} .dq_1_2{ min-height:inherit} } @media screen and (max-width:480px) { .slider__dots{ height:34%} .t-pageTop .text, .t-pageTop .text *{ display:none} .t-pageTop{ width:30px;border-radius:100%; height:30px; background-color:#7c7c7c;} .t-pageTop:after{ font-family:Arial, Helvetica, sans-serif; text-align:center; content:'TOP'; line-height:30px; font-size:11px; color:#fff; position:absolute; left:0; top:0; width:100%; height:100%;} .t-pageTop .icon{ display:none} #main-footer{ padding:40px 0px;} .top-new-footer_left_1 img{ width:50%;} .index_6_3{ margin-top:40px; margin-bottom:60px;} .index_6_3 ul li{ width:33.3333%; height:100px;} .project_footer_right a{ font-size:20px;} .index_4_left_1{ padding-bottom:40px;} .index_4_left_1_mid ul li{ width:50%;} .index_3_mid_2_mid_2_mid_1{ font-size:16px;} .index_1{ padding-bottom:0px;} .index_1_2_right_2{ margin-bottom:40px;} .index_1_2 .index_1_2_by{ display:none;} .contact_2_mid_right{ height:45vw;} .fcfade_mid_jj{ left:10px; bottom:10px;} .fcfade_mid_jj_right_mid_2{ display:none} .news_info_mid_left_mid_4 a{ margin:0; float:left; width:50%; text-align:center} .pro_1 ul li{ width:100%;} .about_3_mobile_1{ height:25vh;} .slide img{ max-width:80%;} .index_1_2_right_3{ text-align:center} .viewmorelink{ text-align:left; height:45px; line-height:45px; } .fc_1 ul li{ width:100%;} } @media screen and (max-width:140px) { .index_5_mid_2_right{ position:relative; top:0;} .index_5_mid_2{ padding-right:0; } .index_5_mid_2_right{ padding-bottom:10px;} } .new_art_info img,.news_info_mid_left_mid_3 img{ max-width:100%;} .page-container{ padding-top:0px;} /*****************/ .toplogo img:nth-child(1){ display:none} .bottom-header li a,.bottom-header li a:hover{ color:#fff;} .index_4_left_1_mid{ overflow:hidden; position:relative; width:0;transition: all 2s cubic-bezier(0.23, 1, 0.38, 1) 0s;} .index_4_left_1_mid.animated{ width:100%; } .bottom-header li:hover{background:none} .bottom-header li:hover a.bigaon{ color:#fff} .bottom-header li dl{ top:90px; background:rgba(4, 4, 4, 0.3);border-radius:5px 5px 5px 5px;} .invisible .bottom-header li dl{ top:80px;border-radius:0px 0px 5px 5px;} .bottom-header li dl dd a,.bottom-header li dl dd a:hover{ color:#fff;} .bottom-header li dl dd:nth-child(1){ margin-top:10px;} .bodyon .bottom-header{ background-color:#fff;} .bodyon .bottom-header.showm{ background:none} .bodyon .toplogo img:nth-child(1){ display:block} .bodyon .toplogo img:nth-child(2){ display:none} .bodyon .bottom-header li a{ color:#252525} .bodyon .bottom-header li a:hover,.bodyon .bottom-header li div:hover{ color:#002e94} .bodyon .bottom-header li:hover a.bigaon{color:#002e94} .bodyon .bottom-header li:hover{background-color:#f7f5f5;} .bodyon .bottom-header li dl{ background-color:#f7f5f5;} .mainvisual__slider { position: relative; height: 100vh; overflow: hidden; } .mainvisual__slider .swiper-slide.swiper-slide-active .mainvisual__slider-item-img { transition: -webkit-transform 10s linear; transition: transform 10s linear; transition: transform 10s linear, -webkit-transform 10s linear; -webkit-transform: scale(1); transform: scale(1); } .mainvisual__slider-item-img { -webkit-transform: scale(1.1); transform: scale(1.1); transition: -webkit-transform 15s linear 2s; transition: transform 15s linear 2s; transition: transform 15s linear 2s, -webkit-transform 15s linear 2s; } .mainvisual__slider-item-img img { width: 100%; height: 100vh; object-fit: cover; } .mainvisual__slider-nav { position: absolute; bottom: 127px; left: 0%; z-index: 4; color: #FFF; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (max-width: 768px) { .mainvisual__slider-nav { bottom: 91px; left: -116px; -webkit-transform: rotate(90deg) scale(0.75); transform: rotate(90deg) scale(0.75); } } .mainvisual__slider-pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .mainvisual__slider-pagination-bullet { margin-right: 20px; position: relative; } #js-mainvisual__slider-pagination .swiper-pagination-bullet i{ width:18px; display: block; position: relative; font-size: 16px; font-size: 14px; line-height: 1; letter-spacing: 0.05em; } #js-mainvisual__slider-pagination .swiper-pagination-bullet i:after { content: ''; position: absolute; top: 50%; left: -5%; width: 110%; height: 1px; background-color: #FFF; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); } #js-mainvisual__slider-pagination .swiper-pagination-bullet-active i:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .mainvisual__scroll { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin-left: 30px;font-family:"Montserrat-Medium"; } .mainvisual__scroll span { display: block; font-size: 16px; font-size: 1.6rem; line-height: 1; letter-spacing: 0.05em; margin-right: 10px; font-size:14px; } .mainvisual__scroll i { display: block; width: 100px; height: 1px; background-color: #FFF; -webkit-animation: line_to_right 3.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation: line_to_right 3.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } @-webkit-keyframes line_to_right { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right center; transform-origin: right center; } 50% { -webkit-transform: scalex(0); transform: scalex(0); -webkit-transform-origin: right center; transform-origin: right center; } 51% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes line_to_right { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right center; transform-origin: right center; } 50% { -webkit-transform: scalex(0); transform: scalex(0); -webkit-transform-origin: right center; transform-origin: right center; } 51% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; } } #js-mainvisual__slider-pagination .swiper-pagination-bullet{ letter-spacing:2px; font-size:14px; background:none; opacity:1; color:#fff; font-family:"Montserrat-Medium"; margin-right:20px; display:inline-block; position:relative} .mainvisual__slider .swiper-slide{ height:100vh;} .swiper-slide-active .slider__blur{-webkit-filter:blur(0);filter:blur(0);filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;transform:translateY(0px)} .swiper-slide-active .bannertxt{ opacity:1} .slider__blur img{ display: block; max-width:49.64285714285714%;} .bannertxt_index{ position:absolute; left:0; top:30%; width:100%; z-index:10; } @media screen and (max-height: 768px){ .mainvisual__slider-nav{ bottom:80px; } .mainvisual__scroll{ margin-left:16px;} .bannertxt_index{ top:20%;} } @media screen and (max-width: 1440px){ .mainvisual__slider-nav{ left:-2.5%;} } @media screen and (max-width: 1280px){ .bottom-header{ background-color:#fff;} .bottom-header.showm{ background:none} .toplogo img:nth-child(1){ display:block} .toplogo img:nth-child(2){ display:none} } @media screen and (max-width: 768px){ .slider__blur img{ max-width:90%;} .bannertxt_index{ top:auto; height:100%;} .mainvisual__slider-nav { bottom: 91px; left: -100px; -webkit-transform: rotate(90deg) scale(0.75); transform: rotate(90deg) scale(0.75); } } #lbm{ padding-top:15px;} .pro_info_1_left .swiper-slide:after{ bottom:0; height:5px;background-color:#fff; width:0; z-index:100; content:""; position: absolute;left:0%;/*transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/} .pro_info_1_left .swiper-slide-active:after{ width:100%; transition: width 5s ease-out 0s;} @media screen and (max-width: 480px){ .pro_info_1_left .swiper-slide:after{ height:2px;} .bottom-header .main-logo{ height:50px;} } .bottom-header.showm li{opacity:0;transform:translateX(100px);} .invisible .bottom-header li:hover a.biga:before{ bottom:15px;opacity:1;} .invisible .bottom-header li dl dd a{ padding-top:5px; padding-bottom:5px;} .navmenu_bg_left_mid{ margin-left:0; max-width:640px;} .navmenu_bg_left_mid ul li{ float:left; width:50%; min-height:156px;} .navmenu_bg_left_mid ul li:nth-child(5){ min-height:inherit} .navmenu_bg_left_mid ul li dl dd a{ padding-left:10px; font-size:18px; color:#252525; display:inline-block; position:relative;} .navmenu_bg_left_mid ul li dl dd a:after{ content:'-'; position:absolute; left:0; } .navmenu_bg_left_mid ul li dl dd{ margin-top:15px;} .navmenu_bg_left_mid ul li dl{ margin-top:10px;} @media screen and (max-width: 1280px){ .invisible .bottom-header .main-logo,.bottom-header .main-logo{ height:50px;} } .navmenu_bg_left_mid ul li.on dl dd a,.navmenu_bg_left_mid ul li.on a:nth-child(1){ color:#999} .navmenu_bg_left_mid ul:nth-child(2){ display:none} @media screen and (max-width: 991px){ .navmenu_bg_left_mid ul:nth-child(1){ display:none} .navmenu_bg_left_mid ul:nth-child(2){ display:block; overflow:hidden} .invisible .menu-toggler,.menu-toggler{ right:15px;} .navmenu_bg_right_mid{ display:none} .navmenu_bg_right{ display:none} .navmenu_bg_left{ width:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-image:url(../images/menubg.jpg);} .navmenu_left_mid{ width:100%; left:0; height:auto; top:16vh;} .navmenu_bg_left_mid{ margin:0 auto; max-width:none; width:100%; text-align:left} .navmenu_bg_left_mid ul{ position:relative; } .navmenu_bg_left_mid ul li a:nth-child(1):after{ content:''; position:absolute; width:0.53333333333333vw; height:110%; right:0%; background-color:#fff; top:0;} .navmenu_bg_left_mid ul li{ clear:both; float:none; width:auto; display:inline-block; float:left; min-height:inherit; margin:0; margin-left:20%; width:30vw; position:static} .navmenu_bg_left_mid ul li a:nth-child(1){ display:block; position:relative; padding:3vw;} .navmenu_bg_left_mid ul li a:nth-child(1):before{ background-color:#fff; position:absolute; content:''; right:0; width:5.86666666666667vw; top:50%; margin-top:-0.26666666666667vw; height:0.53333333333333vw; display:none} .navmenu_bg_left_mid ul li:nth-child(1) a:nth-child(1){ margin-top:0; padding-top:0;} .navmenu_bg_left_mid ul li:last-child a:nth-child(1){ padding-bottom:0} .navmenu_bg_left_mid ul li dl{ margin:0; padding:0; width:30vw; position:absolute; top:0; left:37.33333333333333vw; display:none;} .navmenu_bg_left_mid ul li a:nth-child(1){ line-height:1.3; font-size:4.73333333333333vw; color:#bcc6de} .navmenu_bg_left_mid ul li.on dl dd a,.navmenu_bg_left_mid ul li.on a:nth-child(1){ color:#bcc6de} .navmenu_bg_left_mid ul li dl dd a:nth-child(1){ padding:0; font-size:3.93333333333333vw; color:#fff} .navmenu_bg_left_mid ul li dl dd a:nth-child(1):before,.navmenu_bg_left_mid ul li dl dd a:nth-child(1):after{ display:none} .navmenu_bg_left_mid ul li.on2 a:nth-child(1):before{ display:block} .navmenu_bg_left_mid ul li.on2 a{ color:#fff;} .navmenu_bg_left_mid ul li.on2 dl dd a:nth-child(1):before { display:none} } @media screen and (max-width: 768px){ .menu-toggler.close .line { background-color: #fff; } .index_4{ margin-top:40px;} } @media screen and (max-width: 1280px){ .showm .toplogo img:nth-child(1){ display:none } .showm .toplogo img:nth-child(2){ display:block } } .news_1_dt_mid{ position:relative; padding-left:28%;} .news_1_dt_mid_left{ overflow:hidden; position:absolute; left:0; top:0; width:24%; height:100%;} .news_1_dt_mid_left_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .news_1_dt_mid_right{ width:90%;} .news_1_dt_mid_right_1{ font-size:28px; color:#010101; } .news_1_dt_mid_right_2{ font-size:15px; line-height:2; color:#000;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;word-wrap:break-word; word-break:break-all; margin:25px 0px 35px 0px; min-height:120px;} .news_1_dt_mid_right_3{ position:relative} .news_1_dt_mid_right_3_time{ position:absolute; right:0; top:15px; color:#555;font-family: "Montserrat-Medium"; font-size:16px;} .news_1_dt_mid_right_3_time span{ display:inline-block; padding-left:32px; position:relative} .news_1_dt_mid_right_3_time span:after{ content:''; position:absolute; left:0; width:22px; height:4px; background-color:#43e473; margin-top:-2px; top:50%;} .news_1_dt ul li{ padding:55px 0px; border-bottom:1px #dfdfdf solid;} .news_1_dt ul li:nth-child(1){ padding-top:0} .news_1_dt ul li:hover .news_1_dt_mid_left_bg{transform: scale(1.08, 1.08);} @media screen and (max-width: 1200px){ .news_1_dt ul li:nth-child(1){ padding-top:55px} } @media screen and (max-width: 1024px){ .news_1_dt_mid_right_1{ font-size:20px;} .news_1_dt_mid_right{ width:100%;} .news_1_dt_mid{ padding-left:34%;} .news_1_dt_mid_left{ width:30%;} } .news_1_dt_mid_left_img{ display:none;} .news_1_dt_mid_left_img img{ width:100%;} @media screen and (max-width: 768px){ .news_1_dt_mid_left_img{ display:block} .news_1_dt_mid_left_bg{ display:none} .news_1_dt_mid_left{ position:static; width:100%;} .news_1_dt_mid{ padding-left:0} .news_1_dt_mid_right_2{ font-size:14px; -webkit-line-clamp:2; height:auto; min-height:inherit; margin:15px 0px 20px 0px;} .news_1_dt_mid_right_1{ font-size:16px; margin-top:20px;} .news_1_dt_mid_right_3_time span{ font-size:14px;} .news_1_dt_mid_right_3_time{ position:static} .news_1_dt_mid_right_3 .qy_2_2_4{ text-align:center; padding-top:20px;} .news_1_dt_mid_right_3 .viewmorelink{ margin:0 auto; text-align:left; line-height:42px; height:42px;} } @media screen and (max-width: 480px){ .news_1_dt ul li:nth-child(1){ padding-top:0;} .news_1_dt ul li{ padding:25px 0px;} .news_1_dt_mid_right_3 .viewmorelink{ width:160px;} } .about_7 .m-image-link_body_subtitle{ font-size:18px;} @media screen and (max-width: 768px){ .about_7 .m-image-link_body_subtitle{ font-size:18px;} } @media screen and (max-width: 480px){ .about_7 .m-image-link_body_subtitle{ font-size:16px;} } @media screen and (min-width: 1600px){ .index_3_mid_1_left{ margin-left:40px;} } /*******浠峰€艰*******/ .val_bg{ position:absolute; right:0; top:-85px; width:53.75446960667461%;} .val_1_mid{ margin-left:22.61904761904762%; max-width:23.57142857142857%;} .val_2{ margin:0 auto; max-width:83.03571428571429%;} .val_2_1_left{ position:relative; float:left; width:49.46236559139785%;} .val_2_1_left_img{ z-index:10; position:relative; overflow:hidden; padding-left:1.875em; padding-bottom:1.875em;} .val_2_1_left_img_img{ overflow:hidden;} .val_2_1_left_img_img img{ width:100%;} .val_2_1_left_img_r_f{width:10.15151515151515%; position:absolute; right:20px; bottom:50px; z-index:10;} .val_2_1_left_img_r_f img{ width:100%; } .val_2_1_left_img_img{border-radius: 1.5625vw 1.5625vw 0 0;} .val_2_1_left_bg{ width:80.3030303030303%; height:83.33333333333333%; position:absolute; left:0; bottom:0; background-image:url(../images/val/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover;} .val_2_1_right{ float:right; width:44.08602150537634%;} .val_2_1_right_1{ margin-top:3.125vw; font-size:2.08333333333333vw; color:#00a196; font-weight:bold} .val_2_1_right_2{ line-height:1.2; font-size:1.66666666666667vw; margin-top:1.875vw;} .val_2_1_right_3{ margin-top:.5vw; font-family:Arial, Helvetica, sans-serif; font-size:1.25vw;} .val_2_1{ margin-top:5em; margin-bottom:5.875em;} .val_2_2_right{ position:relative; float:right; width:49.46236559139785%;} .val_2_2_right .val_2_1_left_img_r_f{ right:auto; left:50px; width:10%;} .val_2_2_left{ width:33.33333333333333%; float:left; margin-left:12.54480286738351%;} .val_2_1_right_1_no{ margin-top:0} .val_2_1_right_2_small{ line-height:1.5; margin-top:5px;} .val_2_3 .val_2_1_right_2{ margin-top:1.2vw;} .val_f_left{ position:absolute; left:5.98958333333333vw; bottom:0; width:20%; height:53.75vw; background-color:#e7edf0; opacity:.5} .val_1_mid img{ width:100%;} @media screen and (max-width: 1200px){ .val_2_1_right_3{ font-size:1em;} .val_2_1_right_2{ font-size:1.125em;} .val_2_1_right_1{ font-size:1.5em;} } @media screen and (max-width: 950px){ .val_2{ max-width:100%;} } @media screen and (max-width: 768px){ .val_2_1_left_img{ padding-left:16px; padding-bottom:16px;} .val_2_1_left,.val_2_1_right,.val_2_2_left,.val_2_2_right{ float:none; width:auto} .val_2_1_right{ padding-left:16px;} .val_2_2_left{ margin-left:0; padding-left:16px;} .val_2_1{ margin-bottom:2.5em;} .val_2_1_right{ margin-top:2.5em;} .val_2_2_right{ margin-top:2.5em; margin-bottom:2.5em;} .val_2_1{ margin-top:2.5em;} } @media screen and (max-width: 640px){ .val_1_mid{ max-width:50%;} } @media screen and (max-width: 480px){ .val_2_1_right_1{ font-size:1.25em;} .val_2_1_right_3{ font-size:.875em;} .val_2_1_right_2{ font-size:1em;} }