.unify_wh{ width: 1200px; height: 600px; position: absolute; margin-top: -300px; margin-left: -600px; top: calc(50% + 30px); left: 50%; } .unify_top{ text-align: center; line-height: 363px; font-size: 44px; color: #fff; } .unify_title{ font-size: 50px; color: #fff; line-height: 1; } .unify-scroll::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 0; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 1px; } .unify-scroll::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 0; -webkit-box-shadow: inset 0 0 5px rgba(228, 228, 228, 0.973); background: #bebebe; } .unify-scroll::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 5px rgba(228, 228, 228, 0.973); border-radius: 0; background: #EDEDED; } .pulse { overflow: initial } .pulse::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: inherit; border-radius: inherit; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; z-index: -1 } @-webkit-keyframes pulse-animation { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes pulse-animation { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) } } .index_box{ width: 100%; height: 860px; overflow: hidden; left: 0px; top: 0; position: relative; transition: all 1s; } .index_bg{ width: 100%; height: 675px; padding: 0px; opacity: 1; z-index: 0; background: url(../img/index_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; transform: scale(1.5); transition: all 4s; } .swiper-slide{ overflow: hidden; } .swiper-slide .unify_wh{ width: 1200px; height: 200px; position: absolute; margin-top: -180px; margin-left: -550px; top: calc(50% + 30px); left: 50%; } .index_box .index_nav{ position: absolute; bottom: 30px; } .index_nav .swiper-pagination-bullet{ width: 40px; height: 4px; background: #fff; border-radius: 0; opacity: 1; } .index_nav .swiper-pagination-bullet-active{ background: #0066ff; } .bg_size2{ transform: scale(1); } .bottom{ border-top: 4px solid #0066ff; } .bottom_box{ width: 1200px; margin: 30px auto 0; } .bottom_wx_qr{ margin-right: 42px; } .bottom ul{ display: inline-block; vertical-align: top; font-size: 15px; margin-right: 21px !important; } .bottom li{ float: none; color: #666; margin-bottom: 10px; font-size: 14px; } .bottom li a:hover{ color: #0066ff; } .bottom ul .bottom_head{ font-weight: 800; margin-bottom: 20px; } .bottom_line{ height: 300px; border-right:1px solid #eaeaea; display: inline-block; } .bottom_contact li{ margin-bottom: 0; /* line-height: 1.2; */ } .view-bg{ background-position: center center; background-repeat: no-repeat; background-size: cover; } .profile_box_1 h2{ font-size: 60px; font-weight: 400; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 1; } .profile_box_1 h3{ font-size: 38px; font-weight: 400; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); line-height: 1.5; } .profile_box_1 span{ font-size: 28px; font-weight: 400; font-style: normal; color: rgb(255, 255, 255); } .profile_box_1 .line{ width: 50px; height: 4px; background: #0066ff; margin-top: 50px; } /* .profile_view_2{ height: 600px; margin-top: -300px; color: #fff; position: absolute; top: 50%; left: 50%; width: 1250px; margin-left: -625px; } */ .profile_view_2 h2{ text-align: center; font-size: 44px; font-weight: 400; color: #fff; margin-bottom: 50px; } .profile_view_4 img{ max-width: 1200px; } /**鍏充簬鎴戜滑婊氬姩鏉?*/ .about-scroll{ position: relative; width: 700px; height: 360px; font-size: 16px; color: #fff; overflow-x: hidden; overflow-y: auto; } .scroll-obj{ position: relative; text-align: justify; /* width: 920px; */ } .scroll-obj p{ line-height: 26px; text-indent: 2em; margin-bottom: 18px; } .text_up{ position: absolute; bottom: 0; left: 0; height: 50px; width: 130px; line-height: 50px; font-size: 16px; border: 1px #ccc solid; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .text_up:hover{ -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .text_html{ padding: 20px; } .text_html p{ font-size: 16px; text-indent: 2em; margin-bottom: 20px; } /* 鍙充晶瀵艰埅鏍 */ .fixed-view-ico { position: fixed; _position: absolute; left: auto; right: 25px; top: 50%; z-index: 999; width: 17px; height: 120px; margin-top: -60px; } .fixed-view-ico a { position: relative; display: block; width: 9px; height: 36px; margin-bottom: 12px; background-color: #fff; } .fixed-view-ico a:hover, .fixed-view-ico .cur { background-color: rgb(0, 102, 255); } .fixed-view-ico a span{ display: inline-block; width: 0px; position: absolute; right: 20px; font-size: 14px; line-height: 36px; height: 36px; font-weight: bold; color: #fff; text-align: right; overflow: hidden; transition:all ease-in 0.4s ; } .fixed-view-ico a:hover span{ width: 120px; } .profile_right img { /*border: 2px solid #fff; box-shadow: 0 0px 15px 1px #e3e3e3; -moz-box-shadow: 0 0px 15px 1px #e3e3e3; -webkit-box-shadow: 0 0px 15px 1px #e3e3e3;*/ } /* .profile_right_item{ width: 306px; margin: 0 auto; height: 225px; } .profile_right_icon{ width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px solid #fff; border-radius: 50%; font-size: 40px; color: #fff; margin: 0 auto 10px; } .profile_right p { font-size: 16px; color: #fff; } */ /* 鍙戝睍鍘嗙▼ */ .profile_view_6{ width: 1200px; height: 600px; position: absolute; margin-top: -300px; margin-left: -600px; top: calc(50% + 30px); left: 50%; } /* 鍙戝睍鍘嗙▼ */ #middle {overflow-x: hidden;height: 490px;} #middle .process{width: 1200px;margin: 0 auto;height: auto;} #middle .process .process_title{height: 135px;width: 100%; } #middle .process .process_title h1{width: 100%;font-size: 18px;padding-top: 40px;color: #344385;} #middle .process .process_title h2{width: 100%;font-family: "dincond-regular";font-size: 34px;color: #ccc;color: #344385;} #middle .process .process_ul{width: 100%;} #middle .process .process_ul li{width: 100%;height: 490px;overflow-x: hidden; overflow-y: auto;line-height: 26px; letter-spacing: normal;} #middle .process .process_ul li:hover{transition-duration:400ms;transition-duration:400ms;} #middle .process .process_ul li .time_text{width: 345px;height: auto;float: left;padding-top: 40px;padding-left: 22px;position: absolute;} #middle .process .process_ul li .time_text h1{font-size: 65px;font-family:"dincond-regular";font-weight: bold;color: #f5bc3b;*font-size: 36px;font-size: 34px !important;} #middle .process .process_ul li .time_text h1 em{font-size:44px;font-family:"寰蒋闆呴粦";font-weight:normal;color: #f5bc3b;} #middle .process .process_ul li .time_text p{font-size: 18px;} #middle .process .process_ul li .process_content{margin-left: 360px;margin-top: 0px;border-left: 1px solid #e1e1e1;padding: 40px 0 27px 0;} #middle .process .process_ul li .garden{ width: 25px;height: 25px;border-radius: 50%;background: #99b7e0;margin: auto;z-index: 1;display: inline-block; position: absolute;left: -5px;} #middle .process .process_ul li .garden_2 {width: 15px; height: 15px;margin-top: 5px;margin-left: 5px; border-radius: 50%; background: #fff;line-height: 15px;text-align: center;} #middle .process .process_ul li .process_content .process_dot{margin-left:-8px;padding-left: 25px;padding-bottom: 20px;} #middle .process .process_ul li .process_content .process_dot .info{padding-left: 15px;} #middle .process .process_ul li .process_content .process_dot .info h1{font-size: 18px;width: 723px; font-weight: 700; color: #fff;} #middle .process .process_ul li .process_content .process_dot .info p{width: 723px;font-size: 16px; color: #fff;} /* 鍒涘浜虹畝浠 */ .founder_scroll { height: 360px; color: #fff; font-size: 16px; overflow-x: hidden; overflow-y: auto; } .founder_left img{ width: 300px; height: 300px; border-radius:50%; } .founder_right{ width: 830px; color: #fff; height: 470px; } .founder_name{ font-size: 32px; font-weight: 400; } .founder_name_fu{ opacity: 0.8; font-size: 18px; font-weight: 400; } .founder_txt{ color: #fff; font-size: 16px; } .founder_txt p{ line-height: 26px; text-indent: 2em; margin-bottom: 16px; } /* 浼佷笟鏂囧寲 */ .culture_list li{ width: 25%; height: 235px; background: #fff; transition: all .3s; position: relative; overflow: hidden; } .culture_list li img{ position: absolute; z-index: 1; width: 100%; height: 100%; display: block; opacity: .2; } .culture_list li:hover{ /* background: #ef8414; */ color: #fff; } .culture_list li::after{ content: ''; position: absolute; bottom: -50%; right: -50%; width: 0; height: 0; transition: all .3s; background: #0066ff; border-radius: 50%; } .culture_list li:hover::after{ content: ''; width: 500px; height: 500px; } /* .culture_list li:hover h3{ padding-left: 10px; color: #0066ff; border-left: 2px solid #0066ff; } */ .culture_text{ padding: 15px 15px 0 20px; position: relative; z-index: 1; } .culture_text h3{ font-size: 26px; line-height: 1; margin-bottom: 15px; } .culture_text p{ font-size: 16px; text-align: justify; } /* 鑽h獕璧勮川 */ .campus-view{ margin-top:-250px; } .campus-view .g-tl{ color:#3870a3; } .campus-cont{ margin-top: 40px; } .campus-cont .btn{ position: absolute; /* bottom: -70px; */ display: inline-block; width: 55px; height: 54px; background: #ccccccd1; line-height: 54px; text-align: center; color:#fff; } .campus-cont .btn.prev{ /* left: 42%; */ left: 0px; top: 50%; margin-top: -25px; } .campus-cont .btn.prev:hover, .campus-cont .btn.next:hover { background: #0066ff; } .campus-cont .btn.next{ /* right: 42%; */ right: 0px; top: 50%; margin-top: -25px; } .campus-cont .cont{ position: relative; width: 1000px; margin: 0 auto; overflow: hidden; height: 308px; } .campus-cont .cont ul{ width: 105%; position: absolute; left: 0; top: 0; } /*.campus-cont .cont li{ position: relative; width: 219px; height: 320px; background: #fff; margin-right: 13px; box-shadow: 0 2px 5px rgba(0,0,0,.1); }*/ .campus-cont .cont li{ position: relative; width: 320px; height: 308px; background: #fff; margin-right: 20px; box-shadow: 0 2px 5px rgba(0,0,0,.1); } .campus-cont .cont li a{ display: block; height: 302px; border-bottom: 6px solid #c3c3c3; } .campus-cont .cont li img{ padding-top: 15px; max-width: 100%; margin: 0 5% 0; width: 90%; } .campus-cont .cont li strong{ padding:0 18px 0; font-weight: bold; font-size: 16px; line-height: 24px; overflow: hidden; color: #444; } .campus-cont .cont li p{ padding: 10px 8px; line-height: 22px; overflow: hidden; text-align: center; } .campus-cont .cont li span.arrow b{ display: inline-block; width: 26px; height: 25px; background: url(../img/join_icon01.jpg) no-repeat ; margin-right: 12px; float: left; } .campus-cont .cont li span.arrow{ position: absolute; left: 22px; bottom: 19px; display: inline-block; line-height: 25px; } .campus-cont .cont li a:hover ,.campus-cont .cont li a:hover strong,.campus-cont .cont li:hover span.arrow{ color: #2173bc; } .campus-cont .cont li:hover span.arrow b{ background-position: -26px 0; } .campus-cont .cont li .line{ position: absolute; display: inline-block; width: 0; height: 6px; left: 0; bottom: 0; background: #2173bc; } .science_view_2 .campus-cont .btn{ top: 145px; width: 40px; height: 70px; font-size: 20px; line-height: 70px; text-align: center; } .science_view_2 .campus-cont .btn.prev{ left: 0; } .science_view_2 .campus-cont .btn.next{ right: 0; } .science_view_2 .campus-cont .cont{ width: 1060px; height: 340px; } .science_view_2 .campus-cont .cont li{ width: 340px; height: 340px; } .science_view_2 .campus-cont .science_2_li strong{ font-size: 18px; margin: 15px 0 10px 0; display: block; text-align: center; } .science_view_2 .campus-cont .science_2_li p{ font-size: 14px; color: #7d7d7d } .science_view_2 .campus-cont .cont li a{ height: 334px; } /* */ .science_view_3 .campus-cont .btn{ top: 145px; width: 40px; height: 70px; font-size: 20px; line-height: 70px; text-align: center; } .science_view_3 .campus-cont .btn.prev{ left: 0; } .science_view_3 .campus-cont .btn.next{ right: 0; } .science_view_3 .campus-cont .cont{ width: 1060px; height: 470px; } .science_view_3 .campus-cont .cont li{ width: 300px; height: 470px; margin-right: 70px; background: none; box-shadow: none; } .science_view_3 .campus-cont .cont li a:hover strong{ color: #fff; } .science_view_3 .campus-cont .cont li a:hover img{ transform: scale(1.1) } .science_view_3 .campus-cont .cont li img{ border-radius:50%; transition: all .3s; } .science_view_3 .campus-cont .science_3_li strong{ font-size: 18px; margin: 15px 0 10px 0; display: block; color: #fff; } .science_view_3 .campus-cont .science_3_li p{ font-size: 16px; color: #fff; } .science_view_3 .campus-cont .cont li a{ height: 470px; cursor: pointer; } .science_view_4{ width: 1200px; height: 573px; margin-top: -286.5px; margin-left: -600px; position: absolute; top: 50%; } .science_view_4 .science_list li{ width: 168px; text-align: center; margin-left: 38px; } .science_view_4 .science_list li .science_list_icon{ width: 130px; height: 130px; border: 1px solid #fff; text-align: center; line-height: 130px; font-size: 60px; margin: 20px auto; border-radius: 50%; color: #fff; overflow: hidden; cursor: pointer; } .science_view_4 .science_list li .science_list_icon .gun, .science_view_4 .science_list li .science_list_icon .gun2 { display: block; transition: all .3s; } .science_view_4 .science_list li .science_list_icon:hover .gun, .science_view_4 .science_list li .science_list_icon:hover .gun2 { transform: translateY(-130px); } .science_view_4 .science_list li:first-child{ margin-left: 0; } .science_view_4 .science_list li img{ width: 168px; margin-bottom: 30px; } .science_view_4 .science_list li p{ font-size: 16px; color: #fff; line-height: 1; } .transfer_view_4 h2{ margin-bottom: 120px; } .transfer_3_box{ width: 920px; margin: auto; } .transfer_3_box .kuan{ width: 250px; height: 80px; border: 1px solid #fff; line-height: 80px; text-align: center; vertical-align: middle; margin: 0 auto; transition: all .3s; } .transfer_3_box .kuan:hover, .transfer_3_box .txt_kuan:hover { background: #003677; border: 1px solid #003677; } .transfer_3_box .kuan img{ vertical-align: middle; height: 50px; } .transfer_3_box .transfer_text_box{ line-height: 200px } .transfer_3_box .txt_kuan{ width: 200px; height: 200px; font-size: 18px; border-radius: 50%; text-align: center; border: 1px solid #fff; line-height: 2; display: table; transition: all .3s; } .transfer_3_box .jiantou{ display: table; } .transfer_3_box .jiantou img{ vertical-align: middle; text-align: center; } .transfer_3_box .txt_kuan span{ display: table-cell; vertical-align: middle; text-align: center; } /* .transfer_box .transfer_list { margin-top:-20px; margin-left: -20px; } */ .transfer_box .transfer_list a{ width: 420px; height: 110px; display: inline-block; background: #fff; /* margin: 0 20px 20px 0; */ float: left; text-align: center; line-height: 110px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .transfer_box .transfer_list a:nth-child(3n){ margin-right: 0; } .transfer_box .transfer_list a img{ vertical-align: middle; transition: all .3s; } .transfer_box .transfer_list a:hover .img_show{ transform: translateX(10px) } .transfer_num{ text-align: center; } .transfer_num span{ width: 10px; height: 10px; margin: 0 5px; background: #fff; opacity: 1; } .transfer_num .swiper-pagination-bullet-active{ background: #0066ff; } .transfer_5_join .transfer_join_img{ height: 166px; width: 299px; line-height: 166px; } .transfer_5_join .transfer_join{ height: 167px; width: 299px; font-size: 30px; text-shadow: 0px 2px 6px #666; } #transfer_box2{ width: 900px; } #transfer_box2 .transfer_list a{ width: 299px; } .news_banner{ /* width: 560px; */ } .news_banner_box{ width: 560px; } .news_title{ margin-top: 80px ; margin-bottom: 50px; line-height: 1; } .news_nav a{ display: inline-block; width: 156px; height: 45px; line-height: 45px; font-size: 20px; border: 1px solid #fff; color: #fff; text-align: center; margin-left: 40px; transition: all .3s; border-radius: 3px; } .news_nav .active, .news_nav .on, .news_nav a:hover { background: #fff; color: #0066ff; } .news_scroll{ /* position: absolute; */ right: 0; bottom: 0; } .news_img_list{ margin-right: -10px; width: 488px; } .news_img_list li{ margin-right: 10px; height: 78px; width: 110px; border: 2px solid #fff; } .news_img_list li img{ width: 100%; height: 100%; } .news_img_list .on{ border: 2px solid #f60; } .news_scroll .sPrev, .news_scroll .sNext { width: 31px; height: 82px; line-height: 82px; text-align: center; background: #eeeeee; display: block; } .news_scroll .nextStop, .news_scroll .prevStop{ /* opacity: .8; */ background: #eceef0; transition: all .3s; } .news_scroll .nextStop:hover, .news_scroll .prevStop:hover { background: #f60; color: #fff; } .news_brief{ width: 560px; } .news_brief_title{ font-size: 26px; color: #1b1b1b; padding-left: 15px; border-left: 4px solid #0066ff; margin-bottom: 30px; line-height: 1; } .news_brief p{ margin-top: 30px; font-size: 18px; color: #535353; text-indent: 2em; } .core_view_1{ height: 600px; width: 1200px; margin-top: -300px; margin-left:-625px; /* transform: translate3d(-50% ,-50% ,0) */ } .core_nav ul{ margin-left: 35px; } .core_nav li{ width: 140px; height: 50px; color: #fff; border: 1px solid #fff; margin-left: 21px; font-size: 20px; line-height: 50px; text-align: center; transition: all .3s; margin-bottom: 60px; cursor: pointer; } /* .core_nav li a{ color: #fff; } */ .core_nav li:first-child{ margin-left: 0; } .core_nav li:hover, .core_nav li.active, .core_nav li.on { background: #fff; color: #0066ff; } .core_nav li:hover a, .core_nav li.active a { color: #0066ff; } .core_item li{ height: 320px; background: #fff; } .core_pd{ padding: 30px; } .core_content{ width: 850px; height: 320px; color: #000; } .core_content h3{ color: #0066ff; font-size: 28px; font-weight: 700; margin-bottom: 30px; line-height: 1; } .core_content p{ color: #797979; font-size: 18px; } .core_content .core_more{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; text-decoration:none; width:112px; height:40px; line-height:40px; border:1px solid #0066ff; -moz-border-radius:2px; border-radius:2px; text-align:center; color:#0066ff; font-size:16px; cursor:pointer; overflow:hidden; margin-top: 25px; } .core_content .core_more:after,.core_content .core_more:before{ content:""; opacity:0; -webkit-transition:all .5s ease; -o-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease } .core_content .core_more:before{ background:#0066ff; height:100% } .core_content .core_more:hover{ color:#fff; background-color:#0066ff; } .core_content .core_more:hover:after{ opacity:1 } .core_content .core_more:hover:before{ opacity:1; width:100% } /* 鎴愬姛妗堜緥 */ .success_bg{ background: url(../img/success_bg.png) no-repeat center top fixed #0049cf; min-height: 100vh; } .success_box{ width: 1200px; margin: 0 auto; } .success_list{ margin-left: -35px; } .success_list li{ width: 376px; margin: 0 0 35px 35px; transition: all .3s; box-shadow: 0 4px 8px rgba(0,0,0,.1); } .success_list li .success_img { width: 376px; height: 270px; text-align: center; overflow: hidden; } .success_list li .success_img img{ width: 100%; height: 100%; transition: all .3s; } .success_list li .txt{ padding: 20px 10px; background: #fff; transition: all .3s; font-size: 16px; } .success_list li:hover img{ transform: scale(1.1) } .success_list li:hover .txt{ color: #0066ff; } .success_list li.hover:hover .txt{ color: #fff; background: #0066ff; } /* 鍛樺伐椋庨噰 */ .staff_bg{ background: #f2f2f2; } .staff_box{ width: 1300px; margin: 0 auto; } .staff_list{ margin-left: -35px; } .staff_list li{ width: 410px; margin: 0 0 35px 35px; transition: all .3s; box-shadow: 0 4px 8px rgba(0,0,0,.1); } .staff_list li .img { width: 410px; height: 290px; text-align: center; overflow: hidden; } .staff_list li .img img{ width: 100%; height: 100%; transition: all .3s; } .staff_list li .txt{ padding: 20px 10px; background: #fff; transition: all .3s; font-size: 16px; } .staff_list li:hover img{ transform: scale(1.1) } .staff_list li:hover .txt{ color: #0066ff; } .staff_list li.hover:hover .txt{ color: #fff; background: #0066ff; } /* 瑙嗛涓績 */ .video_bg{ position: relative; width: 1300px; margin: 30px auto 0;} .video_box{ width: 1300px; margin: 0 auto; } .video_list{ margin-left: -35px; } .video_list li{ width: 410px; margin: 0 0 35px 35px; transition: all .3s; box-shadow: 0 4px 8px rgba(0,0,0,.1); } .video_list li .img { width: 410px; height: 290px; text-align: center; overflow: hidden; } .video_list li .img img{ width: 100%; height: 100%; transition: all .3s; } .video_list li .txt{ padding: 20px 10px; background: #fff; transition: all .3s; font-size: 14px; } .video_list li:hover img{ transform: scale(1.1) } .video_list li:hover .txt{ color: #0066ff; } .video_list li.hover:hover .txt{ color: #fff; background: #0066ff; } /* 鎶€鏈腑蹇 */ .technology-box{} .technology-box .card-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .technology-box .card { width: 386px; float: left; margin: 0 5px 10px; border-radius: 5px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; -webkit-transition: box-shadow 0.5s; transition: box-shadow 0.5s; } .technology-box .card a { color: inherit; text-decoration: none; } .technology-box .card:hover { box-shadow: 0 0 50px rgba(0, 0, 0, 0.3); } .technology-box .card_thumb { height: 195px; overflow: hidden; background-color: #000; -webkit-transition: height 0.5s; transition: height 0.5s; } .technology-box .card_thumb img { display: block; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; } .technology-box .card:hover .card_thumb { height: 130px; } .technology-box .card:hover .card_thumb img { opacity: 0.6; -webkit-transform: scale(1.2); transform: scale(1.2); } .technology-box .card_body { position: relative; height: 40px; padding: 20px; -webkit-transition: height 0.5s; transition: height 0.5s; } .technology-box .card:hover .card_body { height: 106px; } .technology-box .card_title { margin: 0; padding: 0 0 10px 0; color: #000; font-size: 16px; font-weight: bold; text-transform: uppercase; } .technology-box .card_subtitle { margin: 0; padding: 0 0 10px 0; font-size: 16px; color:#025cac; } .technology-box .card_description { position: absolute; left: 20px; font-size:14px; right: 20px; margin: 0; padding: 0; color: #666C74; line-height: 25px; opacity: 0; -webkit-transform: translateY(45px); transform: translateY(45px); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0s; transition-delay: 0s; } .technology-box .card:hover .card_description { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .map_view_1{ height: 600px; width: 1000px; margin-top: -300px; margin-left: -500px; /* transform: translate3d(-50% ,-50% ,0); */ } .map_item{ padding-bottom: 15px; margin-bottom: 15px; /* border-bottom: 1px solid #ededed; padding: 15px 0 10px 0; */ border-bottom: 1px solid #eaeaea; } .map_item li{ vertical-align: top; line-height: 1; height: 40px; line-height: 40px; } .map_item .map_head a{ font-size: 20px; font-weight: 400; color: #4e4444; } .map_item li a{ color: #797979; font-size: 17px; margin-right: 30px; vertical-align: inherit; } .map_item li a:hover{ color: #0066ff } .contact_list li{ width: 33.33%; margin-top: 60px; margin-bottom: 60px; } .contact_list_box{ width: 240px; height: 180px; text-align: center; margin: auto; } .contact_list_box i{ font-size: 42px; color: #333; } .contact_list_box .line{ width: 40px; border-top: 2px solid #333; margin:10px auto 0; } .contact_list li .txt{ height: 105px; font-size: 18px; font-weight: 400; color: #333; } .contact_bg{ /* background: url(../img/contact_bg.png) no-repeat center top fixed #fdfdfd; */ background: #f2f2f2; /* min-height: 100vh; */ } /* .post_list { margin-bottom: 60px; } .post_list li{ font-size: 16px; color: #fff; display: inline-table; vertical-align: middle; float: none; } .post_list li p{ margin-bottom: 10px; } .post_list .weight{ font-size: 20px; } .post_list .post_rqstd{ margin-right: 130px; width: 400px; } .post_list .post_contact{ width: 400px; } */ /* .post_nav .post_prev, .post_nav .post_next { height: 165px; display: block; width: 32px; line-height: 165px; background: #fff; } .post_nav .post_prev:hover, .post_nav .post_next:hover{ color: #0066ff; } .post_nav .tempWrap{ float: left; } .post_nav ul{ width: 1226px; } .post_nav ul li{ width: 165px; height: 165px; margin-right: 10px; background: #fff; display: table; text-align: center; color: #626262; position: relative; cursor: pointer; } .post_nav ul li.on, .post_nav ul li:hover { color: #fff; } .post_nav ul li span{ display: table-cell; vertical-align: middle; font-size: 18px; position: relative; } .post_nav ul li .post_img{ position: absolute; width: 100%; height: 100%; background: #fff; } .post_nav ul li.on .post_img, .post_nav ul li:hover .post_img { position: absolute; width: 100%; height: 100%; background: #0041ff; } .post_nav ul li .post_img img{ opacity: .3; width: 100%; height: 100%; } .post_item{ min-height: 600px; } .post_item li{ width: 1370px; background: #fff; padding: 40px 35px; box-sizing: border-box; } .post_item_left { width: 780px; overflow-y: auto; max-height: 500px; } .post_item_left dt{ margin-top: 25px; } .post_item_left dt:nth-child(1){ margin-top: 0; } .post_item_left dl{ font-size: 18px; color: #0066ff; margin-bottom: 25px; } .post_item_left dd{ font-size: 16px; color: #707070; line-height: 36px; } .post_item_right p{ font-size: 16px; color: #707070; } .post_item_icon{ font-size: 70px; color: #0066ff; line-height: 1; margin-bottom: 10px; display: inline-block; } */ .post_table{ width: 100%; padding: 20px; font-size: 18px; text-align: center; } .post_table thead tr{ background: #f5f5f5; } .post_table td, .post_table th { position: relative; padding: 15px; min-height: 20px; line-height: 20px; font-size: 18px; } .post_table tr:nth-child(even) { /*background-color: #e5e5e5;*/ } .post_table tbody tr:hover{ background-color: #006bb5; color: #fff; cursor: pointer; } .post_table tbody tr:hover a{ color: #fff; } .post_note{ padding: 20px 30px; margin-top: 40px; color: #666; margin-bottom: 40px; } .post_note .note{ font-size: 16px; margin-bottom: 20px; } .post_note p{ margin-bottom: 10px; font-size: 16px; } .post_note p:last-child{ margin-bottom: 0px; } .search-click{ height: 66px; width: 150px; line-height: 66px; background: white; border-right: 1px solid #ccc; font-size: 20px; } .search-input{ width: 1000px; font-size: 20px; padding: 20px; } .search-button button{ width: 109px; height: 66px; background: #ff6a00; font-size: 20px; color: #fff; } .search-hover{ position: absolute; top: 66px; z-index: 111; } .search-hover a{ height: 50px; width: 150px; line-height: 50px; color: #333; display: block; background: #fafafa; font-size: 16px; border-bottom: 1px solid #dcdcdc; } .anchorBL{display:none;}