Top002262*/ *{margin: 0;padding: 0;border: 0;} .yc_tion{-webkit-transition: 0.3s; transition: 0.3s;} ul,ul li{list-style: none;} .Top002262 {position: relative; z-index: 500;height: 95px;} .Top002262 .header{margin: 0 auto;max-width: 1730px;height: 100%;padding: 0 20px;} .Top002262 .header-left{ float: left; width: 40%; display:table; height:100%;max-width: 198px;} .Top002262 .logo{ display:table-cell; vertical-align:middle;} .Top002262 .header-mid, .Top002262 .header-right{ float:right;} .Top002262 .header-menu li{ width:auto !important; margin-right:30px;} .Top002262 .header-menu li em{ padding:0 15px;position:relative;} .Top002262 .header-menu li em a{ line-height:95px; position:relative; font-size:15px; color:#333;} .Top002262 .header-menu li .sub{ width:130%; left:-15%; overflow:hidden; } .Top002262 .header-menu li .sub-menu{ padding:15px; text-align:center;} .Top002262 .header-menu li .sub-menu dt{ border-bottom:1px solid #f2f2f2;} .Top002262 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top002262 .header-menu li .sub-menu dt a{color:#666; -webkit-transition:0.3s; transition:0.3s;} .Top002262 .header-menu li .sub-menu dt a:hover{ background:none; color:#e60012; } .Top002262 .header-right dd{ float:left;margin:22px 0;} .Top002262 .header-right dd.top-search{background: url(../images/yc_menu_bkl.png) no-repeat center center/cover;} .Top002262 .lang{ line-height:50px; font-size: 16px; color: #ccc; padding-right:22px; } .Top002262 .lang a{ display:inline-block; padding:0 14px; color:#333; } .Top002262 .lang .cn{ color: #0a3190; } @media only screen and (max-width:768px ) { .Top002262 .lang a{ padding:0 5px } } .clearfix { clear: both; } .Top002262 .top-search{ position:relative; z-index:100;} .Top002262 .open-search{ background:url(../images/search.png) no-repeat center center ; width:50px; height:50px; display:block;} .Top002262 .open-search-show{ position:relative; background:none;} .Top002262 .open-search-show::before, .Top002262 .open-search-show::after{ position:absolute; content:''; width:60%; height:3px; background:#0a3190; top:50%; left:20%; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .Top002262 .open-search-show::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .Top002262 .search-box{ position:absolute; top:120%; right:0; z-index:100; display:none;} .Top002262 .search-box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;} .Top002262 .search-box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;} .Top002262 .search-box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px; /*right: 4px;*/ } @media only screen and (max-width:1680px ) { .Top002262 .header{max-width: 1530px;} } @media only screen and (max-width:1440px ) { /*.Top002262 .header{padding: 0 50px;}*/ .Top002262 .header-menu li{margin-right: 10px;} } @media only screen and (max-width:1366px ) { .Top002262 .header-menu li em{ padding:0 5px;} } @media only screen and (max-width:1180px ) { .Top002262 .header-menu li em{ padding:0 3px;} .Top002262 .header-menu li {margin-right: 0;} .Top002262 .lang{ padding-right:0; } } @media(max-width:1024px){ .Top002262 .lang{ padding-right:20px; } .Top002262 #header-menu{ position:fixed; right:-100%; top:0; display:none; background: #0a3190; z-index:500; padding-top:70px; width:70%; max-width:300px; height:100%; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s;} .Top002262 #header-menu.header-menu-show{ right:0;display: block;} .Top002262 #header-menu li em, .Top002262 #header-menu li em a{ border-bottom:0;} .Top002262 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.1);} .Top002262 #header-menu li em a{ font-weight:normal;} .Top002262 #header-menu li .sub-menu{ padding:5%;} .Top002262 #open_menu{ width:40px; height:30px;background:#0a3190; margin-left:8px; position:relative; z-index:999; -webkit-transition:background 0.3s; transition:background 0.3s;} .Top002262 #open_menu i, .Top002262 #open_menu i::before, .Top002262 #open_menu i::after{ background:#fff; border-radius:3px;} .Top002262 #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;} .Top002262 #open_menu.open_menu_on{ background: #0a3190; position:fixed; right:2%;} .Top002262 #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;} } @media only screen and (max-width:768px ) { .Top002262{height: 70px;} .Top002262 .open-search{height: 30px;width: 30px;} .Top002262 .header{padding: 0 20px;} .Top002262 .lang{ line-height:30px; padding-right:5px;} .Top002262 .header-right{ position:absolute; right:20px } } /*棣栭〉瀵艰埅*/ .index_header{position: absolute;left: 0;top: 0;width: 100%;} .index_header .logo img:nth-child(2){display: none;} .index_header .logos img:nth-child(1){display: none;} .index_header .logos img:nth-child(2){display: block;} .index_header{height: 110px;} .index_header .header{position: relative;} .index_header .index_header-left{float: left;height: 100%;display: table;} .index_header .index_header-right{height: 50px;width: 50px;position: absolute;right: 10px;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .index_header .index_header-right .menu-text {font-size: 16px; font-family: 'Baron-Neue';text-transform: uppercase; color: #fff; text-align: center; margin-top: 14px;position: relative;z-index: 666;} .index_header .index_header-right .menu-texts {font-size: 16px; font-family: 'Baron-Neue';text-transform: uppercase; color: #333; text-align: center; margin-top: 14px;position: relative;z-index: 666;} .index_header .lang{ position:absolute; right:8%; height:50px; line-height:50px; font-size: 16px;color: #fff; top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .index_header .lang a{ display:inline-block; padding:0 14px; color:#fff; line-height:20px;} .index_header .lang .cn{ color: #ffffff; } .index_header .langs{display: none;} .yc_menu{height: 100%;width: 100%;position: relative;cursor:pointer} .yc_menu i{position: absolute;width: 40px;height:3px;background: #fff;top: 50%; right: 0;margin: 0 auto;-webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; transition: 0.3s;} .yc_menu:after{display: block;content: '';position: absolute;width: 48px;height: 3px;background: #fff;top: 50%; right: 0;margin: 0 auto;-webkit-transform: translateY(-50%); transform: translateY(-50%);margin-top: 12px; -webkit-transition: 0.3s; transition: 0.3s;} .yc_menu:before{display: block;content: '';position: absolute;width: 48px;height:3px;background: #fff;top: 50%;right: 0;margin: 0 auto;-webkit-transform: translateY(-50%); transform: translateY(-50%);margin-top: -12px; -webkit-transition: 0.3s; transition: 0.3s;} .yc_menu.on i{ opacity: 0; } .yc_menu.on:after{ -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); margin-top: 0; background: #231815; } .yc_menu.on:before{ -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); margin-top: 0; background: #231815; } @media only screen and (max-width:1440px ) { /*.index_header .index_header-right{right: 70px;}*/ .index_header .lang{right:130px;} } @media only screen and (max-width:768px ) { .index_header .index_header-right{right: 20px;} .Top002262{height: 70px;} .Top002262 .logo{width: 120px;} .index_header .index_header-right{width: 30px;height: 30px;} .yc_menu i,.yc_menu:before,.yc_menu:after{width: 18px;} } /*banner*/ .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner .swiper-pagination{bottom: 30px;} .banner .swiper-pagination span{display: inline-block;margin: 0 10px !important;background: none;width: 14px;height: 14px;border: 3px solid #fff;border-radius: inherit;opacity: 1;-webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);;} .banner .swiper-pagination span.swiper-pagination-bullet-active{border-color: #0a3190;} .banner .swiper-slide,.banner .swiper-slide img{width: 100%;height: 100%} @media only screen and (max-width:768px ) { .banner .swiper-pagination{bottom: 10px;} .banner .swiper-pagination span{width: 10px;height: 10px;border: 2px solid #eef5d3;} } /*鍐呴〉banner*/ .banner_inner{overflow: hidden;width: 100%;} .banner_inner span{ display: none;} .banner_inner img{ max-width: none; width: 155%; margin-left: -27.5%;} @media only screen and (min-width: 768px) { .banner_inner img{ width: 150%; margin-left: -25%;} } @media only screen and (min-width: 1024px) { .banner_inner img{ width: 140%; margin-left: -20%;} } @media only screen and (min-width: 1200px) { .banner_inner{ height: 250px;} .banner_inner img{ display: none;} .banner_inner span{ display: block; background-position: center; background-repeat: no-repeat; height: 250px; width: 100%;background-size: 100% 100%;} } .index_header_top{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 80;display: none;} .index_header_top .index_content{/*max-width: 1600px;*/height: 100%;margin: 0 auto;} .index_header_top .index_content ul{display: block;width: 100%;height: 100%;overflow: hidden;} .index_header_top .index_content ul li{display: block;opacity: 0;padding-top: 18%;height: 100%;float: left;cursor: pointer;color: #000000;vertical-align: middle;text-align: center;width: 12.5%;background: rgba(255,255,255,0.9);-webkit-transition: 0.2s; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(-100%); transform: translateY(-100%);} .index_header_top .index_content ul li.on{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);} .index_header_top .index_content ul li:nth-child(2n){background: rgba(249,249,249,0.98);} .index_header_top .index_content ul li .h1{font-size: 50px;text-align: center;margin-bottom: 20px;color: #0a3190;} .index_header_top .index_content ul li h2{font-size: 20px;margin-bottom: 40px;position: relative;} .index_header_top .index_content ul li p{font-size: 16px;line-height: 24px;margin: 10px 0;} .index_header_top .index_content ul li a{color: #000;} .index_header_top .index_content ul li:hover{background: #000;opacity:.8;padding-top: 16%;} .index_header_top .index_content ul li:hover *{color: #fff} .index_header_top .index_content ul li a:hover{font-size: 18px; -webkit-transition: .5s; transition: .5s; } /*color: #4f82ff;*/ /*.index_header_top .index_content ul li.fixed{width: 8%;background: rgba(255,255,255,0.9);}*/ @media only screen and (max-width:1440px ) { transition .index_header_top .index_content ul li{padding-top: 15%;} .index_header_top .index_content ul li:hover{padding-top: 13%;} .index_header_top .index_content ul li:nth-child(9){padding-top: 7%;} } body .bdsharebuttonbox a{width: 28px;height: 28px;text-align: center;float: none;display: inline-block;} body .bdsharebuttonbox a:nth-child(1){background: url(../images/weixin.gif) no-repeat center center/100% 100%;} body .bdsharebuttonbox a:nth-child(2){background: url(../images/qq.gif) no-repeat center center/100% 100%;} body .bdsharebuttonbox a:nth-child(3){background: url(../images/sina.gif) no-repeat center center/100% 100%;} body .bdsharebuttonbox a:nth-child(4){background: url(../images/fenx_icon0411.png) no-repeat center center/100% 100%;} @media only screen and (max-width:1440px ) { body .bdsharebuttonbox a{margin: 4px 3px 3px 0;} } .index_header_top .index_content ul li .language{margin: 30px 0;} .index_header_top .index_content ul li .language a{margin: 0 8px;color: #ccc;} .index_header_top .index_content ul li .language a.on{color: #000000;} .index_header_top .index_content ul li .txt{color: #555555;margin-top: 30px;} .auto1440{margin: 0 auto;max-width: 1480px;padding: 0 20px;} @media only screen and (max-width:1440px ) { .auto1440{padding: 0 100px;} } @media only screen and (max-width:900px ) { .auto1440{padding: 0 10px;} } /* .section1{background: url(../images/bk.png) no-repeat top center;position: relative;} */ .section1{position: relative;} .section2{background: url(../images/bk2.png) no-repeat right top;} .section3{background: url(../images/bk3.png) no-repeat right bottom;} /*.section1,.section3{padding-top: 60px;}*/ .section1 .h3{position: relative;} .section1 .h3:after{position: absolute;top: 36px;left: 0;display:block;content: '';width: 1px;height: 46px;background: #0a3190;} /*.section {padding-top: 100px;}*/ .section .h1{color: #333;font-size: 32px;font-weight: 400;} .section .h3{color: #888888;font-size: 16px; text-transform: uppercase;font-weight: 400;line-height: 30px;} .section .proh3{color: #888888;font-size: 16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;} .service {padding-bottom: 150px;padding-top: 50px;position: relative;} /* .service:after{position: absolute;content: '';left: 0;top: 130px;height: 40px;width: 1px;background: #0a3190;} */ .service .content{overflow: hidden;position: relative} .service .content .left{width: 250px;display: inline-block;vertical-align: middle;margin-right: 50px; float: left;} .service .content .left .txt{font-size: 16px;line-height: 26px;color: #555;} .but{line-height: 50px;text-align: center;border: 1px solid #ccc;display:block;padding: 0 40px;;margin-top: 130px;width: 210px;width: -webkit-max-content;width: -moz-max-content;width: max-content;} .but1{line-height: 50px;text-align: center;border: 1px solid #555;display:block;padding: 0 40px;;margin-top: 130px;width: 210px;width: -webkit-max-content;width: -moz-max-content;width: max-content;} .but:hover{color: #fff;background: #0a3190;} @media only screen and (max-width:768px ) { .service .content .left .txt{ padding-left:10px } .section .h3{ padding-left:10px } .section1 .h3:after{ top:0;} } .mouse-scroll{width: 24px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; border-radius: 12px; position: absolute; display: block; left: 0; right: 0; bottom: 70px; margin: auto;cursor: pointer; z-index: 50;} .mouse-scroll::before{ content: ''; width: 2px; height: 8px; background-color: #fff; position: absolute; top: 6px; left: 9px; -webkit-animation: mouseScroll 3s infinite; animation: mouseScroll 3s infinite; } @-webkit-keyframes mouseScroll { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(16px); transform: translateY(16px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes mouseScroll { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(16px); transform: translateY(16px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @media only screen and (max-width:1680px ) { .section {padding-top: 24px;} } @media only screen and (max-width:900px ) { .but{margin: 10px 0;} .service {padding-bottom: 50px;} .mouse-scroll{ display:none } } .service .content .right{width: calc(100% - 300px);display: inline-block;vertical-align: middle; float: left;} .service .content .right ul{overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* .service .content .right ul li{float: left;width: 16%;border-right: 30px solid rgba(0,0,0,0);position: relative;text-align: center;} */ .service .content .right ul li{float: left;width: 16%;margin:0 15px;position: relative;text-align: center;} .service .content .right ul.five-li-width li { width:18%;border-right: inherit;margin:0 16px; } .service .content .right ul li img.gray2{ transform: scale(1); width: 100%; height: 100%; } .service .content .right ul li a{color: #333;} .service .content .right .gray_mask {width:100%;height:100%;position:absolute;top:0;background-color: #2e5acc;opacity: .5; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out;} .service .content .right .hover_img{ width: 100%; height: 100%; overflow: hidden; position: relative; } .service .content .right ul li :hover .hover_img .gray2 { transform: scale(1.1); -ms-transform: scale(1.1); /* height:100%; */ -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; } .service .content .right ul li:hover .gray_mask{ height: 32%;top:34%; } /* .service .content .right ul li img{display: block} */ /* .service .content .right ul li img.gray2{display: block;} .service .content .right ul li img.gray{display: none;} .service .content .right ul li:hover img.gray2{display: none;} .service .content .right ul li:hover img.gray{display: block;} */ .service .content .right ul li:nth-child(2n+1){margin-top: 100px;} .service .content .right ul li p{font-size: 16px;margin-top: 10px; color: #fff;} .service .content .right ul li:nth-child(2n){margin-bottom: 100px;} @media only screen and (max-width:1440px ) { .service .content .right ul li:nth-child(2n+1){margin-top: 60px;} .service .content .right ul li:nth-child(2n){margin-bottom: 60px;} } .service .content .right ul li .list_content{ position: absolute;left: 0;right: 0;top: 50%;margin: 0 auto;z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .service .content .right ul li .list_content img{ width:40%; } .service .content .right ul li span{width: 90px;height: 90px; /*background: url(../images/service_icon.png) no-repeat;*/ display: block;position: absolute;bottom: 0;right: 0;} @media only screen and (max-width:900px ) { .section{padding-top: 30px;} .service .content .left,.service .content .right{width: 100%;float: none} .service .content .right ul{display:block;} .service .content .right ul li{border: none;} .service .content .right ul li:nth-child(1){width: 30%;margin: 0;margin-right: 3%;margin-bottom: 20px; height:280px;} .service .content .right ul li:nth-child(2){width: 30%;margin: 0;margin-right: 3%;margin-bottom: 20px; height:280px;} .service .content .right ul li:nth-child(3){width: 30%;margin: 0;margin-right: 3%;margin-bottom: 20px; height:280px;} .service .content .right ul li:nth-child(4){width: 30%;margin: 0;margin-right: 3%;margin-bottom: 20px; height:280px;} .service .content .right ul li:nth-child(5){width: 30%;margin: 0;margin-right: 3%;margin-bottom: 20px; height:280px;} .service .content .right ul li:nth-child(6){width: 30%;margin: 0;margin-bottom: 20px; height: 280px;} .service .content .right ul li:nth-child(7){width: 30%;margin: 0;margin-right: 3%;margin-bottom: 20px; height:280px;} .service .content .right ul li .gray ,.service .content .right ul li span{display: none;} } /*鏂伴椈濯掍綋*/ .auto1480{max-width: 1500px;margin: 0 auto;padding: 0 20px;} @media only screen and (max-width:1440px ) { .auto1480{padding: 0 100px;} } @media only screen and (max-width:768px ) { .auto1480{padding: 0 10px;} } .news{padding-bottom: 70px;position: relative;} .news .swiper-container{margin-top: 20px;padding:0px 0px;} .news .content time{width: 80px;height: 80px;color: #fff;background: #0a3190;padding: 16px 3px 0;margin: -30px 0 0 30px;position: relative;z-index:10;display: block;text-align: right;font-size: 18px;} .news .content time b{font-size: 26px;display: block;font-weight: 400;} .news .content .doc{padding: 30px;text-align: left;} .news .content .h2{font-size: 16px;margin-bottom: 30px;} .news .content .doc .txt{font-size: 16px;padding-bottom: 60px;height: 108px;color: #888;line-height: 24px;background: url(../images/news_sj.png) no-repeat right bottom;} .news .swiper-slide img{width: 100%;} .news .swiper-slide{ -webkit-box-shadow:0px 2px 5px #CCCCCC; box-shadow:0px 2px 5px #CCCCCC;-webkit-transition: 0.3s; transition: 0.3s;} .news .swiper-slide:hover{ -webkit-box-shadow:0px 2px 10px #333333; box-shadow:0px 2px 10px #333333;} .news .but{margin: 0px auto 0;} @media only screen and (max-width:1440px ) { .news .but{margin: 0px auto 0;} } @media only screen and (max-width:768px ) { .news .content time b{ font-size:22px } } .news .swiper-button{position: absolute;right: 7px;top: -50px;width: 120px;height: 50px;text-align: right;} .news .swiper-button div{width: 48px;height: 48px;border: 1px solid #eee;opacity: 1;position: static;margin: 0;display: inline-block;} .news .swiper-button div.swiper-button-next{background: url(../images/news_left.png) no-repeat center center;} .news .swiper-button div.swiper-button-prev{background:url(../images/news_rights.png) no-repeat center center;} .news .swiper-button div.swiper-button-next:hover{background: #0a3190 url(../images/news_lefts.png) no-repeat center center;} .news .swiper-button div.swiper-button-prev:hover{background: #0a3190 url(../images/news_right.png) no-repeat center center;} /**/ .about{padding-bottom: 80px;position: relative;} /*.about:after{position: absolute;content: '';left: 0;top: 20px;height: 40px;width: 1px;background: #0a3190;}*/ .about .content{overflow: hidden;} .about .content .left{float: left;width: 40%;padding-top: 13px;} .about .content .left .txt{/* padding-right: 60px; */ overflow: hidden;} .about .content .left .txt p{margin-bottom: 0px;line-height: 30px;font-size: 16px;} .about .content .ul{overflow: hidden;margin-top: 90px;} .about .content .ul li{float: left; margin-right: 24px;} .about .content .ul li .mun{font-size: 28px;color: #0a3190;} .about .content .ul li .mun span{font-size: 40px;} .about .content .ul li p{font-size: 16px;color: #555;line-height: 30px;padding-left: 3px;} .about .content .right{float: right;width: 55%;/* margin-right:5%; */} .about .content .left hr{height: 1px;background: #ccc;margin: 30px 0;} .section3 .about .content .ul li{float: left; margin-right: 50px;} .about .title{background: url(../images/logo.png) no-repeat left center;padding-left: 30px;font-size: 16px;line-height: 30px;} .about .logo{width:100px;} .mapvideo{display:none;} .v-play { float:right; cursor:pointer;width:180px;} @media only screen and (max-width:1440px ) { .about .content .left .txt{padding-right: 0;} .section3 .about .content .ul li{margin-right: 14px;} } @media only screen and (max-width:768px ) { .mapvideo{display:block;margin:0 10px;margin-top: 10px;} .pcvideo{display:none;} .v-play { float:none; cursor:pointer;margin:10px auto;width:160px; } .about{padding-bottom: 50px;} .about .content .right,.about .content .left{float: none;width: 100%;padding-top:0px;} .about .content .right{margin-top: 20px;} .about .content .right #media{} .about .content .left .txt{padding-right: 0;max-height: none;} .about .content .ul li{text-align: center;} .about .content .ul li .mun{font-size: 16px;} .about .content .ul li .mun span{font-size: 24px;} .about .content .ul li{float: left; margin-right: 10px;} .about .content .ul li:last-child{ margin-right:0 } .about_inner .content .ul{ padding-left:2px } } /*搴曢儴*/ /* .bottom{background: #f9f9fa;padding-top: 80px;} */ .bottom{padding-top: 80px; } .bottom_nav{overflow: hidden;margin-bottom: 80px;} .bottom_nav dl{width: 10.7%;float: left;margin: 0 1.7%;} .bottom_nav dl hr{height: 1px;width: 100%;background: #ccc;margin: 30px 0;} .bottom_nav dl dt{ /*color: #3561cc;*/ color:#0a3190; font-weight: bold;font-size: 22px;} .bottom_nav dl dd{line-height: 30px; display: block;} .bottom_nav dl dd a{font-size: 16px;color: #595757; transition: all .5s;display: block;} .bottom_nav dl dd a:hover{font-size: 17px; /* background: #000; */ } .index-page8 .bottom { /* background: url('../images/bk3.jpg') no-repeat 100% 100%; */ /* background: url('../images/mbk3.jpg') no-repeat 100% 100%; */ background: initial; } /* .index-page8 { background: url('../images/bk3.jpg') no-repeat center center; } */ .index-page8{ background-color: #f2f2f2; } .index-page8 .bottom_nav dl hr{ background: #3561cc; } @media only screen and (max-width:1366px ) { .bottom_nav dl dd a{font-size: 15px;} } @media only screen and (max-width:768px ) { .bottom_nav dl hr{display: none;} .bottom_nav dl{width: 100%;text-align: left;padding-bottom: 20px;} .bottom_nav dl dd{display: none;background: #ebebec;padding-left: 10px;} .bottom_nav dl dt{font-size: 18px;border-bottom: 1px solid #eee;padding-bottom: 10px;} .bottom_nav dl dd a {color: #555;} } .bottom_fun{padding-bottom: 40px;border-bottom: 1px solid #eee;} .bottom_fun .left{width: 280px;float: left;padding:10px 0;padding-right: 48px;position: relative;line-height: 48px;border: 1px solid #eee;} .bottom_fun .left .txt{padding-left: 14px;line-height: 28px;font-size: 16px;color: #888888;border-right: 1px solid #eee;} .bottom_fun .left ul{position: absolute;background: #f9f9fa;bottom: 100%;padding: 10px 0;border: 1px solid #eee;left: 0;width: 100%;padding-left: 14px;display: none;} .bottom_fun .left ul li{line-height: 26px;font-size: 16px;} .bottom_fun .bottom_down{position: absolute;cursor: pointer;right: 0;top: 0;width: 48px;height: 48px;background: url(../images/down.png) no-repeat center center;} .bottom_fun .right{float: right;} .bottom_fun .right .bdsharebuttonbox{display: table;} .bottom_fun .right .bdsharebuttonbox a{width: 28px;height: 28px;display: table-cell;padding: 0;border-right: 10px solid rgba(0,0,0,0);-webkit-box-sizing: content-box;box-sizing: content-box;vertical-align: middle;} .BackTop{background: url(../images/top_img.png) no-repeat center center !important; background-size:contain !important; display:block;cursor: pointer;width: 28px;height: 28px;position: fixed;bottom:20%;right: 2%;z-index: 70;} @media(max-width:1500px){ .BackTop{ bottom:5%; right:2%;} } @media only screen and (max-width:768px ) { .bottom_fun .left,.bottom_fun .right{width: 100%;float: none;} .bottom_fun .right{text-align: right;margin: 20px 0;} .bottom_fun .right .bdsharebuttonbox{float: right;} } .auxiliary{padding: 40px 0;overflow: hidden;width: 100%;text-align: center;} .auxiliary .left{float: left;} .auxiliary .right{float: right;} .auxiliary a{font-size: 16px;border-right: 1px solid #eee;color: #555;line-height: 14px;padding: 0 10px;} .auxiliary a:nth-child(1){padding-left: 0;} .auxiliary a:last-child{border: 0;} @media only screen and (max-width:768px ) { .auxiliary .left,.auxiliary .right{float: none;width: 100%;margin-bottom: 14px;} } /*浜岀骇鑿滃崟*/ .menu{margin-top: -40px;} .menu .left{width: 36%;height: 100px;background: #0a3190 url(../images/news_sj.png) no-repeat right bottom;padding: 36px 80px 36px 0;display: inline-block;vertical-align: bottom;} .menu .left h1{font-size: 28px;color: #fff;text-align: right;font-weight: 400;} .menu .left h1 span{font-size: 12px;padding: 0 30px 0 20px;position: relative;background: url(../images/home.png) no-repeat left center;} .menu .left h1 span:after{position: absolute;display: block;content: '/';right: 13px;top: 0;line-height: 12px;} .menu .right{width: 63%;overflow-x: auto;display: inline-block;line-height: 60px;border-bottom: 1px solid #eee;vertical-align: bottom;} .menu .right ul{width: -webkit-max-content;width: -moz-max-content;width: max-content;white-space: nowrap} .menu .right ul li{padding-left: 26px;margin-left: 30px;display: inline-block;font-size: 16px;} .menu .right ul li a{color: #888888;} .menu .right ul li.on{background: url(../images/about_icon.png) no-repeat left center;} .menu .right ul li.on a{color: #262626;} /*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/ .menu .right::-webkit-scrollbar { width: 16px; height: 5px; background-color: #F5F5F5; } /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/ .menu .right::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } /*内面小导航 滚动条*/ /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/ .menu .right::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); /*background-color: #00937d;*/ background-color: #F5F5F5; } @media only screen and (max-width:768px ) { .menu{margin-top: 0;} .menu .left{padding:12px 10px;margin-top: 0;height: auto;} .menu .left h1{text-align: left;font-size: 22px;} .menu .left,.menu .right{width: 100%;overflow: hidden;} .menu .right ul li{margin-left:10px;padding-left: 0;} .menu .right ul li.on{padding-left: 20px;} } /*联系我们*/ .about_inner .content .h2{color: #00937d;font-size: 25px;margin: 10px 0 40px;} .about_inner .content .left .txt p{font-size: 16px;text-align: justify;margin-top: 4px;line-height: 28px;} .about_inner .content .ul{margin-top: 50px;} .about_inner .content .ul li{padding: 0 0 10px 0px;} .about_inner .content .left{width: 60%;padding-top: 100px;} .about_inner .content .left .txt{padding-right: 80;} .about_inner .content .right{width: 33%;} @media only screen and (max-width:768px ) { .about_inner .content .left,.about_inner .content .right{width: 100%;padding-top:0} } .about_inner .content2{ position:relative;} .about_inner .content2 .right .txt p{font-size: 16px;text-align: justify;margin-top: 16px;line-height: 28px;} .about_inner .content2 .right .txt img.name{ position:absolute; right:0; bottom:5%; max-width:240px;} .about_inner .content2 .right{width: 55%;} .about_inner .content2 .right .txt{padding-right: 0; padding-top:5%;} .about_inner .content2 .left{width: 40%;} @media only screen and (max-width:768px ) { .about_inner .content2 .left,.about_inner .content2 .right{width: 100%;} .about_inner .content2 .right .txt img.name{ position:relative; float:right;} } .founder .content2{display: table;} .founder .content2 .left,.founder .content2 .right{display: table-cell;float: none;vertical-align: middle;} .founder .content2 .right{padding-left: 50px;} @media only screen and (max-width:768px ) { .founder .content2,.founder .content2 .left,.founder .content2 .right{display: block;float: none;} .founder .content2 .right{padding-left: 0px;} } /*鍐呴〉搴曢儴*/ .bottom_inner{padding-top: 1px;} .bottom_inner .ul{ display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;margin: 50px 0;} .bottom_inner .ul li{display: inline-block;} .bottom_inner .ul li{background: url(../images/about_icon.png) no-repeat left center; -webkit-box-sizing: border-box; box-sizing: border-box;;padding-left: 30px;font-size: 18px;line-height: 30px;} /*澶т簨璁�*/ /*浼佷笟鏂囧寲*/ .company{padding-top: 40px;padding-bottom: 140px;} .company .h2{font-size: 25px;color: #00937d;margin-top: 70px;} .company .h4{font-size: 18px;color: #555555;margin-top: 30px;margin-bottom: 10px;} .company .h4 span{color: #0a3190;margin-right: 10px;} .company p{line-height: 30px;font-size: 16px;color: #555555;} .company .company_info{margin-bottom:3%} /*@media only screen and (max-width:1440px ) { .company p{font-size: 15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} }*/ .elegant ul{overflow: hidden;margin-top: 40px;} .elegant ul li{width: 23.5%;float: left;margin-right: 2%;} .elegant ul li img{width: 100%;} .elegant ul li:nth-child(4n){margin-right: 0;} .elegant ul li p{line-height: 80px;text-align: center;background: #f8f8f8;} .elegant .but{width: 200px;display: block;margin: 70px auto 0;} @media only screen and (max-width:768px ) { .company{padding-top: 0;} .company .h2{margin-top: 30px;} .elegant ul li{width: 100%;margin-right: 0;margin-bottom: 20px;} } .garden{margin-top: 50px;} .garden img{display: inline-block;vertical-align: top;} .garden img:nth-child(1){width: 47%;margin-right: 2%;} .garden img:nth-child(2){margin-right: 0;width: 51%;} @media only screen and (max-width:768px ) { .garden img{width: 100% !important;margin: 0 !important;margin-bottom: 20px !important;} } /*鍒跺墏浜у搧*/ .course{} .course .title{margin-top: 20px;position: relative;} .course .title .dl{position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .course .title .dl dd{line-height: 30px;font-size: 16px;padding-left: 26px;} .course .title .dl dd a{color: #bfbfbf;} .course .title .dl dd.on{background: url(../images/news_sj.png) no-repeat left center /auto 50% ;} .course .title .dl dd.on a{color: #0a3190;} .course .title ul{text-align: center;} .course .title ul li{width: 150px;display: inline-block;padding-bottom: 20px; border-top: 6px solid transparent;} .course .title ul li .icon{height: 60px;padding: 10px 0;} .course .title ul li p{font-size: 18px;} .course .title ul li .icon img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; } .course .title ul li.on,.course .title ul li:hover{border-top: 6px solid #00937d;} .course .title ul li.on .icon img,.course .title ul li:hover .icon img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -webkit-filter: inherit; filter: inherit; } .course .title ul li.on p,.course .title ul li:hover p{color: #00937d;} .course .list ul{overflow: hidden;padding-top: 75px;border-top: 1px solid #eee;padding-bottom: 30px;} .course .list ul li{width: 30%;float: left;padding-bottom:10px;border: 1px solid #eee;margin: 0 1.65%;margin-bottom: 50px;background: url(../images/service_icon.png) no-repeat right bottom /auto 75px #fff;} /* .course .list ul li .img{width: 100%; padding-bottom:66%; background-repeat: no-repeat; background-position: center; background-size: contain; margin-top: -3px;} */ .course .list ul li .img{margin:auto; display: block; width: 60%;} .course .list ul li .img_hide{overflow: hidden;} .course .list ul li:hover .img{-webkit-transform: scaleX(1.08) ; transform: scale(1.08);} .course .list ul li .txt{padding: 20px 25px 0} .course .list ul li .h2{font-size: 18px;color: #3f3613;text-align: center;margin-bottom: 20px;height: 28px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .course .list ul li .p{font-size: 16px;text-align: center;color: #aaa;line-height: 26px; height: 52px;} @media only screen and (max-width:768px ) { .course .title .dl{ position:relative; top:0; -webkit-transform: translateY(0); transform: translateY(0);} .course .list ul li{width: 100%;} } /*杩涘嚭鍙ｈ锤鏄撴湇鍔�*/ .trade{} .trade .trade_list{display: table;margin-top: 40px;} .trade .trade_list dd{display: table-cell;width: 50%;vertical-align: middle;} .trade .trade_list dd img{width: 100%;} .trade .trade_list dd .h5{color: #555555;font-size: 20px;margin-bottom: 40px;} .trade .trade_list dd .txt{font-size: 16px;color: #555;line-height: 30px;} .trade .trade_list dd.trade_content{padding: 0 80px;} @media only screen and (max-width:768px ) { .trade .trade_list,.trade .trade_list dd{display: block;width: 100%;} .trade .trade_list dd.trade_content{padding: 20px 10px;} } /*鍖昏嵂鍖呰*/ .packaging{overflow: hidden;padding-top: 100px;} .packaging .left{float: left;width: 50%;} .packaging .left .h2{margin: 0;margin-bottom: 40px;} .packaging .left p{margin: 0;padding: 0;margin-bottom: 20px;padding-left: 30px;background: url(../images/packaging_icon.png) no-repeat left 4px;} .packaging .right{float: right;width: 45%;} .packaging .right img{width: 100%;} @media only screen and (max-width:768px ) { .packaging .left,.packaging .right{width: 100%;float: left;} } /*鎶€鏈湇鍔�*/ .Services{padding-bottom: 40px;} .Services .abstract{margin: 40px 0;font-size: 16px;} .Services .content .ul{overflow: hidden;} .Services .content .ul li{width: 48%;float: left;margin-right: 4%;margin-bottom: 50px;} .Services .content .ul li:nth-child(2n){margin-right:0;} .Services .content .ul li .h5{font-size: 20px;color: #555;margin: 10px 0 30px;} .Services .content .ul li .txt{font-size: 16px;line-height: 26px; min-height:130px;} .Services .content .ul li:last-child{/* width: 100%; */} @media only screen and (max-width:768px ) { .Services .content .ul li, .Services .content .list2 li:last-child{width: 100%;float: none;padding-right: 0;text-align: justify;} } /*鏂伴椈璧勮*/ .news_inner{ } .news_inner ul{padding: 40px 0 10px;border-bottom: 1px solid #eee;} .news_inner ul li{display: table;margin-bottom: 55px;border: 1px solid #eee;background: url(../images/news_sj.png) no-repeat right bottom;} .news_inner ul li > *{display: table-cell;vertical-align: middle;} .news_inner ul li .left{width: 30%;position: relative;} .news_inner ul li .left time{position: absolute;font-size: 18px;padding: 16px 8px 0;color: #fff;text-align: right;right: -45px;top: 0;height: 90px;width: 90px;display: block;background: #0a3190;} .news_inner ul li .left time b{font-size: 26px;display: block;font-weight: 400;} .news_inner ul li .right{padding: 0 90px;} .news_inner ul li .right .h2{font-size: 16px;color: #333;margin-bottom: 24px;} .news_inner ul li .right .txt{font-size: 16px;color: #888;line-height: 24px;} @media only screen and (max-width:768px ) { .news_inner ul{padding: 50px 0 0px;} .news_inner ul li,.news_inner ul li > *{width: 100%;display: block;} .news_inner ul li .left{width: 100%;} .news_inner ul li .right{padding: 20px 10px;} .news_inner ul li .left time{right: 0;} } /*鍒嗛〉*/ .Pages{text-align: center;margin: 80px 0;} .Pages em{font-style: inherit;} .Pages a{width: 50px;height: 50px;font-size: 16px;color: #888;margin: 0 2px;line-height: 50px;text-align: center;display: inline-block;vertical-align: middle;border: 1px solid #eee;} .Pages a.a_first{background: url(../images/Pages_left.png) no-repeat center center;margin-right: 10px;} .Pages a.a_next{background: url(../images/Pages_right.png) no-repeat center center;margin-left:10px ;} .Pages a.a_cur{background: #0a3190;color: #fff;} @media only screen and (max-width:768px ) { .Pages{text-align: center;margin: 40px 0;} } /*澶氬獟浣撲笓鍖�*/ .Multimedia{} .Multimedia .title ul li.on, .Multimedia .title ul li:hover{border: 0;} .Multimedia .content {margin-top: 120px;padding-bottom: 100px;} .Multimedia .content ul{overflow: hidden;} .Multimedia .content ul li{width: 30%;float: left;margin-right: 5%;text-align: center;margin-bottom: 20px;} /*.Multimedia .content ul li img{height: 400px;}*/ .Multimedia .content ul li video{width: 100%;background: #000} .Multimedia .content ul li:nth-child(3n){margin-right: 0;} .Multimedia .content ul li h2{font-size: 16px;color: #292a2c;text-align: center;margin-top: 50px;} .Multimedia .content ul li .more{width: 106px;line-height: 34px;padding-left: 36px;color: #969696;font-size: 16px;background: url(../images/Multimedia_more.png) no-repeat 10px center;border: 1px solid #eee;display: block;margin: 30px auto 0 ;} @media only screen and (max-width:768px ) { .Multimedia .content ul li{width: 100%;margin: 0;margin-bottom: 20px;} /*.Multimedia .content ul li img{height: 100%!important;}*/ } /*@media only screen and (max-width:960px ){ .Multimedia .content ul li img{height: 300px;} }*/ /*鎰熸仼鍗庢捣*/ .Thanksgiving{padding-top: 80px;} .Thanksgiving .abstract{font-size: 16px;color: #555555;line-height: 30px;} .Thanksgiving .list{} .Thanksgiving .list ul{overflow: hidden;margin-top: 80px;padding-bottom: 40px;} .Thanksgiving .list ul li{width: 28%;margin-bottom: 20px;float: left;padding-bottom: 30px;margin-right: 8%;text-align: center;background: url(../images/service_icon.png) no-repeat right bottom /auto 75px;border: 1px solid #eee;} .Thanksgiving .list ul li img{width: 100%;} .Thanksgiving .list ul li:nth-child(3n){margin-right: 0;} .Thanksgiving .list ul li .h2{font-size: 18px;color: #3f3613;margin: 40px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .Thanksgiving .list ul li .txt{font-size: 16px;color: #aaaaaa;padding: 0 60px;text-overflow:ellipsis;height: 90px;line-height: 30px;text-align:left;} @media only screen and (max-width:768px ) { .Thanksgiving .list ul li .txt{padding: 0 20px;} .Thanksgiving .list ul li{width: 100%;float: none;margin: 0;margin-bottom: 40px;padding-bottom: 60px;} } /*鍋ュ悍鍗庢嘲*/ .Healthy{} .Healthy .list ul li{margin-bottom: 50px;} .Healthy .list ul li img{width: auto;margin:30px 0px;} .Healthy .list ul li h2{margin: 10px 0 40px !important;font-weight: 400;padding: 0 30px;} /*鐮斿彂鏈烘瀯*/ .research{padding-top: 100px;} .research .abstract .h2{font-size: 25px;color: #00937d;} .research .abstract p{font-size: 16px;color: #555;margin: 40px 0;} .research .list1 {margin-bottom: 80px;} .research .list1 ul{overflow: hidden;} .research .list1 ul li{width: 28%;float: left;margin-right: 8%;} .research .list1 ul li:nth-child(3n){margin-right: 0;} .research .list1 ul li .txt{padding-left: 40px;text-align: justify;margin-top: 10px;background: url(../images/packaging_icon.png) no-repeat left 6px ;font-size: 16px;color: #555555;line-height: 30px;} .research .list1 ul li img{width: 100%;} @media only screen and (max-width:768px ) { .research{padding-top: 50px;} .research .list1 ul li{width: 100%;margin: 0;margin-bottom: 20px;} } .research .list {margin-bottom: 80px;} .research .list ul{overflow: hidden;} .research .list ul li{width: 28%;float: left;margin-right: 8%;} .research .list ul li:nth-child(3n){margin-right: 0;} .research .list ul li .txt{padding-left: 40px;text-align: justify;margin-top: 10px;background: url(../images/packaging_icon.png) no-repeat left 6px ;font-size: 16px;color: #555555;line-height: 30px;} .research .list ul li img{width: 100%;} @media only screen and (max-width:768px ) { .research{padding-top: 50px;} .research .list ul li{width: 100%;margin: 0;margin-bottom: 20px;} } .research .list2{margin-bottom: 50px;} .research .list2 ul{overflow: hidden;} .research .list2 ul li{width: 22%;float: left;margin-right: 4%;} .research .list2 ul li:nth-child(4n){margin-right: 0;} .research .list2 ul li img{width: 100%;} @media only screen and (max-width:768px ) { .research .list2 ul li{width: 100%;margin: 0;margin-bottom: 20px;} } /*鐮斿彂鍚堜綔*/ .development{} .development .list2{margin-top: 50px;} .development .list2 ul li{margin-bottom: 30px;} /*鎷涜仒宀椾綅*/ .Recruitment{padding-top: 110px;} .Recruitment .top{height: auto; overflow: hidden} .Recruitment .time{overflow: hidden;} .Recruitment .time > div{width: 30%;float: left;margin-right: 5%;padding: 20px 0;background: url(../images/phone_icon.png) no-repeat 20px center,url(../images/service_icon.png) no-repeat right bottom / auto 70px;border: 1px solid #eee;height: 90px;padding-left: 100px;} .Recruitment .time > div:nth-child(3n){margin-right: 0;} .Recruitment .time > div p{font-size: 16px;} .Recruitment .time > div h2{font-size: 20px;} @media only screen and (max-width:768px ) { .Recruitment .time > div{width: 100%;float: none;margin: 0;margin-bottom: 20px;} } /*.Recruitment .seek{width: 50%;float: right}*/ .seek dl{display: block;text-align: right;width: 100%;} .job dl{display: table; border: 30px solid #f5f5f5;margin-top: 60px;} .job .seek dl> *{display: table-cell;line-height: 50px;} .job .seek dl dd{width: 25%;padding: 0 0 0 30px;background: #fff;border-right: 30px solid #f5f5f5;position: relative;cursor: pointer;} .job .seek dl dd select{ border: none; outline: none; width: 100%; height: 50px; background: none; line-height: 50px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .seek dl dt{padding: 0 30px;line-height: 40px;display: inline-block;position: relative;background: #fff;width: 100%;max-width: 350px;border: 3px solid #0a3190;} .seek dl dt input{width: 100%;background: none;border:none;} .seek dl dt .seek_search{position: absolute;;background: url(../images/search.png) no-repeat center center;width: 30px;height: 30px;top: 50%;right: 10px;-webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;cursor: pointer;} .course .seek{margin-top: 80px;} .search {/*padding-right:20%;*/padding-top:20px;display: none;} @media only screen and (max-width:768px ) { .course .seek{margin-top: 60px;} .job dl,.seek dl{border: 0; /*background: #f5f5f5;*/ margin-top: 0;} .seek dl> *{display: block;width: 100% !important;margin-bottom: 20px; /*border: 0 !important;*/ border: 0; } .job .seek dl dd{ display:table-caption } } .api_tab { float: left; width: 50%} .api_tab li{ width: 200px; display:block; border: 3px solid #0a3190; float: left; margin-right: 10px; line-height: 50px; color: #0a3190; text-align: center ; font-size: 18px; background: #fff} .api_tab li.on{ background: #0a3190; color: #fff} @media(max-width:1024px){ .Recruitment .seek{width: 100%;} .api_tab { float: left; width: 100%; margin-top: 10px;} .api_tab li a{ width: 49%; float: left; margin-right: 2%} .api_tab li:nth-child(2n) a{ margin-right: 0} } .Recruitment .box{margin: 40px 0;} .Recruitment .table{overflow-x: auto; /*display: none*/} .Recruitment .table table{width: 100%; margin-top: 40px; margin-bottom: 40px; min-width: 1000px;} .Recruitment .table tr{border-bottom: 2px solid #fff;} .Recruitment .table tr th{line-height: 50px;background: #00937d;color: #fff;} .Recruitment .table tr td{line-height: 50px;background: #f5f5f5;color: #666;text-align: center;} .Recruitment .table tr.on td{background: #ededed;} .Recruitment .table tr.tr_title{cursor: pointer;} .Recruitment .table tr.tr_content{display: none;} .Recruitment .table tr.tr_content td{text-align: left;padding: 30px 0;padding-left: 50px;background: #fff;position: relative;} .Recruitment .table tr.tr_content h3{font-size: 15px;color: #333;margin:24px 0 10px;} .Recruitment .table tr.tr_content p{font-size: 16px;line-height: 30px;} .Recruitment .apply{width: 110px;height: 40px;text-align: center;cursor: pointer;line-height: 40px;background: #00937d;color: #fff;font-size: 16px;position: absolute;top: 60px;right: 50px;} .Recruitment .Popup{ position: fixed;top: 50%;left: 0;right: 0;margin: 0 auto; z-index:999; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 600px; width: 100%; text-align: center; border-radius: 4px; -webkit-box-shadow: 0 0 35px 2px #ccc; box-shadow: 0 0 35px 2px #ccc; display: none; } .Recruitment .Popup h4{ font-size: 15px; color: #fff; background: #00937d; line-height: 40px; height: 40px; margin: 0; font-weight: bold; } .Recruitment .Popup a{ font-size: 15px; color: #00937d; background: #fff; margin: 0; padding: 35px; font-weight: bold; display: block; } .Recruitment .cha{ position: absolute; font-size: 0; right: 10px; top: 14px; color: #fff; background: url(../images/close1.png) no-repeat; width: 13px; height: 13px; cursor: pointer; } /*鑱屼笟鍙戝睍*/ .Career{background: url(../images/Career_img.png) no-repeat center bottom;min-height: 600px;position: relative;} .Career .txt{position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%); transform: translateY(-50%);} /*鍏ㄧ悆鍔炲叕瀹�*/ @media only screen and (min-width:769px ) { .main{} .main{min-height: 710px;position: relative;background: url(../images/map.png) no-repeat center center/contain;margin: 65px 0;} .main0 span{font-size: 16px;font-weight: bold;color: #333;} .main0 .content{background: #fff;width: 420px;width: -webkit-max-content;width: -moz-max-content;width: max-content;border:1px solid #eee;padding: 30px;position: absolute;left: 90px;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);z-index: 500;display: none;} .main0.aon .content{display: block;} .main0 .content:after{position: absolute;left: -48px;top: 50%;content:'';display: block;width: 0; height: 0; border-width:20px 24px 10px; border-style: solid; border-color: transparent #fff transparent transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -20px;} .main0 .content .left{float: left;} .main0 .content .left img{max-width: 200px;} .main0 .content .right{float: right;text-align: left;padding-top: 4px;} .main0 .content .right p{font-size: 16px;color: #333;line-height: 30px;position: relative;padding-left: 12px;margin-left: 20px;} .main0 .content .right p:after{position: absolute;content: '';display: block;width: 6px;height: 6px;background: #0a3190;border-radius: 50%;left: 0;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .main0{cursor: pointer;} .main0:after{position: absolute;display: block;content: '';border-radius: 50%;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);z-index: 5;} .main0:before{position: absolute;display: block;content: '';border-radius: 50%;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);z-index: 10;} .main1{position: absolute;top: 36%;left: 13%;height: 55px;background: url(../images/dinw.png) no-repeat top center;padding-top: 30px;text-align: center;} .main1 .content{left: 70px;} .main2{position: absolute;top: 39%;left: 45.5%;padding-left: 22px;} .main3{position: absolute;top: 33%;left: 49%;padding-left: 22px;} .main4{position: absolute;top: 20%;left: 73%;padding-left: 22px;} .main5{position: absolute;top: 42%;left: 84.8%;padding-left: 22px;} .main6{position: absolute;top: 52%;left: 68.1%;padding-left: 22px;} .main7{position: absolute;top: 41.8%;left: 78%;padding-left: 22px;padding: 0;} .main8{position: absolute;top: 45.5%;left: 75.6%;padding-left: 22px;padding:0;padding-right: 14px;} .main9{position: absolute;top: 47.5%;left: 75.8%;padding-left: 22px;padding:0;padding-right: 14px;} .main10{position: absolute;top: 45.1%;left: 79.8%;padding-left: 14px;} .main11{position: absolute;top: 47.8%;left: 79.2%;padding-left: 14px;} .main_bk1:after{width: 13px;height: 13px;background: #d4c4a1;left: 2px;} .main_bk1:before{width: 7px;height: 7px;background: #0a3190;left: 5px;} .main_bk2:after{width: 8px;height: 8px;background: #fff;left: 2px;} .main7:after{bottom: -14px;left: 0;right: 0;margin: 0 auto;top: auto;} .main8:after{left: auto;right: 0;} .main9:after{left: auto;right: 0;top: 30%;} .main9:after{left: auto;right: 0;top: 30%;} .main9:after{left: auto;right: 0;top: 30%;} .main_left .content{left: auto;right:90px;} .main_left .content:after{left: auto;right: -48px;border-color:transparent transparent transparent #fff } /*.main_left .content .left{float: right;} .main_left .content .right{float: left;text-align: right;} .main_left .content .right p{margin-left: 0;padding-left: 0;padding-right: 12px;margin-right: 20px;} .main_left .content .right p:after{left: auto;right: 0;}*/ } @media only screen and (max-width:1440px ) { .main_bk2:after{width: 5px;height: 5px;} } @media only screen and (max-width:768px ) { .main0 {margin-top: 20px;} .main0 span{font-size: 28px;font-weight: bold;display: block;color: #333;margin-bottom: 10px;} .main0 .content .left img{width: 100%;} .main0 .content .right{line-height: 30px;font-size: 16px;margin-top: 10px;} } /*2018 11-03 淇敼*/ /*澶т簨璁�*/ .course_time{padding-top: 50px;} .course_time .h2{color: #00937d;font-size: 25px;text-align: center;} @media only screen and (min-width:769px ) { .course_time .swiper-container{position: relative;padding: 100px 0;margin: 50px 0;} .course_time .swiper-container:after{position: absolute;content: '';display: block;top: 36px;margin: 0 auto;left: 0;right: 0;width: 2px;height: 90px;background: #e5e5e5;} .course_time .swiper-container .top_bk{width: 24px;height: 24px;border: 4px solid #e5e5e5;position: absolute;top: 10px;left: 0;right: 0;margin: 0 auto;z-index: 20;-webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);} .course_time .swiper-wrapper{display: block;-webkit-transform: translate3d(0px, 0px, 0px) !important;transform: translate3d(0px, 0px, 0px) !important;padding-bottom: 45px;font-size: 0;height: auto !important;background: url(../images/time_bk_03.png) repeat-y center top;} .course_time .swiper-slide{width: 50%;display: inline-block;background: none;position: relative;} .course_time .swiper-slide:after{content: '';display: block;position: absolute;right: 0;top: 17px;width: 114px;height: 2px;background: #00937d;} .course_time .swiper-slide .title{font-size: 16px;cursor: pointer;color: #555;text-align: right;font-weight: bold;line-height: 26px;position: relative;padding-right: 20px;} .course_time .swiper-slide .title span{font-size: 35px;color: #0a3190;margin-right:5px ;vertical-align: bottom;line-height: 35px;} .course_time .swiper-slide .title:after{display: block;content: '';position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%) rotateZ(45deg); transform: translateY(-50%) rotateZ(45deg); width: 10px;height: 10px;background: #00937d;} .course_time .swiper-slide .icon{background: url(../images/packaging_icon.png) no-repeat center center/36px 36px;position: absolute;top: 0;right: -17.5px;width: 36px;height: 36px;z-index: 10;} .course_time .swiper-slide .content{text-align: left;padding-right: 20px;display: none;padding-bottom: 100px;} .course_time .swiper-slide .content .ybk{color: #7bc0b6;font-size: 16px;background: #f0f0f0;margin-top: 30px;border-radius: 12px;width: 90px;line-height: 24px;text-align: center;display: inline-block} .course_time .swiper-slide .content p{margin-top: 5px;font-size: 16px;line-height: 26px;} .course_time .swiper-slide{height: auto !important;vertical-align: top;} .course_time .swiper-slide.odd:nth-child(1) .content,.course_time .swiper-slide.even:nth-child(2) .content{display: block;} .course_time .swiper-slide.odd{padding-right: 114px;margin-top: 45px;} .course_time .swiper-slide.even{margin-top: 124px;padding-left: 114px} .course_time .swiper-slide.even:after{right: auto;left: 0;} .course_time .swiper-slide.even .icon{right: auto;left: -17.5px;} .course_time .swiper-slide.even .title{text-align: left;padding-right: 0;padding-left: 20px;} .course_time .swiper-slide.even .content{text-align: left;padding-right: 0;padding-left: 20px;} .course_time .swiper-slide.even .title:after{right: auto;left: 0;} } .loading{ width: 130px; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 10px auto; font-size: 18px; padding: 6px 20px; cursor: pointer; background: #0a3190; color: #fff; border-radius: 20px;} @media only screen and (max-width:768px ) { .course_time{padding-top: 50px;} .course_time .swiper-wrapper,.course_time .swiper-slide{height: auto !important;display: block;text-align: left;} .course_time .swiper-slide .content{display: none;} .course_time .swiper-slide:nth-child(1) .content{display: block;} .course_time .swiper-slide .title{font-size: 18px;font-weight: bold;color: #333;margin-top: 30px;} .course_time .swiper-slide .title span{font-size: 26px;color: #0a3190;margin-right: 5px;} .course_time .swiper-slide .content .ybk{margin-top: 10px;display: block;font-size: 18px;line-height: 30px;} .course_time .swiper-slide .content p{margin-bottom: 10px;font-size: 16px;} } /*搴曢儴*/ @media only screen and (max-width:768px ) { .bottom_inner .ul{border: 1px solid #eee;padding: 20px;background:#f6f6f6;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .bottom_inner .ul li{display: block;margin: 5px 0; width:50% } } /*鐮斿彂鎴愭灉*/ .results{} .results .swiper-slide .content{display: block;padding-bottom: 0;} .results .swiper-slide.even{margin-top: 150px;} .certificate{} .certificate ul{overflow: hidden;} .certificate ul li{width: 30%;float: left;margin-right: 5%;padding: 50px 30px 30px;background: #f6f6f6; text-align: center;} .certificate ul li:nth-child(3n){margin-right: 0;} .certificate ul li .img{height: 320px;} .certificate ul li p{font-size: 16px;color: #555;margin: 10px 0;line-height: 28px;margin-top: 30px;} @media only screen and (max-width:768px ) { .results .swiper-slide.even{margin-top: 0px;} .certificate ul li{width: 100%;float: none;margin-top: 20px;} } /*鍦ㄧ嚎鐣欒█*/ .message_table{margin: 0 auto;max-width: 768px;width: 100%;} .message_table input,textarea{border:1px solid gray;border-radius:3px;} .message_table input{width: 100%;border: 1px solid #ccc;line-height: 30px;padding:0 10px;height: 30px;} .message_table textarea{height: 135px;width: 100%; resize: none;border: 1px solid #ccc;} .message_table tr{border-bottom: 30px solid transparent;} .message_table .btn{display: inline-block;width: auto; margin-right: 10px; background: #00927c;color: #fff;padding:0 10px;} /*鍒嗕韩*/ .bd_weixin_popup{padding: 4px !important;} /* .RighInfo002254 涓轰骇鍝佽鎯� */ .RighInfo002254 .auto{ max-width: 1480px;} @media only screen and (max-width:1480px) { .RighInfo002254 .auto{ padding: 0 2%;} } .RighInfo002254{ padding:30px 0 0%;} .RighInfo002254 .pic{ float:left; width:48%; background:#fff; padding:5%; text-align:center;} .RighInfo002254 .pic img{ width:auto; max-width:100%;} .RighInfo002254 .right_info{ float:right; width:45%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info .p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info h1{ padding:7% 0; color: #0a3190; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo002254 .right_info p{line-height:30px; font-size:16px; margin:0;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color: #0a3190; margin-top:5%; -webkit-transition:0.4s; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color: #0a3190; color:#fff;} @media(max-width:768px){ .RighInfo002254 .pic, .RighInfo002254 .right_info{ float:none; width:auto;} } @media(max-width:640px){ .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} } /*澶撮儴鏄剧ず闅愯棌*/ .top_hide{display: none;} @media only screen and (max-width:768px ) { .top_show{display: none;} .top_hide{display: block;position:static !important;} } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{height: auto !important;} /*.yc_animate{opacity: 0;-webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px);} .mainTitleOn { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1;}*/ /*鍙嬫儏閾炬帴*/ /*RighInfo002522 */ .RighInfo002522{ padding:2% 0 4%;} .RighInfo002522 .list dl{ float:left; width:100%; display:table; border:1px solid #ededed; margin-bottom:2%;} .RighInfo002522 .list dl > *{ display:table-cell; vertical-align:middle;} .RighInfo002522 .list dt{ width:44px;} .RighInfo002522 .list dt b{ display:block;width:6px; height:6px; margin:25px auto; border:6px solid #00937d; border-top-color: transparent; border-bottom-color: transparent; border-right: 0; } .RighInfo002522 .dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .RighInfo002522 .list dd p a{ padding:3% 5% 3% 0; color:#333; margin:0;} .RighInfo002522 .list dl:hover a{ color:#00937d;} @media(max-width:1024px){ .RighInfo002522 .title{ font-size:24px;} } @media(min-width:769px){ .RighInfo002522 .list dl{width:23%;margin-right:2%;} .RighInfo002522 .list dl:nth-child(4n){ margin-right:0;} .RighInfo002522 .list dl:nth-child(4n+1){ clear:left;} } @media(max-width:768px) and (min-width:481px){ .RighInfo002522 .list dl{ width:48%;} .RighInfo002522 .list dl:nth-child(2n){ float:right;} .RighInfo002522 .list dl:nth-child(2n+1){ clear:left;} } /*鑲＄エ淇℃伅*/ .stock{} /* .Floor002380 涓篸emo缂栧彿 */ .Floor002380{position: relative;} .Floor002380 .banner{ position: absolute; z-index: 6; width: 100%; height: 100%; top: 0; } .Floor002380 .banner .bg, .Floor002380 .banner .pic{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .Floor002380 .banner .pic{ background-position: center; background-size: 100% 100%; background-repeat: no-repeat; z-index: 6;} .Floor002380 .button{ position: absolute;z-index: 7;bottom: 20%;width: 100%;text-align: center; } .Floor002380 .button a{ display: inline-block; color: #fff; /* border-radius: 30px; */ margin-right:50px; /* line-height:2.85em; width:150px; background:url(../images/Floor001640-a_more.png) no-repeat 90% center ; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; font-size: 16px; font-weight: bold; border:2px solid #fff; */ } /* .Floor002380 .button a:nth-child(2){ margin-right:0;} */ /* .Floor002380 .button a:nth-child(4){ margin-right:0; width: 150px; background-color: #fff; background-position: 120% center; color: #0a3190; -webkit-transition: all ease 0.5s; transition: all ease 0.5s;} */ /* .Floor002380 .button a:hover{ width:150px; background-color:#fff; background-position:120% center; color: #0a3190; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; } */ @media(max-width:1440px){ .Floor002380 .button{ bottom:12%;} .Floor002380 .button1{ display: none; } } @media(max-width:1366px){ .Floor002380 .button{ bottom:11%;} .Floor002380 .button1{ display: none; } } @media(max-width:1200px){ .Floor002380 .button{ bottom:10%; left: 2%;} .Floor002380 .button1{ display: none; } } @media(max-width:640px){ .Floor002380 .button{ display: none; } .Floor002380 .button1{ display: block; } } /* 手机端 */ .Floor002380 .button1{ position: absolute;z-index: 7;bottom: 14%;width: 100%;text-align: center; display: none;} .Floor002380 .button1 a{ display: inline-block; color: #fff;border-radius: 30px; line-height:2.85em; width:150px;background:url(../images/Floor001640-a_more.png) no-repeat 90% center ;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; margin-right:30px; font-size: 16px; font-weight: bold; border:2px solid #fff; } /* .Floor002380 .button a:nth-child(2){ margin-right:0;} */ .Floor002380 .button1 a:nth-child(1){ margin-right:0; width: 150px; background-color: #fff; background-position: 120% center; color: #0a3190; -webkit-transition: all ease 0.5s; transition: all ease 0.5s;} .Floor002380 .button1 a:hover{ width:150px; background-color:#fff; background-position:120% center; color: #0a3190; -webkit-transition:all ease 0.5s; transition:all ease 0.5s;} @media(max-width:640px){ .Floor002380 .button1{ display: block; } .Floor002380 .button1{ bottom:0; left:83%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .Floor002380 .button1 a{ display:block; margin-right:0; margin-bottom:10px; max-width: 150px;} .Floor002380 .button1 a:nth-child(4){margin-bottom:0;} .Floor002380 .banner .pic{ background-position: center; background-size: auto 100%; background-repeat: no-repeat; z-index: 6;} } /* .Form002330 涓篸emo缂栧彿 */ .Form002330{ border: 1px solid #f2f2f2; padding:5% 10px; background: #fff;} .Form002330 .row{ padding-bottom: 15px;} .Form002330 .rowbox{ padding-bottom: 0;} .Form002330 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block;} .Form002330 .row-inner{ max-width: 492px; margin: 0 auto; position: relative; padding-left: 75px; color: #666; font-size: 16px; line-height: 34px;} .Form002330 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; font-size: 16px; font-weight: normal;} .Form002330 .row-inner .username{ display: block;} .Form002330 .row-inner .text{border: 1px solid #dadada; color: #adadad; line-height: 32px; width: 100%; padding: 0 10px; display: inline-block;} .Form002330 .row-inner .text.focus{border-color:#00937d; color: #666; box-shadow:0 0 5px rgba(0, 147, 125,.5) inset; -webkit-box-shadow:0 0 5px rgba(0, 147, 125,.5) inset; -moz-box-shadow:0 0 5px rgba(0, 147, 125,.5) inset; -o-box-shadow:0 0 5px rgba(0, 147, 125,.5) inset;} .Form002330 .row-inner textarea.text{ width:100%; height:175px;} .Form002330 .btn{ border-radius: 5px; background-color:#00937d; line-height: 38px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; width: 130px; border: none; cursor: pointer; margin: 35px auto 20px; display: block;} /*智能报价*/ .smartImg1:hover{ /* content: url('../images/SmartbuttonD.gif'); */ cursor: pointer;background: #fff; border-radius: 50%;} /* .smartButton{width: 100px;height: 100px; position: fixed;top: 0; bottom: 0; margin: auto;right: 5px;} */ .smartButton { width: 100px; height: 100px; position: fixed; top: 0; bottom: 0; margin: auto; right: 5px; display: flex; flex-direction: column; /* 垂直排列 */ gap: 10px; /* 设置图片之间的间距 */ } .smartButton1{width: 100px;height: 100px; position: fixed;top: 0;bottom: 0;margin: auto;right: 5px;} @media only screen and (max-width:768px ) { .smartButton{width: 80px;height: 80px; top: 400px; bottom:auto} } /* .Form001215 涓篸emo缂栧彿 */ .Form001215{ padding:5% 0;} .Form001215 .form{ float:left; width:50%;} .Form001215 .stock{ float:right; width:50%;border-left: 1px solid #eaeaea; padding: 3% 0;} @media(max-width:1200px){ .Form001215 .form, .Form001215 .stock{ float:none; width:auto; border:none;} .Form001215 #emchart-0{width:auto !important;} } .Form001215 iframe{ float:none; width:100%; border:none; height: 530px; } /* .TextList002243 涓篸emo缂栧彿 */ .TextList002243{padding-bottom: 50px} .TextList002243 .text{ font-size:24px; color: #777; padding:0 0 60px; text-align: center;} .TextList002243 .text:after{ content:""; display: block; width: 70px; border-bottom: 2px solid #0a3190; margin:20px auto 0;} .TextList002243 li h4{font-size: 16px; color: #0a3190; font-weight: 100; margin-bottom: 24px;} .TextList002243 li h4:after{ content: ""; display: block; width: 40px; border-bottom: 1px solid #0a3190; margin: 17px 0 5px;} .TextList002243 dl dd{font-size: 14px; line-height: 26px; color: #474747; margin: 0 0 10px; position: relative; padding-left: 38px;} .TextList002243 dl dd .icon{ position: absolute; left: 0; top: 0; width: 27px; height: 25px; display: block; background: url(../images/TextList002243-icon.png) no-repeat;} .TextList002243 dl dd .addr-icon{ background-position: 0 0;} .TextList002243 dl dd .tel-icon{ background-position: 0 -39px;} .TextList002243 dl dd .mall-icon{ background: url(../images/TextList002243-icon2.png) no-repeat;} .TextList002243 li{ border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 30px} .TextList002243 .box2{margin-top: 3%; border-top:1px dashed #eaeaea; padding-top:5%;} .TextList002243 .box3{margin-top: 3%; border-top:1px dashed #eaeaea; padding-top:5%;} .TextList002243 .box3 li h4 span{ font-size:16px;} .TextList002243 .box li, .TextList002243 .box3 li{ border: 1px solid #eee; padding:30px; margin-bottom: 30px} .TextList002243 .box li{ height:195px;} .TextList002243 .box2 li{ height: 211px;} .TextList002243 .box3 li{ height:238px;} @media (min-width: 640px){ .TextList002243 li{ width: 48%; float: left; margin:0 1% 30px; } } @media (min-width: 1024px){ .TextList002243 li h4{ font-size: 18px;} .TextList002243 .box li h4{ font-size: 16px;} .TextList002243 .box3 li h4{ font-size: 22px;} } /*澶氬獟浣撲笓鍖�-鐩稿唽 寮圭獥*/ .multimedia_Popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 999;display: none;} .multimedia_Popup .content{position: absolute;max-width: 800px;width: 100%;left: 0;right: 0;margin: 0 auto;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);background: #fff;border-radius: 10px;padding: 30px 20px;} .multimedia_Popup .content .swiper-slide{height: 600px;} .multimedia_Popup .cha{position: absolute;right: 20px;top: 12px;color: #000000;font-size: 20px;cursor: pointer;} .itemof05 p:nth-child(4){display: none!important;} .bottom_nav .dl_special dd:nth-child(4){display: none!important;} .menu .right ul li#menu_47{display: none;} /*侧边搜索*/ /*按钮1 start*/ /*.search_bar {background:#666;position: fixed;right: 0;top: 360px;width: 30px;height: 30px;} .search_bar img { position: absolute; right: 0; padding:5px; } .search_bar form { border: none; outline: none; } .search_bar input { width: 0; padding-right: 30px; padding-top: 10px; border-bottom: 2px solid transparent; background: transparent; transition: .3s linear; position: absolute; top: 0; right: 0; z-index: 2; } .search_bar input:focus { width: 300px; z-index: 1; border-bottom: 2px solid #F9F0DA; } .search_bar button { background: #683B4D; top: 0; right: 0; }*/ /*按钮1end*/ .search_bar1{ position: fixed; right: 0; top:360px; height: 35px; background: #393D49; display: block; } .search-img1{ -webkit-box-sizing: border-box; box-sizing: border-box; float:left; width: 35px; padding:8px; background:#393D49; } .search-img1 img{ display: block; line-height: 35px; } .search-fbox1 { width: 0; -webkit-transition: .3s linear; transition: .3s linear; float:left; height: 38px; line-height: 38px; } .search_f1 input{ border-radius: 0 2px 2px 0; background: initial; font-size: 16px; color: #fff; } .search_f1 button{ border-radius: 0 2px 2px 0; background: initial; font-size: 16px; color: #fff; } /*按钮3*/ .search_bar2{ position: fixed; right: 0; top:280px; height: 35px; display: block; } .search-img2{ -webkit-box-sizing: border-box; box-sizing: border-box; float:left; width: 35px; height: 33px; margin-top: 1px; background: rgba(0,0,0,0.2); } .search-img2 img{ display: block; height: 13px; margin: 0 auto; margin-top: 10px; } .search-fbox2 { width: 0; position: relative; float:left; height: 35px; line-height: 35px; } .search_f2 input{ width: 100%; border-radius: 0 2px 2px 0; border: 1px solid #fff; background: rgba(0,0,0,0.2); padding-left:5px; height: 33px; font-size: 16px; color: #fff; height: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; } .search_f2 button{ /*border-radius: 0 2px 2px 0;*/ border: none; position: absolute; right: 10px; top: 5px; background: initial; font-size: 16px; color: #fff; } .search_f2 button img{ width: 25px;height: 25px; } .font-color-white{ color: #fff !important; } .font-color-grey { color:#bababa; } .index-page3{ background: url(../images/bg1.jpg) no-repeat center center;} /* .index-page3 .service h3::after{ background: #fff; } */ .index-page5 { background: url(../images/bg2.jpg) no-repeat center center; } .index-page5-box { /* padding-top:80px; */ text-align: center; color: #fff; transition: all .3s; } .index-page5-box h1{ font-size: 50px; font-weight: normal; transition: all .3s; } .index-page5-box .page5-second-h1{ padding-bottom: 50px; } .index-page5-box h3{ line-height: 30px; font-size: 24px; font-weight: lighter; transition: all .3s; } .page5-en-p{ padding-top: 100px; width: 342px; margin:20px auto; font-size: 1.2rem; transition: all .3s; } .page5-en-span-horizontal{ content: ''; width:4rem; height: 4px; display: inline-block; vertical-align: middle; background-color: #ffffff; } .page5-description{ width:100%; margin: 0 auto; padding-top:100px; padding-bottom: 60px; overflow: hidden; } .page5-dl{ width:33%; position: relative; float:left; } .page5-dl dt{ width:60%; float: right; text-align: left; font-size: 32px;; letter-spacing: 4px; word-spacing: 1px; transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .page5-dl dt a{ color: #fff; } .page5-dl dd{ margin-top:20px; width: 60%; float: right; white-space: normal; font-size: 16px; line-height: 30px; letter-spacing: 1px; word-spacing: 1px; text-align: left; transition: all .3s; } .page5-dl-p{ position: relative; width:110px; height: 110px; padding:5px; border-radius: 50%; float: right; background-color: #fff; right: 32px; bottom: 70px; transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; /* margin-right: 20px; */ } /* .page5-dl-p span{ box-sizing: border-box; width: 10px; height: 10px; margin:0 auto; vertical-align: middle; transform-origin: center; display: inline-block; opacity: 0; border-radius: 50%; transition: all 2s; -webkit-transition: all 2s; } */ .page5-dl-p:hover{ border-radius: 10%; /* background-color: #0166fc; */ background-color: #3663d0; border: initial; } /* .page5-dl-p:hover span{ width: 100px; height: 100px; opacity: 1; background-color: #0166fc; } */ /* //两个图片 */ .page5-dl-p .page5-dl-img1{ transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; display: block; } .page5-dl-p .page5-dl-img2{ transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; display: none; } .page5-dl-p:hover .page5-dl-img1{ display: none; } .page5-dl-p:hover .page5-dl-img2{ display: block; } .page5-dl-pbutton { width:265px; height: 65px; line-height: 65px; margin: 100px auto; background-color: #3763d0; transition: all 1s; } .page5-dl-pbutton:hover{ border-radius: 5px; } .page5-dl-pbutton a { color: #fff; font-size: 24px; /* line-height: 65px; */ text-align: center; } .page5-dl-pbutton a img{ width:30px; } .index-page8{ transition: all 1s; } .industy-trends{ padding-top: 80px; } @media only screen and ( max-width:1320px ){ /* 服务与支持 */ .index-page5-box{padding:0 20px;} .page5-dl-p{display: none;} .page5-dl dt{ width: 80%;} .page5-dl dd{width: 80%;} /* 服务与支持 end*/ } @media only screen and ( max-width:1100px ){ /* 服务与支持 */ .index-page5-box{padding:0 10px;} .page5-dl-p{display: none;} .page5-dl dt{ width: 90%;font-size: 26px;} .page5-dl dd{width: 90%;} .index-page5-box h1{font-size: 40px;} .index-page5-box .page5-second-h1{padding-bottom: 30px;} .index-page5-box h3{font-size: 16px;line-height: 30px;} /* 服务与支持 end*/ } @media only screen and ( max-width:800px ) { /* 服务与支持 */ /* .page5-dl-p{display: block;} */ .page-second-h3{display: none;} .page5-dl{width:100%;} .page5-dl dt{width:96%} .page5-dl dd{margin: 20px 5px;} .index-page5-box h1{font-size: 30px;} ..page5-en-p{padding-top: 50px;} .index-page5 { background: url('../images/mbg2.jpg') no-repeat center center; margin-bottom: 50px; } .page5-description{ padding-bottom: 30px; } .page5-dl-pbutton{ width: 140px; height: 40px; margin:20px auto; line-height: 40px; border: 1px solid #fff; border-radius: 5px; background: initial; } .page5-dl-pbutton:hover{ background: #3763d0; } .page5-dl-pbutton a{ font-size: 16px; font-weight: lighter; line-height: initial; } .page5-dl-pbutton a img{ width:20px; } /* 服务与支持 end*/ /* bottom */ /*.index-page8{ background: url('../images/mbk3.jpg') no-repeat center center; }*/ /* bottom :end */ /* 动画 */ .hover_img{ margin:0;} /* 动画end */ /* 产品服务 */ .index-page3 .section1 .h3::after{ background: #fff;} /* 产品服务end */ } /* .index-page3 .service .section1 .h3::after{background: #fff;} */ .platform_clound_cat { text-align: center; background-color: #6a6a6a;overflow: hidden; margin-bottom: 2rem; /*border-bottom:1px solid #ccc;*/ } .platform_clound_cat a { display: block;float: left; } .platform_clound_cat a > p { display: inline-block; padding: 0rem 3rem; text-align: center; margin: 0; color: #fff; font-size: 16px; /*border-radius: 10px;*/ } .platform_clound_cat > a > p >img.clound_icon_activate {display: none;} .platform_clound_cat > a > p.actived img.clound_icon_unactivated {display: none;} .platform_clound_cat > a > p.actived img.clound_icon_activate {display: inline-block;} .platform_clound_cat a p.actived { background-color: #0a3190; color: #fff; } .platform_content {box-shadow: 0px 0px 20px rgb(0 55 128 / 40%); padding: 2rem;border-radius: 10px;} .platform_clound_cat >a > p > img { /* width: 50px; height: 40px;*/ margin:1rem 1rem 1rem 0; } .news_inner * img{ width:auto!important;height:auto!important;max-width: 100%!important; } .platform-clound-description { margin:3rem 0; font-size:18px;text-indent:2rem;color:#000; }