锘緻charset "utf-8"; /* CSS Document */ body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;} body{ color: #333; font-size:14px; font-family:"鑻规柟","寰蒋闆呴粦", arial; overflow-x:hidden;} a{text-decoration:none; color:#333;} a:hover{color:#2B58F9;} ul,li{list-style:none;} .clear{clear:both;} .blank10{height:10px;} .blank20{height:20px;} .blank30{height:30px;} .blank40{height:40px;} .blank50{height:50px;} .blank60{height:60px;} .blank70{height:70px;} .blank80{height:80px;} .fl{float: left;} .fr{float: right;} /*婊氬姩鏉＄編鍖?/ body::-webkit-scrollbar { width: 10px !important; } body::-webkit-scrollbar-track { background-color: #f3f3f3; } body::-webkit-scrollbar-track-piece { background-color: #f3f3f3; -webkit-border-radius: 4px; } body::-webkit-scrollbar-thumb { background-color: #ddd; border: solid 1px #C0C0C0; border-radius: 4px; } body::-webkit-scrollbar-corner { background-color: #ddd; } body::-webkit-resizer { background-repeat: no-repeat; background-position: bottom right; } body::-webkit-scrollbar-thumb:hover { background-color: #F3F3E0; } ::-webkit-scrollbar { width: 15px; } /*鍥剧墖鏀惧ぇ*/ .picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; -webkit-transform:scale(1.1); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); opacity:1;} .picShow img{transition:all 500ms ease-out 0s; } .main100 {width: 90%; margin: auto; max-width: 1460px; min-width: 1200px;} .main{width:1200px; margin:auto;} .bg_hui{background:#f1f2f4; border-top: #eaedf0 1px solid; min-width:1200px;} .flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;} .flex_start{display:flex;justify-content: flex-start;flex-wrap:wrap;} .t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;} .t_left_center{display:flex; flex-direction:column; justify-content:center;} /*鏂囧瓧鐪佺暐*/ .ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;} .ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;} .ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;} .col_3 li{width: 32%; margin-right:2%;} .col_4 li{width: 23.8%; margin-right:1.6%;} .col_3 li:nth-child(3n), .col_4 li:nth-child(4n){ margin-right:0;} /*澶撮儴*/ .header{height:100px; z-index: 1000;width: 100%; min-width:1200px; position:fixed; transition:0.5s all; /*background:url(../images/header_bg.png) repeat-x center bottom;*/} .header .logo{height:100px; display:flex; align-items:center; transition:0.5s all; margin-left:5%;} .header .logo img{height:40px; display:block; transition:0.5s all; filter: grayscale(100%) brightness(500%);} /*鐢佃瘽*/ .header .tel{height:100px; font-size:.25rem; color:#fb0; margin-right:.25rem; display:flex; justify-content:center;align-items:center; font-family:din; letter-spacing:1px; font-weight:bold; transition:0.5s all;} .header .tel img{vertical-align:middle; margin-right:10px; filter: grayscale(100%) brightness(500%); transition:0.5s all;} .header .tel i{ font-size:.22rem;} .header_scroll .tel{ background-image:-webkit-linear-gradient(left,#03ABFF,#2B58F9); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .header_scroll .tel img{filter: grayscale(0) brightness(100%);} /*鑱旂郴鎸夐挳*/ .menu_lx{ height:100px; display:flex; justify-content:center;align-items:center; transition:0.5s all; margin-right:5%;} .menu_lx a{ display:block;width:1rem;height:.36rem;line-height:.36rem;text-align: center;font-size:15px;color: #fff;letter-spacing: .5px; border:solid 1px rgba(255,255,255,0.5); border-radius: 4px;} .header_scroll .menu_lx a{background: linear-gradient(90deg,#03ABFF 0,#2B58F9 100%); border:none; background-color: #596efb;} /*涓嬫媺鑿滃崟*/ .navBox { height:100px;float:right; margin-right:.4rem; transition:0.5s all;} .navBox .nav{display:flex; height:100%;} .navBox .nav li {padding: 0 .25rem; position: relative;} .navBox .nav li>a {display: block;position: relative; height:100%; display:flex; justify-content:center;align-items:center;} .navBox .nav li>a .txt {position: relative;z-index: 2;font-size:16px;color: rgba(255,255,255,0.8); transition:0.5s all;} .navBox .nav li>a:hover .txt{color:#fff;} .header_scroll .navBox .nav li>a .txt {color:#333;} .subNavbox{white-space: nowrap; min-width:100%; position:absolute; top:80%;left:50%;background:rgba(255,255,255,.99); -webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,20px);transform:translate(-50%,20px); border-radius:5px;padding:15px 15px;opacity:0; pointer-events:none; transition:all .3s;box-shadow:0 5px 40px rgba(3,43,183,.25);} .subNavbox:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;} .subNavbox p:not(:last-of-type){border-bottom:1px solid #ddd} .subNavbox a{display:block;position:relative;font-size:15px;padding:15px 0; -webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1); text-align: center; } .subNavbox a:before{content:"";position:absolute;top:7px;bottom:7px;left:-15px;width:3px;background: #2B58F9;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);} .subNavbox a.active,.subNavbox a:hover{color:#2B58F9} .subNavbox a.active:before,.subNavbox a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .subNavbox.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; } /*瀵艰埅涓嬫媺*/ .header_scroll {background:#fff; height:76px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);} .header_scroll.on:before{width:0px;transition: 0.01s all;} .header_scroll .logo,.header_scroll .navBox,.header_scroll .tel,.header_scroll .menu_lx{height:76px;} .header_scroll .logo img{ filter: grayscale(0) brightness(100%);} .header_scroll .subNavbox{top:100%;} .top_blank{width: 100%; min-width:1200px; height:100px; transition:0.5s all;background:#2e6ee1; position:fixed; z-index:10;} .top_blank.top_blank_scroll{height:76px;} .container01 {position: relative; max-height: 100vh; overflow: hidden;} /*======================杞挱鍥烬=====================*/ /*鐒︾偣鍥?/ #banner {width:100%; position: fixed; z-index:0; background:#fff; overflow:hidden;} #banner .txt{position:absolute;z-index: 999;left:5%;top:0; width:100%; height:100%; display: flex; flex-direction:column; justify-content:center; /*text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;*/} #banner .txt h3{font-size:.62rem; color:#fff; margin-bottom:.25rem; letter-spacing:1px;} #banner .txt p{font-size:.23rem; color:#fff; line-height:2em; letter-spacing:1px; font-weight: lighter; position:relative; padding-left:20px;} #banner .txt p:before{ content: ""; display: block; width:.11rem; height:.11rem; border-radius:100%; background:rgba(255,255,255,0.6); position: absolute; top: 50%; left: 0;transform: translate(0, -50%);} #banner .txt h3 {transform:translateY(200px);opacity:0;transition:all 0.3s;} #banner .txt p {transform:translateY(200px);opacity:0;transition:all 0.6s; } #banner .txt .viewmore {transform:translateY(200px);opacity:0;transition:all 0.9s; margin-top:50px;} #banner .swiper-slide-active .txt h3, #banner .swiper-slide-active .txt p, #banner .swiper-slide-active .txt .viewmore{transform:translateY(0px);opacity:1; transition-delay:0.5s;} .viewmore {position: relative;} .viewmore a{pointer-events: all; display: block;width: 110px;height: 46px;line-height: 46px;border: 1px solid rgba(255,255,255,.35); color:#fff;padding:0 25px;position: relative;transition:all 0.3s; } .viewmore a i{width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px; background: url("../images/rb-1.png") center no-repeat;} .viewmore a:after { position:absolute; right:0; top:0; content: ""; width:0;background:rgba(255,255,255,.35);height:100%; transition:0.6s all;} .viewmore a:hover:after{width:100%; left:0;} #banner .swiper-slide .pic {height:100%; position:relative; z-index:1;} #banner .swiper-slide .pic img{width:100%; object-fit: cover; transition: all 4s; transform: scale(1,1); -webkit-transform: scale(1,1); display:block; /*-webkit-filter: blur(30px); filter: blur(30px);*/} #banner .swiper-slide-active .pic img{ /*transform: scale(1.05,1.05); -webkit-transform: scale(1.06,1.06); transition-delay:0.8s; -webkit-filter: blur(0px); filter: blur(0px);*/} /*鎸夐挳鍒囨崲*/ #banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat; margin-top:-36px;opacity:0.3;} #banner .swiper-button-prev {background-position: 0 0;} #banner .swiper-button-prev:hover { background-position: 0 -144px;} #banner .swiper-button-next { background-position: 0 -72px;} #banner .swiper-button-next:hover {background-position: 0 -216px;} /*鍒嗛〉鍣?/ #banner .swiper-pagination{bottom: .5rem;} #banner .swiper-pagination-bullet {width: 46px;height: 5px;border-radius:5px;background: rgba(255, 255, 255, .2);opacity: 1;position: relative;margin: 0 5px !important;} #banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 0;height: 5px;z-index: 1;transition: 0s; border-radius:5px;} #banner .swiper-pagination-bullet-active:before{width: 100%;transition: all 5s ease; border-radius:3px;} #particles-js{position: absolute;width: 100%; z-index:2; pointer-events:none;} #particles-js {opacity: 0.6;} /*椤甸潰鏍囬*/ .main_tit{text-align:center; min-width:1200px; padding:50px 0 35px;} .main_tit_z{ font-size:32px; margin-bottom:12px; color:#222; font-weight:bold; } .main_tit_f{ font-size:16px; color:#888; /*text-transform:uppercase;*/} /**/ .index_tit{} .index_tit h2{font-size:.42rem; color:#000; text-align:center; margin-bottom:.25rem;} .index_tit h3{font-size:.42rem; color:#000; text-align:center; margin-bottom:.25rem; font-weight:normal;} .index_tit h4{font-size:.22rem; color:#666; font-weight:lighter;text-align:center;} .section{position:relative; z-index:1; padding:.7rem 0 .8rem 0; background:#fff;} .section01{ background:url(../images/bg.png) no-repeat center bottom #fff; background-size:100% 100%;} .section01 .video{width:46%;background: url(../images/bg2.png) no-repeat left top;box-sizing: border-box; padding:.4rem 0 0 .5rem; position:relative;} .section01 .video .pic{} .section01 .video .pic img{ width:100%; display:block; border-radius:5px;} .section01 .video .play{width:80px; height:80px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; transition:1s all;} .section01 .video .play:hover{transform:rotate(0);} .section01 .txt{width:49%; display:flex; flex-direction:column; justify-content:center;align-items:center;} .section01 .txt h6{font-size:.2rem; line-height:1.6; margin:.35rem 0; text-align:justify;} .section01 .txt p{line-height:2; margin-bottom:.25rem; font-size:14px; text-align:justify;} /*寤鸿鏂规*/ .section02{} .section02 li{ flex:1;text-align:center; margin:0 10px; } .section02 li .pic{ overflow:hidden;} .section02 li .pic img{width:100%; } .section02 li .txt{ font-size:16px; margin-top:15px; text-align:center;} /*=====================棣栭〉寤鸿鏂规============================*/ .jsfa_bg{padding-bottom:.8rem;} .jsfa_box li{width:23.5%;overflow:hidden;background: #fff;box-shadow: rgba(12, 36, 169, 0.05) 0px 20px 39px;position:relative; cursor:pointer;} .jsfa_box li .pic{overflow:hidden;} .jsfa_box li .pic img{width:100%;display:block;} .jsfa_box li .txt{padding:.3rem .2rem;box-sizing:border-box;} .jsfa_box li .txt h3{font-size:.18rem;font-weight:normal;margin-bottom:.15rem;color:#000;} .jsfa_box li .txt p{font-size:14px;color:#888;line-height:1.6;text-align:justify;} .jsfa_box li .box{opacity:0;position:absolute;width:100%;height:0;left:0;bottom:0;background:rgba(44,103,244,1);padding:0 .3rem;box-sizing:border-box;border-radius:8px; transition:all .5s;} .jsfa_box li .box h2{font-size:.2rem;margin-bottom:.25rem;color:#fff;} .jsfa_box li .box p{font-size:15px;color:rgba(255,255,255,.8);line-height:2;text-align:justify;} .jsfa_box li:hover .box{opacity:1;height:100%;} @media screen and (max-width:768px) { .jsfa_bg{padding-bottom:15px;} .jsfa_box li{width:48.5%;border-radius:5px;margin-bottom:15px;} .jsfa_box li .txt{padding:10px 15px;} .jsfa_box li .txt h3{font-size:15px;line-height:1.4;margin-bottom:0;} .jsfa_box li .txt p{display:none;} .jsfa_box li .box{display:none;} .jsfa_box li:hover .box{opacity:0;} } /*棣栭〉瑙ｅ喅鏂规*/ .index_jjfa{ margin-bottom:.8rem; position: relative;cursor: url(../images/move.png),default!important;} .index_jjfa .item .pic{ overflow:hidden;} .index_jjfa .item .pic img{ width:100%; display:block;} .index_jjfa .item .txt{font-size:16px; text-align:center; margin-top:20px;} /*浜у搧浼樺娍*/ .section03{background:url(../images/pro_bg.jpg) no-repeat center bottom #fff; background-size:100% 100%;} .section03:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/bg1.png) left top no-repeat/*, url(../images/bg2.png) right bottom no-repeat*/;} /*================浜у搧浼樺娍=====================*/ .pro_youshi{ padding-top:20px;} .pro_youshi li{flex:1; height:460px; margin: 0 0.5%; border: 0px solid #eee;background: #fff;border-radius: 10px;box-shadow: rgba(12, 36, 169, 0.08) 0px 20px 39px;position: relative;overflow: hidden; box-sizing:border-box; transition:.3s all;} .pro_youshi li:hover{flex: 1 1 12%;} .pro_youshi li .top{opacity: 1; width:100%; height:100%; position: absolute;left: 0;top: 0; pointer-events: none; background:url(../images/ys_box_bg.png) no-repeat right bottom 25px;} .pro_youshi li .bot{opacity: 0;} .pro_youshi li:hover .top{opacity: 0;} .pro_youshi li:hover .bot{opacity: 1;} /*鍘熷鐘舵€?/ .pro_youshi li .top .pic{ width:100%; text-align:center; margin-top:25px;} .pro_youshi li .top .pic img{max-width:35%;} .pro_youshi li .top .txt{ padding:0 25px;} .pro_youshi li .top .txt h3{position: relative; font-size:.22rem; text-align:center;line-height:1.6; margin-bottom: 30px;margin-top:20px; letter-spacing:2px;} .pro_youshi li .top .txt p{font-size: 17px;line-height:2.5;color:#666; width:130px; margin:auto;} .pro_youshi li:last-child .top .txt p{width:165px;} .pro_youshi li .top .txt p i{margin-right:10px; color:#2B58F9;} /*婵€娲?/ .pro_youshi li .bot .title {height: 80px;line-height: 80px;background: url(../images/ys_tit_bg.png) right center no-repeat #5F8EE8;overflow: hidden;padding: 0 25px; position:relative;} .pro_youshi li .bot .title h3{display: inline-block;font-size:.22rem; color: #fff;} .pro_youshi li .bot .con{ padding:30px 25px 0 25px;} .pro_youshi li .bot .con dl{width:4rem; margin-bottom:25px;} .pro_youshi li .bot .con dt{ width:40px; } .pro_youshi li .bot .con dt img{width:100%;} .pro_youshi li .bot .con dd{ width:calc(100% - 50px);} .pro_youshi li .bot .con dd h3{ font-size:.2rem; margin-bottom:10px; font-weight:normal;} .pro_youshi li .bot .con dd p{ text-align:justify; line-height:1.6; color:#888;} /*================搴旂敤鍦烘櫙=====================*/ .section04{background:url(../images/section04_bg.png) no-repeat center center #fff; background-size:100% auto; z-index:3;} .index_yycj{} .index_yycj li{width:24%; height:200px; background:#eee; border-radius:5px; margin-top:20px; position: relative; overflow:hidden;} .index_yycj li:first-child{width:49.3%;} .index_yycj li .pic{width:100%; height:100%;} .index_yycj li .pic img{width:100%; height:100%; object-fit: cover; display:block; transition:0.3s all;} .index_yycj li:hover .pic img{-webkit-transform:scale(1.1); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} .index_yycj li .txt{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3); color:#fff; font-size:.22rem; font-weight:bold; box-sizing:border-box; transition:0.3s all;} .index_yycj li:hover .txt{background:rgba(0,0,0,0.6);} /*======================棣栭〉鏀寔椤圭洰====================================*/ .xmzc_bg{padding-bottom:.6rem;overflow:hidden;background:url(../images/about_bg.png) no-repeat top center ;} .xmzc_box{ position:relative;margin-top:.3rem;} .xmzc_box a{display:block;position:relative;} .xmzc_box .pic{overflow:hidden;background:#f7f7f7;} .xmzc_box .pic img{width:100%;display:block;} .xmzc_box .play{width:100%;height:100%;position:absolute;top:0;left:0; } .xmzc_box .play img{width:60px; opacity:0;transform: scale(.7);transition:all .7s;} .xmzc_box .play:hover img{ opacity:1;transform: scale(1)} /*鎸夐挳鍒囨崲*/ #xmzc_bg .swiper-button-prev{position:absolute;left:0;top:50%; transform:translateY(-50%);} #xmzc_bg .swiper-button-next{position:absolute;right:0;top:50%;transform:translateY(-50%);} #xmzc_bg .swiper-button-prev,#xmzc_bg .swiper-button-next {background:rgba(0,0,0,.2);width:40px;height:60px;transition:all .3s;} #xmzc_bg .swiper-button-prev i,#xmzc_bg .swiper-button-next i{color:#fff;font-size:.24rem;} #xmzc_bg .swiper-button-prev:hover,#xmzc_bg .swiper-button-next:hover{background:#2B58F9;} /*鍒嗛〉鍣?/ #xmzc_bg .swiper-pagination{ display:block; width:100%; text-align:center; position:relative; margin-top:25px; cursor:pointer;} #xmzc_bg .swiper-pagination-bullet{width:10px;height: 10px; display: inline-block; background:none; border:solid 1px #666; opacity:1; margin:0 3px; transition:0.3s all; border-radius:10px;} #xmzc_bg .swiper-pagination-bullet-active{ background: #2B58F9; border:solid 1px #2B58F9;} @media screen and (max-width:768px) { .xmzc_bg{padding-bottom:0;} .xmzc_box .play img{width:30px; transition:all .3s;} #xmzc_bg .swiper-button-prev,#xmzc_bg .swiper-button-next {background:rgba(0,0,0,.25);width:25px;height:40px;transition:all .3s;} /*鍒嗛〉鍣?/ #xmzc_bg .swiper-pagination{ margin-top:15px; cursor:pointer;} #xmzc_bg .swiper-pagination-bullet{width:6px;height: 6px; } } /*================鏍稿績鎶€鏈?====================*/ .section05{background:url(../images/section05_bg.jpg) no-repeat center center #fff; background-size:cover; } .hxjs_pic{ padding:60px 0; text-align:center;} .hxjs_pic img{ animation: myfirst linear 10s infinite alternate; -webkit-animation: myfirst linear 10s infinite alternate;} @keyframes myfirst { from {transform:translateY(-50PX);} to {transform: translateY(50px);} } @-webkit-keyframes myfirst { from {transform:translateY(-50PX);} to {transform: translateY(50px);} } .hxjs{position:relative;} .hxjs .item{position: absolute;width:480px; background: rgba(255,255,255,0.06);border: 2px solid #71b1f5;color: #fff; padding:25px 25px 35px 25px; box-sizing:border-box; box-shadow: rgba(12, 36, 169, 0.25) 0px 20px 39px;} .hxjs .item .txt{ padding-left:.35rem;} .hxjs .item .txt h3{ font-size:.22rem; margin-bottom:10px;} .hxjs .item .txt p{ line-height:1.8; font-size:.16rem; color:rgba(255,255,255,0.8); font-weight:lighter;} .hxjs .item1{left:0; top:0; border-radius: 16px 16px 0 16px;} .hxjs .item2{right:0; top:0; border-radius: 16px 16px 16px 0;} .hxjs .item3{left:0; bottom:0; border-radius: 16px 0 16px 16px;} .hxjs .item4{right:0; bottom:0; border-radius: 0 16px 16px 16px;} .hxjs .item1:after{ content:'1'; font-size:.6rem; position:absolute; left:15px; top:5px; font-family:Barlow-Bold; background-image:-webkit-linear-gradient(top,#fa0,#EEBC1E); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .hxjs .item2:after{ content:'2'; font-size:.6rem; position:absolute; left:15px; top:5px; font-family:Barlow-Bold; background-image:-webkit-linear-gradient(top,#fa0,#EEBC1E); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .hxjs .item3:after{ content:'3'; font-size:.6rem; position:absolute; left:15px; top:5px; font-family:Barlow-Bold; background-image:-webkit-linear-gradient(top,#fa0,#EEBC1E); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .hxjs .item4:after{ content:'4'; font-size:.6rem; position:absolute; left:15px; top:5px; font-family:Barlow-Bold; background-image:-webkit-linear-gradient(top,#fa0,#EEBC1E); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} /*================鏍囨潌妗堜緥=====================*/ .case_list{ padding-top:20px;} .case_list li{margin-bottom:25px; transition:0.5s; background:#f8f8f8; /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/} .case_list li:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); background:#2B58F9; transform: translate3d(0, -15px, 0);-webkit-transform: translate3d(0, -15px, 0);} .case_list .pic{overflow:hidden; position:relative;} .case_list .pic img{width:100%; display:block; transition:0.5s;} .case_list li .txt{padding:15px 15px;} .case_list li .txt h5{ font-size:15px; font-weight:normal; line-height:1.8;transition:0.5s;} .case_list li .txt p{color:#888;line-height:1.8; transition:0.5s;} .case_list li .txt span{display:block;font-size:14px;color:#999;padding:15px 0px 10px 0px ; font-family:din;transition:0.5s;} .case_list li:hover .pic img{transform:scale(1.1);} .case_list li:hover h5,.case_list li:hover p,.case_list li:hover span{color:#fff;} /*================鏁板瓧鍙樻崲=====================*/ .section07{background:url(../images/section07_bg.png) no-repeat center #2B58F9; background-size:cover; color:#fff; padding:.6rem 0; height:158px; text-align:center; width:100%; min-width:1200px; overflow:hidden;} .tongji{margin-top: 0.5rem; color: rgba(255,255,255,0.5); } /*鏁板瓧*/ .shuzi{position:relative; z-index:1;} .shuzi li{color:#fff; position:relative; width:33.3%; text-align:center; box-sizing:border-box; font-size: .5rem;} .shuzi li i{font-size: .6rem; font-style:normal; margin-right:2px; } .shuzi li p{ color:#fff; font-size:.2rem;} .hzlc_bg { position: relative; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .hzlc_bg li { position: absolute; display: block; width: 40px; height: 40px; background: rgba(255, 255, 255, .15); bottom: -160px; -webkit-animation: square 28s infinite; animation: square 28s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear } .hzlc_bg li:nth-child(1) {left: 10%} .hzlc_bg li:nth-child(2){ left: 20%; width: 80px; height: 80px; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-duration: 17s; animation-duration: 17s } .hzlc_bg li:nth-child(3){ left: 25%; -webkit-animation-delay: 400ms; animation-delay: 400ms } .hzlc_bg li:nth-child(4){ left: 40%; width: 60px; height: 60px; -webkit-animation-duration: 10s; animation-duration: 10s; background-color: rgba(255, 255, 255, .25) } .hzlc_bg li:nth-child(5){ left: 70% } .hzlc_bg li:nth-child(6){ left: 80%; width: 120px; height: 120px; -webkit-animation-delay: 3s; animation-delay: 3s; background-color: rgba(255, 255, 255, .2) } .hzlc_bg li:nth-child(7){ left: 32%; width: 100px; height: 100px; -webkit-animation-delay: 7s; animation-delay: 7s } .hzlc_bg li:nth-child(8){ left: 55%; width: 20px; height: 20px; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 40s; animation-duration: 40s } .hzlc_bg li:nth-child(9){ left: 25%; width: 10px; height: 10px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 40s; animation-duration: 40s; background-color: rgba(255, 255, 255, .3) } .hzlc_bg li:nth-child(10){ left: 90%; width: 120px; height: 120px; -webkit-animation-delay: 11s; animation-delay: 11s } /*================鍏徃姒傚喌=====================*/ .section08{background:url(../images/section01_bg.jpg) no-repeat center bottom #fff;} .page_about{ margin:10px auto 10px auto;} .page_about .pic{width:380px; position:relative;} .page_about .pic:before {position: absolute;left: 0px;top: 0px;display: block;content: "";transform: translate(15px, 15px);width: 100%;height: 100%;background: rgba(49, 83, 212, 0.1); z-index:-1;} .page_about .pic img{max-width:100%;} .page_about .pic .play_btn{position:absolute; width:72px; height:72px; left:50%; top:50%; margin:-36px 0 0 -36px; transition:1s all;} .page_about .pic .play_btn:hover{transform:rotate(360deg);} .page_about .txt{width:calc(100% - 460px);} .page_about .txt .tit{font-size:.42rem; color:#000; margin-bottom:.3rem;} .page_about .txt .con{font-size:.16rem; line-height:2; text-align:justify; color:#555;} .page_about .txt .con p{margin-bottom:15px;} .more001 a{display:inline-block;width:125px;height:36px;line-height:36px;text-align:center;background:linear-gradient(90deg,#03ABFF 0,#2B58F9 100%);border-radius:36px; box-shadow: 0px 3px 8px 0px rgba(9, 114, 255, 0.35);} .more001 a font{display:inline-block; color:#fff; width:calc(100% - 45px);} .more001 a span{display:inline-block;width:30px;height:30px;line-height: 30px;background: #fff; margin-bottom:3px;vertical-align: middle;border-radius: 50%; position:relative; overflow:hidden} .more001 a span i{ position:absolute; top:0; right:0; bottom:0; left:0; transition:.5s} .more001 a span i.i2{ transform:translateX(-100%)} .more001 a:hover span i{ transform:translateX(100%)} .more001 a:hover span i.i2{ transform:translateX(0)} .more001 a span img{ width:16px; margin-top:7px;} /*================寮瑰嚭鐣欒█鏉垮潡=====================*/ .tc_liuyan.tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999; display:flex; flex-direction:column; justify-content:center;align-items:center;} .tc_liuyan.tc{ pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);} .tc_liuyan.tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; pointer-events: auto;transform:scale(1);} .tc_liuyan.tc .tc-bg {width: 100%;height: 100%;background: rgba(0,0,0,.85);position: absolute;top: 0;left: 0;z-index: 0;} .tc_lianxi{width:1000px; height:680px; padding:50px 100px; border-radius:3px; background:#fff; box-sizing:border-box; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; margin:auto;} .tc_lianxi .close{position:absolute; top:40px; right:40px; cursor:pointer;} .tc_lianxi .close img{height:.3rem;} .tc_lianxi .lx_logo{} .tc_lianxi .tit{font-size:35px; color:#000; margin:15px 0;} .tc_lianxi .info{ line-height:1.5em; color:#888; border-bottom:solid 1px #ccc; height:40px; margin-bottom:25px;} /*琛ㄥ崟*/ .biaodan{ margin-top:40px;} .biaodan li{font-size:.16rem; margin-bottom:20px; width:49%;} .biaodan input[type=text]{width:100%; line-height:50px;border-radius: 3px; outline:none; border:1px solid #ddd; background:#f8f8f8; padding-left:10px;font-size: 15px; box-sizing:border-box;} .biaodan input:focus{border:1px solid #0384D8; background:#fff;} .biaodan textarea:focus{border:1px solid #0384D8; background:#fff;} .biaodan textarea{width: 100%;height:125px;font-size: 15px;border-radius: 3px; outline:none; border:1px solid #ddd; background:#f8f8f8;padding:10px; box-sizing:border-box;} .biaodan select{width: 100%; height:34px; box-sizing:border-box; background:#f2f2f2; line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;} .biaodan .form-group {width:100%;} .biaodan .form-group input{width:50%; margin-right:1%; margin-bottom:.2rem;} /*.biaodan li input[type=text]:focus,.biaodan li textarea:focus{border:solid 1px #FEB97F;}*/ .biaodan .submit{ border:none; outline:none; font-size:.2rem; cursor:pointer; text-align:center; color:#fff; background: #2e6ee1; box-shadow: 0 6px 12px rgba(59,126,209,.4); transition:0.3s all; width:100%; height:.6rem; line-height:.6rem;} .biaodan .submit:hover{ background:#f90; color:#fff;} /*鐗堝潡1*/ .index_box1{} .index_box1 li{float:left; text-align:center; width:27.3%; margin:0 3%;transition: 0.3s all; box-sizing:border-box; border:solid 1px #fff; border-radius:10px;} .index_box1 li .pic{margin:25px 0 25px 0; transition:0.3s all;} .index_box1 li h3{font-size:22px; margin-bottom:15px; } .index_box1 li p{ color:#444; font-size:16px; margin-bottom:30px;} .index_box1 li a{width:130px; line-height:32px; overflow:hidden; background:#0051B6; display:inline-block; border-radius:32px; text-align:center; color:#fff; margin-bottom:30px; transition:0.3s all; position:relative; transition: 0.3s all;opacity:0;filter:alpha(opacity=0);} .index_box1 li:hover {box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0); border:solid 1px #ddd; background:#f5f5f5;} .index_box1 li:hover a{background:#0051B6; color:#fff; opacity:1;filter:alpha(opacity=100);} .index_box1 li:hover a:hover{background:#e72427; color:#fff; opacity:1;filter:alpha(opacity=100);} /*鐗堝潡2*/ .index_box2{min-width:1200px;} .index_box2 li{width:32.1%; margin:10px 0.6%;box-sizing:border-box; float:left; position:relative; border-radius:3px; overflow:hidden; } /*.index_box2 li:nth-child(1),.index_box2 li:nth-child(6){width:50%;}*/ .index_box2 li .pic{} .index_box2 li .pic img{width:100%; display:block;/*filter: contrast(.8) brightness(0.5);*/} .index_box2 li .txt{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); color:#fff; text-align:center;} .index_box2 li .txt .ico{height:55px; margin-top:135px; margin-bottom:25px;transition: 0.3s all;} @media only screen and (max-width: 1440px){.index_box2 li .txt .ico{margin-top:80px;}} .index_box2 li .txt h3{font-size:24px; font-weight:normal; margin-bottom:15px;} .index_box2 li .txt p{ line-height:26px; width:80%; margin:auto; transition: 0.3s all;opacity:0;filter:alpha(opacity=0); font-size:15px; } .index_box2 li:hover .txt{background:rgba(0,81,181,0.6);} .index_box2 li:hover .txt .ico{margin-top:100px;} @media only screen and (max-width: 1440px){.index_box2 li:hover .txt .ico{margin-top:50px;}} .index_box2 li:hover .txt h3:after{opacity:1;filter:alpha(opacity=100);} .index_box2 li:hover .txt p{opacity:1;filter:alpha(opacity=100);} .index_box2 li .txt .ico1{background:url(../images/pico_01.png) no-repeat center center; background-size:auto 100%;} .index_box2 li .txt .ico2{background:url(../images/pico_02.png) no-repeat center center; background-size:auto 100%;} .index_box2 li .txt .ico3{background:url(../images/pico_03.png) no-repeat center center; background-size:auto 100%;} .index_box2 li .txt .ico4{background:url(../images/pico_04.png) no-repeat center center; background-size:auto 100%;} .index_box2 li .txt .ico5{background:url(../images/pico_05.png) no-repeat center center; background-size:auto 100%;} .index_box2 li .txt .ico6{background:url(../images/pico_06.png) no-repeat center center; background-size:auto 100%;} /*鐗堝潡3*/ .index_box3{} .index_box3 li{width:400px; float:left; box-sizing:border-box; margin:25px 0; height:125px;} .index_box3 li .pic{width:40px; float:left;margin-left:35px;} .index_box3 li .pic img{width:100%;} .index_box3 li .txt{width:260px; margin-right:35px; float:right;} .index_box3 li .txt h5{font-size:18px; margin-bottom:15px;} .index_box3 li .txt p{line-height:24px; color:#666; text-align:justify;} /*more*/ .detail{overflow: hidden;} .detail em{margin-left: -54px;display: inline-block; margin-right: 6px;color: #333;font-size: 12px;opacity: 0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease; font-style:normal;} .detail span{display: inline-block;width: 24px;height: 8px;font-size: 0px;background: url(../images/index.png) no-repeat 0 -141px;} .detail:hover em{margin-left: 0px;opacity: 1;} .index_more{text-align:center;min-width:1200px;} .index_more a{padding: 15px 40px; border-radius:5px; font-size:16px; background: #fdd903; box-shadow: 0 12px 14px 0 rgba(245,166,35,.5); text-align:center; display:inline-block;transition:all 200ms ease-out 0s; } .index_more a:hover{} /*================鍥剧墖鍒楄〃=====================*/ .pic_list{} .pic_list li{position:relative; overflow:hidden;margin-bottom:25px;} .pic_list li .pic{ overflow:hidden; position:relative;} .pic_list li img{width:100%; display:block; transition:0.3s all; opacity:1;} .pic_list li:hover img{transform:scale(1.08);} .pic_list li .txt{ text-align:center; line-height:.46rem; transition:0.4s all; font-size:14px; transition:0.6s all;} .pic_list li:hover .txt{color:#fff; transform:scale(0.5);} /*-鏌ョ湅璇︽儏-*/ .up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#000; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;} .up-graybox:hover{background:#000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;} .up-graybox .stitle {font-size: 14px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;} .up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;} .up-graybox .linet { top: 0;} .up-graybox .lineb { bottom: 0;} .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);} /* 鍚堜綔 */ .hezuo{position: relative;width: 100%;height:460px;padding:20px 0 60px 0; min-width:1200px;} .bg-video{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 1;} .hezuo .bg{position:absolute; left:0;top:0;width: 100%;height: 100%;z-index: 2; background:rgba(0,0,0,0.3);} .hezuo .hezuo_box{position: absolute;z-index: 3; height: 500px;width:1200px; text-align: center;} .hezuo ul {margin-top:20px;} .hezuo ul li{float:left;width: 20%;margin-bottom:25px;} .hezuo ul li a{ display: block; margin: 0 8%; text-align: center; height: 78px; line-height: 78px;} .hezuo ul li img{display: block;margin-bottom: 20px;opacity: .8; display:inline-block; transition:0.3s all; border-radius:3px;} .hezuo ul li img:hover{opacity: 1;transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} /* 搴曢儴 */ .f_nbg{ width:100%; min-width:1200px; background:#2B58F9; padding:60px 0 56px 0; position:relative; z-index:2;} .fot_line{border-right:rgba(255,255,255,0.1) 1px solid; min-height: 170px; box-sizing:border-box;} .fot_logo{width:20%;padding: 50px 0 0; box-sizing:border-box;} .fot_logo img{width:230px; filter: grayscale(100%) brightness(500%);} .f_nav{width:280px; padding:0 0px 0 30px;} .f_nav h4{font-size: 16px;color: #fff;margin-bottom: 20px;} .f_nav li p{ width:50%; line-height:34px; float:left;} .f_nav li p a{ font-size:15px; color:rgba(255,255,255,0.8);} .f_nav li p a:hover{color:#fff;} .b_weixin{ box-sizing:border-box; padding:0 15px 0 15px;} .b_weixin h4{padding: 0 0 0 30px;font-size: 16px;color: #fff;background: url(../images/icon_ewm.png) 0px center no-repeat; margin-bottom: 16px;} .b_weixin li{ margin-right:15px;} .b_weixin li img{ width:108px; height:108px; margin-bottom:10px;} .b_weixin li p{font-size: 14px; text-align:center; color:rgba(255,255,255,0.8);} .b_contact{width:30%;padding:0 0 0 30px; box-sizing:border-box;} .b_contact h4{padding: 0 0 0 30px;font-size: 16px;color: #fff; background: url(../images/icon_ren.png) left center no-repeat;margin-bottom: 20px;} .b_contact p{ font-size:14px;color:rgba(255,255,255,0.8); line-height:34px;} .bq_bg{ position:relative; z-index:2; width:100%; min-width:1200px; margin:0px auto; padding:18px 0; background:#064EA2; color:rgba(255,255,255,0.8); text-transform:uppercase; font-size:12px;} .bq_bg a{color:rgba(255,255,255,0.8);} .bq_bg span,.bq_bg a{color:rgba(255,255,255,0.8); margin:0 5px;} .bq_bg span{ float:right; color:rgba(255,255,255,0.8); font-size:12px;} /*--------------------*/ /*浜岀骇椤甸潰*/ .page_ban1{ width:100%; max-width:1920px; height:530px; position: relative;min-width:1200px; margin:auto;} .page_ban1 .ban_img {position: absolute;top: 0;left: 0; right:0; bottom:0; background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size: 100% auto; z-index: -1; } .page_ban1 h5{font-size:42px; color:#fff; text-align:center; font-weight:normal; padding-top:220px;} .page_ban1 p{ font-size:18px; color:#fff; text-align:center; margin-top:25px;} .page_ban{ max-width:1920px; position:relative;min-width:1200px; margin:auto;} .page_ban img{width:100%; display:block;} .page_ban h5 {font-size: 38px;width: 100%;text-align: center;font-weight: normal;position: absolute;left: 0;top: 50%;margin-top: -25px;color: #fff;} .page_ban h5 p{font-size:18px; font-weight:normal; margin-top:6px; color:rgba(255,255,255,0.6);} .page_ban h3{font-size:42px; width: 100%; text-align:center; font-weight:normal; position: absolute; left: 0; top: 50%; margin-top:-25px;color: #fff;} /*.page_ban h3:after{content:"";display: block;width:25px;background:rgba(255,255,255,0.6);height: 2px; margin:15px auto 0px auto;}*/ .page_ban .page_txt{position: absolute; left: 0; top: 42%;left:10%; color: #fff; width:80%; min-width:1200px;} .page_ban .page_txt h4{font-size:42px; margin-bottom:20px;} .page_ban .page_txt p{font-size:20px;} .comm_gray{background:rgba(0,0,0,.56); width:100%; height:100%; position:absolute; left:0; top:0; } .case_gray{background:rgba(0,0,0,.36); width:100%; height:100%; position:absolute; left:0; top:0; } .n_nav_box {height:152px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box; background:#fff; min-width:1200px;} .sub_nav{ text-align:center; padding-top:70px;} .sub_nav a { padding:9px 35px;border-radius:100px; display:inline-block; background:#f8f8f8; border:solid 1px #ddd; margin:0 5px; color:#333; font-size:16px; transition:0.3s all; position:relative; } .sub_nav a:hover{ color:#fff; background:#e72427;border:solid 1px #ED1E79;} .sub_nav a.currclass{ color:#fff; background:#0051B6;border:solid 1px #0051B6;} .sub_nav a.currclass:before {content: "";width: 1px;height: 18px;display: block;background: #0051B6;position: absolute;top: 50px;left:50%;} .sub_nav a.currclass::after {content: "";width: 12px;height: 12px;display: block;position: absolute;background: #fff; border: 1px solid #0051B6;border-radius: 50%;left:50%; margin-left:-6px;top: 73px;} .page_ban{ width:100%; max-width:1920px; position:relative;min-width:1200px; margin:auto; overflow:hidden;} .page_ban img{width:100%; display:block;} .page_ban img { -webkit-animation: banner_inside 5s ease 1 forwards; -moz-animation: banner_inside 5s ease 1 forwards; -o-animation: banner_inside 5s ease 1 forwards; animation: banner_inside 5s ease 1 forwards; } @-webkit-keyframes banner_inside { from { -webkit-transform: scale(1.23); transform: scale(1.23); } to { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes banner_inside { from { -moz-transform: scale(1.23); transform: scale(1.23); } to { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes banner_inside { from { -o-transform: scale(1.23); transform: scale(1.23); } to { -o-transform: scale(1); transform: scale(1); } } @keyframes banner_inside { from { -webkit-transform: scale(1.23); -moz-transform: scale(1.23); -o-transform: scale(1.23); transform: scale(1.23); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .comm_gray{background:rgba(0,0,0,.56); width:100%; height:100%; position:absolute; left:0; top:0; } .case_gray{background:rgba(0,0,0,.36); width:100%; height:100%; position:absolute; left:0; top:0; } .menu_gray{background:url(../images/menu_bg.png) repeat-x left top; width:100%; height:140px; position:absolute; left:0; top:0; z-index:9999;} /*浣嶇疆*/ .bg_weizhi{line-height:60px; height:60px;background:#fff; border-bottom:solid 1px #ececec; box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1); min-width:1200px; margin:auto;} .weizhi{line-height:52px; height:52px;} .weizhi{background:url(../images/home_ico.png) no-repeat left center; padding-left:23px; color:#666; font-size:12px; text-transform:uppercase;} .weizhi a{color:#666;} /*瀛愭爮鐩?*/ .sub_nav2{} .sub_nav2 li{float:left; margin-right:25px; background:url(../images/case9.png) no-repeat right center; padding-right:25px;} .sub_nav2 li a {display: block; position: relative;} .sub_nav2 li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#0051B6; content: "";transition: all 0.3s;-webkit-transition: all 0.3s;} .sub_nav2 li:hover > a:before {width: 100%;} .sub_nav2 li.currclass a,.sub_nav2 li.currclass a:before{ color:#0051B6; font-weight:bold; width: 100%;} .page_side{width:280px; float:right; border:solid 0px #ddd; border-radius:0px;} .page_side_title{font-size:25px; padding: 20px 0; text-align: center; color:#fff; text-transform:uppercase; background:#00AD66;} .page_main{width:880px; padding:0 40px; float:left; background:#fff; box-sizing:border-box;} .page_main .page_main_title{font-weight:normal; border-bottom:solid 0px #ddd; padding-bottom:15px; margin-bottom:10px; background: url(../images/right_title_bg.jpg) repeat-x left bottom;} .page_main .page_main_title span{font-size:25px; margin-right:10px; border-bottom:solid 6px rgba(255,102,0,0.5); padding-bottom:9px;} /*瀛愭爮鐩?/ .sub_nav1{width:100%;} .sub_nav1 li{float:left; width:25%; background:url(../images/case9.png) no-repeat right center; text-align:center;} .sub_nav1 li a {display: block; position: relative; font-size:16px; } .sub_nav1 li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#f90; content: "";transition: all 0.3s;-webkit-transition: all 0.3s;} .sub_nav1 li:hover > a:before {width: 100%;} .sub_nav1 li.currclass a,.sub_nav1 li.currclass a:before{ color:#f60; font-weight:bold; width: 100%;} /*鏍稿績绠楁硶*/ .hxsf{} .hxsf li{width:383px; line-height:108px; background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); border:solid 1px #dcdcdc; float:left; font-size:18px; padding-left:25px; box-sizing:border-box; margin-right:25px; margin-bottom:25px;transition:0.3s all;} .hxsf li:hover {box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .hxsf li:nth-child(3n){margin-right:0;} .hxsf li i{width:108px; height:108px; float:right; filter: grayscale(100%); transition:0.3s all; filter:alpha(opacity=80);opacity:0.8;} .hxsf li:hover i{filter: grayscale(0);filter:alpha(opacity=100);opacity:1;} .hxsf li a{display:block; height:108px; display:block;} .hxsf li a:hover{ color:#e72427;} .hxsf li i.ico1{ background:url(../images/hxjs_01.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico2{ background:url(../images/hxjs_02.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico3{ background:url(../images/hxjs_03.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico4{ background:url(../images/hxjs_04.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico5{ background:url(../images/hxjs_05.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico6{ background:url(../images/hxjs_06.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico7{ background:url(../images/hxjs_07.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico8{ background:url(../images/hxjs_08.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico9{ background:url(../images/hxjs_09.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico10{ background:url(../images/hxjs_10.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico11{ background:url(../images/hxjs_11.png) no-repeat center; background-size:52px auto;} .hxsf li i.ico12{ background:url(../images/hxjs_12.png) no-repeat center; background-size:52px auto;} /*璁＄畻鑳藉姏*/ .jsnl{ max-width:1920px; min-width:1200px; width:100%; margin:auto;} .jsnl li{background:#EDF3FD; transition: 0.3s all;} /*.jsnl li:hover{ background:#e72427; color:#fff;}*/ .jsnl .pic{width:50%; height:450px; text-align:right;} .jsnl .pic img{height:100%;} .jsnl .txt{width:50%;height:420px; padding-right:80px; box-sizing:border-box; display: flex;/*璁剧疆涓哄脊鎬у鍣?/ align-items: center; /*瀹氫箟div1鐨勫厓绱犲瀭鐩村眳涓?/*/ } .jsnl li:nth-child(2n) {background:#fff;} .jsnl li:nth-child(2n) .pic{text-align:left;} .jsnl li:nth-child(2n) .txt{ padding-left:80px; padding-right:0px;} .jsnl .txt h5{ font-size:28px; margin-bottom:25px; font-weight:normal;} .jsnl .txt h5 img{vertical-align:middle; margin-right:10px;} .jsnl .txt p{font-size:15px; line-height:2; text-align:justify;} .s_more {display: block;margin: 30px auto 0 auto;color: #fff;font-size: 16px; text-align: center; border-radius:44px;width: 255px; height:44px;line-height:44px; background:#2F82FF; transition:0.3s all;} .s_more:hover{color:#fff; background:#e72427;} /*鏍稿績绠楁硶鍗曢〉*/ .con_tit{font-size:36px; color:#000; border-bottom:solid 0px #e8e8e8; padding-bottom:25px;} .con_tit span{font-size:16px; color:#888; margin-left:20px;} .hxsf_con{} .hxsf_con .side{} .hxsf_con .side ul{border-left:solid 1px #e8e8e8; padding:15px 25px;} .hxsf_con .side a{display:block; font-size:16px; line-height:36px; position:relative;} .hxsf_con .side a:hover{color:#e72427;} .hxsf_con .side a.currclass:after{content:"";display: block;width:2px;background:#e72427;height:25px; transition: 0.3s all; position:absolute; left:-26px; top:4px;} .hxsf_con .con{ width:820px; padding:50px; line-height: 28px; text-align:justify;overflow: hidden;border:solid 1px #e8e8e8;} .hxsf_con .con .title{font-size:36px; color:#000; margin-bottom:25px; border-bottom:solid 1px #e8e8e8; padding-bottom:25px;} .hxsf_con img{max-width: 100%;} .hxsf_con p{margin-bottom: 15px;font-size: 16px;} /*浜у搧涓庢湇鍔?/ .page_pro{} .page_pro li{background:#fff; margin:25px 0 50px 0; border-bottom:solid 1px #ddd; padding-bottom:50px;} .page_pro li .pic{width:45%; position:relative; overflow:hidden;} .page_pro li .pic img{width:100%; display:block;} .page_pro li .txt{width:55%; padding:0px 0 0 50px; box-sizing:border-box;} .page_pro li:nth-child(2n) .txt{padding:0px 50px 0 0;} .page_pro li .txt h2{font-size:25px; margin:5px 0 20px 0;} /*.page_pro li .txt h2:after{content:"";display: block;width:25px;background:#e72427;height: 2px; margin:15px 0 20px 0; }*/ .page_pro li .txt p{font-size:15px; color:#666; line-height:30px;} .page_pro li .more{ margin:25px 0 25px 0;} .page_pro li .more a{width:160px; line-height:36px; overflow:hidden; background:#f8f8f8; border:solid 1px #ccc; display:inline-block; border-radius:52px; text-align:center; color:#333; transition:0.3s all; position:relative;} .page_pro li .more a:hover{border:solid 1px #0051B6; background:#0051B6; color:#fff;} .page_pro li .pdot dd{display:inline-block;vertical-align:middle;font-size:15px;color:#4c4c4c;margin-right:36px; transition:0.3S all; margin-bottom:15px;} /*.page_pro li .pdot dd:nth-child(5){margin-right:0px;}*/ .page_pro li .pdot dd i{display:inline-block;width:5px;height:5px;background:#ccc;vertical-align:middle;border-radius:50%;margin-right:10px;transition:0.3S all; } /*.page_pro li .pdot dd:hover{color:#e72427;}*/ /*.page_pro li .pdot dd:hover i{background:#e72427;}*/ /*鏅烘収鏍″洯*/ .gaishu{ width:1061px; line-height:2; margin:auto; text-align:center;} .gaishu p{ margin-bottom:20px;} .zhxy_box2 li{ width:25%; float:left; text-align:center;} .zhxy_box2 li .pic{} .zhxy_box2 li .pic img{border:solid 0px #06C; width:80px; margin-bottom:15px; } .zhxy_box2 li .txt{} .zhxy_box2 li .txt h5{font-size:16px; margin:15px 0;} .zhxy_box2 li .txt p{ padding:0 35px; line-height:25px; color:#666;} .zhxy_box02 li{ flex:1;text-align:center;} .zhxy_box02 li .pic{} .zhxy_box02 li .pic img{border:solid 0px #06C; width:80px; margin-bottom:15px; } .zhxy_box02 li .txt{} .zhxy_box02 li .txt h5{font-size:16px; margin:15px 0;} .zhxy_box02 li .txt p{ padding:0 35px; line-height:25px; color:#666;} .zhxy_box3 li{ width:25%; float:left; text-align:center; padding:0 10px; box-sizing:border-box; margin-bottom:15px;} .zhxy_box3 li .pic{ overflow:hidden; } .zhxy_box3 li .pic img{ width:100%; display:block;} .zhxy_box3 li .txt{} .zhxy_box3 li .txt h5{font-size:14px; margin:10px 0; font-weight:normal;} .zhxy_box03 li{ width:20%; float:left; text-align:center; padding:0 10px; box-sizing:border-box; margin-bottom:15px; position: relative;} .zhxy_box03 li .pic{ overflow:hidden;} .zhxy_box03 li .pic img{ width:90%; } .zhxy_box03 li i.play { width: 50px; height: 50px; position: absolute; left: 50%; bottom: 50%; margin:0px 0 0 -25px; background: url(../images/play3.png) no-repeat center center; background-size: 100%; } .zhxy_box04 li{ flex:1;text-align:center;} .zhxy_box04 li img{width:95%; margin-bottom:15px;} .zhxy_box05 li{width:25%; text-align:center; margin-bottom:10px;} .zhxy_box05 li img{width:95%; margin-bottom:10px;} /*鏅烘収鍥尯*/ .zhyq_box2 li{ width:25%; float:left; text-align:center; margin-bottom:35px;} .zhyq_box2 li .pic{} .zhyq_box2 li .pic img{border:solid 0px #06C; border-radius:5px; width:80px;} .zhyq_box2 li .txt h5{font-size:16px; margin:15px 0;} .zhyq_box2 li .txt p{ font-size:12px; color:#666;} .zhyq_box3 li{ width:25%; float:left; text-align:center; padding:0 10px; box-sizing:border-box;} .zhyq_box3 li .pic{ overflow:hidden;} .zhyq_box3 li .pic img{ width:100%; display:block;} .zhyq_box3 li .txt{} .zhyq_box3 li .txt h5{font-size:16px; margin:10px 0; font-weight:normal;} /*鏅鸿兘鍒堕€?/ .znzz_box1{ position:relative;} .znzz_box1 .pic{} .znzz_box1 .pic img{width:100%;} .znzz_box1 .txt{position:absolute; left:0;top:40%; color:#fff; text-align:center; width:100%;} .znzz_box1 .txt h5{font-size:36px; font-weight:normal; margin-bottom:25px;} .znzz_box1 .txt p{font-size:18px; line-height:2;} .znzz_box3 li{ width:33.3%; float:left; text-align:center; padding:0 10px; box-sizing:border-box;} .znzz_box3 li .pic{ overflow:hidden;} .znzz_box3 li .pic img{ width:100%; display:block;} .znzz_box3 li .txt{} .znzz_box3 li .txt h5{font-size:16px; margin:10px 0; font-weight:normal;} /*鏅烘収宸ュ湴*/ .zhgd_box2 li{ width:33.3%; float:left; text-align:center; margin-top:15px;} .zhgd_box2 li .pic{} .zhgd_box2 li .pic img{border:solid 0px #82BDF9; padding:15px; border-radius:5px; width:80px;} .zhgd_box2 li .txt h5{font-size:16px; margin:15px 0;} .zhgd_box2 li .txt p{ padding:0 35px; line-height:25px; color:#666;} .zhgd_box3{position:relative;} .zhgd_box3 .pic{} .zhgd_box3 .pic img{width:100%; display:block;} .zhgd_box3 .left{ float:left; color:#fff;} .zhgd_box3 .left h5{font-size:36px; font-weight:normal; margin-bottom:25px;} .zhgd_box3 .left p{font-size:16px; line-height:2;} .zhgd_box3 .right{ float:right; color:#fff; width:60%;} .zhgd_box3 .swiper-container{padding-bottom:50px;} .zhgd_box3 .swiper-slide { text-align:center; font-size:16px;transition: 300ms;transform: scale(0.8);} .zhgd_box3 .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);} .zhgd_box3 .swiper-slide img{width:100%; margin-bottom:10px;} .zhgd_box3 .swiper-pagination-bullet{ background:#fff;} .zhgd_box3 .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);} /*鏅烘収鐢靛姏*/ .zhdl_box2{} .zhdl_box2 li{ width:366.6px; margin:0 50px 40px 0; float:left;} .zhdl_box2 li:nth-child(3n){margin-right:0;} .zhdl_box2 li .txt h5{font-size:18px; margin:15px 0;} .zhdl_box2 li .txt p{height:60px; line-height:2; color:#666;} .zhdl_box3 .left{ width:360px; float:left;} .zhdl_box3 .left li{ background:#f2f2f2; padding:35px 30px; line-height:2; margin-top:28px; text-align:justify;} .zhdl_box3 .right{ float:right;} /*鎸夐挳鍒囨崲*/ #tjk1{ width:90%;} #tjk{height:220px;} /*#tjk .swiper-button-prev,#tjk .swiper-button-next {width: 20px;height: 34px; background: url(../images/ico_sliding.png) no-repeat;} #tjk .swiper-button-prev {background-position: -10px -448px; left:-20px;} #tjk .swiper-button-next { background-position: -90px -448px;}*/ /*鍒嗛〉鍣?/ #tjk .swiper-pagination-bullet-active,#hot_jg .swiper-pagination-bullet-active{ background:#15A099;} #tjk .swiper-pagination,#hot_jg .swiper-pagination{bottom:5px;} .news_left{width:900px;} .news_right{ width:280px;} .news_main{width:100%; border:solid 1px #e8e8e8; padding:20px; box-sizing:border-box;} .news_main .tit{font-size:15px; border-bottom:solid 1px #ddd; height:36px; font-weight:bold;} .news_main .news_focus{ width:400px; overflow:hidden;} .news_main .news_list1{width:420px;} .news_list1 dl{ border-bottom:dotted 1px #ccc; padding-bottom:15px; margin-bottom:10px;} .news_list1 dt{font-size:18px; font-weight:bold; line-height:40px; height:40px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; margin-bottom:10px;} .news_list1 dd{line-height:24px; color:#888;} .news_list1 li{line-height:30px; background:url(../images/arrow_6.gif) no-repeat left center; padding-left:15px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;} .news_list1 li span{ float:right; font-size:12px; color:#999;} /*鏂伴椈寰幆鍒楄〃*/ .news_cate{ margin-top:25px;} .news_cate h5{ line-height:42px; background:url(../images/news_tit.jpg) no-repeat left bottom #fff; padding:0 10px 0 25px; font-size:16px; color:#fff; } .news_cate h5 span{float:right; font-weight:normal; font-size:12px;} .news_cate ul{ padding:20px 0; border:solid 1px #e8e8e8;} .news_cate li,.xg_list li{width:46%; float:left; margin:0 2%; line-height:30px; background:url(../images/arr1.jpg) no-repeat left center; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; box-sizing:border-box; padding-left:10px;} .news_cate li span,.xg_list li span{ float:right; font-size:12px; color:#999;} /*-----*/ .sx_right_box{border:solid 1px #ddd; padding:15px 10px 10px 10px; box-sizing:border-box;} .sx_right_box h5{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd; background:url(../images/hot.png) no-repeat left 3px; padding-left:50px; margin-bottom:5px;} .sx_right_box h6{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd;} .tags_a{ margin-top:10px;} .tags_a a{padding:5px 10px; border-radius:3px; display:inline-block; margin-top:5px;} .tags_a a:hover{ background:#f90; color:#fff;} /*鏂伴椈瀛愭爮鐩?/ .news_sub_nav{ height:50px; border-bottom:solid 1px #eee; margin-bottom:20px;} .news_sub_nav span{ width:80px; display:inline-block; float:left; font-weight:bold; line-height:28px;} .news_sub_nav li{float:left;} .news_sub_nav a {display: inline-block; padding:0 15px; line-height:28px; border-radius:28px; font-size:14px;} .news_sub_nav a:hover{ background:#1463AA; color:#fff;} .news_sub_nav li.currclass a{ background:#1463AA; display: inline-block; padding:0 20px; line-height:28px; border-radius:28px; margin:0 5px; color:#FFFFFF; font-weight:normal;} /*鍥炬枃鍒嗛〉*/ .pic_art_list{} .pic_art_list dl{ padding:20px 0; height:150px; border-bottom:dotted 1px #CCCCCC;} .pic_art_list dl dt{ width:240px; float:left;} .pic_art_list dl dt a{width:240px; height:150px; display:block; overflow:hidden;} .pic_art_list dl dt img{width:240px; height:150px; } .pic_art_list dl dd{ transition:1s all; width:580px; float:right; margin-right:15px; box-sizing:border-box;} .pic_art_list dd:hover { margin-right:0px;} .pic_art_list dl dd h5{line-height:40px; font-size:18px; margin-bottom:10px;} .pic_art_list dl dd p{ line-height:24px; color:#666; font-size:13px; margin-bottom:10px;} .pic_art_list dl dd i{font-size:12px; font-style:normal; height:35px; line-height:35px; margin-right:20px; display:inline-block; color:#999; float:left;} .pic_art_list dl dd i.n_time{ background:url(../images/icon_time.png) no-repeat left center; padding-left:20px;} .pic_art_list dl dd i.n_tags{ background:url(../images/tags_pic.png) no-repeat left center; background-size:20px auto; padding-left:25px;} /*鏂伴椈鍒楄〃浜屽垎椤垫牱寮?/ .news_list_two{ width:1200px; position:relative; margin:auto;} .news_list_two li{float:left; width:384px; margin-right:24px; margin-bottom:25px; transition:0.3s all;} .news_list_two li:hover{ background:#f8f8f8;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .news_list_two li:nth-child(3n){margin-right:0;} .news_list_two li .pic{ width:100%; height:210px; overflow:hidden;} .news_list_two li .pic img{ width:100%; min-height:100%; display:block;transition:all 500ms ease-out 0s; } .news_list_two li:hover .pic img{ cursor:pointer; -webkit-transform:scale(1.1); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} .news_list_two li .txt{ padding:25px 15px; border:solid 0px #ddd; border-top:0; background:#FFF; } .news_list_two li .txt h5{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size:16px; margin-bottom:12px;} .news_list_two li .txt p{line-height:26px; color:#777; font-size:13px; height:60px; border-bottom:dotted 1px #ccc; margin-bottom:15px; padding-bottom:10px;} .news_list_two li .txt span{font-size:12px; color:#888;} .news_list_two li .txt span.time{background: url(../images/icon_time.png) left center no-repeat; padding-left: 20px; margin-right:30px;} .news_list_two li .txt span.view{background: url(../images/icon_read.png) left center no-repeat; padding-left: 20px;} /*鏂伴椈鍒楄〃*/ .news_one{ border-bottom:solid 1px #dedede; height:280px;} .news_one .news_pic{ width:410px; height:240px; overflow:hidden; } .news_one .news_pic img{width:100%;} .news_one .news_txt{width:730px;} .news_one .news_txt h5{font-size:22px; margin:15px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; } .news_one .news_txt p{ color:#555; line-height:24px; height:48px; overflow:hidden;} .news_one .news_txt span{font-size:12px; color:#888; margin-bottom:15px; display:inline-block;} .news_one .news_txt span.time{background: url(../images/icon_time.png) left center no-repeat; padding-left: 20px; margin-right:30px;} .news_one .news_txt span.view{background: url(../images/icon_read.png) left center no-repeat; padding-left: 20px; margin-right:30px;} .news_one .news_txt span.n_tags{background: url(../images/tags_pic.png) left center no-repeat; padding-left: 20px; background-size:16px auto;} .news_one a.more{width:160px; line-height:36px; overflow:hidden; background:#f8f8f8; border:solid 1px #ccc; display:inline-block; border-radius:52px; text-align:center; color:#333; margin-top:30px; transition:0.3s all; position:relative;} .news_one a.more:hover{border:solid 1px #0051B6; background:#0051B6; color:#fff;} .news_list{} .news_list dl{ padding:35px 0px; border-bottom:solid 1px #dedede; transition: all 1.0s;} /*.news_list dl:hover{ background:#f8f8f8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}*/ .news_list dl:hover{ background:#f8f8f8;} .news_list dt{ width:260px; height:150px; overflow:hidden} .news_list dt img{width:100%;} .news_list dd{width:820px;transition: all 1.0s;} .news_list dl:hover dd{padding-left:15px;} .news_list dd h5{ font-size:22px; width:780px; margin:20px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .news_list dd p{text-align:justify; line-height:24px; color:#666;} .news_list dd i{font-size:12px; color:#888; margin-top:15px; display:inline-block; font-style:normal;} .news_list dd i.time{background: url(../images/icon_time.png) left center no-repeat; padding-left: 20px; margin-right:30px;} .news_list dd i.view{background: url(../images/icon_read.png) left center no-repeat; padding-left: 20px; margin-right:30px;} .news_list dd span.n_tags{background: url(../images/tags_pic.png) left center no-repeat; padding-left: 20px; background-size:16px auto;} .page_side{width:280px; float:right; border:solid 0px #ddd; border-radius:0px;} .page_side_title{font-size:25px; padding: 20px 0; text-align: center; color:#fff; text-transform:uppercase; background:#00AD66;} .page_main{width:880px; padding:0 40px; float:left; background:#fff; box-sizing:border-box;} .page_main .page_main_title{font-weight:normal; border-bottom:solid 0px #ddd; padding-bottom:15px; margin-bottom:10px; background: url(../images/right_title_bg.jpg) repeat-x left bottom;} .page_main .page_main_title span{font-size:25px; margin-right:10px; border-bottom:solid 6px rgba(255,102,0,0.5); padding-bottom:9px;} /* 鏂伴椈鍐呭椤 */ .ntitle{padding:0px 0px 0px 0px;border-bottom: 0px solid #ddd;} .ntitle h2{font-size: 25px;margin-bottom: 15px; line-height:38px;} .ntitle span{font-size: 12px; color: #888; margin:0px 5px;} .art_info{margin-bottom:30px; color:#999; border-bottom: solid 1px #ddd;} .art_info em{position:relative;font-size:13px; display:inline-block; line-height:50px; font-style:normal; margin-right:25px;} .art_info em img{ margin:-3px 5px 0 0; vertical-align:middle;} .art_info em a{color:#999;} .share{ position:absolute; left:66px; top:15px; width:200px; transform: scale(0.76);} .ptitle{text-align: center;} .ptitle h2{font-size: 22px;} .neirong{margin: 25px 0px; line-height: 28px; text-align:justify;overflow: hidden;} .neirong img{max-width: 100%;} .neirong p{margin-bottom: 15px;font-size: 15px;} /* 鍐呭椤靛乏鍙 */ .page_side{width:280px; float:right; border:solid 0px #ddd; border-radius:0px;} .page_side_title{font-size:25px; padding: 20px 0; text-align: center; color:#fff; text-transform:uppercase; background:#00AD66;} .page_main{width:880px; padding:0 40px; float:left; background:#fff; box-sizing:border-box;} .page_main .page_main_title{font-weight:normal; border-bottom:solid 0px #ddd; padding-bottom:15px; margin-bottom:10px; background: url(../images/right_title_bg.jpg) repeat-x left bottom;} .page_main .page_main_title span{font-size:25px; margin-right:10px; border-bottom:solid 6px rgba(255,102,0,0.5); padding-bottom:9px;} /*--閫氱敤鐑棬鍏抽敭瀛?--*/ .sx_right_box{border:solid 1px #ddd; padding:15px 10px 10px 10px; box-sizing:border-box;} .sx_right_box h5{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd; background:url(../images/hot.png) no-repeat left 3px; padding-left:50px; margin-bottom:5px;} .sx_right_box h6{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd;} .tags_a{ margin-top:10px;} .tags_a a{padding:5px 10px; border-radius:3px; display:inline-block; margin-top:5px;} .tags_a a:hover{ background:#f90; color:#fff;} /*澶у閮藉湪鐪?/ .hot_read {margin-top: 0px;border: solid 1px #ddd;padding: 15px 15px 15px 15px; box-sizing: border-box; background:#fff;} .hot_read h6 {font-size: 15px;height: 30px;border-bottom: solid 1px #e8e8e8; margin-bottom:20px; } .hot_read li {line-height: 24px; margin-top:15px;} .hot_read li img{width:100%;} /*鍏充簬*/ .about_home{height:520px; background:#fff;} .about_home .left{ width:450px; height:520px; background:#f5f5f5; float:left; padding:100px 0 0 70px; box-sizing:border-box;} .about_home .left h2 {font-size: 48px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#000; margin-bottom:15px;} .about_home .left p{font-size:20px; line-height:38px;} .link_box {} .link_box a {display: inline-block; border: 1px solid #aaa; width: 43px; height: 43px;border-radius: 50%;float: left; margin-right: 24px; position: relative; overflow: hidden; transition: all 0.3s ease 0s;} .link_box .link1 i { background: url(../images/ico_01.png) no-repeat center;} .link_box .link2 i { background: url(../images/ico_06.png) no-repeat center;} .link_box i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s;} .link_box .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;} .link_box a:hover { border: 1px solid #2B58F9;background-color: #2B58F9;} .link_box a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #2B58F9;} .link_box a.link1:hover i {background: url(../images/ico_01_h.png) no-repeat center;} .link_box a.link2:hover i {background: url(../images/ico_06_h.png) no-repeat center;} .about_home .right{ width:688px;float:right; padding:50px 40px 0 0px; box-sizing:border-box;} .about_home .right h3 {font-size:32px; } /*.about_home .right h3:after{content:"";display: block;width:10px;background:#9a9a9a;height: 2px; margin:25px 0 20px 0; transition: 0.3s all;}*/ .about_home .right h4{margin-top: 10px;line-height:46px;color: #444;font-size: 17px; } .about_home .right p{font-size:14px; line-height:2; color:#777; text-align:justify; margin-bottom:10px;} /*浼佷笟鏂囧寲妯″潡*/ .mission-list-ctn {width:100%; min-width:1200px;height: 520px; position: relative;background:url(../images/culture02.jpg) no-repeat center #333; background-size:cover;} .mission-list {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;z-index: 300;color: white;} .mission-list-item {flex: 1;position: relative;} .mission-back {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;filter: brightness(.6);} .mission-list-item {display: flex;flex-direction: column;justify-content: center;align-items: center; border-right: 1px solid rgba(255, 255, 255, .2);} .mission-list-ctn * {transition: .3s;} .mission-list-item:last-of-type {border-right: none;} .mission-title {font-size: 32px;} .mission-desc {max-width: 60%;} .mission-desc p {margin: 0; font-size:18px;line-height: 1.5em;height: 0;overflow: hidden;} .mission-list-item.active p {height: 3em;} .mission-list-item.active .mission-title {margin-bottom: .5rem;} .mission-list-item.active {flex: 2;} /*浼樺娍*/ .youshi{ min-width:1200px;} .youshi .left{width:646px; float:left;} .youshi .right{width:577px; height:440px; float:right; background:#0051B6; position:absolute; right:0; top:51px; padding:50px 80px; box-sizing:border-box;} .youshi .right h3{font-size:60px;color: rgba(255, 255, 255, 0.1); } .youshi .right h4{font-size:30px; color:#fff; margin:10px 0 15px 0; font-weight:normal;} .youshi .right p{line-height:2; color:#fff;} .youshi .right ul{ padding-top:40px;} .youshi .right li{float:left; color:#fff; text-align:center; margin-right:80px;} /*---------------*/ .ganxie{ position:relative; overflow:hidden; text-align:center;} .ganxie img{width:100%; display:block;} .ganxie .txt{width:100%; position:absolute; top:50%; margin-top:-20px; text-align:center; font-size:42px; color:#fff;} .about_box9{ background:url(../images/intro-list6-bg.jpg) no-repeat center; height:670px; min-width:1200px;} .about_box9 .left{ float:left; font-size:24px; width:440px; line-height: 48px; padding-top:266px;} .about_box9 .left span{color:#e60039;} .about_box9 .left span strong{font-size:36px;} .about_box9 .right{float:right; padding-top:50px;} .about_box1{ height:660px; overflow:hidden; background:#1d1b1b; background-size:cover; position:relative} .about_box1 .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); } .about_box1 .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;} @-webkit-keyframes play{ 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } @-moz-keyframes play{ 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @keyframes play{ 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } .about_box1 .txt{position:absolute; text-align:center; width:900px; top:240px; left:50%; margin-left:-450px;} .about_box1 .txt h3{font-size:36px; font-weight:normal; color:rgba(255,255,255,0.9)} .about_box1 .txt h3:after{content:"";display: block;width: 25px;background:rgba(255,255,255,0.5);height: 2px; margin:25px auto; transition: 0.3s all;} .about_box1 .txt p{font-size:15px; line-height:38px; font-weight:normal; color:rgba(255,255,255,0.8);} /*鑱旂郴*/ /* 鑱旂郴鎴戜滑妯″潡 */ .contact_box{position: relative;width: 100%;height:580px; box-sizing:border-box; min-width:1200px;} /*.bg-video{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 1;}*/ .contact_box .bg{position:absolute; left:0;top:0;width: 100%;height: 100%;z-index: 2; background:rgba(0,0,0,0.3);} .contact_box .txt{position:absolute; width:100%; height:100%; z-index:4;} .contact_box dl,.contact_box dt,.contact_box dd{ height:100%; overflow:hidden} .contact_box dt,.contact_box dd{ float:left; width:25%; border-right:rgba(255,255,255,0.2) 1px solid; box-sizing:border-box;} .contact_box dl dd{ position:relative;} .contact_box dl dd:before{ content:""; position:absolute; right:0; z-index:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .contact_box dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFD5042C', endColorstr='#BFD5042C');background:rgba(213,4,44,0.75);} :root .contact_box dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D5042C', endColorstr='#00D5042C');}/*for IE9*/ :root .contact_box dl dd:before{filter:none;}/*for IE9*/ .contact_box dl dd:hover:before{ left:0; width:100%} .contact_box .table_cell{ position:absolute; z-index:99; width:100%; text-align:center;} .contact_box dt{ box-sizing:border-box; padding:150px 15px 0 15px;} .contact_box dt h3{font-size:50px;color:#fff;font-family:Impact; font-weight:normal;} .contact_box dt h4{ font-size:22px; color:#fff; font-weight:normal; margin:15px 0 10px 0;} .contact_box dt h2{ font-size:25px; color:#fff; margin-bottom:20px;} .contact_box dt h6{ font-size:14px; color:#fff; text-transform:uppercase;font-weight:normal;} .contact_box dd{text-align:center; padding-top:150px;} .contact_box dd h3{ } .contact_box dd h4{ font-size:22px; color:#fff; margin:10px 0 20px; text-transform:uppercase; } .contact_box dd h2{ font-size:32px; color:#fff; margin-bottom:10px;font-weight:normal;} .contact_box dd h5{ font-size:16px; color:#fff; font-weight:normal;} .contact_box dd h6{ font-size:16px; line-height:32px; color:#fff; text-transform:uppercase; font-weight:normal; margin-bottom:25px; padding:0 40px;} .contact_box dd h5 a{ font-size:0.875rem; color:#fff; text-decoration:underline} .contact_box dd ul{ font-size:0} .contact_box dd ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.25rem; } .contact_box dd ul li h5{ font-size:14px; margin-top:10px; color:#fff;} /*鍔犲叆鎴戜滑妯″潡*/ .join_us{height: 300px;background: url(../images/partner_bg.png) bottom/1920px no-repeat;} .join_us p {padding-top: 86px;margin-bottom: 48px;font-size: 36px;text-align: center;text-shadow: 0 2px 4px rgba(6,25,50,.89); color:#fff;} /*鏀剁缉鑿滃崟*/ .faq_box{margin-bottom:15px; clear:both;} .v{float:right;width:44px;height:16px;overflow:hidden;display:inline-block;} .v01{background:url(../images/jian01.png) no-repeat;} .v02{background:url(../images/jian01_on.png0) no-repeat;} .vtitle{line-height:36px; padding:10px 20px 10px 30px; background:#fff; cursor:pointer; text-overflow: ellipsis;white-space: nowrap; overflow:hidden; font-size:18px;} .vtitle span{display:inline-block; background:#ff6b6b; color:#fff; width:25px; line-height:25px;border-radius:100%; font-size:14px; text-align:center; margin-right:5px; vertical-align:middle;} .vtitle em{margin:10px 10px 0 0;} .vcon{padding:0px 0px; background:#fff; display:none;} .vcon_box{ padding:20px 5px; line-height:30px; font-size:14px; box-sizing:border-box; border-top:solid 1px #ddd; width:96%; margin:auto;} .vcon_box .tit1{background:url(../images/jr_tit1.jpg) no-repeat left 8px; font-size:15px;padding-left:20px; height:36px;font-weight:bold;} .vcon_box .tit2{background:url(../images/jr_tit2.jpg) no-repeat left 8px; font-size:15px;padding-left:20px; height:36px;font-weight:bold;} /*鏇村*/ .more_big a{width:160px; line-height:36px; overflow:hidden; background:rgba(255,255,255,0.1); display:inline-block; border:solid 1px rgba(255,255,255,0.6); border-radius:52px; text-align:center; color:#fff; transition:0.3s all; position:relative;} .more_big a:hover{border:solid 1px #B71745; background:#B71745; color:#fff;} /*鏀惧ぇ鍔ㄧ敾*/ .anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:10} .anim:before{position:relative;content:'';display:block;margin-top:100%} .anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%} .hoverable{overflow:hidden} .hoverable .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s} .hoverable .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s} .hoverable .anim,.hoverable .anim:after{animation-iteration-count:infinite;animation-duration:1.3s} @-webkit-keyframes anim-in{0%{width:0}100%{width:100%}} @-moz-keyframes anim-in{0%{width:0}100%{width:100%}} @-ms-keyframes anim-in{0%{width:0}100%{width:100%}} @keyframes anim-in{0%{width:0}100%{width:100%}} @-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-webkit-keyframes anim-out{0%{width:0}100%{width:100%}} @-moz-keyframes anim-out{0%{width:0}100%{width:100%}} @-ms-keyframes anim-out{0%{width:0}100%{width:100%}} @keyframes anim-out{0%{width:0}100%{width:100%}} @-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-webkit-keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-1700px)rotate(600deg); transform: translateY(-1700px)rotate(600deg) } } @keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-1700px)rotate(600deg); transform: translateY(-1700px)rotate(600deg) } } @-webkit-keyframes square_z { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-700px)rotate(500deg); transform: translateY(-700px)rotate(500deg) } } @keyframes square_z { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-700px)rotate(500deg); transform: translateY(-700px)rotate(500deg) } } /*404*/ .page_msg {padding: 50px;} .page_msg h5 { line-height: 60px;border-bottom: 1px solid #ddd;margin-bottom: 10px; font-size:25px; text-align:center;} .page_msg_con {color: #999; line-height:40px; text-align:center;padding: 25px 0;} .page_msg_con i {font-size:100px;color: #ddd; margin-bottom:10px;} /*鍐呴〉鍒嗛〉*/ .search-pagination{text-align:center; margin:50px 0 20px 0;} .pagination li {display: inline-block;margin:0 3px; } .pagination li a{display: inline-block;font-size: 15px;min-width: 46px;height: 46px;line-height: 46px; box-sizing: border-box; padding:0 20px; box-sizing:border-box;transition: 0.3s; background:#e8e8e8; border:solid 0px #ddd;} .pagination li.active a,.pagination li a:hover{color: #fff !important;background-color:#0051B6;border:solid 0px #c00;} /*鑷畾涔夊垎椤靛紑濮?/ .mypages{width:600px; overflow:hidden; margin-left:10px;} .mypages .clumb{width:12px; height:22px; background:url(images/a-1.jpg) no-repeat; display:block;float:left; margin-right:5px;} .mypages .num{width:22px; height:22px; float:left; background:#a2a2a2; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#4b4b4b;} .mypages .num:hover,.mypages .hover{background:#000; color:#FFF;} .mypages .clumb:hover{background-position:0 -22px;} .mypages .clumb_n{width:12px; height:22px; background:url(images/a-1.jpg) no-repeat; background-position:-12px 0; display:block;float:left; margin-left:4px;} .mypages .clumb_n:hover{background-position:-12px -22px;} .mypages .curr{width:22px; height:22px; float:left; background:#e0e0e0; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#000; } /*鍒嗛〉2*/ .mypage_2{font-size: 0;text-align: center;overflow: hidden;} .mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;} .mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;} .mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;} .mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;} .mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 74px;text-align: left;background-repeat: no-repeat;} .mypage_2 > *:first-child {padding-left: 30px;border-left: solid 1px #e8e8e8;background-position: 15px center;background-image: url(../images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;} .mypage_2 > *:last-child {padding-left: 22px;background-position: 55px center;background-image: url(../images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;} /*鎼滅储鍒嗛〉*/ #fenye{ margin:10px;} #fenye table{ margin:auto;} #fenye .prev,#fenye .next{text-align:center;} #fenye a.curr,#fenye a:hover{background:#0051B6; color:#FFFFFF;} #fenye a{background:#e8e8e8; padding:8px 15px; color:#333; font-size:14px; border-radius:3px;} /*寤鸿鍙嶉*/ .note_red{ font-size:14px; color:#e72427; margin:0 10px;} .note_arrow{ color:#999; display:inline-block; background:url(../images/note.gif) no-repeat left center; padding-left:24px; margin-left:10px;} .fill_textarea{ width:500px; padding:10px 5px; height:120px; border:solid 1px #ddd;} .fill_textarea:hover{border:solid 1px #ccc; background:#f8f8f8;} table.fill_table_c{ clear:both; margin:0px auto 10px auto;} table.fill_table_c input.fill_text{ width:240px; padding:10px 5px; border:solid 1px #ddd;} table.fill_table_c input.fill_text:hover{border:solid 1px #ccc; background:#f8f8f8;} table.fill_table_c th,table.fill_table_c td{ vertical-align:top; line-height:2em; padding:10px 5px;} table.fill_table_c th{ font-size:14px; font-weight:normal; text-align:right;} table.fill_table_c img{ vertical-align:middle; margin:0 10px;} table.fill_table_c input.orange_btn{ width:250px; height:50px; line-height:50px;} input.orange_btn{ border:none; font-size:20px; cursor:pointer; text-align:center; color:#fff; background:#4BB344; data-aos="fade-up"} input.orange_btn:hover{ background:#f90; color:#fff; text-decoration:none;} /*鍏ㄧ珯鎼滅储begin*/ .searchbody{width:100%; margin:0px auto;} .searchbody .tit{background:#FAFFF9 url(btn.png) no-repeat 8px 6px; border:#E2F3DE 1px solid; height:31px;line-height:31px;font-size:12px;color:#555;padding-left:5px; margin-bottom:25px;} .searchbody .tit span{ color:red; font-weight:bold;} .searchbody .kuaisou{ margin:0px 10px 20px 0px;} .searchbody .kuaisou .i{ height:23px; line-height:23px;width:305px; padding-left:15px; color:#333;} .searchbody .kuaisou #m{margin-left:5px;height:28px; line-height:22px; width:80px; border:none;} /*鍚戜笂*/ .cd-top { display: inline-block; height: 46px; width: 46px; position: fixed; bottom: 40px; right: 5px;border-radius: 50%; /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0, 0, 0, 0.15) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* 濡傛灉鐢ㄦ埛缁х画鍚戜笅婊氬姩,杩欎釜鎸夐挳鐨勯€忔槑搴︿細鍙樺緱鏇翠綆 */ opacity: .5; } .no-touch .cd-top:hover { background-color: #e72427; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 10px; bottom: 50px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 46px; width: 46px; right: 5px; bottom: 50px; } } .cd-top:hover{background-color:#e72427;transition: all 0.3s ease 0s;} /*鏇村*/ .lookmore{ text-align:center; margin-top:25px;} .lookmore a{display:inline-block;border: #ddd 1px solid; border-radius:5px;width:1.8rem; line-height:.5rem; color: #565656; position:relative;overflow:hidden; transition:0.5s all;} .lookmore a span{ position:relative; z-index:10} .lookmore a:hover{color:#fff;border:#2B58F9 1px solid;background: #2B58F9; transition-delay:0.36s} @-webkit-keyframes criss-cross-left { 0% { left: -.2rem; } 50% { left: 50%; width: .2rem; height: .2rem; } 100% { left: 50%; width: 3.75rem; height: 3.75rem; } } @keyframes criss-cross-left { 0% { left: -.2rem; } 50% { left: 50%; width: .2rem; height: .2rem; } 100% { left: 50%; width: 3.75rem; height: 3.75rem; } } @-webkit-keyframes criss-cross-right { 0% { right: -.2rem; } 50% { right: 50%; width: .2rem; height: .2rem; } 100% { right: 50%; width: 3.75rem; height:3.75rem; } } @keyframes criss-cross-right { 0% { right: -.2rem; } 50% { right: 50%; width: .2rem; height: .2rem; } 100% { right: 50%; width: 3.75rem; height: 3.75rem; } } .btn-11 { position: relative; color: #2B58F9; } .btn-11:before, .btn-11:after { position: absolute; top: 50%; content: ''; width: .2rem; height: .2rem; background: #2B58F9; border-radius: 50%; } .btn-11:before { left: -.2rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* animation: criss-cross-left 0.8s reverse; */ } .btn-11:after { right: -.2rem; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); /* animation: criss-cross-right 0.8s reverse; */ } .btn-11:hover:before, .btn-11:hover:after { /* @include size($btn-width); */ } .btn-11:hover:before { -webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both; } .btn-11:hover:after { -webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both; } /*鍙充晶鎮诞*/ .cndns-right{position:fixed;right:2px;bottom:180px; z-index:100} .cndns-right-meau{position:relative;margin:0 0 5px} .cndns-right-btn{width:44px;height:auto;overflow:hidden;padding:11px 0;text-align:center;display:block;position:relative;background-color:#596efb;border-radius:5px;box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);} .meau-contact .cndns-right-btn{background-color:#fa0;} .cndns-right-btn p{font-size:12px;line-height:16px;padding-top:6px;color:#fff;margin:0 auto} .demo-icon{width:22px;height:22px;display:block;background:url(../images/fuDong1.png) no-repeat;margin:0 auto} .demo-icon1{background-position:0 0} .demo-icon2{background-position:0 -22px} .demo-icon3{background-position:0 -88px} .demo-icon4{background-position:0 -66px} .cndns-right-box{position:absolute;top:0;right:29px;padding-right:25px;display:none} .cndns-right-box:after{content:'';position:absolute;right:18px;top:15px;width:13px;height:13px;border-radius:2px;background-color:#fff;border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);transform:rotate(45deg)} .cndns-right-btn:hover{background-color:#5064e6} .cndns-right-box .box-border{padding:20px 30px 24px;width:200px;height:auto;overflow:hidden;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.15);-moz-box-shadow:0 0 8px rgba(0,0,0,.15);box-shadow:0 0 8px rgba(0,0,0,.15);position:relative} .meau-cord .cndns-right-box .box-border{width:260px;padding:20px; text-align:center;} .meau-cord .cndns-right-box .box-border img{width:125px;} .box-border p{font-size:14px;color:#666;line-height:32px;padding-left:24px;margin:0} .box-border p a{font-size:14px;color:#666;line-height:32px;display:block} .box-border .wz1{font-size:18px;color:#333;padding:0 0 8px} .box-border .wz2{background:url(../images/fuDo1.png) left 8px no-repeat} .cndns-right-meau:hover .cndns-right-box{display:block} .cndns-right .hide{ display:none;}