@charset "utf-8"; /* CSS Document */ @font-face { font-family: 'PingHei'; font-style: normal; font-weight: normal; src: url('../fonts/PingHei-light.woff'); } @font-face { font-family: 'myfonts'; font-style: normal; font-weight: normal; src: url('../fonts/sf-pro-display_light.woff'); } body { /*font-family: "PingHei", '思源黑体 CN', "微软雅黑", STHeiti, "Hiragino Sans GB", "Droid Sans Fallback", Arial, Helvetica, sans-serif;*/ font-family:"微软雅黑", "Arial", "sans-serif","microsoft yahei"; /*font-family:'PingHei' !important;*/ letter-spacing: 1px; color: #7a7d81; font-size: 16px; } a { color: #7a7d81; } /*header*/ .header { padding: 10px 40px; width: 100%; position: fixed; z-index:100; top: 0; left: 0; background: rgba(255, 255, 255, .93); -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .header_logo { float: left; } .header_right { float: right; padding-top: 12px;} .header_right li { float: left; margin-left: 40px; } .header_right .last { line-height: 28px; text-align: center; background: #0666b7; /*border-radius: 5px;*/ padding: 0px 20px; color: #ffffff; } .header_video video { position: absolute; width: 100%; left: 0; top:0%;} li.header_gp{margin-left: 30px;} .header_video { position: absolute; width: 100%; left: 0; overflow: hidden; top: 0; height: 100%; } .header_con { position: relative; z-index: 2; } .header_bg { position: absolute; left: 0; top: 0; width: 100%; height: 76px; background:#000; opacity:0.2; -moz-opacity:0.2; -khtml-opacity:0.2; -webkit-opacity:0.2; filter:alpha(opacity=20); } .header_bg1 { position: absolute; left: 0; top: 0; width: 100%; /*background-color: rgba(0, 0, 0, 0.6); */height: 100%; background: #fff; border-bottom: 0px solid #ccc; } /*.header_video, .header_bg, .header_bg1 {*/ /*-webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;*/ /*filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/ /*}*/ /*.header:hover .header_video, .header:hover .header_bg, .header:hover .header_bg1 {*/ /*filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;*/ /*}*/ .header.scroll .header_video{ display: none;} .header.scroll .header_bg1 { background: #ffffff; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .header.scroll .header_bg { display: none; } .nav_a { font-size: 18px; color: #333; letter-spacing: 1px; } .header_c { text-align: center; line-height: 49px; font-size: 16px; } .header_c .left { float: left; position: relative; z-index: 2; } .header_c .left a { margin-right: 40px; } .header_c .right { float: right; position: relative; z-index: 2; } .header_c .right a { color: #0666b7; } .header_c_c { position: absolute; left: 0; width: 100%; bottom: 0; } .header.scroll { background: #ffffff; } .header.scroll .nav_a{#666666} .header.scroll .header_c { display: none; } .header.scroll .header_con { display: block; } /*header*/ .banner { width: 100%; position: fixed; top: 0; left: 0; overflow: hidden; } .banner_bg { position: absolute; background-color: rgba(0, 0, 0, 0.1); left: 0; top: 0; width: 100%; height: 100%; } .wap_con { width: 100%; position: relative; z-index: 2; } .wap_cons { width: 100%; } .wap_cons_div { width: 33.3333%; height: 100%; background: #0666b7; float: left; position: relative; top: 450px; } .banner_list { width: 100%; position: relative; } .banner_list video { width: 100%; position: absolute; top:0%; left: 0%; } .banner_zi { width: 50%; position: absolute; top:50%; left:25%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .banner_zi > p { position: absolute; top: 12%; left: 0; font-size: 50px; color: #fff; letter-spacing: 5px; line-height: 50px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .banner_zi > span { position: absolute; bottom: 10%; right: 0; font-size: 24px; color: #fff; letter-spacing: 5px; line-height: 30px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .banner_zis { width: 100%; height: 100%; } .banner_zi h5 { width: 60%; font-size: 50px; color: #fff; margin: 0; letter-spacing: 2px; font-family: 'myfonts' !important; line-height: 70px; position: relative; top: 54%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .banner_zi_abox { /*width: 100%;*/ /*height: 90%;*/ /*position: absolute; top: 0; left: 0;*/ /*z-index: -1;*/ } .banner_zi_a { /*height: 100%;*/ /*position: absolute; top: 0;*/ /*z-index: 2;*/ /*left: 0px; right: 0px;*/ /*-webkit-transition: 1s linear;*/ /*-moz-transition: 1s linear;*/ /*-ms-transition: 1s linear;*/ /*-o-transition: 1s linear;*/ /*transition: 1s linear;*/ -webkit-transition: 1.5s linear; -moz-transition: 1.5s linear; -ms-transition: 1.5s linear; -o-transition: 1.5s linear; transition: 1.5s linear; } .banner_zi_abg { width: 59.5%; height: 85.1%; position: absolute; top: 7.5%; left: 27.9%; z-index: -1; -webkit-transition: 1s linear; -moz-transition: 1s linear; -ms-transition: 1s linear; -o-transition: 1s linear; transition: 1s linear; } .banner_zi_a_active { -webkit-transform: perspective(3000px) rotateY(180deg) scale(0.1) translateY(100%); -moz-transform: perspective(3000px) rotateY(180deg) scale(0.1) translateY(100%); -ms-transform: perspective(3000px) rotateY(180deg) scale(0.1) translateY(100%); -o-transform: perspective(3000px) rotateY(180deg) scale(0.1) translateY(100%); transform: perspective(3000px) rotateY(180deg) scale(0.1) translateY(100%); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .banner_zi_a_active .banner_zi_abg { background: #fff; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .banner_zi_a_con { width: 90%; height: 100%; border: 20px solid #0666b7; -webkit-transition: all cubic-bezier(.18, 1, .21, 1) 1.2s; -moz-transition: all cubic-bezier(.18, 1, .21, 1) 1.2s; -ms-transition: all cubic-bezier(.18, 1, .21, 1) 1.2s; -o-transition: all cubic-bezier(.18, 1, .21, 1) 1.2s; transition: all cubic-bezier(.18, 1, .21, 1) 1.2s; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .banner_zi_a .on { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .home_text { padding: 40px 0px; position: relative; z-index:2;} .home_text_bg1{ width:100%; height:100%; position:absolute; top:0; left:0; background:#084c86; opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; filter:alpha(opacity=60); } .home_text_con { color: #ffffff; text-align: center; -webkit-transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear;transition:0.5s linear; } .home_text_con.on{ /*background: -webkit-gradient(linear,left top,left bottom,from(#f8ffdf),to(#fcc900));*/ /*-webkit-background-clip: text;*/ /*-webkit-text-fill-color: transparent;*/ } .home_text_bg{ position: relative; z-index:11; /*padding: 20px 0;*/ cursor: pointer; } .home_about_text{ position: relative; } .home_text_c{ /*background: -webkit-linear-gradient(-315deg, #fcc900, #f8ffdf);*/ /*background: linear-gradient(45deg, #fcc900, #f8ffdf);*/ /*background: #fff;*/ position: absolute; top:37px; bottom:37px; } .home_text_b{ /*background: #008c7e;*/ position: absolute; top:40px; bottom:40px; } .home_text_con div { font-size: 36px; margin-bottom: 20px; line-height: 90px; } .home_text_con div span { font-size: 100px; font-weight: bold; font-family: 'PingHei';} .home_text_con p { font-size:32px; } .container1-con1-show p { font-size: 20px; color: #333; } /*home_sec1*/ .home_sec1 { width: 100%;background: #000; } .home_sec1_left { width: 100%; position: relative; } .home_sec1_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; } .home_sec1_right { width: 100%; position: relative; } .home_sec1_right1 { } .home_sec1_video{ position: absolute; top:0; left:0; height:100%;width: 100%;} .home_sec1_left_text{position: absolute; top:0; left:0; height:100%;width: 100%; color: #fff; z-index:4; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .home_sec1_left_con{ position: absolute; top:50%; left:20%;right: 20%; -webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .home_sec1_left_text .title{font-size: 54px;margin-bottom: 20px;} .home_sec1_left_text .text{font-size: 20px;} .home_sec1_left_text .text span{ position: relative;} .home_sec1_left_text .text span:after{ content: ''; position: absolute; right: -100px; top: 50%; height:1px;width:60px; background: #fff; } .home_sec1_left_con .tx{margin-top: 18%; padding: 65px 0;line-height: 40px;font-size: 16px; position: relative; } .home_sec1_left_con .tx:after{ content: '';background: url("../images/ttl_about3.html") no-repeat ;width: 29px; height:29px; position: absolute; top: 0px; left:0; } .home_sec1_left_con .tx:before{ content: '';background: url("../images/ttl_about4.html") no-repeat ;width: 29px; height:29px; position: absolute; bottom: 0px; right:0; } .home_sec1_more{ position: absolute; top:50%; left:50%; z-index:4;margin-left:-59px;margin-top: -14px ; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .home_sec1_more a{background: url("../images/bg_more.html") no-repeat center right ;padding-right:70px; font-size: 20px; color: #fff; } .home_sec1_right_text{ position: absolute; z-index:4; color: #fff; top:50%; left:0%;width: 100%;text-align: center; -webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .home_sec1_right_text .text{ font-size: 30px;} .home_sec1_right_text .tx{ font-size: 28px;font-weight: bold;line-height: 30px;} .home_sec1_right_text .title{ font-size: 24px;font-weight: bold;} .home_sec1_con{ overflow: hidden;} .home_sec1_bg1{position: absolute; top:0; left:0; right:0;bottom: 0; z-index:3; background:#000000; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2; } /*.home_sec1_con:hover .home_sec1_left_text,.home_sec1_con:hover .home_sec1_bg1{*/ /*filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;*/ /*}*/ .home_sec1_con:hover .home_sec1_bg1{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .home_sec1_con:hover .home_sec1_right_text{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } /*.home_sec1_con_v:hover .home_sec1_bg{*/ /*filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;*/ /*}*/ .home_sec1_right .home_sec1_video{width: 150%; left:-25%; height:150%; top:-25%;} /*.home_sec1_right .home_sec1_video video{min-width: 100%;min-height: 100%;}*/ .home_sec1_right video{height: 100%; position: absolute; left:50%; bottom:0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .home_sec1_left .home_sec1_video{ height:150%; top:-25%;} .home_sec1_left video{ height: 100%; position: absolute; left:50%; bottom:0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*home_sec1*/ /*home_sec2*/ .home_sec2{padding: 110px 4%; background: #f6f6f6;} .home_sec2_con{text-align: center ; width: 100%; margin-top:50px;} .home_sec2_con .title{color: #494949;font-size: 16px;margin: 30px 0;text-transform: capitalize;} .home_sec2_con .text{color: #a5a5a5;;font-size: 15px; line-height: 24px; height:48px; overflow: hidden;} .home_sec2_con a{ display: block; margin: 0px auto;} /*home_sec2*/ /*home_sec3*/ /*.home_sec3{ overflow: hidden;background: #fff;padding:100px 0;}*/ .home_sec3_img{ float: left;width: 40%; overflow: hidden;} .home_sec3_text{width: 60%;padding-left: 30px; float: left;} .home_sec3_text .title{ font-size: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #158bd1; margin-bottom: 5px;} .home_sec3_text .text{font-size: 16px;line-height: 20px;height:60px; overflow: hidden;} .home_sec3_con1 .home_sec3_text .text{ height:40px;} .home_sec3_text .more{ float: right;background: #eeeeee;padding: 5px 20px;font-size: 16px;margin-top: 5px;} .home_sec3_con1 .home_sec3_text{width: 100%; float: none;padding-left: 110px;} .home_sec3_date{ float: left;background: #f5f5f7; padding: 7px 14px;text-align: center; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .home_sec3_con:hover .home_sec3_date{ background: #158bd1; color: #ffffff; } .home_sec3_con:hover .home_sec3_date div{border-bottom: 1px solid #ffffff;} .home_sec3_date div{font-size: 34px; border-bottom: 1px solid #ccc; font-weight: 800; line-height: 30px; padding-bottom: 2px; margin-bottom: 2px; } .home_sec3_date p { font-size: 16px; line-height: 30px; margin-bottom: 0px; } .home_sec3 .col-sm-6{padding: 0px 4%;} .home_sec3 .row{margin: 0px -4%;} .home_sec3_con{margin-bottom: 30px;} .home_sec3_more{text-align: center;margin-top: 25px;} .home_sec3_more a{ color: #158bd1;font-size: 16px;display: inline-block;} .home_sec3_more i{margin-left: 10px; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .home_sec3_more a:hover i{margin-left: 20px;} .home_sec3_img img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .home_sec3_con:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .home_sec3_con1 .home_sec3_text .title{ color: #333;} .home_sec3 .home_sec4_title{margin-bottom: 60px;} .home_sec4_title div{font-size: 30px; font-family: STXihei, STHeitiLight, 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serif !important; } .home_sec3{ overflow: hidden;background: #fff;padding:100px 0 150px 0;} .home_sec3_title{ text-align: center;margin-bottom: 30px;} .home_sec3_title .title{font-size: 50px;color: #323232;line-height: 50px;} .home_sec3_title .text{font-size: 30px;color: #666;text-transform: uppercase;} .home_sec3_cont .row{margin: 0px -3.5%;} .home_sec3_cont .col-sm-3{padding: 0px 3.5%;} .home_sec3_con{ position: relative;padding:63px 0 30px 0;padding-left: 28%;} .home_sec3_con:hover .home_sec3_bk{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .home_sec3_text{background: #fff; position: relative; z-index:1;padding: 10px 0;} .home_sec3_text_bk{border-left: 5px solid #0666b7;padding-left: 5px; } .home_sec3_text .title{line-height: 30px; height:30px; overflow: hidden;font-size: 22px;font-weight: bold; color: #333; margin-bottom: 4px; } .home_sec3_text .text{font-size: 16px;line-height: 20px; height:40px; overflow: hidden;} .home_sec3_text .more a{background:#0666b7; color: #fff;padding: 3px 10px; font-size: 16px;} .home_sec3_text .more{text-align: right;margin-top: 5px;} .home_sec3_bk{ position: absolute; left:0; top:0; height:100%;border: 8px solid #0666b7; width: 50%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .home_sec3_bk div{ position: absolute; top:0;background: #0666b7; color: #fff; left: 10%; font-size: 28px; padding: 5px 5px; line-height: 28px;} /*home_sec3*/ /*home_sec4*/ .home_sec4{padding: 60px 0; overflow: hidden; background: #fff;} .home_sec4_title{font-size: 36px;color: #323232;line-height: 50px;margin-bottom: 0px; position: relative; font-weight: bold;font-family: Arial; } .home_sec4_title:after{ position: absolute; right:102%; height:5px;width: 100%;background: #323232; top:26%;margin-top: -2px; content: ''; } .home_sec4_text{ position: relative; z-index:2;background: #f6f6f6;width: 77%;padding: 10px 0;} .home_sec4_text .title{line-height: 30px; height: 30px; overflow: hidden; color: #333; font-size: 22px; font-weight: bold;} .home_sec4_text .text{font-size: 16px; line-height: 20px; height: 40px; overflow: hidden;} .home_sec4_con .more{background:#0666b7; color: #fff;padding: 3px 10px; font-size: 16px; position: absolute; left:0; bottom:-4px;} .home_sec4_con{ position: relative; padding:21% 0 40px 0; margin-top: 18%; /*padding: 14% 0 40px 0;*/ /*margin-top: 13%;*/ } .home_sec4_bk{ position: absolute;border: 5px solid #0666b7; height:100%;width: 60%; right:0; top:0; border-left: none; } .home_sec4 .home_sec3_text_bk{ position: relative;} .home_sec4 .home_sec3_text_bk .line{ position: absolute; left:-5px;width: 5px;background: #0666b7; height:0; content: ''; } .home_sec4 .home_sec3_text_bk .line1{bottom: 100%;} .home_sec4 .home_sec3_text_bk .line2{top: 100%; } .home_sec4_bk .line{ position: absolute; right:100%; height:5px;background: #0666b7; content: '';width: 0; } .home_sec4_bk .line1{bottom: -5px;} .home_sec4_bk .line2{ top:-5px;} .home_sec4_bk .text { position: absolute; top: -4px;width: 35px; background: #0666b7; color: #fff; right:-4px; font-size: 28px; padding: 5px 5px; line-height: 28px; } .home_sec4_bk .img{ position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left:0; background:#f6f6f6;padding: 0px 10%; width: 68%; /*width: 50%;*/ } .home_sec4 .row{margin: 0px -5.5%} .home_sec4 .col-sm-4{padding: 0px 5%} /*home_sec4*/ /*footer*/ .footer1 { width: 100%; padding: 40px 0 20px 0; background: #3d3c42; } .footer1_a { width: 360px; margin: 0 auto; position: relative; } .footer1_a input { width: 100%; height: 40px; background: #fff; border: none; /*border-radius: 40px;*/ padding: 0 30px; font-size: 16px; letter-spacing: 1px; } .footer1_a a { position: absolute; top: 3px; right: 3px; line-height: 34px; /*border-radius: 34px;*/ background: #0666b7; color: #fff; font-size: 16px; font-weight: 600; padding: 0 25px; } .footer1_b { width: 100%; margin-top: 40px; } .footer1_b h5 { color: #eee; font-size: 18px; margin-top: 0; margin-bottom: 15px; } .footer1_b p { font-size: 16px; color: #777; margin-bottom: 0; line-height: 25px; } .footer1_blist span { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-right: 6px; margin-bottom: 10px; background: #b8bbc0; color: #3d3c42; font-size: 16px; text-align: center; border-radius: 100%; } .footer1_blist span i { line-height: 30px; } .footer1_blist img{margin-top: 5px;} .footer2 { width: 100%; /*background: #323237;*/ /*height: 60px;*/ background: #3d3c42; padding-bottom: 20px; } .footer2_con { width: 100%; position: relative; } .footer2_con p { margin: 0; line-height: 60px; float: left; font-size: 14px; color: #666; letter-spacing: 0; } .footer3{background: #f6f6f6;} .footer3 .container1{ position: relative; height:46px;} .footer3 img{ position: absolute; right:15px; bottom:10px;} .unohacha { /*position: absolute; top: 8px; right: 0;*/ float: left;margin-left: 30px; } .clm0 { margin-left: 0 !important; margin-right: 0 !important; } .clp0 { padding-left: 0 !important; padding-right: 0 !important; } /*footer*/ /*home_sec6*/ .home_sec6 { position: relative; z-index: 9; background: #302f35; } .home_sec6 .container { position: relative; padding: 8% 0; } @media (min-width: 768px) { } @media (min-width: 992px) { .home_sec6 .container { padding: 2% 0; } } @media (min-width: 1200px) { .home_sec6 .container { padding: 4% 0; } } @media (min-width: 1400px) { .home_sec6 .container { padding: 6% 0; } } @media (min-width: 1600px) { .home_sec6 .container { padding: 8% 0; } } .home_sec6bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .home_sec6_img { position: absolute; right: 0px; top: 11%; /*top: 22%;*/ /*width: 32%;*/ -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; -ms-transition: -ms-transform 0.6s ease; -o-transition: -o-transform 0.6s ease; transition: transform 0.6s ease; z-index: 2; width: 25%; } .home_sec6_img_box{ width:100%; position:relative; } .home_sec6_img_box img{ width:100%; position:absolute; top:0; left:0; display:none; } /*.home_sec6_img_im{width: 402px; height:809px;background: url("../images/hs6.gif") no-repeat center center;}*/ .home_sec6_btn { width: 50px; height: 50px; cursor: pointer; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; } .home_sec6_title { color: #fff; font-size: 50px; margin-bottom: 15px; margin-top: 10px; font-weight: 300; line-height: 60px; } .home_sec6_tx { color: #dededf; font-size: 22px; margin-bottom: 30px; line-height: 30px; width: 82%; font-weight: 300; border-left: 10px solid #0666b7; padding-left: 10px; } .home_sec6_text .tx1 { color: #fff; font-weight: 300; font-size: 22px; } .home_sec6_text .tx2 { color: #6d6c70; font-weight: 700; margin-left: 20px; font-size: 22px; } .home_sec6_text { position: relative; left: -100px; opacity: 0; width: 50%; -moz-opacity: 0; float: left; -khtml-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .home_sec6_line { width: 0%; height: 2px; margin-bottom: 25px; background: -webkit-linear-gradient(left, #0666b7 0%, #038adc 100%); background: linear-gradient(to right, #0666b7 0%, #038adc 100%); } .home_sec6_img_div { /*width: 80.8%;*/ /*height: 88.5%;*/ /*top: 11.3555%;*/ /*left: 10.2%;*/ width: 90%; height: 60.6%; position: absolute; top: 14.6555%; left: 5.2%; overflow: hidden; /*opacity:0;*/ /*-moz-opacity:0;*/ /*-khtml-opacity:0;*/ /*-webkit-opacity:0;*/ /*filter:alpha(opacity=0);*/ } .home_sec6_img_div video { /*width: 248%;*/ /*width: 320%;*/ width: 388%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /*opacity:0;*/ } /*home_sec6*/ .load{ position: fixed; height:100%;width: 100%; top:0; left:0; z-index:2222;} .home_news_left .title{font-size: 16px;font-weight: bold; color: #333;} .home_news_left .title div{font-size: 20px;} .home_news_left .more{line-height: 48px;width: 100%;text-align: center; background:#0666b7;margin: 25px 0 20px 0;} .home_news_left .more a{color: #fff;font-size: 16px;} .home_news_left i{font-size: 16px;margin-right: 10px;} .home_news_time{ font-size: 20px; /*font-size: 34px;*/ font-weight: bold; color: #333;} .home_news_con .title{font-size: 16px;font-weight: bold; color: #333;margin-bottom:16px;} .home_news_con .text{font-size: 16px;} .home_news_con .more img{ margin-right: 5px; } .home_news_con .more{font-size: 16px;margin-top: 20px; color: #333;font-weight: bold;} .home_sec6_con_img{ position: relative; z-index:1;box-shadow: 0px 0 10px rgba(0, 0, 0, 0.25);} .home_sec6_con_img img{ position: absolute; top:0; left:0;width: 100%; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .home_sec6_con_img:hover img{ -webkit-filter: grayscale(0); filter: grayscale(0); } .home_sec6_con{ float: right;width: 39%; position: absolute;padding-right: 74px; top:48%; right:4%;} .home_sec6_con_bg{ position: absolute; top:15px; left:15px; right:-15px; bottom:-15px; background: #0666b7; } .home_sec6_con_ti{ position: absolute; z-index:2;max-width: 200px; background: #0666b7 url("../images/hy.html") no-repeat center center; background-size: 70%; top: 0; right: 10%; width: 36%; } .home_sec6_left{ position: absolute; right:-74px; top:50%; cursor: pointer;margin-top: -37px;} .home_news_con .text{ height:44px; overflow: hidden;} @media (max-width: 1399px) and (min-width: 1024px) { .home_sec3_cont .col-sm-3 { padding: 0px 2.5%; } .home_sec3_cont .row{margin: 0px -2.5%;} .home_news_left .title { font-size: 20px; } .banner_list video { width: 100%; left:0%; top:30px !important; } } @media (max-width: 1199px) and (min-width: 1024px) { .home_sec3_cont .col-sm-3 { padding: 0px 15px; } .home_sec3_cont .row{margin: 0px -15px;} .home_news_left .title { font-size: 17px; } .home_news_con .title { font-size: 26px; } .home_news_left .more { line-height: 38px; margin: 20px 0; } .home_sec6_title { font-size: 36px; line-height: 50px; } } .home_sec1_right .home_sec1_video1{ height:100%; top:0;} /*home_sec5*/ .home_sec5{background: #ffffff;} .home_sec5_con{ float: left;width: 50%; position: relative;} .home_sec5_bg{ position: absolute; top:0; left:0; height:100%;width: 100%;background: rgba(0, 0, 0, 0); -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .home_sec5_con:hover .home_sec5_bg{background: rgba(0, 0, 0, 0.4); } .home_sec5_text{ position: absolute; top:50%; left:0;width: 100%;text-align: center; color: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .home_sec5_text .title{font-size: 36px;text-transform: uppercase;line-height: 55px;} .home_sec5_text .line{width: 60px; height:1px;background: #0666b7; margin: 15px auto;} .home_sec5_text .text{font-size: 22px;text-transform: uppercase; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .home_sec5_text div{ -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .home_sec5_con:hover .line{width: 200px;} .home_sec5_con:hover .text{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } /** indsy_fzpt **/ .indsy_fzpt{background: #fff; no-repeat center center;background-size: cover; padding:50px 0; position: relative; z-index:2; overflow: hidden;} .syfzptul{ height:auto; margin-top: 10px; } .syfzptul ul{height:auto;} .syfzptul ul li{height:auto;} .syfzpt_zj{ width:80%; height:auto; margin:0 auto; } .syfzpt_tp{ width:120px; height:auto; margin:0 auto; } .syfzpt_wz{ color: #0666b7; font-size:24px; text-align: center; margin-top: 10px; } .syfzpt_wz1{ text-align: center; font-size: 14px; margin-top: 5px; } .syfzpt_wz2{ text-align: center; } .syfzpt_wz2 a{ display:inline-block; line-height: 25px; margin: 0px 10px; font-size: 18px; margin-top: 10px; } .syfzpt_wz2 a:hover{color: #0666b7;} /** indsy_fzpt **/ /*home_pro*/ .home_pro{background: #fff; no-repeat center center;background-size: cover; padding: 100px 0; position: relative; z-index:2; overflow: hidden;} .home_pro .home_sec4_title { margin-bottom: 60px; } .home_pro_cont{ position: relative;} .home_pro_img{text-align: center; position: absolute; top:0; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; } .home_pro_img .img2{ position: absolute; top:0; left:0;width: 100%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; /*-webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;*/ } .home_pro_img:hover .img1{ /*filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;*/ /*-webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;*/ } /*.home_pro_img:hover .img2{*/ /*filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;*/ /*}*/ .home_pro_left{ position: absolute; left:0; top:52%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .home_pro_ri{ position: absolute; right:0; bottom:200px;text-align: right;} .home_pro_ri_top{margin-bottom: 40px; position: relative;} .home_pro_ri_bot{ position: relative; right:-100px;} .home_pro_q{ position: absolute;} .home_pro_q_c{width: 22px; height:22px;background: #0666b7; -webkit-border-radius:50%; -moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius:50%; box-shadow: 0px 0 0 0px rgba(11, 135, 206, 0.25); animation: 3s qq infinite .5s linear; -webkit-animation: 3s qq .5s infinite linear; } @-webkit-keyframes qq{ 0%{ box-shadow: 0px 0 0 0px rgba(28, 167, 162, 0.25); } 50%{ box-shadow: 0px 0 0 10px rgba(28, 167, 162, 0.25); } 100%{ box-shadow: 0px 0 0 0px rgba(28, 167, 162, 0.25); } } @keyframes qq{ 0%{ box-shadow: 0px 0 0 0px rgba(28, 167, 162, 0.25); } 50%{ box-shadow: 0px 0 0 10px rgba(28, 167, 162, 0.25); } 100%{ box-shadow: 0px 0 0 0px rgba(28, 167, 162, 0.25); } } .home_pro_q1{ right:37%; top:5%;} .home_pro_q2{ right:56%; top:36%;} .home_pro_q1a{ right:40%; top:70%;} .home_pro_q2a{ right:70%; top:97%;} .home_pro_q3{ right:15%; top:6%;} .home_pro_q4{ left:60%; top:120%;} .home_pro_q5{ left:65%; top:104%;} .home_pro_q1b{ left:68%; top:59%;} .home_pro_line{ position: absolute; top:50%;margin-top: -41px; display: none; cursor:pointer;} .home_pro_line div{font-size:18px; color: #303030; line-height: 22px;} .home_pro_line div.text{ position:relative; } .home_pro_line div.text span{ font-size:16px; position:absolute; top:-10px; right:-32px; color:#0666b7; } .home_pro_line p{text-transform: uppercase;} .home_pro_ri .home_pro_line{ right:100%;padding: 15px;padding-right:70px;width:150px;text-align: center;background:#ffffffa3;} .home_pro_line .line{ display: block; position: absolute;background: #c2c2c2;} .home_pro_line .line1{width: 0px; height:1px;top:50%;} .home_pro_line .line2{width: 1px; height:0; bottom:41px; } .home_pro_line .line3{width: 0px; height:1px;top:0; } .home_pro_line .line4{width: 1px; height:0%;top:0; } .home_pro_line .line5{width: 0px; height:1px;bottom:0; } .home_pro_line .line6{width: 1px; height:0px;bottom:0; } .home_pro_line .qu{width: 10px; height:10px;bottom:10px; -webkit-border-radius:50%; -moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius:50%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .home_pro_left .home_pro_line{ left:100%;padding:15px;padding-left:70px;/*width: 225px;*/ width:170px;text-align: center; background:#ffffffa3;} .home_pro_ri .home_pro_line .line1{ right:0; width:56px} .home_pro_ri .home_pro_line .line2{right: 55px;} .home_pro_ri .home_pro_line .line3{right: 55px; width:95px;} .home_pro_ri .home_pro_line .line4{ left:0;} .home_pro_ri .home_pro_line .line5{left:0;} .home_pro_ri .home_pro_line .line6{ left:84px;} .home_pro_ri .home_pro_line .qu{left:79px; } .home_pro_left .home_pro_line .line1{ left:0; width:56px} .home_pro_left .home_pro_line .line2{ left:55px;} .home_pro_left .home_pro_line .line3{ left:55px;} .home_pro_left .home_pro_line .line4{ right:0px;} .home_pro_left .home_pro_line .line5{ right:0px;} .home_pro_left .home_pro_line .line6{ right:84px;} .home_pro_left .home_pro_line .qu{right:79px; } .home_pro_line .text{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .home_pro_line.on{ display: block;} .home_pro_line ul{ position:absolute; border:1px solid #c2c2c2; margin-top:-1px; padding:10px 0; background:#fff; z-index:9999; display:none; } .home_pro_line ul li{ font-size:14px; line-height:30px; padding:0 20px; } /*home_pro*/ .home_sec1_left_text_c{border: 8px solid #16c5a7; border-left:0;border-top: 0px; position: absolute; top:20%; left:31%;width: 38%; height:60%; } .home_sec1_left_text_c .title{ position: absolute;font-size: 76px; padding: 20px; background: rgba(22, 197, 167, 0.8); color: #ffffff; line-height: 64px; left:-120px; } .home_sec1_left_text_c .tx{ font-size: 36px;font-weight: 800; -webkit-transform: translateX(50%) rotate(90deg); -ms-transform: translateX(50%) rotate(90deg); transform: translateX(50%) rotate(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; position: absolute; /*top:50%; left:50%;*/ } @media (max-width: 1440px) and (min-width: 1024px) { .home_pro_left{ left:-100px;} .home_pro_ri_bot{ right:-170px;} .home_pro_ri_top { right: -45px; } } @media (max-width: 1439px) and (min-width: 1280px) { .home_pro_img img{width: 700px;} } @media (max-width: 1279px) and (min-width: 1170px) { .home_pro_img img{width: 700px;} .home_pro_ri_bot{ right:-200px;} } @media (max-width: 1169px) and (min-width: 1024px) { .home_pro_left{ left:-150px;} .home_pro_img { width: 600px; } .home_pro_img img{width: 600px;} .home_pro_ri_bot{ right:-250px;} } .home_sec1_right .home_sec1_video.home_img{ top: 0; left: 0; height: 100%; width: 100%;} .home_img_con{ position: absolute; top:0; left:0;width: 100%; height:100%;background: url("../images/cdz1.html") no-repeat; background-size: auto 100%; background-position:0 0 ; } @-webkit-keyframes leftmove{ 0%{ background-position:0% 0 ;} 50%{ background-position:100% 0 ;} 100%{ background-position:0 0 ;} } @keyframes leftmove{ 0%{ background-position:0% 0 ;} 50%{ background-position:100% 0 ;} 100%{ background-position:0 0 ;} } .home_sec1_con:hover .home_img_con{ animation: 20s leftmove infinite 0.5s linear; -webkit-animation: 20s leftmove 0.5s infinite linear; } /*about*/ /**/ .about_sec { background-color: #efefef; /*background-color: #323232;*/ /*background-image: url('../images/ab.svg?1486718314');*/ background-size: 510px, 325px; background-position: center; padding: 80px 0 105px 0; } .about_sec_txt { width: 60%; margin:0 auto; text-align: center; position: relative;max-width: 950px; } .about_sec_txt .shu { position: absolute; width: 8px; height: 200px; display: inline-block; bottom: 100%; left: 50%; background: #0666b7; margin-left: -4px; } .about_sec_txt .heng { width: 60px; background: #0666b7; height: 3px; display: inline-block; } .about_sec_txt h3 { padding-top: 0px; padding-bottom: 25px; font-weight: 900; letter-spacing: 1px; text-align: center; color: #0666b7; font-size: 36px; margin-top: 0px; margin-bottom: 0; } .about_sec_txt h2 { color: #333; margin-top: 40px; font-size: 24px; font-weight: bold; } .about_sec_txt p { font-size: 16px; margin-bottom: 0; /*color: #dcdcdc;*/ color: #666; margin-top: 30px; text-align: left; text-indent: 2em;} .about_sec_txt a { padding: 10px 20px 10px; position: relative; margin-top: 40px; color: #8e8e8e; font-weight: 800; font-size: 16px; cursor: pointer; border: 3px solid #8e8e8e; display: inline-block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .about_sec_txt a span { display: inline-block; width: 20px; height: 2px; background: #0666b7; position: absolute; left: -10px; top: 50%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .about_sec_txt a:hover { border: 3px solid #0666b7; color: #0666b7;} .about_sec_txt a:hover span { left: 95px;} /**/ /*历程*/ .history { background: #0666b7; padding: 40px 0 30px; } /** lanyisk***/ /*.m2_sub{*/ /*width:100%;*/ /*position:relative;*/ /*overflow:hidden;*/ /*}*/ /*.m2_sub_next {*/ /*position: absolute;*/ /*right: 0;*/ /*}*/ /*.m2_sub_prev{}*/ /*.layout{ position: relative;}*/ /*.layout:after{ position: absolute;*/ /*top: -10px;*/ /*left: 8%;*/ /*right: 8%;*/ /*height: 1px;*/ /*display: block;*/ /*content: "";*/ /*background: #fff;}*/ /*.layout li a { color:#ffffff; text-align: center;}*/ /*.layout li{ width: 16.66%; float: left;}*/ /*.layout li a p{ font-weight: 600;*/ /*font-size: 30px; margin-bottom: 0;}*/ /*.layout li a span{font-size: 16px;}*/ .linesy { background: #16242f; } .timeline-img h1 { font-size: 30px !important; color: #ffffff; font-weight: 900; letter-spacing: 4px !important; } .kris_one { width: 25%; float: left; } .bpm-two-eights p { color: #ffffff; font-size: 16px; margin-top: 20px; } .bpm-two-eights span { color: #ffffff; } .kris { margin-top: 20px; } .kris_one h1 { font-size: 24px !important; } .kris_one p { margin-top: 0px !important; } /*** !lanyisk **/ /*历程*/ .about_sec1 { background: #2c2929 url('../images/sec1_bg.html') no-repeat; background-size: cover; } .sec1_one { text-align: center; padding-top: 5%; padding-bottom: 5%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .clm { margin-left: 0px !important; margin-right: 0px !important; } .clp { padding-left: 0 !important; padding-right: 0 !important; } .sec1_one h3 { color: #fff; font-size: 26px; font-weight: 400; padding-bottom: 13px; letter-spacing: 1px } .sec_one_tx h5 { color: #fff; padding-bottom: 31px; font-size: 16px; line-height: 26px; } .sec_one_tx p { font-size: 12px; line-height: 16px; font-weight: bold; color: #686664; padding-bottom: 6px; border-bottom: 3px solid #686664; display: block; width: 38px; margin: auto; text-align: center; -webkit-transition: width 500ms, color 500ms, border 500ms; transition: width 500ms, color 500ms, border 500ms; -webkit-transition-delay: 0ms, 200ms, 200ms; transition-delay: 0ms, 200ms, 200ms; } .border1 { border-right: 1px solid #5c5c5c; border-bottom: 1px solid #5c5c5c; } .border2 { border-bottom: 1px solid #5c5c5c; } .border3 { border-right: 1px solid #5c5c5c; } .border1:hover { background: #0666b7; border-right: 1px solid #0666b7; border-bottom: 1px solid #0666b7; } .border2:hover { background: #0666b7; border-bottom: 1px solid #0666b7; } .border3:hover { background: #0666b7; border-bottom: 1px solid #0666b7; } .border4:hover { background: #0666b7; } .sec1_one:hover .sec_one_tx p { width: 117px; color: #fff; border-color: #fff; } .sec1_one_img { position: relative; } .sec1_one_img img { width: 72px; height: 80px; } .white_img1 { position: absolute; top: 0; left: 50%; margin-left: -36px; } .white_img1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .sec1_one:hover .white_img { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .sec1_one:hover .white_img1 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .ab_title h2 { font-size: 36px; letter-spacing: 5px; margin-top: 0px; font-weight: bold; padding-bottom: 15px; } .wap_con_ab { background: #ffffff; padding-top: 80px; } .ab_title { text-align: center; padding: 50px 0; } .ab_title span { color: #0666b7; } .sec2_center1:hover { background: rgba(0, 0, 0, 0.5); } .sec2_right1:hover { background: rgba(0, 0, 0, 0.5); } /**/ .sec2_left { background: url('../images/two1.html') no-repeat; height: 100%; display: table;width: 100%; background-size:cover; background-position:0 0 ; } .sec2_left:hover{ animation: 20s leftmove infinite 0.5s linear; -webkit-animation: 20s leftmove 0.5s infinite linear; } /*.sec2_center { background: url('../images/two1.jpg') no-repeat; background-size: cover; height: 100%;*/ /*display: table;width: 100%;*/ /*}*/ /*.sec2_right { background: url('../images/two3.jpg') no-repeat; background-size: cover; height: 100%;*/ /*display: table;width: 100%;*/ /**/ /*}*/ .sec2_left1, .sec2_center1, .sec2_right1 { display: table-cell; vertical-align: middle; padding-left: 10%; color: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;background: rgba(0, 0, 0, 0.14); } .sec2_left1 h2 { line-height: 34px; padding-bottom: 25px; font-size: 30px; font-weight: 700; } .sec2_left1 p { /*padding-bottom: 75px;*/ font-size: 18px; } .sec2_center1 h2 { line-height: 34px; padding-bottom: 25px; font-size: 30px; font-weight: 700; } .sec2_center1 p { /*padding-bottom: 75px;*/ font-size: 18px; } .sec2_right1 h2 { line-height: 34px; padding-bottom: 25px; font-size: 30px; font-weight: 700; } .sec2_right1 p { /*padding-bottom: 75px;*/ font-size: 18px; } .kuang i { font-style: normal; display: block; margin-bottom: 35px; margin-left: 9px; width: 44px; height: 44px; line-height: 44px; text-align: center; position: relative; font-size: 16px; color: #ffffff; } .kuang i:after { content: ""; border: 2px solid #fff; position: absolute; width: 44px; height: 44px; left: 0; top: 0; box-sizing: border-box; transform: rotate(45deg); transition: transform 500ms; } .sec2_left1:hover { background: rgba(0, 0, 0, 0.5); } .ktb_btn_seamless { text-align: left; font-size: 15px; font-weight: bold; position: relative; padding: 9px 0; display: inline-block; transition: color 300ms;display: none; background: url('../images/btn-arrow-light.html') no-repeat right 17px; } .ktb_btn_seamless:after { background-color: #fff; } .ktb_btn_seamless:before, .ktb_btn_seamless:after { transition: width 600ms; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); content: ""; display: block; height: 4px; position: absolute; z-index: 2; bottom: -4px; width: 100%; } .ktb_btn_seamless { max-width: 170px; width: 100%; } .ktb_btn_seamless:before, .ktb_btn_seamless:after { background-color: #fff; } .sec2_left1:hover .kuang i:after { transform: rotate(225deg); } .sec2_center1:hover .kuang i:after { transform: rotate(225deg); } .sec2_right1:hover .kuang i:after { transform: rotate(225deg); } .sec2_left1:hover .ktb_btn_seamless:before, .ktb_btn_seamless:after { width: 0%; } .sec2_center1:hover .ktb_btn_seamless:before, .ktb_btn_seamless:after { width: 0%; } .sec2_right1:hover .ktb_btn_seamless:before, .ktb_btn_seamless:after { width: 0%; } /**/ /*在线留言*/ .home_mar { padding: 80px 0; } .sec3_widt { width: 50%; margin-left: 25%; } .mess li { float: left; width: 50%; padding-left: 20px; padding-right: 20px; } .mess li span { display: block; font-size: 16px } .mess li input { height: 30px; line-height: 30px; padding-left: 10px; width: 100%; } .emaile { padding-left: 20px; padding-right: 20px; margin-top: 25px; } .emaile input { height: 30px; line-height: 30px; padding-left: 10px; width: 100%; } .emaile p { font-size: 16px; margin-bottom: 5px; font-weight: 600; } .emaile span { font-size: 16px; } .online span { width: 300px; height: 2px; background: #0666b7; display: inline-block; } .mess li p { font-size: 16px; margin-bottom: 5px; font-weight: 600; } .emaile textarea { width: 100%; height: 80px; padding-left: 10px; } .submit a { background: #0666b7; color: #ffffff; font-size: 16px; padding: 5px 50px 5px 50px; display: inline-block; } .submit { text-align: center; margin-top: 30px; } .online h1 { margin-top: 0px; font-size: 36px } .online { text-align: center; margin-bottom: 30px; } /*news*/ .wap_con { background: #ffffff; } .namic_left { width: 45%; float: left; padding-right: 20px;} .namic_right { width: 55%; float: left; text-align: center; } .namic_left a:hover { background: #231a6a; } .namic_left a { margin-bottom: 5px; position: relative; text-align: center; font-weight: bold; background-color: #0666b7; height: 46px; line-height: 46px; padding-left: 20px; padding-right: 20px; color: #fff; display: inline-block; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; letter-spacing: 1px; margin-top: 40px; } .namic_left h1 { margin-top: 0px; font-size:50px; letter-spacing: 2px; font-weight: bold; color: #0666b7; } .namic { background: #f6f6f6; padding: 30px; } .dynamic_width { padding: 80px 0; } .namic_left p { font-size: 16px; color: #000; margin-bottom: 20px; margin-top: 20px;line-height: 24px; } .namic_one_right { width: 50%; float: left; } .namic_one_left { background: url("../images/news2.html") no-repeat; background-size: 120%; background-position: 50%; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; width: 50%; float: left; } .namic_one:hover .namic_one_left{ background-position: 70%;} .namic_one:hover .namic_one_left1{ background-position: 70%;} .baozi{ padding-top: 50px ; background: #f6f6f6;} .namic_one_left1{ background: url("../images/news3.html") no-repeat; background-size: 120%; background-position: 50%; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;} .namic_one { background: #f6f6f6; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } .namic_one_right h1 { color: #0666b7; font-size: 26px; /*font-weight: 900; */ -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .namic_one_right span { font-size:20px; font-weight: 900; padding-left: 10px; } .namic_one_right p { font-size: 16px; margin-bottom: 0; } .namic_one_right { background: #ffffff; color: #000000; padding-left: 40px; padding-top: 20px; padding-bottom: 20px; padding-right: 40px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .stry_left { width: 25%; float: left; } .dustry{ padding: 80px 0; padding-top: 110px;} .dustry .tite { font-size:40px; letter-spacing: 2px; font-weight: bold; color: #0666b7; margin-top: 0px; } .stry_right { width: 75%; float: left; padding: 15px 30px; } .st_more { border: 1px solid #2675a5; color: #2675a5; display: inline-block; height: 30px; margin-left: 17px; margin-top: 0; padding: 1px 0; width: 30px; border-radius: 50%; text-align: center; } .st_more i { line-height: 26px; } .stry_right h2 { font-size: 26px; font-weight: 800; margin-top: 0; color: #0666b7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .stry_right h4 { color: #000; font-weight: 600; display: inline-block; } .stry_right p { font-size: 16px; color: #000; margin-bottom: 20px; } .action { background: url("../images/news_bg.html") no-repeat; background-size: cover; } .new_tit { text-align: center; color: #000; margin-bottom: 50px; } .new_tit span { font-size: 20px; font-weight: 600; } .action { padding: 80px 0; } .new_tit h3 { margin-top: 0px; font-size: 36px; font-weight: 900; } .tainer_top { background: #ffffff; color: #000; } .tainer_top1 { background: #ffffff; color: #ffffff; text-align: center; } .tainer_top2 { background: #ffffff; color: #ffffff; text-align: center; } .stry{ margin-top: 40px;} .tainer_bottom {padding: 15px 10px;} .tainer_bottom h5{ margin-top: 0; font-weight: 600; line-height: 24px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-size: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px; } .tainer_bottom i{ margin-right: 5px;} .tainer_bottom span{ margin-right: 10px; color: #8b8b8b; font-size: 16px;} .tainer_top_img{ position: relative; } .tainer_top_img .more_on{ position: absolute; bottom:10px; left: 10px;} .more_on{ background: #0666b7;color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; } .tainer_top:hover .tainer_bottom h5{ color: #0666b7;} .watch{ background: url("../images/watcj.html") no-repeat center; background-size: cover;text-align: center; position: relative; } .watch_pn { width:44%; position: absolute; top: 24%; left: 28%;} .watch_title h1{ margin-top: 0; color: #ffffff; font-weight: 900; padding-top: 3%; font-size: 36px; } .watch_title{ text-align: center;} .watch_pn_ore{ position: relative;} .txtx{ font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .watch_pn_ore_bg{ position: absolute; top:10px; left: 10px;} .luhan{ margin-bottom: 30px !important; } .ab_title p{ font-size: 18px;} .namic_left h3{font-size: 26px; line-height: 30px; color: #000; font-weight: 900;} .news{ background: url("../images/news.html") no-repeat; background-size: cover;} .about{ background: url("../images/about.html") no-repeat; background-size: cover;} .tainer_img{ position: absolute; height: 100%; width: 100%; left:0; top:0; background: rgba(0, 0, 0, 0.28); -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; } .tainer_top:hover .tainer_img {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; } .tainer_top_img{ overflow:hidden;} .tainer_top_img img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .tainer_top:hover .tainer_top_img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} .namic_right{ background: url("../images/news1.html") no-repeat; background-size: cover;} .namic_one:hover .namic_one_right{ background: #0666b7; color:#ffffff;} .namic_one:hover .namic_one_right h1{color:#ffffff;} .stry_left{ overflow: hidden;} .stry_left img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;} .stry:hover .stry_left img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} /*service*/ .service{background: #ffffff; position: relative;} .service_bg{ position: absolute; top:0; left:0;width: 100%;background: #0666b7; height:340px;} .service .container{ position: relative;} .service_tit{font-size: 32px;text-align: center;font-weight: bold; color: #ffffff;line-height: 32px;} .home_mar{padding: 80px 0;} .service_img{ position: relative;} .service_img_bg{ position: absolute; top:0; left:0;width: 100%; height:100%;background: rgba(0, 165, 150, 0.64); -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .service_img_bg .more{ position: absolute; top:60%; left:50%; color: #fff; font-size: 16px; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; border: 2px solid #fff; line-height: 36px; padding: 0 24px;margin-top: -20px;margin-left: -50px; } .service_text{font-size: 16px; color: #333;text-align: center;line-height: 30px;} .service .row{margin-top: 30px;} .service_con:hover .service_img_bg{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .service_con:hover .service_img_bg .more{ top:50%;} .service_mar{margin-left:12.5%; } /*service*/ .service_bg_fg{background: url("../images/s_bg.html") no-repeat center center fixed;background-size: cover;} /*market*/ .market{ background: #f6f6f6;} .market_tit{font-size: 32px; color: #0666b7; font-weight:bold;line-height: 28px;} .market_tit span{width: 4px; height:28px;background: #0666b7; display: inline-block;margin-right: 10px; float: left;} .market_left .col-sm-3,.market_left .col-xs-6{padding: 0px 10px;} .market_left_text{font-size: 16px;} .market_left_text span{font-size: 16px;font-family: Arial; color: #333;} .market .row{margin: 0px -40px;} .market_left .row{margin: 0px -10px;} .market .col-sm-6{padding: 0px 40px;} .market_left_img{margin: 60px 0;} .market_right_con{margin: 40px 0;} .market_right_con div{font-size: 16px;line-height: 25px;} /*market*/ /*system*/ .system{background: url("../images/st_bg.html") no-repeat center center fixed;background-size: cover; position: relative; padding: 100px 0; } .system:before{ position: absolute; top:0; left:0; content: ''; width: 100%; height:100%;background: rgba(0, 0, 0, 0.3);} .system_con{padding:0 20px;text-align: center; color: #ffffff;} .system_con img{height: 70px;margin-bottom: 20px;} .system_con .tit{font-size: 22px;margin-bottom: 5px;} .system_con .text{font-size: 16px;line-height: 24px;} .system .container{ position: relative;} /*system*/ .service_sec1{} .service_sec1_con{background:#f5f8fa url("../images/sc1_bg.html") no-repeat right bottom;padding: 100px 0;} .service_sec1_text{width: 40%;padding-left: 50px;} .service_sec1_text .tit{font-size: 22px;margin:0 0 20px 0;} .service_sec1_text .tx{font-size: 32px;} .service_sec1_text .text{font-size:16px;line-height: 24px;} .service_sec1_text .more{margin-top: 40px;text-transform: uppercase;} .service_sec2{padding: 50px 30px;} .service_sec2_left{ float: left;width: 50%;padding: 35px 85px;font-size: 16px;line-height: 24px; border-right: 1px solid #e1e6eb;} .service_sec2_left p{margin-bottom: 0px;} .service_sec2_left .text div{font-size: 22px;margin-bottom: 10px;} .service_sec2_left .text{ position: relative;} .service_sec2_left .text:after,.service_sec2_left .text:before{ position: absolute; content: '';} .service_sec2_left .text:after{background: url("../images/si1.html") no-repeat ; width: 20px; height: 18px; background-size: 20px auto; top:0; left:-35px;} .service_sec2_left .text:before{background: url("../images/si2.html") no-repeat ; width: 20px; height: 18px; background-size: 20px auto; bottom:0; right:-35px;} .service_sec2_right{ position: relative;padding: 35px 70px;float: left;width: 50%;} .service_sec2_right .tit{ font-size: 22px;margin-bottom: 10px; } .service_sec2_right .text{font-size: 16px;line-height: 24px;margin-bottom: 10px;} .service_sec2_right_img{ position: absolute; top: 20%; right: 50px;} .service_sec2_right .tx{font-size: 30px; color: #333;margin-top: -10px;} /*know*/ .know{padding-bottom: 80px;} .know_text{margin-top: 40px;padding: 20px 0;font-size: 16px;line-height: 24px; position: relative;} .know_text:after,.know_text:before{ position: absolute; content: '';width: 20px; height:1px; left:50%;margin-left: -10px; background: #0666b7; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .know_text:before{ top:0;} .know_text:after{ bottom:0;} .know_con_text{width: 80%;margin: 0px auto;text-align: center;} .know_tit{font-size: 20px;margin-top: 20px;} .know_con{margin-top: 30px;} .know .service_tit{ color: #333;} .know_con_img{ overflow: hidden;} .know_con_img img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .know_con:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .know_con:hover .know_text:before,.know_con:hover .know_text:after{width: 60px;margin-left: -30px;} /*know*/ .home_pro_img{width: 794px;} @media (max-width: 1400px) and (min-width: 1024px) { .system_con .tit { font-size: 20px; } } /*8.3*/ .changeco{ color: #ffffff; animation: 2s changeco infinite .3s linear; -webkit-animation:2s changeco .3s infinite linear; } .changeco i{margin-left: 15px;} @-webkit-keyframes changeco{ 0%{ color: #ffffff; } 50%{ color: #0666b7; } 100%{ color: #fff; } } @keyframes changeco{ 0%{ color: #ffffff; } 50%{ color: #0666b7; } 100%{ color: #fff; } } .home_sec4_title div{ font-family: Arial ; font-weight: bold;} .home_sec4_title{font-family: STXihei, STHeitiLight, 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serif !important;font-weight: normal; } /*ind_sec4*/ .ind_sec4{background: #fff; overflow: hidden;} .ind_sec4{ width:100%; position:relative; } .ind_sec4_l{ width:50%; height:100%; position:absolute; top:0; left:0; cursor:pointer; } .ind_sec4_r{ width:50%; height:100%; position:absolute; top:0; right:0; cursor:pointer; } .ind_sec4_img{ width:100%; position:relative; } .ind_sec4_zi{ width:100%; background:#0666b7; position:relative; } .ind_sec4_zi_a{ width:100%; text-align:center; position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ind_sec4_zi_a>h5{ margin:0; font-size:36px; color:#fff; letter-spacing:2px; text-align:center; } .ind_sec4_zi_a>i{ display:block; width:110px; height:1px; background:#fff; margin:25px auto; } .ind_sec4_zi_a>p{ text-align:center; margin:0; font-size:18px; color:#fff; line-height:25px; letter-spacing:2px; } .ind_sec4_zi_a ul{ padding:0; margin:0; width:100%; text-align:center; margin-top:30px; } .ind_sec4_zi_a ul li{ display:inline-block; width:120px; margin:0 20px; text-align:left; } .ind_sec4_zi_a ul li p{ margin:0; margin-top:10px; color:#fff; font-size:14px; letter-spacing:1px; } .ind_sec4_zi_a ul li p span{ font-size:16px; margin:0 2px; } .ind_sec4_zi_show{ width:100%; position:absolute; top:0; left:0; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); bottom:0; } .ind_sec4_img_show{ width:100%; position:relative; top:0; left:0; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } /*ind_sec4*/ /*header_search*/ .header_search{ position: fixed; top: 100px;background: #ffffff;text-align: center; left:0;width: 100%;padding: 30px 0; z-index:99; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); display: none; } .header_search_left{ float: left;font-size: 16px;} .header_search_left select{padding: 6px 10px;outline: none;height: 35px; -webkit-border-radius:0; -moz-border-radius: 0;border-radius: 0;-khtml-border-radius:0; border: none;border-right: 1px solid #cccccc; } .header_search_con{ display: inline-block;border: 1px solid #cccccc;} .header_search_cen{ float: left;width: 400px;} .header_search_cen input{width: 100%;padding: 0px 10px;line-height: 35px; height:35px; border: none; } .header_search_ri{ float: left;} .header_search_ri input{ background: #c7c7c7 url("../images/gloss-top-blue.html") no-repeat left top !important; padding: 0px 40px;height: 35px;border: none; color: #ffffff;font-size: 16px; } .header_search_bg{ position: fixed; z-index:98; top:0; left:0; bottom:0; right:0; display: none;} /*header_search*/ .slide_bar{ position: fixed; right:0px; top:50%;z-index:22;margin-top: -40px; } .slide_bar span{ display: block;background: #0666b7;padding: 5px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;-khtml-border-bottom-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius: 10px;border-top-right-radius: 10px;-khtml-border-top-right-radius:10px; } .slide_bar ul{ height:80px;width: 80px; position: relative; cursor: pointer; -webkit-perspective: 500px; perspective: 500px; } .slide_bar li{position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; height:100%;width: 100%; -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -webkit-transform: translateX(40px); transform: translateX(40px); } .face-normal { padding: 23px 14px; line-height: 23px; font-size: 20px; -webkit-transform: translateX(-40px); transform: translateX(-40px); letter-spacing: 6px; } .slide_bar ul li.on { /*transform: translateX(-40px) rotateY(-90deg);*/ transform: translateX(40px) rotateY(-90deg); } /*.slide_bar ul:hover li {*/ /*transform: translateX(40px) rotateY(-90deg);*/ /*}*/ .face-hover img{ position: absolute; right:1px; bottom:0;} .face-normal img{ position: absolute; right: 9px; top: 10px; width: 26px;} .face-hover{ text-align: center; line-height: 23px; padding-top: 17px; -webkit-transform: rotateY(90deg) translateX(-40px); transform: rotateY(90deg) translateX(-40px); font-size: 16px; } .face-normal, .face-hover { height: 100%; left: 0;background: #0666b7; position: absolute; top: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;-khtml-border-bottom-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius: 10px;border-top-right-radius: 10px;-khtml-border-top-right-radius:10px; color: #ffffff; /*overflow: hidden;*/ } /*.slide_bar li div{ position: absolute; right:100%;background: #0666b7;line-height: 50px; padding:0 10px; top:0;*/ /*color: #ffffff; white-space: nowrap; display: none;*/ /*font-size: 16px;*/ /*-webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;-khtml-border-bottom-left-radius:10px;*/ /*}*/ .slide_bar li div i{margin-right: 5px;} li.topc{border: none; cursor: pointer;} .banner ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } .banner_bg2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/pic3.html) center no-repeat; background-size: cover; -webkit-animation: banner 10s linear infinite; animation: banner 10s linear infinite; } .banner_bg3 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/pic2.html) center no-repeat; background-size: cover; -webkit-animation: banner 10s linear infinite; animation: banner 10s linear infinite; } .banner_bg4 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/pic4.html) center no-repeat; background-size: cover; -webkit-animation: banner 10s linear infinite; animation: banner 10s linear infinite; } .banner_zi3{ position:absolute; top:25%; left:10%;font-family: "Microsoft YaHei", "微软雅黑"; } .banner_zi3 h5{ font-size:30px; color:#000; line-height:50px; letter-spacing:2px; margin:0; } .banner_zi3 h5 span{ color:#0666b7; font-size:50px; line-height:70px; } @-webkit-keyframes banner { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes banner { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .banner_dian{ width:100%; position:absolute; bottom:30px; left:0; text-align:center; } .banner_dian span{ display:inline-block; width:12px; height:12px; border-radius:100%; background:#fff; cursor:pointer; margin:0 5px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; filter:alpha(opacity=60); } .banner_dian .on{ background:#0666b7 !important; opacity:1 !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; -webkit-opacity:1 !important; filter:alpha(opacity=100) !important; } .header_gp{ position: relative;} .header_sr_le{ float: left; position: relative;} .header_sr{ position: absolute; right:0px; top:30px;width: 200px;} .header_sr_le input{ position: relative;background: transparent;border: none; border-bottom: 1px solid #0666b7;line-height: 40px;height: 40px;width: 160px;} .header_sr_le img{ position: absolute; top:5px; left:5px; height:30px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; } .header_sr_ri{ float: left; position: relative; text-align: center;} .header_sr_ri input{ height:40px;width: 40px;background: #0666b7;border: none;} .header_sr_ri i{font-size: 16px;line-height: 40px; color: #ffffff; position: absolute; top:0; left:50%;margin-left: -9px;} .home_right{ position: fixed; right:0;background: #0666b7;padding: 10px; top:50%;margin-top: -78px; z-index:222;} .home_right div{text-align: center; color: #ffffff;font-size: 16px;line-height: 20px;margin-top: 10px;} /*8.7*/ .banner_a { height: 100%; position: absolute; top: 0; right: 0; z-index: 2; display: none; } /*****head*******/ .head{ width:300px; height:100%; position:absolute; top:0; right:0; padding:30px 0; padding-right:1%; display: none; z-index:999; } .head_con{ width:100%; height:100%; position:relative; } .show_nav{ width:0%; height:100%; position:absolute; top:0; right:0; background:#eaeaec; z-index:99; overflow:hidden; -webkit-transition: all cubic-bezier(.18,1,.21,1) 1.5s; -moz-transition: all cubic-bezier(.18,1,.21,1) 1.5s; -ms-transition: all cubic-bezier(.18,1,.21,1) 1.5s; -o-transition: all cubic-bezier(.18,1,.21,1) 1.5s; transition: all cubic-bezier(.18,1,.21,1) 1.5s; } .show_nav_on{ width:100%; } .show_nav_con{ width:100%; height:100%; padding-right:300px; } .show_nav_con ul{ width:100%; height:100%; padding:0; margin:0; } .show_nav_con ul li{ width:20%; position: relative; display: block; height:100%; float:left; padding:30px; border-right:1px solid #fff; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .show_nav_con ul li>a{ } .show_nav_con ul li h5{ margin:0; line-height:40px; font-size:20px; letter-spacing:1px; color:#333; letter-spacing:1px; margin:0; margin-top:120%; margin-bottom:10px; } .show_nav_con ul li h5 span{ float:right; width:35px; height:35px; background:#fff; border-radius:100%; text-align:center; line-height:35px; font-size:20px; color:#999; } .show_nav_con ul li>a>p{ font-size:15px; margin-bottom:0; line-height:25px; } .show_nav_cons{ width:100%; position:relative; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .show_nav_cons p{ line-height:50px; border-bottom:1px dashed #fff; font-size:16px; letter-spacing:1px; margin:0; position:relative; z-index:2; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .show_nav_cons p span{ width:0%; height:100%; position:absolute; top:0; left:0; z-index:-1; background:#fff; -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s; -moz-transition: all cubic-bezier(.18,1,.21,1) .6s; -ms-transition: all cubic-bezier(.18,1,.21,1) .6s; -o-transition: all cubic-bezier(.18,1,.21,1) .6s; transition: all cubic-bezier(.18,1,.21,1) .6s; } .show_nav_cons p:hover{ padding-left:20px; } .show_nav_cons p:hover span{ width:100%; } .banner_a img { min-width: 400px; } .head_logo{ position:absolute; top:32%; right:30px; z-index:9; } .head_zi{ width:240px; text-align:center;font-family: "Microsoft YaHei", "微软雅黑"; position:absolute; top:55%; right:0px; z-index:9; } .head_zi span{ font-size:12px; color:#999; letter-spacing:2px; } .head_zi .tit{ display:inline-block; margin:0; line-height:60px; cursor:pointer; margin-top:30px; padding:0 12%; font-size:20px; font-size:1vw; letter-spacing:6px; position: relative; text-transform:uppercase; color:#999; border:1px solid #ccc; } .head_nav{ width:100%; position:absolute; top:10px; left:0; z-index:999; } .head_nav_lang{ color:#929292; font-size:13px; } .head_nav_lang span{ margin:0 5px; font-family:Arial, Helvetica, sans-serif; } .head_btn{ width:70px; height:54px; position:absolute; top:-15px; right:0px; } .head_btn_box{ overflow:hidden; width:70px; height:54px; padding:15px; position:absolute; top:50%; left:50%; margin-left:-35px; margin-top:-27px; } .head_btns{ width: 40px; height: 24px; display: inline-block; cursor:pointer; } .head_btns_line{ width: 40px; height: 1px; background-color: #999; border-radius: 4px; position: absolute; display: block; top: 50%; margin-top: -2px; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; transition: background-color 0.2s 0.25s ease-in; } .head_btns_line:before{ content: ""; display: block; width: 40px; height: 1px; background-color: #999; border-radius: 4px; position: absolute; top: -7px; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; left: 0; transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .head_btns_line:after{ content: ""; display: block; width: 40px; height: 1px; background-color: #999; border-radius: 4px; position: absolute; bottom: -7px; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; top: 7px; right: 0; transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .head_btn_active .head_btns_line{ transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent; } .head_btn_active .head_btns_line:before{ left: -80px; top: -80px; -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg); transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); } .head_btn_active .head_btns_line:after{ right: -80px; top: -80px; -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg); transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); } .head_btn_icon{ position: absolute; bottom:30px; right:30%; z-index:9; width: 25px; height: 45px; border: 1px solid rgba(148, 135, 138, 0.65); border-radius: 50px; box-sizing: border-box; } .head_btn_icon span{ position: absolute; top: 8px; left: 52%; content: ''; width: 5px; height: 5px; margin-left: -3px; background-color: #94878A; border-radius: 100%; -webkit-animation: sdb10 2s infinite; animation: sdb10 2s infinite; box-sizing: border-box; } @-webkit-keyframes sdb10 { 0% { -webkit-transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { -webkit-transform: translate(0, 20px); opacity: 0; } 100% { opacity: 0; } } @keyframes sdb10 { 0% { transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { transform: translate(0, 20px); opacity: 0; } 100% { opacity: 0; } } .head_zi .tit { line-height: 50px; position: relative; padding: 0 7%; font-size: 20px; font-size: 0.9vw; } .head_zi .tit .ind_sec2_show_line_1,.head_zi .tit .ind_sec2_show_line_3{ height:2px;} .head_zi .tit .ind_sec2_show_line_2,.head_zi .tit .ind_sec2_show_line_4{ width:2px;} .head_zi .tit.on .ind_sec2_show_line_1{ width:100%; -webkit-transition: 1.5s linear 0s; -moz-transition: 1.5s linear 0s; -ms-transition: 1.5s linear 0s; -o-transition: 1.5s linear 0s; transition: 1.5s linear 0s; } .head_zi .tit.on .ind_sec2_show_line_2{ height:100%; -webkit-transition: 1.5s linear 1.5s; -moz-transition: 1.5s linear 1.5s; -ms-transition: 1.5s linear 1.5s; -o-transition: 1.5s linear 1.5s; transition: 1.5s linear 1.5s; } .head_zi .tit.on .ind_sec2_show_line_3{ width:100%; -webkit-transition: 1.5s linear 3s; -moz-transition: 1.5s linear 3s; -ms-transition: 1.5s linear 3s; -o-transition: 1.5s linear 3s; transition: 1.5s linear 3s; } .head_zi .tit.on .ind_sec2_show_line_4{ height:100%; -webkit-transition: 1.5s linear 4.5s; -moz-transition: 1.5s linear 4.5s; -ms-transition: 1.5s linear 4.5s; -o-transition: 1.5s linear 4.5s; transition: 1.5s linear 4.5s; } .head_btns_line:after,.head_btns_line:before,.head_btns_line{background: #ffffff; width:30px;} .head_btn{background: #0666b7; color: #ffffff; width: 54px; height: 64px; top: -40px; } .head_btns{ position: relative; margin-top: 3px;} .head_btn_box{width: 54px;padding: 12px;text-align: center; margin-left: -27px; height: 68px; cursor: pointer; margin-top: -34px; font-size:14px; } /*****head*******/ /*8.8*/ .home_sec2_con .title { font-size: 20px; margin: 30px 0 16px 0; } .home_right { left: 0; right:auto; top: 65%; } .banner_zi4 { top: 17%; left: 4%; } .banner_zi4 h5{color: #fff;font-size: 26px;} @media (max-width: 1199px) and (min-width: 1024px) { .home_text_con div span { font-size: 83px; } } .home_sec2_con .title { color: #0666b7; } .ind_sec6{ width:100%; min-height:450px; position: relative; z-index:11111; } .ind_sec6_bg{ position:fixed; top:0; left:0; width:100%; height:100%; background-size:cover; display: none; z-index:2; } .ind_sec6 .container{ height:100%; position:relative; } .ind_sec6_zi{ width:460px; padding:40px; position:absolute; top:50%; right:15px; z-index:2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ind_sec6_zi_bg{ width:100%; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:-1; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; -webkit-opacity:0.8; filter:alpha(opacity=80); } .ind_sec6_zi h5{ font-size:24px; color:#323232; margin-top:20px; } .ind_sec6_zi p{ font-size:16px; letter-spacing:1px; margin-top:20px; margin-bottom:0; color:#666; line-height:25px; } .home_sec1_left .home_sec1_video { height: 144%; top: -22%; } /*leader*/ .leader{ position: relative; overflow: hidden;} .leader .container{ position: relative; z-index:2;} .leader_bg{ position: absolute; right:0; bottom:0;width: 100%;text-align: right;} .leader_img{ position: relative; float: left;width: 55%;} .leader_img1{width: 75%; overflow: hidden; position: relative; z-index:2;} .leader_img2{width: 50%; position: absolute; right:0; bottom:0; overflow: hidden;z-index:2;} .leader_line{ position: absolute;width: 215px; left:25%; bottom:13%; height:215px;} .leader_line span{ position: absolute; display: block;background: #0666b7;} .leader_line span.line1{ right:0;width: 100%; height: 5px; bottom:0;} .leader_line span.line2{ left:0;width: 5px; height: 100%; bottom:0;} .leader_img .cricle1{ position: absolute; left: -100px; bottom: 20%; width: 200px; height: 200px; background: rgba(0, 164, 150, 0.7); } .leader_img .cricle2{ position: absolute; right: 20%; bottom: 40%; width: 50px; height: 222px; background: rgba(0, 164, 150, 0.7); } .leader_text{ float: left;width: 45%; padding: 6% 4% 0 4%;} .leader_text .more a{ display: inline-block;line-height: 38px;font-size: 16px; border: 2px solid #0666b7;padding: 0px 50px;margin-top: 30px;margin-left: 60px; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; -webkit-border-radius:25px; -moz-border-radius: 25px;border-radius: 25px;-khtml-border-radius:25px; } .leader_text .more a:hover{background: #0666b7; color: #ffffff;} .leader_text .title{font-size: 45px; line-height: 64px; color: #0666b7;padding-left: 60px;} .leader_text .line { display: inline-block; width: 17px; height: 1px; background-color: #aaaaaa; margin: 30px 0 30px 60px; } .leader_text .text{font-size: 16px;padding:20px 60px;position: relative; line-height: 30px;background: url("../images/al3.html") no-repeat left top ;} .qm:after{ position: absolute; bottom:0; right:8%; content: ''; background: url("../images/al3_1.html") no-repeat;width: 47px; height:42px;} .leader img{ -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s; -moz-transition: all cubic-bezier(.18,1,.21,1) .9s; -ms-transition: all cubic-bezier(.18,1,.21,1) .9s; -o-transition: all cubic-bezier(.18,1,.21,1) .9s; transition: all cubic-bezier(.18,1,.21,1) .9s; } /*leader*/ /*团队*/ .sec4_c ul li { float: left; } .sec4_con { width: 100%; position: relative; cursor: pointer; padding: 0 15px; } .sec4_mg { position: relative; } .sec4_con:hover .text_content_l1 { width: 100%; left: 0; } .text_content_l1 { width: 0%; height: 1px; background: #999; position: absolute; top: 0; left: 50%; z-index: 99; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .sec4_con:hover .text_content_l2 { height: 100%; top: 0; } .text_content_l2 { width: 1px; height: 0%; background: #999; position: absolute; top: 50%; right: 0; z-index: 99; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .sec4_con:hover .text_content_l3 { width: 100%; left: 0; } .text_content_l3 { width: 0; height: 1px; background: #999; position: absolute; bottom: 0%; left: 50%; z-index: 99; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .sec4_con:hover .text_content_l4 { height: 100%; top: 0; } .text_content_l4 { width: 1px; height: 0; background: #999; position: absolute; top: 50%; left: 0; z-index: 99; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .sec4_mg:hover .sec4_mg_zi { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .sec4_mg_zi { width: 30%; position: absolute; top: 30px; left: 25px; -webkit-transition: 0.6s ease; -moz-transition: 0.6s ease; -ms-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .sec4_mg_zi p { font-size: 15px; color: #333; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .sec4_con h3 span { display: inline-block; width: auto; height: 30px; line-height: 30px; text-align: center; color: #333; margin-right: 10px; font-size: 20px; letter-spacing: 2px; } .sec4_con h3 { font-size: 16px; color: #ccc;margin-top: 20px; } .sec4_next { right: 40px; } .sec4_c:hover .sec4_prev,.sec4_c:hover .sec4_next { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .sec4_prev { left: 40px; } .sec4_next i,.sec4_prev i { position: relative; left: 1px;line-height: 58px; } .sec4_box{background: url("../images/news_1.html");padding-bottom: 80px;} .sec4_c{ position: relative;} .sec4_prev,.sec4_next{ width: 60px; height: 60px; line-height: 58px; border-radius: 100%; background: #fff; position: absolute; top: 50%; margin-top: -60px; font-size: 36px; color: #333; cursor: pointer; text-align: center; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -webkit-transition: 0.6s ease; -moz-transition: 0.6s ease; -ms-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; } /*团队*/ /*vision*/ .vision .leader_bg{text-align: left;} .vision .leader_img1{margin-left: 25%;} .vision .leader_img2{ left:0; right:auto;} .vision .leader_img .cricle2 {right:auto; left: 50px;} .vision .leader_img .cricle1{ right:-50px; left: auto;} .vision .leader_line { right: 25%; left: auto; } .vision .leader_line span.line2 { left: auto; right:0; } .vision .leader_text{text-align: right;} .vision .leader_text .text{background: none;} .vision_text{background: url("../images/al3_1.html") no-repeat right bottom;padding-bottom: 20px;padding-right: 60px; width: 68%;margin-right: 15%;font-size: 16px;line-height: 34px; display: inline-block; margin-top: 60px; } /*vision*/ /*partner*/ .partner{background: #f6f6f6;} .partner_con{ position: relative; margin-bottom: 10px;text-align: center; padding: 50px 0;} .partner_con img{ -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .partner_con p{ position: absolute; left:0; top:0; height:100%;width: 100%; background-color: #f6f6f6; text-align: left; color: #333; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .partner_con p span{ display: table-cell; padding: 20px; width: 100%;font-size: 16px; height: 160px; vertical-align: middle;} .partner_con:hover img{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .partner_con:hover p{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .partner .ab_title{padding-bottom: 0px;} /*partner*/ /*lab*/ .lab_left{ float: left;width: 40%; position: relative;} .lab_left_bg{ position: absolute; left:0; top:0;width: 100%; height:100%;background: rgba(0, 0, 0, 0.32);} .lab_left_text{ position: absolute; top:45%; left:10%;width: 80%; color: #ffffff;text-align: center;margin-bottom: 30px; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .lab_left_text .tit{font-size: 30px; letter-spacing: 5px; } .lab_left_text .text{font-size: 16px; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .lab_left:hover .lab_left_text{ /*top:35%;*/} .lab_left:hover .lab_left_text .text{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .lab_right{ float: left;width: 30%;background: #0666b7; color: #ffffff;} .lab_right_con{ overflow: hidden; position: relative;} .lab_right_text{padding: 8%;} .lab_right_text .title{font-size: 30px;} .lab_right_text .text{font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .lab_right_bg{ position: absolute; left:0; top:0; height:100%;width: 100%;background: rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .lab_right_line{ position: absolute; top:10px; left:10px; right:10px; bottom:10px;} .lab_right_line span.line1{ position: absolute;border-bottom: 1px solid #0666b7; border-top: 1px solid #0666b7; height:100%;width: 0px; left:50%; top:0; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .lab_right_line span.line2{ position: absolute;border-right: 1px solid #0666b7; border-left: 1px solid #0666b7; width:100%;height: 0px; left:0; top:50%; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .lab_right:hover span.line1{width: 100%; left:0;} .lab_right:hover span.line2{ height: 100%; top:0;} .lab_right:hover .lab_right_bg{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} /*lab*/ /*8.23yy*/ .minister_img{ width: 82%; margin-left: 18%;} .minister{ position: relative;} .minister_txt{ position: absolute; top:10%; left: 0%; width: 33%; } .ster_txt1{ position: relative;color: #ffffff;} .ster_txt{ position: absolute; top: 20%; left: 16%; font-size: 28px; } .ster_txt h4{ margin-bottom: 7px;} .ster_txt_p{ position: absolute; top: 37%; left: 26%; width: 66%;} .ster_txt_p p{ margin: 0; font-size: 15px; letter-spacing: 1px; line-height: 24px;} .team_left{ width: 20%; float: left; padding-right: 3%;} .team_right{ width: 80%; float: left} .team_left span{ display: inline-block; height: 2px; background: #00a39b; width: 100%; margin-top: 20px; margin-bottom: 20px; } .team_left h2{ font-size: 30px; letter-spacing: 4px;} .team_left p{ margin-bottom: 0; font-size: 15px; letter-spacing: 2px; line-height: 24px;} .swiper_t_img{ margin: 0px 15px;} .team_right{position: relative;} .btn_left{ position: absolute; background:#00a39b;height: 35px; width: 35px; text-align: center; left: -35px; } .btn_left i{ line-height: 35px; color: #ffffff;font-size: 16px;} .btn_right{ position: absolute; background:#00a39b;height: 35px; width: 35px;text-align: center; right:-35px; } .btn_right i{ line-height: 35px;color: #ffffff; font-size: 16px;} .teamer { padding: 60px 0 40px 0;} .group_img{position: relative;} .zontal{ position: absolute; bottom:0; left: 0px; width: 15%; height: 15%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; background: #00a39b; } .group:hover .zontal{ width:100%; } .group_txt{padding: 15px 20px; text-align: center; position: relative;font-size: 16px;} .block{ width: 0%; height: 1px; background: #5B6669; left: 0px; bottom: 10%; position: absolute; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .gray{ width: 0%; height: 1px; background: #B8C0C2; left: 50%;bottom: 10%; position: absolute; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;} .group:hover .block{ width: 50%;} .group:hover .gray{ width: 50%;} .group{ margin-bottom:80px;} .solicitude{ position: relative;} .group_top{ margin-top: 50px} .solicitude .ab_title{ position: relative; z-index: 5;} .solicitude:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 35vw; max-height: 460px; background: #B8C0C2;} .compen{ width: 100%; background-color:#f6f6f6; padding-bottom:60px; } .compen .ab_title { text-align: left;} .compen .ab_title p{ font-size: 24px;} .compen .ab_title h5{ font-size: 16px;} .compen .ab_title a{ border:1px solid #888888; padding: 8px 15px; display: inline-block; margin-top: 30px} /*8.24yj*/ .welfare{ width: 100%; text-align: center; margin-top:10px; letter-spacing: 2px; position: relative; } .welfare span{ color: #0666b7; } .welfare div{ width: 100%; position: relative; margin-top:10px; margin-bottom:10px; height: 80%; } .we_line{ display: block; position: absolute; width:100%; height: 80%; top:10%; left:0px; border-right:1px solid #e5e4e4; } .no_line{ border-right-style:none !important; } .welfare div a{ display: block; width: 35%; margin: 0 auto; border:0px; } .welfare p{ font-size: 14px; line-height: 24px; color: #333; } /*发展平台*/ .depe{ width: 100%; padding-bottom:60px; } .de_stu{ width: 100%; position: relative; } .de_stu_box{ width: 100%; position: relative; } .de_stu_box a{ position: absolute; left:0px; top:0px; display: block; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity:0.3; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .stu_con{ position: absolute; width: 100%; bottom:25px; left:0px; text-align: center; color: #FFF; } .stu_con h4{ font-size: 16px; margin-bottom:10px; } .stu_con p{ line-height: 24px; } .stu_con p{ bottom:0px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity:0; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .de_stu p{ margin-top:20px; width:0%; height: 7px; background-color: #0666b7; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .stu_line{ position: absolute; width: 100%; height: 100%; top:0px; left:0px; background:url("../images/line.html") no-repeat; background-size: cover; background-position: 100% 100%; transform: scale(1); transition: transform .5s; } .stu_line2{ position: absolute; width: 100%; height: 100%; top:0px; left:0px; background:url("../images/line_2.html") no-repeat; background-size: cover; background-position: 100% 100%; transform: scale(0); transition: transform .5s; } .de_stu:hover .stu_con p{ bottom:25px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity:1; } .de_stu:hover .stu_line{ transform: scale(0); } .de_stu:hover .de_stu_box a{ filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity:0.2; } .de_stu:hover .stu_line2{ transform: scale(1); } .de_stu:hover p{ width:100%; } /*发展平台*/ /*加入天正*/ .join_box{ width: 100%; } .join_tw{ width: 50%; float: left; position: relative; overflow: hidden; } .join_con{ position:absolute; left:0px; top:40%; width: 100%; text-align: center; color: #FFF; } .join_con h3{ font-size: 30px; margin-bottom:15px; } .join_con p{ line-height:30px; font-size:16px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity:0; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .join_con span{ display:inline-block; padding: 5px 20px; font-size: 16px; border:2px solid #FFF; margin-top:30px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity:0; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .join_con span a{ color: #FFF; } .join_tw>a{ position:absolute; display: block; width: 1500px; height: 1500px; top: -600px; left: -1250px; background-color:rgba(0,164,150,0.7); /* transition:all 0.2s linear; -webkit-transition:all 0.2s linear;*/ -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform: rotate(37.8deg); transform: rotate(37.8deg); transition: left .5s, top .5s; opacity: .9; } .join_tw:hover >a{ /*width: 100%;*/ left:300px; } .join_tw:hover .join_con p,.join_tw:hover .join_con span{ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity:1; } .join_3{ width:60%; } .join_4{ width: 40%; background-color: #bf9d53; } .join_4 p{ filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1; } /*加入天正*/ /*成长在天正*/ .l{ float: left; } .r{ float: right; } .grow_con{ width: 48%; position: relative; min-height: 700px; } .grow_con_2{ margin-top:150px; min-height: 550px; } .grow_line_th{ width: 100%; position: absolute; top:0px; left:0px; height: 100%; border:0px; border-left:1px solid #eee; border-right:1px solid #eee; } .grow_line_th span{ display:block; width: 50%; height: 100%; border:0px; border-right:1px solid #eee; } .grow_img{ width: 100%; position: relative; overflow: hidden; } .grow_img img{ -webkit-transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,transform 1s; transition: opacity 1s,transform 1s,-webkit-transform 1s; } .grow_img span{ position: absolute; top:0px; left:0px; display: inline-block; font-size: 20px; padding:10px 50px; background-color: #0b8d8f; color: #FFF; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .gorw_txt{ padding:20px; font-size:16px; line-height: 30px; color: #333; position: relative; } .gorw_txt p{ width: 80%; } .gorw_txt>span{ position: absolute; top:20px; right:20px; } .gorw_txt>span a{ color: #0b8d8f; } .grow_line{ margin-top:80px; position: relative; } .grow_line span{ position: absolute; top:0px; width:0; height:1px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .line_fr{ background-color: #fcc800; left:0px; } .line_se{ left: 50%; background-color: #cccccc; right: 0px; } .grow_con:hover .grow_line>span{ width:50%; } .grow_con:hover .grow_img img{ opacity: 0.9; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } /*成长在天正*/ @media (max-width: 1440px) and (min-width: 1024px) { .ster_txt_p p{ max-height:164px; overflow:hidden; } .join_con{ top:28%; } .grow_con{ min-height: 600px; } .grow_con_2{ min-height: 500px; margin-top:100px; } } @media (max-width: 1199px) and (min-width: 1024px) { .ster_txt_p p{ max-height:148px; overflow:hidden; } .stu_con{ bottom:0px; } .join_con{ top:23%; } .join_con span{ margin-top:5px; } .team_left{ padding-right:4%; } } /*care*/ .care_1{ width:100%; padding-bottom:60px; } .care_box{ width: 100%; position: relative; } .ca1_map{ float: right; width: 60%; } .ca1_map_l{ float: left; width: 40%; height: 100%; position: relative; } .ca1_box{ width:260px; color: #000; background-color: #f5f5f5; padding-bottom:20px; position: absolute; right:0px; bottom:100px; } .ca1_box h3{ background-color: #0666b7; color: #FFF; padding:5px 10px; margin-top:0px; } .ca1_box ul li{ line-height: 24px; padding:0px 10px; } .ca1_box ul li span{ background-color: #0666b7; width: 5px; height: 5px; border-radius: 50%; display: inline-block; margin-right:10px; margin-bottom:2px; } /*售后工单*/ .care_2{ width: 100%; background-color: #f6f6f6; padding-bottom:50px; } .ca_2_con{ width: 100%; max-width: 900px; margin: auto; } .ca_2_nav li{ display: block; vertical-align: top; width: 33.333%; float: left; box-sizing: border-box; padding: 10px; } .ca_2_nav li a{ display: block; padding: 50px 20px; border: 1px solid #ccc; font-weight: 700; line-height: 21px; margin-right: 30px; border-radius: 4px; color: rgba(0,0,0,.6); width: 100%; text-align: center; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; font-family: "微软雅黑"; } .ca_2_nav li .care_icon_1{ margin-left: -15px; } .ca_2_nav ul li a span{ display: block; width: 50px; height: 50px; text-align: center; margin: 0 auto; margin-bottom: 10px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .ca_2_nav ul li a p{ margin:0; line-height:40px; position:relative; height:40px; } .care_icon_2p{ margin:0; line-height:40px; position:relative; height:40px; } .care_icon_2p i{ font-style:normal; margin-right:5px; } .care_icon_2p ul{ width:100%; padding:0; margin:0; display:none; position:absolute; top:40px; left:0; background:#fff; z-index:9; padding:10px 0; box-shadow: 0 1px 3px 0 rgba(0,0,0,.11); } .care_icon_2p ul li{ float:none; width:100%; line-height:30px; font-size:14px; color:#999; padding:0; font-weight:normal; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .care_icon_2p ul li:hover{ color:#0666b7; } .care_icon_1 span{ background: url("../images/care_2_2.html") 100% 100% no-repeat; } .care_icon_2 span{ background: url("../images/care_2_3.html") 100% 100% no-repeat; } .care_icon_3 span{ background: url("../images/care_2_5.html") 100% 100% no-repeat; } .ca_2_nav ul li a:hover{ border: 1px solid #0666b7; } .ca_2_nav ul li .care_icon_1:hover span{ background: url("../images/care_2_1.html") 100% 100% no-repeat; } .ca_2_nav ul li .care_icon_2:hover span{ background: url("../images/care_2_4.html") 100% 100% no-repeat; } .ca_2_nav ul li .care_icon_3:hover span{ background: url("../images/care_2_6.html") 100% 100% no-repeat; } .ca_2_nav li .care_icon_3{ margin-left:15px; position:relative; } .care_icon_3 input{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .ca_2_box{ margin-top:20px; } .ca_2_in{ width:100%; margin-bottom:20px; position: relative; color: #999; } .ca_2_in input{ width: 48.5%; border: none; padding: 10px; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.11); background: #fff; float: left; text-align: left; color: #000; } .ca_2_in_input{ width: 48.5%; border: none; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.11); background: #fff; float: left; text-align: left; color: #000; padding-left:90px; } .ca_2_in_input span{ position:absolute; top:12px; left:10px; color:#999; } .ca_2_in_input input{ width:100%; color:#999; box-shadow:none; } .ca_2_in p{ width: 48.5%; border: none; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.11); background: #fff; padding-left:10px; height: 40px; text-align: left; } .l{ float: left; } .r{ float: right; } .prov{ width:80%; border: none; padding: 5px; border-radius: 2px; background: #fff; text-align: left; outline: none; height: 38px; -webkit-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .city,.area{ width: 37%; border: none; padding: 10px; border-radius: 2px; background: #fff; text-align: left; outline: none; margin-right:3%; height: 38px; -webkit-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .ca_2_in>.in_r{ float: right; margin-right:0px; } .ca_2_in2 input{ width: 100%; } .ca_2_in textarea{ width:100%; border: none; padding: 10px; margin-bottom: 20px; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.11); background: #fff; float: left; min-height: 100px; } .ti_btn{ text-align: center; margin-bottom:0px; } .ti_btn a{ display:inline-block; padding: 10px 40px; background-color: #0666b7; color: #FFF; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; border:1px solid #0666b7; } .ti_btn a:hover{ border:1px solid #0666b7; background-color: #FFF; color:#0666b7; } /*售后工单*/ /*投诉建议*/ .ca_3_con{ width:100%; background-color: #e4e5e5; padding: 50px 0; } .ca_3_mess{ width: 100%; position: relative; color: #999; } .ca_3_left{ float: left; width: 50%; padding-right:20px; } .ca_3_right{ padding-left:20px; float: right; width: 50%; } .kehu_btn{ width:30px; height: 28px; position: absolute; right:5px; top:5px; background: #FFF url("../images/kh_btn.html") no-repeat center; border-left:1px solid #e0e0e0; } .ca_3_left input,.kehu,.tousu{ width: 100%; border: none; height: 40px; padding: 10px 35px; margin-bottom: 20px; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.11); border-radius:3px; position: relative; } .ca_type,.kehu{ background: #FFF url("../images/type.html") 10px 16px no-repeat; } .ca_name{ background: #FFF url("../images/name.html") 10px 13px no-repeat; } .ca_phone{ background: #FFF url("../images/phone.html") 10px 13px no-repeat; } .ca_email{ background: #FFF url("../images/email.html") 10px 15px no-repeat; } .ca_tousu,.tousu{ background: #FFF url("../images/tousu.html") 10px 15px no-repeat; } .ca_3_right textarea{ width:100%; border: none; padding: 10px 35px; margin-bottom: 20px; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.11); float: left; min-height: 130px; background: #FFF url("../images/pen.html") 10px 10px no-repeat; } .ca_3l_img{ width: 100%; height: 130px; border-radius:2px; margin-bottom:20px; padding: 10px 35px; color: #7a7d81; background: #FFF url("../images/image.html") 10px 10px no-repeat; position: relative; } .ca_3l_img span{ position: absolute; bottom: 5px; right:5px; } .ca_3_mess .ti_btn a{ margin-top:40px; padding: 10px 80px; } .ca_3_mess .ti_btn{ width: 100%; } /*投诉建议*/ /*常见故障*/ .care_4 { width: 100%; padding-bottom:60px; } .ca_4_box{ width: 100%; } .ca4_sear{ width: 100%; height: 80px; padding: 20px 0; } .ca4_sear h1{ float: left; font-size: 36px; font-weight: 700; color: #0666b7; margin:0px; } .ca4_search{ float: right; } .ca4_select{ float: left; border:1px solid #e0e0e0; line-height:40px; border-radius: 2px; position: relative; } .ca4_select>a{ display: block; padding: 0 35px 0 20px; background: url("../images/sele.html") no-repeat 85px center; } .ca4_select ul,.ca4_nav_ul_1,.kehu ul,.tousu ul{ position: absolute; left:0px; width:100%; top:100%; border:1px solid #e0e0e0; background-color: #FFF; display: none; z-index: 1; } .ca4_select ul li,.ca4_nav_ul_1 li,.kehu ul li,.tousu ul li{ line-height: 40px; } .ca4_select ul li a,.ca4_nav_ul_1 li a,.kehu ul li a,.tousu ul li a{ display: block; width: 100%; height: 40px; padding-left:20px; } .ca4_select ul li:hover a,.ca4_nav_ul_1 li a:hover,.kehu ul li a:hover,.tousu ul li a:hover{ background-color:#0666b7; color: #FFF; } .ca4_nav_ul_1>li>a{ padding-left:0px; } .ca4_in_bt{ float: right; height: 42px; margin-left:10px; border:1px solid #e0e0e0; border-radius: 2px; } .ca4_in_bt input{ border:0px; background-color: #FFF; height: 40px; width: 150px; float: left; padding:0 10px; } .ca4_in_bt button{ outline: none; float: left; border:0px; background:#FFF url("../images/ca4_bt.html") center center no-repeat; height: 40px; width: 80px; margin-left:0px; } .ca4_nav{ width:100%; padding:20px 0; background-color: #f2f2f2; } .ca_4_fr_ul{ width: 100%; } .ca_4_fr_ul>li{ width: 15%; float: left; line-height: 40px; font-size:16px; text-align: center; position: relative; } .ca_4_fr_ul>li>a{ display: block; line-height: 40px; color: #333; } .ca_4_fr_ul>li>a:hover{ color: #0666b7; background:url("../images/sanjiao_2.html") no-repeat 140px center; } .ca_4_fr_ul select{ border:0px; background-color: #f2f2f2; outline: none; height: 40px; } .ca_4_fr_ul select option{ } .ca4_con{ width: 100%; margin-top:40px; } .ca4_list{ width: 100%; border-bottom:1px solid #d6d6d6; } .ca4_list>li{ width: 100%; border-top:1px solid #d6d6d6; font-size: 16px; color: #333; position: relative; } .ca4_list>li>span{ display: inline-block; position: absolute; top: 10px; left: 0; width: 40px; height: 40px; background:url("../images/list_icon.html") no-repeat; background-size: cover; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .question{ padding: 19px 0 19px 60px; cursor: pointer; } .answ{ width: 100%; padding: 9px 22px 30px 62px; line-height: 22px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; display: none; } .answ p{ font-size:15px; color:#666; } .question a{ color: #333; } /*常见故障*/ @media (max-width: 1440px) and (min-width: 1024px) { /*.ca_4_fr_ul>li>a{ background: url("../images/sanjiao.png") no-repeat 108px center; } .ca_4_fr_ul>li>a:hover{ background: url("../images/sanjiao_2.png") no-repeat 108px center; }*/ } @media (max-width: 1170px) and (min-width: 1024px) { } /*care*/ /*--------------8.29yj-------------------*/ /*-充电桩简述-*/ .cdz1_js{ width: 100%; background:url("../images/cdz1_img.html") no-repeat center; background-size: cover; } .cdz1_con{ width: 50%; padding:12% 5%; text-align: left; } .cdz1_con .cd_title{ margin-bottom:80px; } .cd_title h2{ font-size: 30px; letter-spacing: 5px; margin: 0px; font-weight: bold; } .cd_title h2 span{ color: #0666b7; } .cd_title h4{ margin: 0px; font-size: 20px; color: #808080; font-weight:bold; margin-top:10px; } .cd_title hr{ width:120px; height: 1px; float: left; text-align:left; background-color: #eee; margin-top:20px; margin-bottom:0px; } .cdz1_txt{ font-size: 16px; line-height: 26px; margin-bottom:20px; color: #333; } .learn_more{ margin-top:40px; } .learn_more a,.gr_more{ display: inline-block; padding: 15px 80px; font-size: 20px; background-color: #0666b7; color: #FFF !important; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; border:1px solid #0666b7; } .learn_more a:hover,.gr_more:hover{ border:1px solid #0666b7; background-color: #FFF; color: #0666b7 !important; } .cdz_chtit{ } /*-充电桩简述-*/ /*-充电桩应用场合-*/ .cdz2_ch{ padding-bottom:60px; } .cdz_chtit{ width: 100%; background:url("../images/green.html") no-repeat center; background-size: cover; text-align: center; padding: 40px 0; color: #FFF; } .cdz_chtit h4{ color: #FFF; } .cdz_ch_txt{ padding: 60px 0; } .cdz_ch_txt p{ font-size: 16px; line-height: 26px; margin: 0px; text-align: center; color: #333; } .cdz_color1{ color: #f5a200; font-weight: bold; } .cdz_color2{ color: #7fbe26; font-weight: bold; } .cdz2_txt{ width: 100%; margin-top:40px; padding: 40px 0; text-align: center; font-size: 16px; color: #333; } .cdz2_txt p{ margin: 0px; } .y_f{ color: #f5a200; font-size: 24px; } .y_g{ color: #7fbe26; font-size: 24px; } .cdz_f{ font-size: 20px; font-weight: bold; font-family: 'IMPACT'; } /*-充电桩应用场合-*/ /*-交流/直流充电桩-*/ .cdz3_nav{ width: 100%; text-align: center; } .cdz3_jl{ width: 50%; float: left; background-color: #13958f; padding: 40px 0; } .cdz3_jl h2,.cdz3_zl h2{ font-size: 36px; color: #FFF; } .cdz3_zl{ position: relative; margin-top:20px; width: 50%; float:right; display: inline-block; background-color: #0666b7; padding: 30px 0; } .cdz3_box{ width: 100%; background:url("../images/cdz3_img1.html") no-repeat; padding-bottom:150px; background-color: #f2f2f2; } .cdz3_con{ padding: 60px 0; text-align: center; color: #FFF; } .cdz3_con .cd_title h4{ color: #FFF; } .cdz3_txt{ font-size: 16px; line-height: 26px; margin-top:60px; } .cdz3_txt p{ width:60%; margin: 0 auto; padding-bottom:20px; } .cdz3_txt a{ color: #FFF; } /*-交流/直流充电桩-*/ /*专用产品介绍*/ .cdz4_zy{ padding: 60px 0; text-align: center; } .cdz4_box{ padding: 60px 100px; position: relative; } .cdz_box img{ display: none;} .cdz4_con{ width: 100%; position: relative; } .cdz4_line{ position: absolute; left:0;top:0; height:100%;width: 100%;} .cdz4_line div{ position: absolute;background: #0666b7; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .cdz4_line .line1{ left:0;width: 0; height:2px; top:0;} .cdz4_line .line2{ right:0;height: 0; width:2px; top:0; } .cdz4_line .line3{ right:0;width: 0; height:2px; bottom:0; } .cdz4_line .line4{ left:0;height: 0; width:2px; bottom:0; } .cdz4_con:hover .line1,.cdz4_con:hover .line3,.cdz4_con.active .line1,.cdz4_con.active .line3{width: 100%;} .cdz4_con:hover .line2,.cdz4_con:hover .line4,.cdz4_con.active .line2,.cdz4_con.active .line4{height: 100%;} .zy_box{ display:block; width: 100%; height: 100%; border-radius: 50%; padding-top:40px; color: #333; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .zy_img{ width: 70%; margin:0 auto; } .zy_txt{ position:relative; margin-top:-20px; } .zy_txt h4{ font-size: 24px; } .zy_txt span{ display: block; margin: 0 auto; width:30px; height:20px; background:url("../images/right_1.html") no-repeat center; background-size: cover; } /*.zy_box:hover{*/ /*background-color:#0666b7;*/ /*color: #FFF;*/ /*}*/ .zy_box:hover .zy_txt span{ background:url("../images/right_2.html") no-repeat center; background-size: cover; } .cdz_btn_left{ position: absolute; width: 70px; height: 70px; top:50%; margin-top:-35px; left:0px; } .cdz_btn_left:hover,.cdz_btn_right:hover{ cursor: pointer; } .cdz_btn_right{ position: absolute; width: 70px; height: 70px; top:50%; margin-top:-35px; right:0px; } .cdz_btn_left i,.cdz_btn_right i{ font-size:70px; color: #0666b7; line-height: 70px; } /*专用产品介绍*/ /*电力行业解决方案*/ .dlhy1{ width: 100%; margin-bottom:20px; } .dl_nav .cd_title{ padding: 60px 0; text-align:center; } .dl_box{ float: left; width:33%; text-align: center; } .dl_con{ width:100%; padding:50px 0px; color: #FFF; background-color: #0666b7; } .dl_con .cd_title{ text-align: center; } .dl_con h4{ color: #FFF; } .dl_con p{ width: 60%; margin: 0 auto; font-size: 16px; line-height: 26px; margin-bottom:0px; margin-top:40px; } .dl_bg{ width:100%; padding:50px 0; background-color: #13958f; } .dl_img{ margin-top:40px; } .dl_img img{ width: 11%; position: relative; } .dl_img h4{ font-size: 30px; color: #FFF; } .dl_img_box{ width:67%; float: left; background:url("../images/dl1_img2.html") no-repeat center; background-size: cover; display: table-cell; vertical-align: middle; position: relative; } .dl_more{ background-color: rgba(255,255,255,0.3); padding: 20px 40px; display: inline-block; position: absolute; top:38%; left:32%; } .dl_more a{ display: inline-block; border:1px solid #f5f5f5; border-radius:3px; font-size: 24px; color: #acacac; padding: 20px; background-color: #FFF; letter-spacing: 5px; } .dl_more a span{ background-color: #0666b7; font-size: 16px; padding: 5px 15px; color: #FFF; display: inline-block; margin-left:15px; letter-spacing: 1px; } /*电力行业解决方案*/ /*JP柜解决方案*/ /*JP柜解决方案*/ .dl2{ margin-bottom: 20px; } .dl2_img{ width: 67%; float: left; background:url("../images/dl2_img.html") no-repeat center; background-size: cover; } .dl2_txt{ width: 33%; float: left; padding-left: 3%; padding-right: 5%;padding-top: 5%; padding-bottom:7%; } .d12_con{ text-align: right; padding-right:40px; padding-top:80px; background:url("../images/dl2_img2.html") no-repeat; background-size: cover; } .d12_con p{ font-size: 16px; line-height: 26px; margin-top:30px; } .d12_con .learn_more{ margin-top:20px; } .d12_con .learn_more a{ border-radius: 3px; } /*电缆分支解决方案*/ .dlhy3{ width: 100%; margin-bottom:20px; } .dl3_bg{ background-color: #a6a9ae; } .dl3_img_box{ background:url("../images/dl3_img.html") no-repeat center; background-size: cover; } /*电缆分支解决方案*/ /*高低柜解决方案*/ .dlhy4{ width: 100%; margin-bottom:20px; } .dl4_img_box{ background:url("../images/dl4_img.html") no-repeat center; background-size: cover; } .dl4_txt{ background-color: #7c7c7c; } .dl4_con h4{ color: #FFF; } .dl4_con{ color: #FFF; background:url("../images/dl4_img-2.html") no-repeat; background-size: cover; } /*高低柜解决方案*/ /*工民建概述*/ .mgj_1{ width: 100%; position: relative; background:url("../images/mgj1.html") no-repeat center; background-size: cover; } .mgj1_box{ width:50%; padding-left:9%; padding-top:13%; padding-bottom:13%; } .mgj_p{ font-size: 16px; line-height: 26px; margin: 30px 0; color: #333; } .mgj_1 .learn_more a{ border-radius: 3px; } /*工民建概述*/ /*民用住宅*/ .my_con{ width: 50%; float: left; padding-left:10px; } .mgj_my{ width: 100%; margin-bottom:20px; } .my_box{ position: relative; width:100%; background-color: #e6e6e6; padding-left:18%; padding-top:20%; padding-bottom:20%; } .mgj_p{ padding-right:20%; } .my_img{ width: 50%; float: left; padding-right:10px; } .myimg_box{ width: 100%; height: 100%; background:url("../images/my1.html") no-repeat center; background-size: cover; } /*民用住宅*/ /*商用/厂房*/ .mgj_sy{ width: 50%; float: left; padding-right:10px; } .mgj_cf{ padding-left:10px; width: 50%; float: left; } .sc_box{ /* background:url("../images/sc1.jpg") no-repeat center; background-size: cover;*/ width: 100%; position: relative; overflow: hidden; } .sc_con{ position: absolute; bottom:0px; left: 0px; width: 350px; height: 350px; background-color:rgba(0,164,150,0.8); color: #FFF; padding-top:22%; padding-left:6%; transition: height .6s,width .6s,background-color .6s,transform .3s cubic-bezier(.215,.61,.355,1); /*transition-delay: .6s;*/ } .sc_con:hover{ transition-delay: 0s; -webkit-transform: scale(1.03); transform: scale(1.03); } .sc_con h4{ color: #FFF; } .sc_con .mgj_p{ color: #FFF; width: 80%; } .sc_more{ margin-top:7%; font-size: 20px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; line-height: 40px; height: 40px; } .sc_more h5{ font-size: 20px; } .sc_more span{ display:block; float: left; height: 40px; line-height: 40px; } .more_r{ width: 40px; background:url("../images/sc_right.html") no-repeat; background-size: cover; position: relative; margin-left:15px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .sc_more:hover .more_r{ background:url("../images/sc_right_2.html") no-repeat; background-size: cover; margin-left:20px; } .sc_shou{ position: absolute; right:10px; top:10px; width: 40px; height:40px; background:url("../images/sc_fang.html") no-repeat; background-size: cover; } .sc_hidd{ display:none; } .sc_more:hover{ color: #333; } /*----投诉建议-----*/ .ca_3_img{ background:url("../images/ca3_1.html") no-repeat center; background-size: cover; } .ca_3_left input, .kehu, .tousu{ height: 50px; } .ca_3l_img{ height: 155px; margin-bottom:20px; position:relative; } .ca_3l_img input{ width:100%; height:100%; cursor:pointer; position:absolute; top:0; left:0; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .ca_3_right textarea{ height: 155px; } .ca_3_con .ab_title,.care_4 .ab_title{ padding:80px 0; } .ca_3_left input, .kehu, .tousu{ line-height: 34px; } .kehu_btn{ height: 38px; } /*----投诉建议-----*/ /*导航*/ .nav_con{ position: absolute; width: 100%; left: 0px; background-color: #FFF; top:44px; border:0px; /*display:none;*/ overflow: hidden; background-color: #eff0f2; color:#2f3030; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);background: none !important; } .nav_left{ width: 100%; padding:40px 80px; box-shadow: 10px 0 10px -5px #ededed; min-height: 200px; } .nav_left li{ text-align: left; width: 100%; font-size: 18px; line-height:40px; margin-left:0px; } .pd{ padding-left:8px; padding-right:0px; } .nav_left li a{ color:#2f3030; } .nav_color{ color: #0666b7 !important; font-weight: bold; } .nav_rigth{ width: 100%; display: none; } .nav_txt{ padding:30px 40px 0 40px; height:167px; background-color: #0666b7; color: #FFF; } .nav_txt h4{ font-size: 18px; } .nav_txt p{ font-size:16px; /* color: #333;*/ } .ds_b{ display: block; } .ds_n{ display: none; } /*.nav_li:hover .nav_con{ display: block; }*/ .nav_li:hover .nav_three{ display: block; } .header{ padding:0px; } .nav_li{ height: 30px; } .nav_a{ line-height: 30px; position: relative; } .header_right{ padding-top:0px; } .header_logo{ margin-top:10px; } .header_bg{ height: 70px; } .pro_txt h4{ font-size: 20px; color: #0666b7; font-weight: bold; margin-top:20px; } .pro_txt li{ width: 100%; font-size: 16px; line-height: 25px; margin-left:0px; } .pro_txt li a:hover{ color: #0666b7; } .pro_con{ } .nav_a:hover{ color:#0666b7; } .nav_a_on{color:#0666b7;} .pro_img{ background-color: #d9dde3; box-shadow:1px 0 8px rgba(0,0,0,0.2); } .pro_box{ padding-left:5px; padding-right:5px; } .nav_three{ position: absolute; bottom:-34px; width:40px; height:40px; left:50%; margin-left:-20px; display:none; } .nav_bg{ position: fixed; width: 100%; height: 100%; z-index:88; top:0px; background:#000; opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; filter:alpha(opacity=60); display:none; } .nav_img{width: 100%;} .nav_li{ margin-left:0! important; /**padding-left:30px;**/ padding:0 2px ! important; margin:20px 13px ! important; } .nav_nyxl{ background-color: #d8dadf;padding:60px 0; margin-top:26px; } .pro_con .nav_nyxl{padding:40px 30px;background-color:#eff0f2;} .pro_con .pro_green{margin-top: 26px;} .nav_sousuo{ height: 70px; line-height: 70px; font-size: 17px; } .nav_sousuo2{ height: 70px; line-height: 70px; font-size: 17px; margin-left: 0px !important; padding-left:40px; } .nav_img_keuh{ position: relative; } .kehub{ border-bottom:1px solid #FFF; } .kehu_a{ position: absolute; width: 100%; height:100%; top:0px; left:0px; background-color: rgba(0,164,156,0.5); font-size: 24px; display:table-cell; vertical-align:middle; text-align: center; line-height:250px; color: #FFF; } .mr{ margin-right: 0px; } .pro_green{ position: absolute; width: 100%; height:100px; background-color:#0666b7; top:0px; left:0px; } /*导航*/ /*天正介绍*/ .about_sec_txt h2{ position: relative; margin-top:0; } .about_sec_txt p{ position: relative; margin-top:5%; } .about_sec_txt a{ margin-top:10%; } /*实验室*/ .shiyan{ background-color: #f5f5f5; padding:20px 6%; margin-bottom: 60px; } .shiyantxt{ width: 30%; float: left; padding-top:11%; padding-right:6%; padding-bottom:11%; } .shiyantxt h2{ font-size: 36px; letter-spacing: 5px; margin-top: 0px; font-weight: bold; padding-bottom: 20px; color: #00a39b; margin: 0px; } .shiyantxt p{ font-size: 16px; line-height:30px; margin-top:20px; } .qiye{ width:30%; float: left; background:url("../images/guoqi.html") no-repeat center; background-size: cover; position: relative; overflow: hidden; } .qiye h3{ font-size:30px; } .qiye .sc_con { width: 180px; height: 180px; padding-top:16%; padding-right:4%; padding-left:4%; } .qiye .mgj_p,.jiance .mgj_p{ width: 90%; padding-right: 0px; font-size: 16px; } .shiyan_right{ width: 40%; float: left; padding-left:20px; } .jiance{ background:url("../images/jiance.html") no-repeat center; background-size: cover; position: relative; overflow:hidden; } .jiance .sc_con { width: 180px; height: 180px; padding-top:11%; padding-right:4%; } .jiance h3{ font-size:30px; } .shi_mb_10{ margin-bottom:10px; } .shi_mt_10{top:10px; } .shi2{ background-color: #f6f6f6; padding-bottom:80px; } .shi2_gd{ background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-image: url(../images/shi2_gd.html); padding: 0; position: relative; width: 100%; height: 400px; } .linesy{ background-color: #f6f6f6; color:#333; } .timeline-img h1,.bpm-two-eights p{ color: #a5a5a5; } /*四大园区*/ .sec2_left{ width: 100%; background: url('../images/two1_1.html') no-repeat; background-size:cover; background-position: 0 0; } .sd_left{ width: 50%; float: left; } /*四大园区*/ /*加入天正*/ .join{ padding-bottom: 100px; } .solicitude,.solicitude:before{ background-color: #f6f6f6; } .depe{ background-color: #f6f6f6; padding-bottom:60px; } .administer{ padding-bottom:60px; } .compen{ padding:50px 0 80px 0; } .compen .ab_title{ margin-bottom:40px; } .compen .ab_title a:hover{ border:1px solid #0666b7; color: #00a39b; } /*成功案例*/ .su_two_box{ width: 100%; position: relative; padding-bottom:150px; } .two_img{ width: 70%; float: right; background:url("../images/two.html") no-repeat center; background-size: cover; -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s; -moz-transition: all cubic-bezier(.18,1,.21,1) .9s; -ms-transition: all cubic-bezier(.18,1,.21,1) .9s; -o-transition: all cubic-bezier(.18,1,.21,1) .9s; transition: all cubic-bezier(.18,1,.21,1) .9s; } .su_two_con{ width:100%; position: relative; } .two_img{ background-color: #eee; } .two_more{ position: absolute; bottom:30%; right:-40px; cursor: pointer; font-size: 16px; width: 25%; overflow: hidden; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; padding:20px 40px; background-color: #0666b7; } .two_more a{ display: block; color: #FFF; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .two_more:hover{ background-color: #08c7b7; } .tmore_r{ position: absolute; right:40px; font-size:18px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .tmore_r i{line-height: 25px;} .tmore_l{ position: absolute; left:-40px; font-size: 16px; color: #04534c; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .two_more:hover a{ margin-left:20px; } .two_more:hover .tmore_r{ right:-80px; } .two_more:hover .tmore_l{ left:40px; } .two_txt{ width:64%; position: absolute; top:20%; left:0px; -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s; -moz-transition: all cubic-bezier(.18,1,.21,1) .9s; -ms-transition: all cubic-bezier(.18,1,.21,1) .9s; -o-transition: all cubic-bezier(.18,1,.21,1) .9s; transition: all cubic-bezier(.18,1,.21,1) .9s; } .two_txt h1{ font-size:60px; font-weight: bold; font-family: 'Arial'; color: #000; letter-spacing: 2px; margin: 0px; } .two_txt h4{ font-size:24px; margin: 0px; color:#454545; margin-top:20px; } .two_txt span{ background:url("../images/dou.html") no-repeat; background-size: cover; position: absolute; top:-45px; left:-45px; width: 45px; height: 45px; } .two_bg{ width: 100%; bottom:0px; left:0px; position: absolute; background-color: #f6f6f6; } .com_box{ width: 100%; padding:80px; background:url("../images/com_2.html") no-repeat center; background-size: cover; } .com_con{ margin: 0 auto; padding:40px 80px; background-color: #FFF; max-width:750px; text-align: center; color: #333; } .com_logo{ background:url("../images/com_1.html") no-repeat; background-size: cover; width: 170px; height: 73px; display: block; margin: 0 auto; position: relative; margin-top:-80px; } .com_con h4{ font-size:30px; font-weight:bold; line-height:40px; margin-bottom: 20px; } .com_con p{ line-height: 28px; font-size: 16px; } .com_p{ text-indent: 2em; text-align: left; } /*成功案例*/ /*--------------8.29yj-------------------*/ /*yy830*/ .zy_box { border-radius: 0 } .zy_txt span { margin-bottom: 20px; } .voltaic .cd_title { text-align: center; padding: 40px 0; } .ltaic { position: relative; } .latic_left { position: absolute; color: #ffffff; top: 12%; left: 16%; width: 20%; } .latic_left a { background: #0666b7; color: #ffffff; display: inline-block; width: 220px; text-align: center; height: 50px; line-height: 50px; border-radius: 3px; font-size: 22px; } .latic_left h2 { font-size: 36px; margin-top: 0; margin-bottom: 0; } .latic_left h4 { font-size: 24px; margin-top: 0; margin-bottom: 35px; } .latic_left p { margin-bottom: 35px; font-size: 16px; } .latic_left1 { padding-top: 10px; padding-left: 60px; } .latic_right { position: absolute; right: 60px; bottom: 50px; width: 25%; } .latic_right p { font-size: 16px; margin-bottom: 0 } .icon_on span { display: inline-block; border-radius: 5px; border: 2px solid #818181; margin-right: 10px; padding: 5px; } .lay_y { width: 80%; margin-left: 10%; margin-top: 30px; } .icon_on { width: 50%; float: left; text-align: center; } .icon_on h5 { font-size: 16px; } .solve .cd_title { padding: 40px 0; background: #0666b7; text-align: center } .solve .cd_title h2 span { color: #ffffff; } .solve .cd_title h4 { color: #ffffff; } .solve_img { position: relative; } .solve_txt { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 40%; text-align: right; } .solve_txt h1 { color: #0666b7; font-weight: 600; font-size: 70px; margin-top: 0; margin-bottom: 0; } .div_line { text-align: right; } .div_line p { background: #dcdcdc; height: 1px; display: inline-block; margin-top: 45px; margin-bottom: 45px; width: 150px; } .solve_txt h2 { color: #20a8a3; font-weight: 600; font-size: 30px; margin-top: 10px; margin-top: 5px; margin-bottom: 15px; } .solve_txt h3 { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 32px; color: #4f4f4f } .solve_txt h2 span { font-size: 44px; } .solve_txt a{ background: #0666b7; color: #ffffff; display: inline-block; width: 220px; text-align: center; height: 50px; line-height: 50px; border-radius: 3px; font-size: 22px; } .earth { padding-left: 120px; padding-right: 120px; padding-top: 100px; position: relative; padding-bottom: 50px; } .earth_bg { background: #0666b7; width: 100%; height: 46%; top: 0; left: 0; position: absolute; z-index: -1; } .globe_left { width: 50%; float: left; } .globe_right { width: 50%; float: left; padding-top: 120px; } .globe_left_txt { background: #bbbebf; position: relative; } .left_txt { position: absolute; width: 100%; color: #ffffff; text-align: center; top: 50%; padding: 0 5%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .left_txt h1 { margin-top: 0px; margin-bottom: 0px; font-weight: 600; } .left_txt h2 { margin-top: 10px; margin-bottom: 0; } .left_txt h4 { font-size: 20px; margin-top: 0; margin-bottom: 0 } .left_txt p { font-size: 20px; } .left_txt span { display: inline-block; height: 1px; background: #ffffff; width: 100px; margin-top: 20px; margin-bottom: 20px; } .match { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; font-size: 16px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .globe_left_txt:hover .left_txt { top: 40%; } .globe_left_txt:hover .match { opacity: 1; visibility: visible; } .globe_left_img:hover .left_txt { top: 40%; } .globe_left_img:hover .match { opacity: 1; visibility: visible; } .globe_left_txt2 { background: #5e6164; } .div_bio { position: absolute; height: 90px; width: 90px; background: rgba(0, 164, 150, 0.5); right: 0; bottom: 0; } .div_bio i { font-size: 20px; color: #ffffff; position: absolute; top: 50%; left: 42%; margin-top: -10px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .globe_left_img { position: relative } .div_bio span { width: 0px; height: 2px; display: inline-block; background: #ffffff; position: absolute; top: 50%; left: 40%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .div_bio:hover i { left: 50%; } .div_bio:hover span { width: 14px; } .div_bio a { display: inline-block; width: 100%; position: relative; height: 100%; } .cdz4_zy1 { padding-bottom: 0 } .globe_left_img { overflow: hidden } .globe_left_img img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .globe_left_img:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } /*新能源*/ /*新闻*/ .div_ion { position: absolute; top: -15px; left: 50%; margin-left: -25px; } .div_ion1{ width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #666; -webkit-transition: 0.6s ease; -moz-transition: 0.6s ease; -ms-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; } .div_ion2{ width: 0; height: 0; top:0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #666; -webkit-transition: 0.6s ease; -moz-transition: 0.6s ease; -ms-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; } .wrap_left_one:hover .div_ion1{ border-bottom: 15px solid #666; } .wrap_left_one:hover .div_ion2{ border-top: 15px solid #666; } .news_wrap_left { float: left; width: 75%; background: #000000; } .news_wrap_right { float: left; width: 25%; position: relative; background-color: #0666b7; text-align: center; color: #ffffff; } .wrap_right_txt { text-align: center; color: #ffffff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .wrap_right_txt h1 { font-size: 32px; font-weight: 600; margin-top: 0; margin-bottom: 0; } .wrap_right_txt h2 { margin-top: 0px; margin-bottom: 25px; } .wrap_right_txt a { border: 1px solid rgba(221, 221, 221, 0.4); color: #fff; display: inline-block; padding: 0 20px; height: 26px; line-height: 26px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background: #0666b7; } .wrap_right_txt a:hover { background: rgba(221, 221, 221, 0.4); color: #ffffff; } .wrap_left_one { width: 33.33%; float: left } .flip_cube2 { color: #ffffff; position: relative; } .flip_cube2_txt { text-align: left; background: #666; width: 100%; padding: 0px 40px; height: 100%; padding-top: 30%; } .flip_cube2_txt h4 { color: #ffffff; text-decoration: underline; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 20px; margin-top: 20px; } .flip_cube2_txt h5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 16px; line-height: 24px; color:#eee; } .flip_cube2_txt .fong { font-size: 16px; margin-bottom: 0; color:#fff;} .flip_cube2_txt .fong span { padding: 5px 4px; line-height: 1; background-color: #fff; color: #164088; display: inline-block; border-radius: 2px; margin-right: 10px; } .date_im { color: #ffffff; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .flip_cube { position: relative; color: #ffffff; } .menu { position: absolute; text-align: center; overflow: hidden; width: 100%; height: 100%; -webkit-perspective: 500px; perspective: 500px; } .cube-container, .face-normal2, .face-hover2 { height: 100%; left: 0; position: absolute; top: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; } .cube-container { -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -webkit-transform: translateZ(-238px); transform: translateZ(-238px); } .face-normal2 { /*background: #fff;*/ -webkit-transform: translateZ(65px); transform: translateZ(65px); } .face-hover2 { /*background: #fff;*/ -webkit-transform: rotateX(-90deg) translateZ(238px); transform: rotateX(-90deg) translateZ(238px); font-size: 16px; /*line-height: 158px;*/ } .wrap_left_one:hover .cube-container1{ transform: translateZ(-238px) rotateX(90deg); } .wrap_left_one:hover .flip_cube2_txt2 { opacity: 1 ;border: 1px solid #fff;} .flip_cube2_txt2 { background: #fcc800; opacity: 0; } .news_wrap_right:before { content: ""; position: absolute; z-index: 5; top: 0; bottom: 0; left: -14px; margin: auto 0; height: 0; border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #0666b7 transparent transparent; } /*新闻内页*/ .news11_left { width: 100%; } .news11_left ul li { width: 100%; /*height: 140px;*/ position: relative; background-color: #f6f6f6; margin: 30px auto; padding: 20px; } .news11_left_left { /*position: absolute;*/ width: 100px; top: 20px; float: left; } .news11_left_left_con { background-color: #0666b7; padding: 5px; } .news11_left_left_con h2 { font-size: 38px; line-height: 40px; margin-top: 10px; text-align: center; color: #fff; } .news11_left_left_con p { text-indent: 0em; } .news11_left_left_con p { font-size: 16px; line-height: 20px; text-align: center; color: #fff; margin-bottom: 0; padding-bottom: 10px; } .news11_left_right { background: #f6f6f6; padding-left: 15px; width: calc(100% - 100px); float: left; } .news11_left_right h2 { font-size: 18px; line-height: 26px; margin-top: 6px; margin-bottom: 6px; color: #666; } .news11_left_right p { /*display: -webkit-box;*/ /*-webkit-box-orient: vertical;*/ /*-webkit-line-clamp: 2;*/ /*overflow: hidden;*/ overflow: hidden; height: 54px; } .news11_left_right p { border-top: 1px dotted #999; padding-top: 10px; font-size: 16px; line-height: 22px; color: #666; margin-bottom: 0; } .news11_right_sec1 { width: 100%; padding: 20px; margin-top: 30px; background-color: #f6f6f6; } .news11_right_sec1 h2 { margin-top: 0px; font-size: 18px; line-height: 26px; } .news11_right_sec1_time { position: relative; } .news11_right_sec1_year { position: relative; margin: 10px auto; background-color: grey; /*border:1px solid grey;*/ } .news11_right_sec1_year input { width: 100%; height: 40px; } .pro_currt { height: auto !important; } .news11_right_sec1_year select { width: 100%; height: 40px; color: #fff; border: solid 1px grey; font-size: 16px; /*很关键:将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("../images/arrow.html") no-repeat scroll 90% 50% transparent; /*background-position: 50% 50%;*/ /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 14px; z-index: 30; /*text-align: center;*/ /*border:none;*/ /*position: absolute;*/ /*background: transparent !important;*/ } .news11_right_sec1_year select option { color: #666; } .news11_right_sec1_year ul { width: 100%; display: none; position: absolute; padding: 10px; z-index: 100; background-color: #f6f6f6; } .news11_right_sec1_year ul li { width: 100%; /*height:30px;*/ font-size: 14px; line-height: 30px; } .news11_right_sec1_year .select1 { background: url("../images/arrow.html") no-repeat scroll 95% 50% transparent; } .select_arror { position: absolute; width: 40px; height: 40px; top: 0; right: 0; text-align: center; z-index: -1; background-color: #0666b7; color: #fff; } .select_arror i { position: relative; color: #fff; top: 43%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .news11_right_sec1_year select option { width: 100%; } .no_padding { padding-left: 0 !important; padding-right: 0 !important; } .padding15R { padding-right: 7px !important; } .padding15L { padding-left: 7px !important; } .news11_right_sec1 input { display: block; width: 100%; height: 40px; padding: 5px; margin-top: 10px; font-size: 16px; } .news11_right_sec1 a { display: block; width: 100%; height: 40px; line-height: 40px; margin-top: 20px; text-align: center; border: 1px solid #ccc; color: #fff; background-color: #0666b7; /*color:#0666b7;*/ letter-spacing: 2px; font-size: 16px; } .news11_right_sec2 { position: relative; width: 100%; height: 100%; margin: 30px auto; } .news11_right_sec3 { width: 100%; background-color: #f6f6f6; padding: 10px; } .news11_right_sec3_cont h2 { font-size: 18px; line-height: 26px; margin-top: 0px; } .news11_right_sec3_cont ul li { width: 100%; line-height: 22px; font-size: 14px; margin-bottom: 10px; } .news11_right_sec3_cont ul li a { color: #666; font-size: 16px; } .news11_right_sec3_cont ul li a span { color: #0666b7; } .pagination1 a { border: 1px solid #0666b7; padding: 5px 15px; color: #0666b7; margin-right: 5px; display: inline-block; font-size: 16px; } .fenye_on { background: #0666b7; color: #fff !important; } .news_inner { padding-bottom: 60px; } .new_one { margin-top: 0px !important; } .news11_play { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .load_one { width: 33.33%; float: left ; position: relative; overflow: hidden} .load_one_bg { position: absolute; top: 0; left: 0px; width: 1005px; height: 100%; background: #000000; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; } .load_one_txt{ position: absolute; top:50%; width: 100%; text-align: center; color: #ffffff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; font-weight: 600; } .down_load{ padding-bottom: 100px;} .back_d{ background: rgba(28, 167, 162, 0.66); position: absolute; width: 100%;height: 100%; bottom:100%; left: 0; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .load_one:hover .back_d{ bottom: 0; /*animation: 2s back_d .3s linear;*/ /*-webkit-animation: 2s back_d .3s linear;*/ } .load_one:hover .xiazai{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;bottom:0} .xiazai{ position: absolute; right: 0px; bottom:-50px; background: #333333; height: 50px ; width:50px; text-align: center; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; } /*双品牌战略*/ .brand_width{ width: 50%; margin: 0px auto; position: relative;} .brand_left{ width: 50%; float: left} .brand_right{ width: 50%; float: left; padding: 5%; position: relative} .white_bg{ position: absolute; top:0; left: 0px; background: #ffffff; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; } .brand_center{ position: absolute; width: 100%; text-align: center; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .brand_center h1 { color: #2bb6b1; font-size: 70px; font-weight: bold; margin-top: 0; margin-bottom: 0; } .brand_center p{ color: #8e8e8e; margin-bottom: 0; font-size: 24px; font-weight: 600; } /*双品牌战略*/ .brand_width{ width: 50%; margin: 0px auto; position: relative;} .brand_left{ width: 50%; float: left; position: relative;} .brand_left_txt{ position: absolute; left: -70%; top:40%; width: 85%;} .mental_txt h4{ margin-top: 0px; font-size: 30px; font-weight: 600; color: #333333; margin-bottom: 10px; } .mental{ position: relative;} .mental_txt{ position: absolute; top:0; left: 0px; width: 100%; height: 100%;padding-left: 9%; padding-right: 9%; padding-top: 5%; } .brand_left_txt p{ margin-bottom: 0px; font-size: 16px; color: #ffffff;} .brand_right{ width: 50%; float: left; padding: 5%; position: relative} .white_bg{ position: absolute; top:0; left: 0px; background: #ffffff; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; width: 100%; height: 100%; } .brand_center{ position: absolute; width: 100%; text-align: center; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .brand_center h1 { color: #2bb6b1; font-size: 70px; font-weight: bold; margin-top: 0; margin-bottom: 0; } .brand_center p{ color: #8e8e8e; margin-bottom: 0; font-size: 24px; font-weight: 600; } .spectrum{ padding-top: 20px;} .spectrum h4 { margin-top: 0px; font-size: 24px; font-weight: 600; color:#1a1a1a;} .spectrum h4 span{ color:#ee9803} .spectrum h5{color:#1a1a1a;font-size: 20px; margin-top: 0; margin-bottom: 0; } .ormance{ margin-top: 10px;} .ormance li { font-size: 16px; color: #989898;} .birdth{ position: absolute; top: 50%; width: 80%; right: -45%; } .birdth_img{ position: relative;} .birdth_txt{ position: absolute; top:0; left: 0px; width: 100%; height: 100%; padding-left: 15%;padding-right: 5%;padding-top: 5%; } .birdth_txt h4 { margin-top: 0px; font-size: 30px; font-weight: 600; color: #333333; margin-bottom: 10px; } .birdth_txt p { margin-bottom: 0px; font-size: 16px; color: #ffffff; } .strategy{ padding-bottom: 100px;} .mgj_green{ background:url("../images/green.html") no-repeat; background-size: cover; padding:40px 0; } .mgj_green .cd_title{ text-align: center; color: #FFF; } .mgj_green .cd_title h4,.mgj_green .cd_title h2{ color: #FFF; } .solve_txt p{ font-size: 16px; line-height: 26px; margin: 20px 0 ; } /*-------------------------------晚上新修改板块-----------------*/ /*充电桩*/ .cdz2_con{ float: right; padding:11% 9%; } .cdz2_ch{ background:url("../images/cdz2.html") no-repeat center; background-size: cover; } .cdz2_con h4{ font-size: 30px; color: #333; margin-bottom:40px; } .cdz_h{ width: 100%; } .cdz_hbox{ width: 25%; float: left; background-color:#595a5b; text-align:center; padding:4%; } .cdz_hbox span{ font-size: 22px; color: #FFF; } .cdz_hbox h1{ font-size: 80px; color: #0666b7; margin: 10px 0 10px 0; font-family: 'IMPACT' } .cdz_hbox h5{ font-size: 16px; color: #0666b7; } .cdz4{ background: url('../images/cdz_4.html') no-repeat center;background-size: cover; } .cdz4 .cd_title,.cdz5 .cd_title{ margin-bottom:40px; } .cdz4 h4,.cdz5 h4{ color: #595959; } .cd_title h4{ margin-top:0px; } .cdz5_box{ background: url('../images/cdz5.html') no-repeat center;background-size: cover; } .cdz4_con{ width: 20%; float: left; } .zy_txt span{ width: 50px; } .cdz4_box{ padding:60px 5%; } .cdz_box{ width:100%; background-color: #f6f6f6; padding:0% 15% 8% 15%; display:none; } /*新闻*/ /*.flip_cube2_txt { text-align: left; background: #666;}*/ .dynamics p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } @media (max-width: 1169px) and (min-width: 1024px) { .flip_cube2_txt { text-align: left; width: 100%; padding: 0px 40px; height: 100%; padding-top: 20%; } } /*新闻内页*/ .news11_right_sec1 { margin-top: 0; } /*业务介绍*/ .hidden_more{border-top: 1px dotted #999; padding-top: 10px; font-size: 16px; line-height: 22px; color: #666; margin-bottom: 0; overflow: hidden; height: 54px; } .hidden_more p{border-top: none; height:auto; padding-top: 0px; text-indent: 2em; padding-bottom: 15px; } .inder_img{ text-align: center;} .hidden_more img{ margin-bottom: 15px;} .siness { background: #efefef; padding: 25px 0; } .siness_on_left { width: 33.33%; float: left; position: relative; background: #ffffff } .siness_on_left1 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding-left: 14%; padding-right: 14%; } .siness_on_left1 p { margin-bottom: 0; font-size: 16px; } .siness_on_left1 h1 { font-size: 36px; font-weight: 600; color: #0666b7; } .siness_on_left1 h2 { font-size: 24px; margin-bottom: 20px; } .siness_on_right { width: 66.67%; float: left; } .siness_two_en { width: 33.33%; float: left; position: relative; overflow: hidden } .siness_two_en_bg { background: #000000; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; width: 100%; top: 0; left: 0; height: 100%; position: absolute; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .siness_two_en:hover .siness_two_en_bg{ filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .literals { color: #eeeeee; font-family: "微软雅黑"; font-size: 270px; font-weight: 600; text-align: center; margin-bottom: -7.5%; letter-spacing:10px; } .ess_two_txt { position: absolute; left: 0; top: 88%; width: 100%; padding-left: 5%; font-size: 26px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -ms-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; } .ess_two_txt h1 { font-size: 86px; color: #0666b7; font-weight: 600; margin-bottom: 10px; } .ess_two_txt h4 { color: #ffffff; font-size: 30px; margin-bottom: 10px; } .ess_two_txt p { color: #ffffff; font-size: 18px; } .siness_two_en:hover .ess_two_txt { padding-left: 10%; padding-right: 10%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .company { padding-left: 15px; padding-right: 15px; background: #ffffff; padding-left: 15px; padding-right: 15px; z-index: 5; position: relative; } .pany_left { width: 50%; float: left; padding-right: 10px; position: relative; } .pany_left_tx2 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 8%; } .pany_right { width: 50%; float: left; padding-left: 10px; padding-right: 0px; position: relative; } .pany_left_tx1 p { color: #0666b7; margin-bottom: 5px; font-size: 16px; } .pany_left_tx1 h2 { font-size: 30px; font-weight: 600; } .pany_left_tx1 h3 { font-size: 20px; margin-bottom: 5px; margin-top: 5px; } .pany_left_tx1 h5 { font-size: 16px; } .pany_left img { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .pany_left:hover img { -webkit-filter: grayscale(1); filter: grayscale(1); } .pany_left:hover .pany_left_tx2 { top: 0%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .pany_left:hover .pany_left_tx1 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .pany_left_tx1 { color: #ffffff; position: absolute; top: 80%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; right: 8%; width: 40%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .two_en_img { overflow: hidden } .two_en_img img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .siness_two_en:hover .two_en_img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .parter .ab_title { padding-bottom: 0; padding-top: 0; margin-bottom: -3%; } .parter .ab_title p { margin-bottom: 0px; } .parter { padding-bottom: 100px; padding-top: 100px; } @media (max-width: 1440px) and (min-width: 1024px) { .literals { font-size: 245px; margin-bottom: -8%; } .pany_left_tx1 { color: #ffffff; width: 45%;} } @media (max-width: 1169px) and (min-width: 1024px) { .literals { font-size: 200px; margin-bottom: -5%; } .pany_left_tx1 h3 { font-size: 24px; } .pany_left_tx1 h2 { font-size: 30px; font-weight: 600; } } .business{ padding-bottom:100px; } /**************/ .banner_video{ width:100%; background:#212121; } .banner_video_zi h5{ cursor:pointer; font-size:20px; color:#0666b7; line-height:30px; text-align:center; margin:0; margin-top:20px; } .banner_video_zi h5 img{ margin-left:10px; } .banner_video_zi{ width:30%; position:absolute; top:50%; left:35%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .banner_video video{ width:100%; height:100%; position:absolute; top:0; left:0; } .banner_video_close{ position:absolute; top:100px; right:30px; cursor:pointer; } .mental_txt{ position:relative; padding-bottom:5%; } .birdth{ top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .birdth_txt{ padding-bottom:5%; position:relative; } /*众业达*/ .zyd_logo{ background:url("../images/llo_2.html") no-repeat ; background-size: cover; width: 157px; height: 60px; margin-bottom:8px; } /**************/ /*yy*/ .scheme_left{ width: 50%; float: left} .scheme_right{ width: 50%; float: left; position: relative; background: url("../images/dl1_img2.html") no-repeat right top fixed; /*background-size: 50% 100%;*/ background-size: cover; overflow: hidden; } .scheme_left{ background: #0666b7; color: #ffffff; position: relative;} .scheme_left1{ position: absolute; width: 50%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 25%; } .scheme_left1 h1{ margin-top: 0; font-size: 36px; margin-bottom: 0;} .scheme_left1 p{ font-size: 16px; margin-bottom: 0;} .scheme_left1 a{ color: #ffffff; font-size: 24px; display: inline-block; margin-top: 30px;} .scheme_right_a{ cursor: pointer; background-color: rgba(255, 255, 255, 0.3); padding: 20px 40px; display: inline-block; position: absolute; top: 38%; z-index:11; left: 32%; } .scheme_right_a a { display: inline-block; border: 1px solid #f5f5f5; border-radius: 3px; font-size: 20px; color: #acacac; padding: 20px; background-color: #fff; letter-spacing: 5px; }.scheme_right_a a span { background-color: #0666b7; font-size: 20px; padding: 5px 15px; color: #fff; display: inline-block; margin-left: 15px; letter-spacing: 1px; } .scheme_left_on{ background: #a6a9ae;} .solute_left{ width: 50%; float: left; position: relative; /*background: url("../images/dl4_img.jpg") no-repeat fixed left top;*/ background: url("../images/dl4_img.html") ; /*background-size: 50% 100%;*/ background-size: cover; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; background-attachment: fixed!important; } .solute_left_img{ } .bg-covering { position: absolute; left: -50%; top: 0; z-index: 2; width: 0%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); transform: skew(-10deg); -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -ms-transform: skew(-10deg); -o-transform: skew(-10deg); transform: skew(-10deg); -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .bg-line { position: absolute; left: 0; top: 0; z-index: 4; margin: 0.65% 0.85%; width: 98%; height: 98%; border: 2px solid #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; } .solute_left:hover .bg-line,.scheme_right:hover .bg-line{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .solute_left:hover .bg-covering,.scheme_right:hover .bg-covering{width: 200%;} .solute_right{ width: 50%; float: left; position: relative; } .solute_right1{ background: url("../images/dl2_img2.html") no-repeat right top; padding-right: 40px; padding-top: 50px; background-size: cover; position: absolute; width: 40%; right: 15%; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: right; } .solute_right_ob{ background: #7c7c7c; color: #ffffff;} .solute_right_ob .cd_title h4 { margin: 0px; font-size: 24px; color: #ffffff; font-weight: bold; margin-top: 5px; } .solute_right1 p{ font-size: 16px; margin-top: 30px; margin-bottom: 30px;} .solute_right_ob .cd_title h2 span { color: #ffffff; } .solute_right_ob .solute_right1{background: url("../images/dl4_img-2.html") no-repeat;} .dlhy1 { margin-bottom: 0px; } /*.scheme,.solute { margin-bottom: 20px;}*/ /*解决方案*/ .zy_box:hover{ /*background-color:#FFF;*/ /*color: #333;*/ /*border:1px solid #0666b7;*/ } .zy_box:hover .zy_txt span { background: url("../images/right_1.html") no-repeat center; background-size: cover; } .solve_p{ padding-left:20% } @media (max-width: 1440px) and (min-width: 1024px) { .latic_left{ width: 40%; left:10%; } .solve_p{ height: 104px; overflow: hidden; } .my_box{ padding-top:14%; } .sc_con{ padding-top:12%; } .solve_txt h1{ font-size: 36px; } .solute_right1{ width: 68%; } } @media (max-width: 1169px) and (min-width: 1024px) { .spectrum{ display: none; } .my_box{ padding-top:3%; } .solve_p{ height: 78px; overflow: hidden; } .solute_right1{ width: 80%; } } @media (max-width: 1200px) and (min-width: 1024px) { .nav_li{ padding-left:25px!important; } } /*解决方案*/ /*服务专区字体*/ .group_txt{ font-size: 16px; } .ca_2_box,.ti_btn a{ font-size: 16px; } .city, .area{ padding:0 10px; } .ca4_fr_a{ font-size: 16px; } .ca4_fr_a:hover{ background: url("../images/sanjiao_2.html") no-repeat 80% center; } .question,.gorw_txt,.stu_con p,.compen .ab_title h5,.welfare span{ font-size: 16px; } .ster_txt_p p,.welfare p{ font-size: 16px; } .stu_con h4{ font-size:22px; } .welfare p{ padding:0 20px; } .nav_sousuo2 a{ display:block; height: 17px; padding-top:0px; line-height: 70px; color:#FFF; } .nav_sousuo2 a i{ margin-left:5px; } .nav_sousuo i{ position:relative; top:1px; left:0; } .nav_sousuo2 i{ position:relative; top:1px; } .nav_sousuo a{ display:block; height: 17px; padding-top:25px; line-height: 70px; color:#FFF; } .suke_con{ background:url("../images/gaishu.html") no-repeat center; background-size: cover; } .header_con .container{ position: relative; } /*产品视频*/ .wan_video{ position:fixed; top:0px; width: 100%; background-color: rgba(0,0,0,0.8); z-index: 999; display: none; } .video_box{ position: absolute; top:20%; width: 60%; left:20%; margin: 0 auto; height:60%; } .pro_video_bg{ position: absolute; left:0; top:0; height:100%;width: 100%; background:#000; opacity:0.38; -moz-opacity:0.38; -khtml-opacity:0.38; -webkit-opacity:0.38; filter:alpha(opacity=38); } .wan_video video{ min-width: 100%; min-height: 100%; position: absolute; left: 0; top:0; } .video_close{ position: absolute; top:0px; cursor: pointer; z-index:2; background: #0666b7 url("../images/v_close.html") no-repeat center center; background-size: 35px;width: 40px; height:40px; right:-40px; } .video_close1{ position: absolute; top:0px; cursor: pointer; z-index:2; background: #0666b7 url("../images/v_close.html") no-repeat center center; background-size: 35px;width: 40px; height:40px; right:-40px; } .video_box_con{overflow: hidden; height:100%; position: relative;} /*产品视频*/ .learn_more1_img,.learn_more2_img,.learn_more3_img,.learn_more4_img{ display: none; position: relative; overflow: hidden;} .scrolltop{ position: relative; top:100px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .learn_more_btn{ position: fixed;background: #0666b7 url("../images/v_close.html") no-repeat center center; background-size: 35px;width: 40px; height:40px; right:0; top:90px; cursor: pointer; } /*-----------yjj下午2点新加----------*/ /*海德电子*/ .hd_bg{ background:url("../images/com_3.html") no-repeat center; background-size: cover; } /*关于天正*/ .about_con{ margin-top:60px; width: 100%; padding:60px 8% 60px 8%;; } .about_imbox{ width:27.6666%; float: left; margin-right:8%; position: relative; } .ab_line{ position: absolute; width:90%; left:5%; height: 110%; top:-5%; border:4px solid #0666b7; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .about_imbox:hover .ab_line{ width: 90%; height: 90%; top:5%; left:5%; } .last_imbox{ margin-right: 0px; } .about_imbox h4{ position: absolute; bottom:-15%; left:0px; text-align: center; font-size: 24px; width: 100%; color: #333; } /*关于天正*/ /*-----------yjj下午2点新加----------*/ /*合作伙伴yy*/ .companies{ padding:30px 0; overflow: hidden;} .teamwork_one{ position: relative; width: 20%; float: left; text-align: center; padding-left:4%; padding-right: 4%; padding-top: 2%; padding-bottom: 2%; margin-bottom: 50px; } .teamwork_one_bg{ position: absolute; top:0 ; left: 0; width: 100%; height: 100%; background: #ffffff; filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity: 0.3; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .teamwork_one img{ -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .teamwork_one:hover .teamwork_one_bg{ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; } .teamwork_one:hover img{ -webkit-filter: grayscale(0); filter: grayscale(0); } .allTop{ position: relative; top: 60px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .teamwork_one{ position: relative; top: 60px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } /*合作伙伴yy*/ @media (max-width: 1440px) and (min-width: 1024px){ .about_imbox h4 { bottom: -18%; } .solute_right1 { width: 45%; } } /*-----------yjj下午4点新加----------*/ /*下载页面*/ .down_box{ padding-bottom:80px; } .down_sea{ width: 60%; margin:0 auto; position: relative; } .down_sea input{ background-color: #FFF; border:1px solid #747677; width: 100%; height:50px; line-height: 50px; border-radius: 3px; padding:0 25% 0 5%; } .down_bt{ position: absolute; top:0px; right:0px; width: 20%; height: 50px; line-height: 50px; color: #FFF; background-color: #0666b7; border:0px; font-size:24px; border-radius: 3px; outline: none; } .down_con{ width: 100%; margin-bottom:60px; } .down_kk{ width:28%; margin-right: 8%; float:left; margin-top:40px; } .down_con{ margin-top:40px; } .down_txt{ display:block; position: relative; } .down_bg1{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url("../images/down_bg1.html") no-repeat; background-size: cover; background-position: 100% 100%; transform: scale(0); transition: transform .5s; } .down_bg2{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url("../images/down_bg2.html") no-repeat; background-size: cover; background-position: 100% 100%; transform: scale(1); transition: transform .5s; } .down_txt h2{ position: absolute; bottom:40px; font-size: 20px; color: #FFF; width: 100%; text-align: center; } .down_kk p{ margin-top: 20px; width: 0%; height: 7px; background-color: #0666b7; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .down_kk:hover p{ width: 100%; } .down_kk:hover .down_txt .down_bg1{ transform: scale(1); } .down_kk:hover .down_txt .down_bg2{ transform: scale(0); } .mr_0{ margin-right: 0px; } .down_tit{ margin: 60px 0; } .down_bottom{ width:50%; margin:0 auto; } @media (max-width: 1440px) and (min-width: 1024px) { .down_txt h2{ bottom:20px; } .container1-con1-show p{ line-height: 25px; height: 250px; overflow: hidden; } } @media (max-width: 1279px) and (min-width: 1170px) { } @media (max-width: 1169px) and (min-width: 1024px) { } @media (max-width: 1200px) and (min-width: 1024px){ .lab_right_text .text{ -webkit-line-clamp: 5; } } .ca4_fr_a { font-size: 16px; } .ca4_fr_a { font-size: 16px; } /*-----------yjj下午4点新加----------*/ .decoration_pplm_box{ width:100%; overflow:hidden; position: relative; } .decoration_pplm_box ul{ padding:0; margin:0; } .decoration_pplm_box ul li{ float:left; } .solve_pro_con{ position: relative;overflow: hidden;border-right: 1px solid #ffffff; cursor: pointer;} .solve_pro_text{ position: absolute; bottom:0; left:0;width:150px; height:110px; background: #ffffff;font-size: 20px; display: table; text-align: center;padding: 20px;} .solve_pro_text div{ display: table-cell;vertical-align: middle; position: relative;} .solve_pro_text:before{ position: absolute; left: 0; top: 0;width: 100%;background: #0666b7; height:100%; content: ''; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin:right center; -ms-transform-origin:right center; transform-origin: right center; -webkit-transition: .3s transform ease; transition: .3s transform ease; } .solve_pro_con:hover .solve_pro_text:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; -ms-transform-origin:left center; transform-origin: left center; } .solve_pro_con:hover .solve_pro_text{ color: #ffffff;} .dec_btn{ position: absolute;background:#0666b7; text-align:center; width: 50px; height:50px; top:50%;margin-top: -25px; cursor: pointer; -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); z-index:33; } .dec_btn img{ margin-top:10px; } .dec_btn_right{ right:0;} .cdv_pro{ position: relative;} .cdv_pro:hover .dec_btn{ opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } .pro_add{ width: 100%; display: none; background-color: #f6f6f6;padding-bottom: 60px; position: relative; } .proa_con{ width: 30%; float: left; padding:5% 5%;padding-top: 10%; } .proa_box{ width: 70%; float: left; position: relative; } .proaim_con{padding-right: 50px;} .proa_gaishu{ margin-bottom:30px; } .proaim_kk{margin-right: -3%;} .proa_gaishu .cd_title{ margin-bottom:30px; } .proa_gaishu p{ font-size: 16px; line-height: 26px; color: #333; margin:0px; } .proa_gaishu .tit{font-size: 24px; color: #333;font-weight: bold;} .proa_img{ position: relative; /*margin-top:-10%;*/ margin-bottom:60px; } .proa_biao h4{ font-size: 24px; color: #333; font-weight: bold; } .proa_biao p{ font-size: 16px; line-height:26px; color: #333; margin:0px; } .proaim_con .cd_title{ margin-bottom:40px; } .proaim_box{ width: 31%; float: left; background-color: #FFF; padding:25px 20px 25px 20px; color: #333; margin-right:2%; margin-bottom: 30px; position: relative; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .proaim_box p{ font-size: 16px; line-height: 26px; height: 52px; overflow:hidden; margin-bottom:0px; position: relative; padding-left:32px; } .proaim_box p span{ position: absolute; top: 0px; left:0px; width: 22px; height: 22px; background-color: #0666b7; color: #FFF; text-align: center; line-height: 22px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .proa_con ul{ width: 100%; margin-top:40px; } .proa_con li{ height:60px; width:60px; float: left; margin-right: 20px; margin-bottom:20px; } .proaim_box:hover{ background-color:#0666b7; color: #FFF; } .proaim_box:hover span{ background-color:#FFF; color: #0666b7; } .pro_add_con{ display: none;} @media (max-width: 1440px) and (min-width: 1024px) { .proaim_box{ width: 48%; margin-right:2%; } } .tiane_about{background: #f5f5f5; position: relative;padding-top: 130px;} .tiane_about_text{ position: absolute; left:10%; top:10%;width: 80%;} .tiane_about_text .right{ float: right;width: 50%;} .tiane_about_text .ab_title{text-align: left;padding: 0px;} .tiane_about_text .text{font-size: 16px;} .tiane_about_text .left{ float: left;width: 40%;text-align: right;padding-top: 5%;} .tiane_about_img{ position: absolute; bottom:0; left: 12%; width: 62%;} .tiane_title{background: #0666b7; color: #ffffff;text-align: center;padding: 40px 0; font-size: 36px; letter-spacing: 5px; font-weight: bold; } .tiane_pro{padding: 70px 0; position:relative; z-index:2;} .tiane_pro_bg{ width:50%; height:100%; position:absolute; top:0; left:0; z-index:-1; background:#f6fcfc; } .tiane_pro_tit{font-size: 24px;text-align: center;font-weight: bold;} .tiane_pro_tx{text-align: center;font-size: 16px;margin-top: 35px;margin-bottom: 55px;} .tiane_pro_top{background: #f3f3f3;text-align: center;font-size: 24px;font-weight: bold;} .tiane_pro_top_con{padding: 40px 0;} .tiane_pro_top_con div{margin-top: 10px;} .tiane_pro_top li{border-right: 1px solid #dfdfdf; float: left;width: 25%;} .parameter{background: #e6e6e6; color: #333;font-size: 16px;padding:50px 0 70px 0;} .parameter td{padding:20px 0px 20px 0;border-bottom: 1px solid #b5b5b5;} .parameter table{width: 100%;} .tiane_detail_con{ position: relative;border: 1px solid #a6a6a6;} .tiane_detail_tx{ position: absolute; right:0; top:0;background: rgba(0, 164, 150, 0.8); color: #ffffff; padding: 15px 20px; font-size: 26px; line-height: 28px; } .tiane_pro_cont{ position: relative;text-align: center;padding: 50px 0 75px 0} .tiane_pro_con{ position: relative;width: 50%; display: inline-block;} .tiane_pro_text_left{ position: absolute; right: 227px; padding-bottom: 10px; width: 165px; margin-top: -25px; font-size: 20px;border-bottom: 2px solid #0666b7;line-height: 64px;} .tiane_pro_text_left img{ float: left;margin-right:10px; width:64px;} .tiane_pro_text{ position: absolute; cursor: pointer;} .tiane_pro_text1{ top:10%; right:66%;} .tiane_pro_text_right{ float: left; position: relative;width: 210px; height:62px;} .tiane_pro_text_right div{ position: absolute; bottom:0; right:0;width: 40px; height:40px;background: rgba(0, 0, 0, 0.2); -webkit-border-radius:50%; -moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius:50%; } .tiane_pro_text_right div:after{ position: absolute;width: 10px; height:10px;border: 2px solid #ffffff; content: ''; -webkit-border-radius:50%; -moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius:50%; top:50%; left:50%;margin-left: -5px;margin-top: -5px; } .tiane_pro_text_right div:before{ position: absolute;height:1px; content: ''; width:80px; top:50%; left:50%;margin-left: -5px;background: #b2b2b2; transform:rotate(-152deg); -ms-transform:rotate(-152deg); -moz-transform:rotate(-152deg); -webkit-transform:rotate(-152deg); -o-transform:rotate(-152deg); transform-origin:0 0; -ms-transform-origin:0 0; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; } .tiane_pro_text_right span{ position: absolute; left:0; display: block; width: 10px; height:10px;border: 2px solid #b2b2b2; top:0; -webkit-border-radius:50%; -moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius:50%; } .tiane_pro_text_right span:after{ position: absolute;height:1px; content: ''; width:108px;background: #b2b2b2; top: 2px; left:100%; } .tiane_pro_text2{ top:45%; right:65%;} .tiane_pro_text3{bottom:15%; right:65%;} .tiane_pro_text3 .tiane_pro_text_right div{ top:0;bottom: auto;} .tiane_pro_text3 .tiane_pro_text_right span{ top: auto; bottom:0;} .tiane_pro_text3 .tiane_pro_text_right div:before { transform: rotate(-208deg); -ms-transform: rotate(-208deg); -moz-transform: rotate(-208deg); -webkit-transform: rotate(-208deg); -o-transform: rotate(-208deg); } .tiane_pro_text3 .tiane_pro_text_left { margin-top: 25px; } .tiane_pro_text_ri{ right:auto;} .tiane_pro_text4{ left:62%; top:7%;} .tiane_pro_text_ri .tiane_pro_text_right div { left:0;right:auto; } .tiane_pro_text_ri .tiane_pro_text_right span{ right:0; left: auto;} .tiane_pro_text_ri .tiane_pro_text_left { left: 227px; right:auto; } .tiane_pro_text_ri .tiane_pro_text_right span:after { right: 100%; left: auto;; } .tiane_pro_text_ri .tiane_pro_text_right div:before { margin-left:5px; transform: rotate(-29deg); -ms-transform: rotate(-29deg); -moz-transform: rotate(-29deg); -webkit-transform: rotate(-29deg); -o-transform: rotate(-29deg); transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; } .tiane_pro_text5{ left:68%; top:32%;} .tiane_pro_text6{ left:69%; bottom:25%;} .tiane_pro_text6 .tiane_pro_text_right div{ top:0;bottom: auto;} .tiane_pro_text6 .tiane_pro_text_right span{ top: auto; bottom:0;} .tiane_pro_text6 .tiane_pro_text_right div:before { transform: rotate(27deg); -ms-transform: rotate(27deg); -moz-transform: rotate(27deg); -webkit-transform: rotate(27deg); -o-transform: rotate(27deg); } .tiane_pro_text6 .tiane_pro_text_left { margin-top: 25px; } .tiane_pro_text:hover .tiane_pro_text_right div{ background: rgba(252, 200, 0, 0.5);} .tiane_pro_text:hover .tiane_pro_text_right div:before{ background: #0666b7;} .tiane_pro_text:hover .tiane_pro_text_right span{ border-color:#0666b7; } .tiane_pro_text:hover .tiane_pro_text_right span:after{ background:#0666b7;} .tiane_pro_text:hover .tiane_pro_text_left{ color: #0666b7;} @media (min-width: 1024px) and (max-width: 1170px) { .tiane_pro_text2 { top: 45%; right: 71%; } .tiane_pro_text5 { left: 64%; } .tiane_pro_text6 { bottom: 19%; } } /*工民建*/ .products_sec { width: 100%; position: relative; overflow: hidden; } .products_sec1 .products_sec_img { background: url(../images/smg1.html) center no-repeat fixed; background-size: cover; } .products_sec2 .products_sec_img { background: url(../images/smg2.html) center no-repeat fixed; background-size: cover; } .products_sec3 .products_sec_img { background: url(../images/smg3.html) center no-repeat fixed; background-size: cover; } .products_sec_img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .products_sec_img_bg { width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; filter: alpha(opacity=20); } .products_sec_img h5 { font-size: 36px; color: #fff; line-height: 60px; /*font-family: myfonts1;*/ text-transform: uppercase; position: relative; top: 41%; margin: 0; margin-top: -30px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .products_sec_img h5 p{font-size: 24px;line-height: 26px;} .products_sec_img h5 span { width: 1000px; height: 1px; background: #fff; position: absolute; top: 50%; right: 100%; margin-right: 30px; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); } .products_sec_img h5 span i { width: 7px; height: 7px; border-radius: 100%; position: absolute; top: 0; left: 100%; background: #fff; margin-top: -3px; } .products_sec_zi { width: 100%; background: #fff; position: absolute; bottom: -15%; left: 0; z-index: 3; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .products_sec_zis { width: 100%; padding-left: 30%; padding-top: 4%;padding-right: 10%; padding-bottom:4%; } .products_sec_zis p { font-size: 16px; line-height: 25px; color: #666; letter-spacing: 0.1px; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .products_sec_zis a { font-size: 20px; color: #333; } .products_sec_zis a i { font-size: 16px; margin-left: 8px; color: #999; position: relative; top: 1px; } .products_sec .container{ height:100%;} .about_banner_text{ position: absolute;width: 660px; z-index:2; height:170px; cursor: pointer; top:50%; left:50%; margin-left:-330px; margin-top:-90px; } .about_banner_text>span{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background:#000; opacity:0.28; -moz-opacity:0.28; -khtml-opacity:0.28; -webkit-opacity:0.28; filter:alpha(opacity=28); } .about_banner_text .line div{ position: absolute;background: #0666b7; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; } .about_banner_text .line { position: absolute; top:0; left:0;width: 100%; height:100%;} .about_banner_text .line1,.about_banner_text .line3{width: 0; height:3px; } .about_banner_text .line2,.about_banner_text .line4{height: 0; width:3px;} .about_banner_text .line1{ right:0; top:0;} .about_banner_text .line2{ right:0;top:0;} .about_banner_text .line3{ bottom:0; left:0;} .about_banner_text .line4{ bottom:0; left:0;} .about_banner_text.on .line2,.about_banner_text.on .line4{height: 100%;} .about_banner_text.on .line1,.about_banner_text.on .line3{width: 100%; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; } .about_banner_text_btn{background: #0666b7 url("../images/banner_video_icon.html") no-repeat center center; position: absolute;width: 40px; height:40px; cursor: pointer; right:-18px; bottom:-18px; /*-webkit-border-radius:50%; -moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius:50%;*/ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); -webkit-transition: 0.3s 1s linear;-moz-transition: 0.3s 1s linear;-ms-transition: 0.3s 1s linear;-o-transition: 0.3s 1s linear;transition: 0.3s 1s linear; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .about_banner_text.on .about_banner_text_btn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .about_banner_tit{ position: absolute; font-size: 58px; color: #ffffff; top: -20px; left: -70px; font-weight: bold; letter-spacing: 12px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: 0.3s 1s linear;-moz-transition: 0.3s 1s linear;-ms-transition: 0.3s 1s linear;-o-transition: 0.3s 1s linear;transition: 0.3s 1s linear; } .about_banner_text.on .about_banner_tit{ top:-41px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .about_banner_text.on .about_banner_tx{ top:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .about_banner_tit span{letter-spacing: 5px;} .about_banner_tx{line-height: 170px;text-align: center;font-size: 26px; color: #0666b7; font-weight: bold; position: relative; top:20px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: 0.3s 1s linear;-moz-transition: 0.3s 1s linear;-ms-transition: 0.3s 1s linear;-o-transition: 0.3s 1s linear;transition: 0.3s 1s linear; } .about_banner_text:hover .about_banner_text_btn{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .about_banner_text:hover .line1,.about_banner_text:hover .line3{ height:8px;} .about_banner_text:hover .line2,.about_banner_text:hover .line4{ width:8px;} .nav_con_la{padding: 30px 10%;background: url("../images/global_bg.html"); display: none; position: absolute; width: 100%; left: 0px; top: 70px; border: 0px; overflow: hidden; color: #2f3030; } .nav_con_la_con img{ float: left; width:40%;} .nav_con_la_text{ padding-left: 44%; line-height: 40px; padding-top: 4%;} .nav_con_la_text div{text-transform: uppercase;font-size: 32px;font-weight: bold;} .nav_con_la_con{ cursor: pointer;} .nav_con_la_con a{padding-top: 0px;} .nav_con_la_con:hover .nav_con_la_text{ color: #0666b7;} .return{ position: fixed; bottom:0; right:0;background: #0666b7 url("../images/fanhui.html") no-repeat center center; background-size: 80%;width: 50px; height:50px; } .source_bg{ position: fixed; top:0; left:0; height:100%;width: 100%;background: rgba(0, 0, 0, 0.8);z-index:33333;} .source_con,.source_bg{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;visibility: hidden; -webkit-transition: 0.5s linear 0.3s; -moz-transition: 0.5s linear 0.3s; -ms-transition: 0.5s linear 0.3s; -o-transition: 0.5s linear 0.3s; transition: 0.5s linear 0.3s; } .source_con .video_close { right: 20px; } .source_con .video_close1 { right: -40px; } .source_con{ position: absolute;width:100%; padding: 0px 40px; z-index:33333; left:50%; transition-delay: 0.3s; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; } .source_con img{ display: none;} .source_cont.active .source_con,.source_cont.active .source_bg{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); filter: alpha(opacity=100);visibility: visible; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; } .source_con_btnbg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; } /*九月六号新加*/ /*人才招聘*/ .join{ padding-bottom: 0px; } /*人才发展*/ .grow_con{ width: 100%; } .grow_sw_box{ width: 100%; position:relative; } .grow_kk_1{ width:48%; position:relative; } .gorw_kk_2{ width: 48%; position: relative; margin-top:150px; } .grow_con_2{ margin-top:0px; } .grow_img span{ z-index: 99; } /*导航*/ .sen_box{ padding:10px 0; } .sen_tit{ padding-left:25px; border:0px; border-left:1px solid #cfcfcf; position: relative; margin-bottom:0px; } .sen_tit a{ font-size:18px; line-height: 35px; font-weight: 300; color: #2f3030 !important; } .sen_tit a:hover{ color: #0666b7 !important; } .sen_tit span{ width: 10px; height: 1px; background: #cfcfcf; position: absolute; top: 50%; margin-top: -1px; left:0px; } /*人才发展*/ .rcfz{ width: 100%; position: relative; padding-bottom:60px; } .rcfz_img{ float: right; width: 75%; } .rcfz_box{ width: 25%; float: left; position: relative; } .rcfz_con{ background-color: #0666b7; color: #FFF; padding:13% 19%; width: 120%; left:0px; position: absolute; top:25%; } .rcfz_con h2{ font-size:24px; margin-top:0px; margin-bottom:20px; } .rcfz_con p{ font-size: 16px; line-height: 26px; } .depe{ padding:60px; } .stu_con h4 { font-size: 30px; letter-spacing: 2px; } .stu_con{ bottom:22%; } .rcfz_h5{ font-size: 16px; line-height: 26px; text-align: center; margin:15px; } .de_stu p{ margin-top:15px; } .compen .ab_title{ margin-bottom:0px; } .compen .ab_title h2{ font-size: 36px; padding-bottom: 0px; color: #4c4c4c; } .compen .ab_title p{ font-weight: bold; margin-bottom:20px; color: #4c4c4c; } .compen .ab_title h5{ color: #4c4c4c; line-height: 26px; } .com_a{ text-align: center; } .com_a a{ border: 1px solid #888888; padding: 8px 20px; display: inline-block; margin-top: 30px; color: #4c4c4c; letter-spacing: 2px; } .com_a a:hover{ border: 1px solid #0666b7; color: #00a39b; } .welfare p{ font-size: 16px; } .jl_box{ width: 100%; position: relative; overflow: hidden; height: 0; } .jl_tit{ position: absolute; top:0px; z-index: 99; width: 100%; } .jl_left{ width: 50%; position: relative; } .jl_left_p{ position: absolute; top:0px; right: 0px; width: 180px; background-color: #FFF; font-size: 24px; height: 70px; text-align: center; line-height: 70px; color: #0666b7; } .rcjl_box{ width: 100%; } .rcjl_img{ width: 50%; float: left; position: relative; } .rcjl_con{ width: 50%; float: left; background-color: #0666b7; display: table; } .rcjl_txt{ color:#FFF; display: table-cell; vertical-align: middle; padding-left: 20%; padding-right:20%; } .rcjl_txt h2{ font-size:30px; margin-top:0px; margin-bottom:20px; } .rcjl_txt p{ font-size: 16px; line-height: 30px; } .jl_box{ } .jl_right{ width: 50%; float: right; position: relative; } .jl_r_bt{ position: absolute; top:0px; left: 0px; z-index: 99; } .rcjl_left,.rcjl_right{ width:70px; height: 70px; background-color:#737373; text-align: center; line-height: 70px; display: inline-block; } .rcjl_left i,.rcjl_right i{ color: #FFF; font-size: 24px; line-height: 70px; } .rcjl_txt span{ font-size: 20px; } .home_sec_14{ background-color: #FFF; } .yangben{ width: 100%; text-align: center; padding:60px 0; } .yangben a{ display: inline-block; padding:10px; color: #FFF; background-color:#0666b7; } .yb_img{ width:50px; height: 50px; float: left; } .yb_txt{ float: left; margin-left: 15px; } .yb_txt span{ font-size: 16px; } .yb_txt p{ font-size: 16px; margin-bottom:0px; } /* .nav_con{ filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .nav_li:hover .nav_con{ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }*/ .zu_img{ width: 100%; } /*人才培养*/ .ycpy{ width: 100%; background-color: #f0f0f0; padding:60px 0; } .ycpy .group{ margin-bottom: 0px; } /*企业文化*/ .qy_box{ width: 50%; float: right; position: relative; } .qy_con{ width: 50%; background-color: #e6e6e6; text-align: center; display: table; float: left; } .qy_k_img{ width: 100%; text-align: center; margin-bottom:20px; } .qy_k_img img{ width:90px; height: 90px; } .qy_kk{ width: 100%; text-align: center; display: table-cell; vertical-align: middle; padding-left: 40px; padding-right: 40px; } .qy_kk h2{ font-size: 24px; margin-top:0px; margin-bottom:30px; font-weight: bold; color: #4c4c4c; } .qy_kk p{ font-size: 18px; line-height: 26px; margin-bottom:0px; height: 0px; overflow: hidden; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); -webkit-transition: all cubic-bezier(.18,1,.21,1) .5s; -moz-transition: all cubic-bezier(.18,1,.21,1) .5s; -ms-transition: all cubic-bezier(.18,1,.21,1) .5s; -o-transition: all cubic-bezier(.18,1,.21,1) .5s; transition: all cubic-bezier(.18,1,.21,1) .5s; } .qy_kk:hover p{ height: 78px; opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } .qy_bg{ background-color: #FFF; } .qywh_img{ width: 50%; float: left; } /*管理团队*/ .gltd_con{ width: 100%; padding:20px 0; } .gl_box{ width: 60%; color: #383838; display: table; } .gl_con{ display: table-cell; vertical-align: middle; } .gl_con h5{ font-size: 16px; } .gl_con h5 hr{ display: inline-block; border-top:1px solid #383838; margin: 5px 10px; width: 80px; } .gl_con h2{ font-size: 26px; color: #333; margin: 30px 0; font-weight: bold; } .gl_con p{ font-size: 16px; line-height: 26px; } .gl_img{ width: 30%; position: relative; } .gl_fk{ position: absolute; width:60px; height: 60%; top:20%; right:-30px; background-color: #fcc800; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .gl_img img{ -webkit-transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,transform 1s; transition: opacity 1s,transform 1s,-webkit-transform 1s; } .gl_im_kk:hover img{ opacity: 0.9; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .gl_img:hover .gl_fk{ width: 80px; right:-40px; } .gl_im_kk{ width:100%; overflow:hidden; } .gltd_con2{ background-color: #f5f5f5; } .gltd_con2 .gl_fk{ left:-30px; } .gltd_con2 .gl_img:hover .gl_fk{ left: -40px; } /*网店查询*/ .ca1_map_l{ width: 30%; background-color: #f2f2f2; padding:25px; } .ca1_box{ position: static; margin: 0px; } .ca1_map{ width: 66%; } .wd_img{ width: 20%; float:left; } .wd_con{ width: 75%; float: right; color: #424343; display: table; border-bottom:1px solid #424343; } .wd_con_tx{ display:table-cell; vertical-align:bottom; } .ca1_map_l li{ width: 100%; margin-bottom:10px; } .wd_con h5{ font-size: 16px; margin: 0px; font-weight: bold; margin-bottom:5px; } .wd_con p{ margin:0px; font-size:14px; font-weight: bold; } .ca1_box{ width: 100%; background-color: none; padding-bottom:0px; padding-bottom:20px; } .ca1_box h3{ padding:10px 20px; font-size: 24px; margin-bottom:0px; } .ca1_box ul{ border:1px solid #a6a6a6; border-top-style: none; padding-top:5px; padding-bottom:5px; } .ca1_box ul li{ font-size: 14px; color: #424343; margin-bottom:0px; line-height: 30px; padding: 0 15px; } .ca1_box ul li span{ width: 7px; height: 7px; } @media (max-width: 1440px) and (min-width: 1024px) { .rcfz_con{ top:18%; } .rcjl_txt p{ max-height: } .gorw_kk_2{ margin-top:100px; } .group_txt{ padding:15px 0; } .wd_img{ width: 25%; } .gl_con p{ max-height: 182px; overflow: hidden; } .wd_con p{ font-size: 13px; } .ca1_box ul li{ font-size: 14px; padding: 0px 2px; } .wd_con h5{ font-size: 16px; } } @media (max-width: 1440px) and (min-width: 1280px) { .home_text_con p{ font-size:22px} } @media (max-width: 1279px) and (min-width: 1170px) { .rcfz_con{ top:9%; } .home_text_con p { font-size: 20px; } } @media (max-width: 1169px) and (min-width: 1024px) { .rcfz_con{ top:7%; } .rcjl_txt p{ max-height:182px; overflow: hidden; } .wd_con{ width: 75%; } .home_text_con p { font-size: 20px; } } /*导航新加*/ .nav_con{ background: #eff0f2 url("../images/nav_log.html") no-repeat 2% 94%; background-size: 250px 250px; } .pro_con{ background-color:#eff0f2; background-image: none; } .nav_con_la { padding: 30px 10%; background: url("../images/global_bg.html"); } .ind_sec4_l a,.ind_sec4_r a{ display: block; width: 100%; height: 100%; } .rj{ font-family: 'IMPACT'; margin-right:10px; } .tiane_about_img{ width: 55%; bottom:6%; } .rcfz_2{ top:30%; } .qm{ width:100%; text-align: right; padding-right: 20%; } .qm img{ width: 100px; } .gl_fk_2{ background-color:#0666b7; } .grow_con:hover .grow_img span{ background-color: #fcc800; } .welfare div{ cursor: pointer; } .welfare div a{ transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; } .welfare div:hover a{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); /* Safari 和 Chrome */ -moz-transform: rotateY(180deg); } /*组织架构放大镜*/ .zoom{ position: relative; } .zoomy{ position: absolute; display: none; background-repeat: no-repeat; -webkit-box-shadow: 3px 3px 10px #000; -moz-box-shadow: 3px 3px 10px #000; border: 0; cursor: url(blank.html), move; line-height: 100px; text-align: center; background-image: url(loading.html); background-position: center; background-color: #fff; z-index: 1000; } .shi2 .ab_title p{ width: 60%; margin:0 auto; } /*下载中心*/ .down_sea{ margin-bottom: 40px; } .down_bottom{ margin-top:40px; } .downa_box{ padding:10px; border:2px solid #0666b7; margin: 40px 0; position: relative; } .da_icon{ width:60px; height: 60px; background:url("../images/down_icon.html") no-repeat; background-size: cover; position: absolute; top:-30px; right: 20px; z-index: 2; } .downa_box:hover .downa_con{ margin-top:-20px; } .downa_box:hover .downa_txt{ padding-top:10px; } .downa_con{ position: relative; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .downa_txt{ padding: 15px; color: #0666b7; position: relative; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .downa_txt p{ font-size: 20px; margin-bottom:0px; } .downa_txt h5{ text-transform: uppercase; margin: 0px; } .downa_txt span{ position: absolute; width: 40px; height:2px; background-color: #fcc800; left:-33px; top:29px; } #bannerpl{ width:100% !important; height:100% !important; } #headerVideo{ width:100% !important; height:100% !important; } #abPlay{ width:100% !important; height:100% !important; } #abPlay1{ width:100% !important; height:100% !important; } .wap_v1{ width:100%; position:absolute; top:50%; left:-15%; } .wap_v2{ width:100%; position:absolute; top:50%; left:0%; } .wap_v5{ width:100%; position:absolute; top:50%; left:0; } .wap_v6{ width:100%; position:absolute; top:50%; left:0%; } .match_btn{ display:block; width:100%; text-align:center; font-size:20px; margin-top:20px; color:#fff; } .ygfc_box{ width:100%; } .jlwap_box{ width:100%; } .fazhan_sec1{ width:100%; background:#f8f6f2; padding:120px 0; } .fazhan_sec1_a{ width:500px; height:500px; margin:0 auto; position:relative; } .fazhan_sec1_a>img{ border-radius:100%; position:relative; top:90px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec1_a_zi{ width:90%; height:90%; position:absolute; top:15%; left:5%; border:15px solid #0666b7; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec1_a_zi img{ -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); } .fazhan_sec1_a_zi span{ width:100%; } .fazhan_sec1_a_zi p{ margin:0; text-align:center; font-size:90px; color:#0666b7; text-transform:uppercase; font-weight:700; position:absolute; } .fazhan_sec1_a_zi p span{ display:inline-block; width:45%; font-family:Arial, Helvetica, sans-serif; } .fazhan_sec1_b{ margin-top:40px; } .fazhan_sec1_bdiv{ width:100%; text-align:center; position:relative; top:80px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec1_bdiv p{ display:inline-block; margin:0; line-height:40px; font-size:18px; width:380px; text-align:center; position:relative; z-index:2; color:#333; cursor:pointer; } .fazhan_sec1_bdiv1{ width:50%; height:1px; position:absolute; top:88%; left:50%; z-index:-1; background:#333; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .fazhan_sec1_bdiv2{ width:50%; height:1px; position:absolute; top:88%; right:50%; z-index:-1; background:#333; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .fazhan_sec1_bdiv p:hover .fazhan_sec1_bdiv1{ width:0; } .fazhan_sec1_bdiv p:hover .fazhan_sec1_bdiv2{ width:0; } .fazhan_sec2{ width:100%; padding:90px 0; background:#fff; } .fazhan_sec2_con .col-sm-5{ width:30%; } .fazhan_sec2_con .col-sm-7{ width:40%; } .clm50{ margin-left:-50px !important; margin-right:-50px !important; } .clp50{ padding-left:50px !important; padding-right:50px !important; } .fazhan_sec2_zi{ padding:50px 0; position:relative; } .fazhan_sec2_zi p{ font-size:16px; color:#fff; text-align:center; } .fazhan_sec2_zi span{ width:76px; height:10px; position:absolute; left:50%; bottom:0; margin-left:-38px; background:#0666b7; } .fazhan_sec2_con{ text-align:center; } .fazhan_sec2_con>h5{ font-size:36px; color:#333; text-align:center; margin:0; letter-spacing:5px; margin-bottom:40px; font-weight:600; position:relative; top:80px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec2_con>span{ color:#666; font-size:24px; display:inline-block; margin-bottom:20px; } .fazhan_sec2_con>p{ line-height:30px; } .fazhan_sec2_con_img{ width:100%; margin-top:20px; } .fazhan_sec2_con_img span{ font-size:18px; display:block; margin-top:10px; color:#0666b7; } .fazhan_sec2_img{ position:relative; } .fazhan_sec2_img span{ font-size:80px; line-height:80px; color:#fff; font-family:Arial, Helvetica, sans-serif; position:absolute; top:50%; right:-24px; margin-top:-40px; } .fazhan_sec3{ width:100%; padding:120px 0; background:#f8f6f2; } .fazhan_sec3_con{ width:100%; } .fazhan_sec3_a{ width:100%; position:relative; margin-bottom:0px; } .fazhan_sec3_a img{ width:55%; margin-left:45%; } .fazhan_sec3_b{ width:50%; background:#fff; position:absolute; top:60%; left:0; border:10px solid #0666b7; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding:40px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec3_b h5{ font-size:36px; color:#333; margin-bottom:20px; text-align:center; line-height:25px; } .fazhan_sec3_b p{ font-size:16px; color:#333; text-align:center; line-height:25px; position:relative; } .fazhan_sec3_a>h5{ margin:0; font-size:120px; text-transform:uppercase; font-weight:600; color:#0666b7; position:absolute; top:24%; left:41%; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec3_a>h5 p{ font-size:40px; color:#333; font-weight:600; font-family: 'PingHei'; margin-top:30px; padding-left:10px; letter-spacing:5px; } .fazhan_sec3_czi{ width:100%; position:relative; } .fazhan_sec3_czis{ width:100%; padding:0 12%; text-align:center; position:relative; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .fazhan_sec3_czis h5{ margin:50px 0 15px 0; text-align:left; font-size:32px; color:#0666b7; font-weight:600; } .fazhan_sec3_czis p{ font-size:16px; color:#333; text-align:left; line-height:30px; margin-bottom:80px; } .fazhan_sec4{ width:100%; padding:120px 0; } .fazhan_sec4_a{ width:100%; position:relative; } .fazhan_sec4_a1{ width:50%; padding:6%; background:#f8f6f2; text-align:center; position:relative; left:-120px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec4_a1 h5{ margin:50px 0 15px 0; text-align:left; font-size:32px; color:#0666b7; font-weight:600; } .fazhan_sec4_a1 p{ font-size:16px; color:#333; text-align:left; line-height:30px; margin-bottom:80px; } .fazhan_sec4_a2{ width:50%; height:70%; position:absolute; bottom:0; right:-120px; background:url(../fazhan/images/fazhan_sec4_1.html) center no-repeat; background-size:cover; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec4_b{ width:50%; margin:0 auto; margin-top:100px; padding:6%; text-align:center; background:#f8f6f2; position:relative; padding-top:20%; } .fazhan_sec4_b p{ font-size: 16px; color: #333; text-align: left; line-height: 30px; margin-bottom: 80px; position:relative; top:80px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec4_b>img{ position:relative; top:80px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec4_c{ width:60%; position:absolute; top:-25%; left:20%; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec4_c img{ border-radius:100%; } .fazhan_sec5{ width: 100%; padding: 120px 0; background: #f8f6f2; } .fazhan_sec5_con{ width:100%; } .fazhan_sec5_img{ position:relative; top:80px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec5_img h5{ position:absolute; top:40px; right:-180px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec5_img h5 span{ font-size:50px; line-height:80px; font-weight:600; font-family:Arial, Helvetica, sans-serif; font-weight:600; text-transform:uppercase; color:#0666b7; position:relative; z-index:2; padding:0 20px; cursor:pointer; } .fazhan_sec5_img h5 span i{ width:100%; height:4px; background:#0666b7; position:absolute; top:50%; right:0; -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s; -moz-transition: all cubic-bezier(.18,1,.21,1) .9s; -ms-transition: all cubic-bezier(.18,1,.21,1) .9s; -o-transition: all cubic-bezier(.18,1,.21,1) .9s; transition: all cubic-bezier(.18,1,.21,1) .9s; } .fazhan_sec5_img h5 span:hover i{ width:0%; } .fazhan_sec5_zi{ width:100%; padding:0 12%; text-align:center; padding-top:25%; position:relative; top:80px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec5_zi h5{ margin:50px 0 15px 0; text-align:left; font-size:32px; color:#0666b7; font-weight:600; } .fazhan_sec5_zi p{ font-size:16px; color:#333; text-align:left; line-height:30px; margin-bottom:80px; } .fazhan_sec2_list{ position:relative; top:80px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec3_show_left{ position:relative; left:-120px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .fazhan_sec3_show_right{ position:relative; right:-120px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } /************/ .menu-3d .left-item,.menu-3d .right-item { position: relative; position: relative; display: block; } .menu-3d .left-item:before,.menu-3d .right-item:before { display: block; content: ''; width: 100%; padding-top: 75%; } .menu-3d .left-item>*,.menu-3d .right-item>* { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .menu-3d .left-mover,.menu-3d .right-mover,.menu-3d .overlay-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: cover; } .menu-3d .left-mover,.menu-3d .right-mover { will-change: transform,opacity,filter; } .menu-3d .inner-menu { position: absolute; top: 100%; color: #333E47; } .menu-3d .inner-menu h1 { font-family: "Trajan",sans-serif; font-weight: 400; margin-bottom: 20px; } .menu-3d .inner-menu a { -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; } .menu-3d .inner-menu a:hover { color: #8F9D9D; } @media screen and (max-width: 47.9375em) { .menu-3d .left-item { margin-bottom: 200px; } .menu-3d .right-item { margin-bottom: 260px; } .menu-3d .inner-menu { padding: 0 30px; } .menu-3d .inner-menu ul { line-height: 1.7; } } @media screen and (min-width: 48em) { .menu-3d { display: block; } .menu-3d::after { clear: both; content: ""; display: block; } .menu-3d .left-item,.menu-3d .right-item { position: relative; display: block; float: left; display: block; margin-right: 2.5%; width: 48.75%; } .menu-3d .left-item:before,.menu-3d .right-item:before { display: block; content: ''; width: 100%; padding-top: 150%; } .menu-3d .left-item:last-child,.menu-3d .right-item:last-child { margin-right: 0; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .menu-3d { padding-bottom: 30%; } .menu-3d .inner-menu { padding: 0 20px; } .menu-3d .inner-menu.left { right: 0; text-align: right; } } @media screen and (max-width: 63.9375em) { .menu-3d .inner-menu { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } } @media screen and (min-width: 64em) { .menu-3d .overlay-link { background-color: rgba(255,255,255,0.1); } .menu-3d [class*='mover'] .inner-menu { position: absolute; top: 50%; width:85%; } .menu-3d [class*='mover'] .inner-menu ul { -webkit-transition: height 0.8s ease; -moz-transition: height 0.8s ease; transition: height 0.8s ease; height: 0; overflow: hidden; } .menu-3d [class*='mover'] .inner-menu.right { right: 0; text-align: right; } .menu-3d [class*='mover'].selected { z-index: 1; } .menu-3d [class*='mover'].selected .inner-menu ul { height: 200px; } } .menu-3d .inner-menu.left{ left:-10% !important; } .menu-3d .inner-menu.right{ right:-10% !important; } /***********/ .case_hzhb{ width:100%; background:#f5f5f5; padding:80px 0; } .case_hzhb_con ul{ padding:0; margin:0; } .case_hzhb_con ul li{ width:20%; float:left; cursor:pointer; } .case_hzhb_con_gmj ul li{ width:16.66%; } .case_hzhb_con ul li img{ filter: gray; -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -webkit-opacity:0.5; filter:alpha(opacity=50); -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .case_hzhb_con ul li:hover img{ filter: gray; -webkit-filter: grayscale(0); filter: gray; filter: grayscale(0); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } .tiane_about_new{ padding-bottom:60px; } .tiane_about_new_b{ margin-top:40px; position:relative; } .tiane_about_new_zi{ width:75%; position:absolute; top:13%; left:25%; } .tiane_about_new_zi p{ font-size:16px; line-height:23px; color:#666; margin:0; margin-top:50px; } .tiane_about_new_zi1{ width:85%; position:absolute; top:12%; left:15%; } .tiane_about_new_zi1 p{ margin-top:30px; margin-bottom:30px; line-height:22px; } .tiane3_box{ width:700px; height:700px; margin:0 auto; padding:40px; position:relative; } .tiane3_box_line{ width:100%; height:100%; border-radius:100%; border:1px solid #0666b7; } .tiane3_box_color{ width:50%; height:50%; position:absolute; bottom:0; right:0; background:#fff; } .tiane3_btn{ width:120px; height:120px; position:absolute; padding:20px; z-index:9; } .tiane3_btn1{ top:-20px; left:50%; margin-left:-60px; } .tiane3_btn2{ right:-20px; top:50%; margin-top:-60px; } .tiane3_btn3{ bottom:-20px; left:50%; margin-left:-60px; } .tiane3_btn4{ left:-20px; top:50%; margin-top:-60px; } .tiane3_btn1 .tiane3_btn_bg1{ width:50%; height:100%; background:#f6fcfc; position:absolute; left:0; top:0; z-index:-1; } .tiane3_btn1 .tiane3_btn_bg2{ width:50%; height:100%; background:#fff; position:absolute; right:0; top:0; z-index:-1; } .tiane3_btn2 .tiane3_btn_bg2{ width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; z-index:-1; } .tiane3_btn3 .tiane3_btn_bg1{ width:50%; height:100%; background:#f6fcfc; position:absolute; left:0; top:0; z-index:-1; } .tiane3_btn3 .tiane3_btn_bg2{ width:50%; height:100%; background:#fff; position:absolute; right:0; top:0; z-index:-1; } .tiane3_btn4 .tiane3_btn_bg1{ width:100%; height:100%; background:#f6fcfc; position:absolute; right:0; top:0; z-index:-1; } .tiane3_btn_line{ position:absolute; top:18px; bottom:18px; left:18px; right:18px; border:1px dashed #0666b7; border-radius:100%; } .tiane3_btn_list{ position:absolute; top:25px; bottom:25px; left:25px; right:25px; border:1px solid #0666b7; border-radius:100%; cursor:pointer; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; text-align:center; } .tiane3_btn_list img{ position:absolute; top:13px; left:14px; } .tiane_pro_img{ width:60%; position:absolute; top:50%; left:20%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tiane_pro_zi{ width:100%; padding:100px; position:absolute; top:55%; left:50%; } .tiane_pro_zi h5{ font-size:26px; color:#333; font-weight:600; color:#666; line-height:40px; margin:0; margin-bottom:20px; } .tiane_pro_zi p{ font-size:16px; color:#666; line-height:25px; margin:0; } .tiane3_btn_list.on{ background:#0666b7; } .tiane3_btn_list span{ opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .tiane3_btn1 .tiane3_btn_list span{ width:100%; position:absolute; bottom:-35px; left:0; font-size:16px; color:#666; } .tiane3_btn2 .tiane3_btn_list span{ width:100%; position:absolute; left:85px; top:25px; font-size:16px; color:#666; } .tiane3_btn3 .tiane3_btn_list span{ width:100%; position:absolute; top:-35px; left:0px; font-size:16px; color:#666; } .tiane3_btn4 .tiane3_btn_list span{ width:100%; position:absolute; right:85px; top:25px; font-size:16px; color:#666; } .tiane3_btn_list.on span{ opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } .tiane3_btn_list_img1{ -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } .tiane3_btn_list_img2{ -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .tiane3_btn_list.on .tiane3_btn_list_img1{ opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .tiane3_btn_list.on .tiane3_btn_list_img2{ opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } /*********nav_show**********/ .nav_con{ overflow:hidden; } .nav_show{ width:70%; margin:0 auto; position:relative; top:50%; z-index:2; } .clm20{ margin-left:-20px !important; margin-right:-20px !important; } .clp20{ padding-left:20px !important; padding-right:20px !important; } .nav_show_list1{ margin-top:40px; position:relative; } .nav_show_bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.15; -moz-opacity:0.15; -khtml-opacity:0.15; -webkit-opacity:0.15; filter:alpha(opacity=15); -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s; -moz-transition: all cubic-bezier(.18,1,.21,1) .6s; -ms-transition: all cubic-bezier(.18,1,.21,1) .6s; -o-transition: all cubic-bezier(.18,1,.21,1) .6s; transition: all cubic-bezier(.18,1,.21,1) .6s; } .nav_show_list1_zi{ width:70%; position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s; -moz-transition: all cubic-bezier(.18,1,.21,1) .6s; -ms-transition: all cubic-bezier(.18,1,.21,1) .6s; -o-transition: all cubic-bezier(.18,1,.21,1) .6s; transition: all cubic-bezier(.18,1,.21,1) .6s; } .nav_show_list1_zi h5{ font-size:32px; color:#333; margin-top:0; margin-bottom:15px; font-weight:600; position:relative; } .nav_show_list1_zi h5 span{ font-size:16px; color:#0666b7; position:absolute; top:-5px; right:-40px; } .nav_show_list1_zi p{ font-size:16px; color:#333; margin-bottom:0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .inner_menu_zi h5{ font-size:32px; color:#333; margin-top:0; margin-bottom:15px; font-weight:600; } .inner_menu_zi p{ font-size:16px; color:#333; margin-bottom:0; line-height:25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .nav_show_list1_zi.tex_right{ text-align:right; right:100%; margin-right:10px; } .nav_show_list1_zi.tex_left{ text-align:left; left:100%; margin-left:10px; } .nav_show_list1_zi_t.tex_right{ text-align:right; right:100%; margin-right:10px; } .nav_show_list1_zi_t.tex_left{ text-align:left; left:100%; margin-left:10px; } .nav_show_list1:hover .nav_show_bg{ opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .nav_show_list1_img{ overflow:hidden; } .nav_show_list1_img img{ -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s; -moz-transition: all cubic-bezier(.18,1,.21,1) .6s; -ms-transition: all cubic-bezier(.18,1,.21,1) .6s; -o-transition: all cubic-bezier(.18,1,.21,1) .6s; transition: all cubic-bezier(.18,1,.21,1) .6s; } .nav_show_list1_img_b{ -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s; -moz-transition: all cubic-bezier(.18,1,.21,1) .6s; -ms-transition: all cubic-bezier(.18,1,.21,1) .6s; -o-transition: all cubic-bezier(.18,1,.21,1) .6s; transition: all cubic-bezier(.18,1,.21,1) .6s; } .nav_show_list1:hover .nav_show_list1_zi.tex_right{ right:100%; margin-right:10px; } .nav_show_list1:hover .nav_show_list1_zi.tex_left{ left:100%; margin-left:10px; } .nav_show_list1:hover .nav_show_list1_img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .nav_show_list1:hover .nav_show_list1_img_b{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .nav_show_logo{ width:34%; position:absolute; top:40%; left:33%; } .nav_show_list2{ position:relative; } .nav_show_list2:hover .nav_show_bg{ opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .nav_show_list2:hover .nav_show_list1_img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .nav_show_list2:hover .nav_show_list1_zi.tex_right{ right:100%; margin-right:15px; } .nav_show_list2:hover .nav_show_list1_zi.tex_left{ left:100%; margin-left:15px; } .nav_show_list2_zi{ width:80%; position:absolute; top:50%; left:10%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s; -moz-transition: all cubic-bezier(.18,1,.21,1) .6s; -ms-transition: all cubic-bezier(.18,1,.21,1) .6s; -o-transition: all cubic-bezier(.18,1,.21,1) .6s; transition: all cubic-bezier(.18,1,.21,1) .6s; } .nav_show_list2_zi h5{ font-size:32px; color:#fff; margin-top:0; margin-bottom:15px; font-weight:600; } .nav_show_list2_zi p{ font-size:16px; color:#fff; margin-bottom:0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align:center; } .nav_show_list2:hover .nav_show_list2_zi{ opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); top:40%; } .nav_show_list2_zi_news{ width:86%; left:7%; top:10% !important; opacity:1 !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; -webkit-opacity:1 !important; filter:alpha(opacity=100) !important; -webkit-transform: translateY(0%) !important; -moz-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; -o-transform: translateY(0%) !important; transform: translateY(0%) !important; } .nav_show_list2_zi_news h5{ -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s; -moz-transition: all cubic-bezier(.18,1,.21,1) .6s; -ms-transition: all cubic-bezier(.18,1,.21,1) .6s; -o-transition: all cubic-bezier(.18,1,.21,1) .6s; transition: all cubic-bezier(.18,1,.21,1) .6s; } .nav_show_list2:hover .nav_show_list2_zi_news h5{ color:#333 !important; } @media (min-width: 768px) { .nav_show_list1_zi h5{ font-size:20px; } .nav_show_list2_zi h5{ font-size:20px; } .nav_show_list1_zi p{ font-size:15px; } .nav_show_list2_zi p{ font-size:15px; } .inner_menu_zi h5{ font-size:20px; } .inner_menu_zi p{ font-size:15px; } } @media (min-width: 992px) { .nav_show_list1_zi h5{ font-size:20px; } .nav_show_list2_zi h5{ font-size:20px; } .nav_show_list1_zi p{ font-size:15px; } .nav_show_list2_zi p{ font-size:15px; } .inner_menu_zi h5{ font-size:20px; } .inner_menu_zi p{ font-size:15px; } } @media (min-width: 1200px) { .nav_show_list1_zi h5{ font-size:20px; } .nav_show_list2_zi h5{ font-size:20px; } .nav_show_list1_zi p{ font-size:15px; } .nav_show_list2_zi p{ font-size:15px; } .inner_menu_zi h5{ font-size:20px; } .inner_menu_zi p{ font-size:15px; } } @media (min-width: 1400px) { .nav_show_list1_zi h5{ font-size:26px; } .nav_show_list2_zi h5{ font-size:26px; } .nav_show_list1_zi p{ font-size:16px; } .nav_show_list2_zi p{ font-size:16px; } .inner_menu_zi h5{ font-size:26px; } .inner_menu_zi p{ font-size:16px; } } @media (min-width: 1600px) { .nav_show_list1_zi h5{ font-size:32px; } .nav_show_list2_zi h5{ font-size:32px; } .nav_show_list1_zi p{ font-size:16px; } .nav_show_list2_zi p{ font-size:16px; } .inner_menu_zi h5{ font-size:32px; } .inner_menu_zi p{ font-size:16px; } } .nav_show4{ position:static; top:0%; } .nav_show5{ position:static; top:0%; } .nav_con>img{ position:absolute; top:30px; right:30px; cursor:pointer; } .nav_show>b{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background:#000; opacity:0.15; -moz-opacity:0.15; -khtml-opacity:0.15; -webkit-opacity:0.15; filter:alpha(opacity=15); } /*********nav_show**********/ #start__page__video2{ display:none; } #start__page__video1{ display:none; } #start__page__video3{ display:none; } #start__page__video4{ display:none; } #start__page__video5{ display:none; } .job_inner{ padding-bottom:80px; } .zhaop_tit{ margin: 0; width: 100%; background: #0666b7; border-radius: 5px 5px 0 0; } .zhaop_tit span{ display: block; width: 20%; float: left; line-height: 40px; text-align: center; color: #fff; font-size: 18px; letter-spacing: 1px; } .zhaop_p{ width: 100%; border-bottom: 1px solid #e1e1e1; cursor: pointer; margin-bottom: 0; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .zhaop_p span{ display: block; width: 20%; float: left; text-align: center; font-size: 14px; letter-spacing: 1px; color: #666; line-height: 38px; text-indent: 0; overflow: hidden; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .zhaop_txt{ background: #fafafa; padding: 40px 40px; display: none; } .zhaop_txt h5 { margin-top: 0; margin-bottom: 15px; font-size: 18px; letter-spacing: 1px; color: #333; } .zhaop_txt p { font-size: 14px; letter-spacing: 1px; color: #666; line-height: 25px; margin-bottom: 0; } .jianli_btn { width: 100%; margin-top:20px; display: inline-block; position: relative; } .jianli_btn a { display: inline-block; font-size: 14px; letter-spacing: 1px; background-color: #0666b7; line-height: 35px; padding: 0 20px; color: #FFF; } .contat { padding: 0px 0 80px 0 } .tat_tit { width: 60%; margin: 0 auto; } .tat_tit p { font-size: 18px; line-height: 24px; letter-spacing: 2px; margin-bottom: 0; text-align: center; margin-bottom: 40px; } .tat_cen_left { width: 50%; float: left; position: relative;overflow: hidden; } .tat_cen_bg { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background: rgba(59, 175, 191, 0.82); text-align: center; padding: 70px 50px; } .tat_cen_right { width: 50%; float: left; background: #f5f5f5; text-align: center; padding: 70px 50px; } .cen_right h3 { margin-top: 0px; padding-top: 50px; font-size: 26px; letter-spacing: 2px; } .cen_right p { margin-bottom: 0px; color: #3bafbf; font-size: 18px; letter-spacing: 2px; } .tat_cen_bg h3 { margin-top: 0px; padding-top: 30px; font-size: 24px; letter-spacing: 2px; color: #ffffff; } .tat_cen_bg p { margin-bottom: 0px; color: #ffffff; font-size: 18px; letter-spacing: 2px; } .map iframe { border: none; } .mation_left { width: 50%; float: left; padding-right: 2%; } .mation_right { width: 50%; float: left; padding-left: 2%; } .mation_right textarea { width: 100%; height: 160px; outline: none; padding-left: 10px; } .tion_left_one { position: relative; margin-bottom: 25px; } .icon2 { position: absolute; top: 10px; left: 10px; } .tion_left_one input { width: 100%; height: 40px; line-height: 40px; padding-left: 40px; border-radius: 5px; font-size: 16px; border: 1px solid #ccc; outline: none; color: #ccc } .information { padding-top: 60px; } .icon { position: absolute; top: 10px; left: 10px; } .mation_right .more_tt { text-align: left } .mation_right .more_tt a { margin-top: 0px; } .mation_left h5 { margin-top: 0; font-size: 16px; } .mation_left p { margin-bottom: 0px; } .mation_left span { color: #0666b7; font-size: 14px; padding-left: 5px; font-weight: 600 } .tat_cen_left:hover .tat_cen_bg { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; } .contact_ask{ width:100%; position: relative; height: auto; overflow: visible; z-index: 9999; } .contact_ask::before{ background: #e4eaea url(../images/bg_ask.html) no-repeat right center; position: absolute; content: ""; left: 0; top: -200px; width: 50%; bottom: 0; } .ask_left{ width:50%; float: left; padding:40px 0; padding-right:100px; border: 1px solid #000; } .ask_right{ text-align:center; font-size: 20px; font-weight: 300; padding-top: 40px; padding-bottom: 40px; position: relative; right: -100px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .ask_right h3{ font-size: 30px; color: #40be3b; font-weight: 700; text-align: center; } .ask_right hr{ max-width: 180px; margin: 30px auto; border-top-color: #e5e5e5; } .ask_table{ width:100%; position: relative; float: right; margin-top:-190px; z-index: 2; left:-100px; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .ask_table h3{ font-size: 36px; color: #374140; margin: 0 0 30px; } .contact-action { color: #2f3535; text-decoration: none!important; } .ask_inupt{ margin-bottom:20px; } .ask_inupt span{ font-size: 18px; font-weight: 300; } .ask_inupt input,.ask_inupt textarea{ height: 50px; box-shadow: none!important; -webkit-box-shadow: none!important; border-color: #cfcfcf; display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .ask_inupt textarea{ height: auto; } .ask_btn_box{ margin: 0 auto; text-align: center; width:150px; height:60px; position: relative; } .ask_btn_box span{ position:absolute; top:0px; left:0px; display: block; width:0%; height: 100%; background-color:#f26b6b; transition: all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; z-index:-1; } .ask_btn{ position:relative; border: 0; display: block; outline: none!important; font-size: 20px; line-height: 50px; width:150px; height:50px; color: #FFF; background-color: #40be3b; border-color: #40be3b; z-index: 2; } .ask_btn:hover{ color: #FFF; } .ask_btn_box:hover span{ width:100%; } .contact_bg{ height:300px; background: url(../images/bg-stats.html) no-repeat top center; background-size: cover; background-attachment: fixed!important; position: relative; z-index: 1; } /*联系我们*/ /*联系我们页面*/ .tat_cen_right{ padding: 0px; } .tat_cen_bg{ text-align: left; padding:40px 0px 40px 40px; background:#3bafbf; opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .con_cen{ text-align:left; padding:30px; } .con_cen h3 { margin-top: 0px; padding-top:0px; font-size: 20px; letter-spacing: 2px; color: #333; } .con_cen p { margin-bottom: 0px; line-height:25px; color: #666; font-size: 14px; letter-spacing: 1px; } .con_cen>p{ font-weight:600; color:#000; } .con_p{ line-height: 30px; margin-top: 10px; } .con_p span{ display: inline-block; margin-right:10px; } .tat_cen_right .tat_cen_bg{ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; } .tat_cen_right:hover .tat_cen_bg{ opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; -webkit-opacity:0.9; filter:alpha(opacity=90); } .tat_cen_bg img{ position:absolute; top:50%; left:50%; margin-left:-110px; margin-top:-37px; } .ser_map_text div { color: #000; font-weight: 600; } .ser_map_text span { width: 100px; height: 1px; background: #0666b7; display: inline-block; margin-top: 4px; margin-bottom: 10px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .resear_text h3 { margin-top: 0px; margin-bottom: 5px; } .ser_map_text:hover span { width: 30px; } .ser_map_text { margin-top: 20px; font-size: 14px; } .contact_inner{ padding-bottom:90px; } .news_btn3 { position: relative; font-size: 16px; line-height: 30px; padding: 10px 30px; background: #0666b7; color: #fff; z-index: 2; display: block; max-width: 150px; text-align: center; } .information>h5{ font-size:24px; color:#666; margin:0; margin-bottom:30px; } .BMap_omCtrl{ display:none; } .BMap_omOutFrame{ display:none; } .anchorBL{ display:none; } .iw_poi_title{ color:#0666b7; } .iw_poi_content{ font-size:14px; color:#666; } /*************简历************/ .job_show{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none; } .job_bg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background:#000; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; } .job_show_con{ width:80%; max-width:600px; background:#fff; border: 8px solid #f6f6f6; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .job_show_con b{ position:absolute; top:0; right:15px; font-size:12px; line-height:50px; color:#0666b7; cursor:pointer; } .job_show_con h5{ font-size:16px; color:#333; letter-spacing:1px; margin:0; line-height:50px; padding:0 20px; border-bottom:1px solid #f6f6f6; } .job_show_zi{ padding:20px 30px; } .job_show_zis{ padding-left:100px; position:relative; margin-bottom:10px; } .job_show_zis input{ width:100%; border:1px solid #ededed !important; background:#f9f9f9; line-height:20px; padding:9px 10px; color:#666; font-size:14px; } .job_show_zis span{ display:inline-block; position:absolute; top:0; left:0; width:100px; text-align:right; line-height:40px; padding-right:15px; font-size:14px; color:#333; } .job_show_zis img{ position:absolute; top:0; right:0; cursor:pointer; } .job_show_zi i{ display:inline-block; width:100%; font-size:12px; color:#999; padding-left:100px; font-style:normal; } .job_show_zi>a{ display:block; width:120px; margin-left:100px; line-height:40px; background:#0666b7; font-size:16px; color:#fff; text-align:center; margin-top:15px; } .online_box{ width:100%; background:url(../images/online.html) center no-repeat; background-size:cover; position:relative; } .online_box_btn{ width:76px; line-height:40px; color:#fff; font-size:18px; letter-spacing:1px; position:absolute; left:50%; bottom:10%; margin-left:-38px; text-align:center; border-bottom:1px solid #fff; } /*************简历************/ .about_ld_kj{ width:100%; } .down_con_inner{ width:100%; } .down_con_inner ul{ padding:0; margin:0; width:100%; } .down_con_inner ul li{ width:100%; padding:10px 0; border-bottom:1px dashed #ccc; cursor:pointer; line-height:39px; position:relative; } .down_con_inner ul li font{ width:0%; height:1px; position:absolute; bottom:-1px; left:0; background:#0666b7; -webkit-transition: 0.9s ease; -moz-transition: 0.9s ease; -ms-transition: 0.9s ease; -o-transition: 0.9s ease; transition: 0.9s ease; } .down_con_inner ul li:hover font{ width:100%; } .down_con_inner ul li span{ width:30px; display:inline-block; vertical-align:top; margin-right:15px; height:39px; position:relative; } .down_con_inner ul li i{ display:inline-block; vertical-align:top; line-height:39px; color:#0666b7; margin-right:15px; font-size:14px; } .down_con_inner ul li a{ float:right; font-size:14px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .down_con_inner ul li:hover a{ color:#0666b7; } .down_con_inner ul li b{ display:inline-block; vertical-align:top; line-height:20px; font-size:12px; padding:0 10px; background:#ddd; font-weight:normal; margin-right:10px; margin-top:10px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .down_con_inner ul li:hover b{ background:#0666b7; color:#fff; } .down_con_inner ul li span img{ position:absolute; top:0; left:0; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .dowm_pro_icon1{ opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } .dowm_pro_icon2{ opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } .down_con_inner ul li:hover span img.dowm_pro_icon1{ opacity:0; -moz-opacity:0; -khtml-opacity:; -webkit-opacity:; filter:alpha(opacity=0); } .down_con_inner ul li:hover span img.dowm_pro_icon2{ opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } .home_news_left_icon span{ display:inline-block; vertical-align:top; font-size:18px; color:#333; line-height:20px; margin-right:10px; } .home_news_left_icon>a>span>img{ width:20px !important; } .bshare-custom a{ padding-left: 20px !important; height: 20px !important; } .bshare-custom .bshare-sinaminiblog{ background:url(../images/news_share_icon1.html) center no-repeat !important; background-size:cover !important; } .bshare-custom .bshare-weixin{ background:url(../images/news_share_icon2.html) center no-repeat !important; background-size:cover !important; } .bshare-custom .bshare-qzone{ background:url(../images/news_share_icon3.html) center no-repeat !important; background-size:cover !important; } .bshare-custom .bshare-qqim{ background:url(../images/news_share_icon4.html) center no-repeat !important; background-size:cover !important; } .home_news_con .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height:44px; } .ca4_select_te{ width:120px; } .ca4_select_te span{ width:100%; display:inline-block; padding:0 10px; } .wap_v1_ie{ display: none;} .rcjl_box{ height:auto; background:#f4f4f4;} .rcjl_box .container1{ } .rcjl_nei{ height:auto;} .rcjl_nm{ line-height:50px; text-align:right;font-style:italic; padding-top:50px;font-size: 36px; font-weight: bold;padding-right: 20px;} .rcjl_nm1{line-height:25px; text-align:right;font-style:italic;font-size: 20px; font-weight: bold;padding-right: 20px;} .rcjl_one{ height:auto; padding:50px 0 80px 0;} .rcjl_one1{ height:400px;position: relative;} .rcjl_one2{ height:auto;} .rcjl_fan{ width: 120%; height: auto; position: absolute; right: -48.6%; top: 10%; z-index: 999;} .rcjl_fan01{ height:auto;} .rcjl_fan02{ height:auto;margin-top: 6%; margin-left: 4%;} .rcjl_tpim{height:auto;position: relative;} .tpim_nr{height:auto; width:90%; margin:0 auto; padding-bottom:100px;} .tpim_nr01{height:auto;} .tpim_nr02{height:auto;} .clear{ clear: both;} .tpim_wz{line-height: 50px; font-size: 34px;font-weight: bold;margin-top: 30px;} .tpim_wz1{line-height: 25px; font-size: 16px; font-weight: bold; margin-top: 15px;} .tpim_img1{width: 30%; height: auto; position: absolute; top: 50%; left: 10%;} .tpim_img2{width: 16%; position: absolute; top: -30%; right: 10%;} .yxwzzl{ line-height:30px; margin-top: 15px; text-align:center; font-weight: bold; } .yxwzzl a{ display:block;} .yxwzzl01{display: inline-block;} .yxwzzl02{display: inline-block; margin-left:5px;} .yxwzzl a:hover{color: #0666b7;} .yxwzzla{display: inline-block; margin:0px 10px;} .yxw_yxhv{ width:600px; height:auto; background:#0666b7; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-180px; z-index:999999; padding: 60px 100px; background: rgba(0,164,150,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50666b7,endColorstr=#E50666b7); display:none; } .yxw_close{ width:30px; height:auto; position: absolute; top: 15px; right: 15px; } .yxw_yxhv ul{ height:auto; } .yxw_yxhv ul li{ height:auto; color:#fff; margin-bottom:15px; } .yxw_left{ width:100px; height:auto; float:left; } .yxw_right{ width:300px; height:auto; float:right; } .yxw_right .input1{ width:100%; height:30px; line-height:30px; font-size:14px; padding:0px 10px; background:none; border:1px solid #fff; color:#fff; } .yxw_right textarea{ width:100%; height:70px; line-height:20px; font-size:14px; padding:5px 10px; background:none; border:1px solid #fff; color:#fff; } .yxw_right .input2{border:1px solid #fff; color:#fff;width:100%;} .yxw_tjan{ width:120px; height:30px; margin:0 auto; margin-top:30px; } .yxw_tjan input{ width:100%; height:30px; background:#fff; color: #0666b7; border:none; } /* .sp { float: left; width: 100%; height: calc(100vh - 70px); position: relative; outline: none; z-index: -1; overflow: hidden; } */ .gray_img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .home_sec1_left_text .father { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; } .home_sec1_left_text .son { border: 3px solid #0666B7; text-align: center; /*border-color: #0666B7;*/ } .home_sec1_left_text .text_fa{ text-align: center; background-color: #0666B7; margin: 20px 40px; } .home_sec1_left_text .son_text{ font-family: "Microsoft YaHei", "微软雅黑"; font-size: 30px; font-weight: bolder; display: inline-block; padding: 5px 15px; } @media (min-width: 1400px) { .container1 { width: 90%; } } .index-tit { font-size: 36px; color: #333; font-weight: bold; text-align: center; line-height: 40px; } .index-one ul { margin: 24px -7.5px 0; } .index-one ul { list-style: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:before, .clearfix:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .index-one li { width: 33.333333%; float: left; padding: 7.5px; transition: all .5s; } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* .animated img{ width: 550.89px; height: 350px; } */ /* 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }*/ .index-one .ino-li.ino1 { background: #eeefef; background-size: cover; } .index-one .ino-li.ino2 { background: #eeefef; background-size: cover; } .index-one .ino-li.ino3 { background: #eeefef; background-size: cover; } .index-one .ino-li { display: block; width: 100%; position: relative; } .index-one .ino-pic { overflow: hidden; height: 400px; } .index-one .ino-pic img { display: block; width: 100%; transition: all .5s; } .index-one img { border: 0; vertical-align: middle; } .ino-dec { font-size: 20px; color: #333; text-align: center; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: absolute; width: 100%; left: 0; bottom: 25px; } .home_pro{ padding: 60px 0; } .home_sec1{ background: #fff; } .xxx_title{ padding-bottom: 40px; } @media (max-width: 767px) { .index-one li { width: 100%; margin-bottom: 10px; } .index-tit { font-size: 26px; line-height: 30px; } } @media (max-width:1259px) { .ino-dec { font-size: 16px; bottom: 5px; } }