.head_more { display: none10; } .c-banner1 { background:#fff; height:100% } .c-banner1 .swiper-slide { position:relative; overflow:hidden; max-height:100vh } .c-banner1 .swiper-slide img { width:100%; height:100vh; object-fit:cover; -webkit-transition:all 7s; transition:all 7s; display:none; opacity:0 } .c-banner1 .swiper-slide video { width:100%; height:100%; object-fit:fill; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; overflow:hidden; position:relative } .c-banner1 .swiper-slide .c-bg2 { display:none } .c-banner1 .swiper-slide-active img { transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05) } .c-banner1 .swiper-slide .c-wrap { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; color:#fff } .meng { width:100%; height:100%; margin:0 auto; background:#000; opacity:0.3; position:absolute; top:0px; right:0 } .c-banner1 .swiper-slide .c-wrap .c-title { margin-left:60px; font-size:110px; line-height:110px; text-shadow:0 2px 10px rgba(0,0,0,.3) } .c-banner1 .swiper-slide .c-wrap .c-text { width:517px; margin-left:60px; padding:30px 0 0px; font-size:46px; line-height:60px; text-shadow:0 2px 10px rgba(0,0,0,.3) } .c-banner1 .swiper-pagination-bullet { opacity:1; background:none } .c-banner1 .c-dot { position:absolute; bottom:156px; left:0; width:100% } .c-banner1 .swiper-pagination { position:relative; text-align:left } .c-banner1 .loading { margin:0 5px; width:38px; height:38px; position:relative; border:4px solid transparent; background:transparent } .loading.swiper-pagination-bullet-active { border-color:rgba(255,255,255,.2) } .loading .c-progress { position:absolute; width:8px; height:8px; background-color:#fff; border-radius:50%; left:11px; top:11px; line-height:120px; text-align:center } .loading.swiper-pagination-bullet-active .c-progress { background-color:#F25839 } .loading .yqs { position:absolute; top:-4px; left:-4px; width:38px; height:38px; opacity:0; transform-origin:right center; animation-fill-mode:forwards; animation-duration:3.9s; animation-timing-function:linear; animation-name:spin-left; border:4px solid #fff; border-radius:50% } .loading.swiper-pagination-bullet-active .yqs { opacity:1 } .loading .left,.loading .right { opacity:0; width:19px; height:38px; overflow:hidden; position:absolute; left:-4px; top:-4px; overflow:hidden } .loading.swiper-pagination-bullet-active .left,.loading.swiper-pagination-bullet-active .right { opacity:1 } .loading .right { left:auto; right:-4px; top:-4px } .loading .left:after,.loading .right:after { content:""; position:absolute; display:block; top:0px; left:0; width:19px; height:37px; border:4px solid #fff; border-radius:19px 0 0 19px; border-right:0 } .loading .right:after { content:""; position:absolute; display:block; border-radius:0 19px 19px 0; border:4px solid #fff; border-left:0 } .loading.swiper-pagination-bullet-active .left:after { transform-origin:right center; animation-fill-mode:forwards; animation-duration:5.9s; animation-timing-function:linear; animation-name:spin-left } .loading.swiper-pagination-bullet-active .right:after { transform-origin:left center; animation-duration:5.9s; animation-timing-function:linear; animation-name:spin-right } @keyframes spin-right { 0% { transform:rotate(180deg) } 50% { transform:rotate(360deg) } 100% { transform:rotate(360deg) } }@keyframes spin-left { 0% { transform:rotate(180deg) } 50% { transform:rotate(180deg) } 100% { transform:rotate(360deg) } }@-webkit-keyframes c-zoom { 0% { transform:scale(1,1); -webkit-transform:scale(1,1) } 100% { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1) } }@keyframes c-zoom { 0% { transform:scale(1,1); -webkit-transform:scale(1,1) } 100% { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2) } }.sq_timer_800ms { -webkit-transition:all 800ms; -moz-transition:all 800ms; -ms-transition:all 800ms; -o-transition:all 800ms; transition:all 800ms } .mouseIco { position:absolute; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); bottom:4%; z-index:999 } .mouseIco span { font-size:15px; color:#fff; letter-spacing:2px; margin-top:6px; display:inline-block } .mouseIco img { display:block; width:20px; margin:0 auto 5px; position:relative; top:-6px } .mouseIco-img1 { -webkit-transform:scale(0.5); transform:scale(0.5); animation:mouseImg1 1s ease-in-out alternate infinite } .mouseIco-img2 { -webkit-transform:scale(0.78); transform:scale(0.78); animation:mouseImg2 1s ease-in-out alternate infinite } .mouseIco-img3 { -webkit-transform:scale(1.2); transform:scale(1.2); animation:mouseImg3 1s ease-in-out alternate infinite } @keyframes mouseImg1 { 0% { -webkit-transform:scale(0.5) translateY(-5px); transform:scale(0.5) translateY(-5px) } 100% { -webkit-transform:scale(0.5) translateY(5px); transform:scale(0.5) translateY(5px) } }@keyframes mouseImg2 { 0% { -webkit-transform:scale(0.78) translateY(-5px); transform:scale(0.78) translateY(-5px) } 100% { -webkit-transform:scale(0.78) translateY(5px); transform:scale(0.78) translateY(5px) } }@keyframes mouseImg3 { 0% { -webkit-transform:scale(1.2) translateY(-5px); transform:scale(1.2) translateY(-5px) } 100% { -webkit-transform:scale(1.2) translateY(5px); transform:scale(1.2) translateY(5px) } }@keyframes mouse-dot { from { opacity:0 } 33% { opacity:1 } to { transform:translateY(15px); -webkit-transform:translateY(15px); opacity:0 } }@-webkit-keyframes mouse-dot { from { opacity:0 } 33% { opacity:1 } to { transform:translateY(15px); -webkit-transform:translateY(15px); opacity:0 } }.c-zoom { -webkit-animation-name:c-zoom; animation-name:c-zoom } @media(max-width:1600px) { .c-banner1 .swiper-slide .c-wrap .c-title { font-size:80px } .c-banner1 .swiper-slide .c-wrap .c-text { padding:20px 0 0px; font-size:40px; line-height:56px } }@media(max-width:1440px) { .c-banner1 .swiper-slide .c-wrap .c-title { font-size:66px; line-height:70px } .c-banner1 .swiper-slide .c-wrap .c-text { padding:20px 0 0px; font-size:28px; line-height:38px } }@media(max-width:1259px) { .c-banner1 .swiper-slide .c-wrap .c-title { font-size:42px; line-height:1.6em } .c-banner1 .swiper-slide .c-wrap .c-text { padding:20px 0 0px; font-size:24px; line-height:36px } .c-banner1 .c-dot { bottom:30px } }@media(max-width:1024px) { }@media(max-width:768px) { .mouseIco { display:none } .c-banner1 .swiper-slide { max-height:100% } .c-banner1 .c-dot { bottom:10px } .c-banner1 .swiper-slide .c-wrap .c-title { font-size:30px; text-align:center; margin-left:0 } .c-banner1 .swiper-slide .c-wrap .c-text { font-size:20px; line-height:30px; padding:0; margin-left:0; text-align:center } }@media(max-width:640px) { .c-banner1 .swiper-slide .c-wrap .c-title { font-size:22px; line-height:1.8em } .c-banner1 .swiper-slide .c-wrap .c-text { font-size:14px; line-height:1.8em } .c-banner1 .swiper-slide video { display:none } .c-banner1 .swiper-slide img.c-bg { display:block; height:185px; } .c-banner1 .swiper-slide img { opacity:1 } } .index_main1 { padding-top:90px; background:url(../images/bg1.png) no-repeat top center; background-color:#fff } .index_main1_top { margin-bottom:65px } .index_main1_top .index_title1 { font-size:44px; color:#333; line-height:1.4em; float:left } .index_main1_top .index_title1 p:last-child { font-family:'Source Sans'; font-weight:bold } .index_main1_top ul { float:right; display:flex } .index_main1_top ul li { text-align:center; min-width:245px } .index_main1_top ul li:last-child { margin-left:8% } .index_main1_top ul li p { font-size:16px; color:#808080 } .index_main1_top ul li p span { font-size:60px; color:#F25839; font-family:'Impact'; line-height:1em } .index_main1_top ul li p sup { font-size:16px; color:#F25839; position:relative; top:-20px; font-weight:bold; margin-left:5px } .index_main1_bottom { display:flex; flex-wrap:wrap; background-color:#999494; padding:5px } .video1 { width:49% } .video1 video { max-width:100% } .index_about { width:51%; background:url(../images/bg2.png) no-repeat center; padding:30px 60px 0 } .index_about h2 { font-size:42px; color:#F25839; line-height:1em; padding-top:34px; position:relative } .index_about h2:after { content:''; position:absolute; top:0; left:0; width:45px; height:2px; background-color:#F25839 } .index_about h3 { padding:25px 0 15px; line-height:1em; font-size:32px; font-weight:normal; color:#fff } .index_about p { font-size:15px; color:#e5e5e5 } .index_about a { display:block; width:176px; height:46px; line-height:46px; font-size:16px; color:#fff; padding:0 20px; background-color:#F25839; margin:70px 0 0; position:relative } .index_about a:before { content:''; position:absolute; top:50%; right:20px; width:10px; height:9px; margin-top:-4.5px; transition:all 0.5s ease-out } .index_about a:hover { opacity:0.9 } .index_about a:hover:before { right:25px; transition:all 0.5s } @media(max-width:1600px) { .index_main1 { padding-top:70px } .index_main1_top { margin-bottom:40px } .index_main1_top .index_title1 { font-size:30px } .index_main1_top ul li p span { font-size:48px } .index_about { padding:50px 40px 0 } .index_about h2 { font-size:32px; padding-top:25px } .index_about h3 { padding:25px 0 10px; font-size:24px } .index_about p { font-size:14px } .index_about a { margin-top:30px } }@media(max-width:1440px) { }@media(max-width:1259px) { .index_main1 { padding-top:50px } .index_main1_top .index_title1 { font-size:24px } .index_main1_top ul li p span { font-size:36px } .index_about { padding:20px 25px 0 } .index_about h2 { font-size:24px; padding-top:20px } .index_about h3 { padding:20px 0 10px; font-size:20px } .index_about p { line-height:1.8em } .index_about a { margin-top:20px } }@media(max-width:1024px) { }@media(max-width:768px) { .index_main1 { padding-top:30px } .index_main1_top { margin-bottom:20px } .index_main1_top .index_title1 { font-size:20px; float:none; margin-bottom:15px } .index_main1_top ul { float:none } .index_main1_top ul li { min-width:180px } .index_main1_top ul li:last-child { margin-left:3% } .index_main1_top ul li p { font-size:14px } .index_main1_top ul li p span { font-size:30px } .index_main1_top ul li p sup { top:0 } .video1 { width:100% } .index_about { width:100%; padding:20px 15px } .index_about h2 { font-size:20px } .index_about h3 { padding:15px 0 10px; font-size:18px } .index_about a { width:150px } }@media(max-width:640px) { .index_main1_top ul li { width:50%; min-width:50% } }.index_main2 { padding:105px 0 90px; background-color:#fff } .index_title2 { margin-bottom:30px } .index_title2 h2 { font-size:44px; color:#eaa001; font-weight:normal; line-height:1em } .index_title2 p { font-size:18px; color:#666666; margin-top:10px } .sort1 { margin-bottom:30px } .sort1 li { float:left; margin-right:25px } .sort1 li:last-child { margin-right:0 } .sort1 li a { display:block; width:160px; line-height:38px; height:38px; font-size:16px; color:#4c4c4c; background:#e6e6e6; text-align:center } .sort1 li:nth-child(1) a { background:#807c7c; color:#fff; width:136px } .sort1 li a img { margin-right:7px; position:relative; top:-2px } .sort1 li a:hover { background:#807c7c; color:#fff } .product_list1 { display:flex; flex-wrap:wrap } .product_list1 li { width:25% } .product_list1 li a { display:block; border:1px solid #e5e5e5; position:relative; padding:18px 25px 10px; width:100%; height:100% } .product_list1 li a:after { content:''; position:absolute; left:0; bottom:0; width:0%; height:5px; background-color:#f4ac10; transition:all 0.6s ease-out } .product_list1 li a h3 { font-size:20px; color:#333 } .product_list1 li a h4 { font-size:15px; color:#333; font-weight:normal } .more1 { position:absolute; right:25px; top:18px } .more1 .more_img { width:39px; height:39px; position:relative; overflow:hidden } .more1 .more_img img { position:absolute; top:0; left:0 } .product_list1 li a .img { text-align:center } .product_list1 li a:hover:after { width:100%; transition:all 0.6s } .product_list1 li a:hover h3 { color:#f4ac10 } .product_list1 li a:hover .more1 .more_img img { top:-39px } .product_list1 li:last-child { background:url(../images/bg3.png) no-repeat center #808080 } .product_list1 li:last-child a:after { display:none } .product_list1 li:last-child a .img img { transition:all 0.3s ease-out } .product_list1 li:last-child a .text { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:center; z-index:99; font-size:16px; color:#fff; text-align:center } .product_list1 li:last-child p { padding-top:10px } .product_list1 li:last-child a .text:hover .img img { padding-left:15px; transition:all 0.3s } @media(max-width:1600px) { .index_main2 { padding:80px 0 } .index_title2 h2 { font-size:32px } .index_title2 p { font-size:16px } .product_list1 li a { padding:15px 20px 10px } .product_list1 li a h3 { font-size:18px } .product_list1 li a h4 { font-size:14px } }@media(max-width:1440px) { }@media(max-width:1259px) { .index_main2 { padding:60px 0 } .index_title2 h2 { font-size:26px } .index_title2 p { font-size:14px } .sort1 { margin-bottom:20px } .sort1 li { margin-right:10px; margin-bottom:5px } .sort1 li a { font-size:15px; width:140px } .sort1 li:nth-child(1) a { width:110px } .product_list1 li a { padding:10px 10px 10px } .product_list1 li a h3 { font-size:16px } .more1 { display:none } }@media(max-width:1024px) { }@media(max-width:768px) { .index_main2 { padding:40px 0 } .index_title2 { margin-bottom:20px } .index_title2 h2 { font-size:24px } .index_title2 p { margin-top:5px } .product_list1 li { width:50% } }@media(max-width:640px) { .index_main2 { padding:30px 0 } .index_title2 h2 { font-size:20px } .product_list1 li { width:100% } .more1 { display:block; right:10px } .product_list1 li:last-child { display:none } .sort1 { display:none } }.index_main3 { background-color:#f0f0f0; padding:70px 0 100px } .index_hyyy { display:flex; flex-wrap:wrap; padding-top:10px } .index_hyyy li { width:23.5%; margin-right:2% } .index_hyyy li:last-child { margin-right:0 } .index_hyyy li a { display:block; position:relative; overflow:hidden } .index_hyyy li a .text { background-color:#ffffff; position:absolute; top:100%; left:0; width:100%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:center; z-index:99; transition:all 0.5s ease-out; padding:0 38px } .index_hyyy li a .text h3 { font-size:26px; color:#4c4c4c; font-weight:normal; padding-top:15px } .index_hyyy li a .text p { font-size:14px; color:#666; line-height:1.8em } .index_hyyy li a .text span { display:block; margin:35px 0 0 } .index_hyyy li a:hover .text { top:0; transition:all 0.6s } .m_hyyy { display:none } .m_hyyy li { width:49%; margin-right:2%; margin-bottom:10px } .m_hyyy li:nth-child(2n) { margin-right:0 } .m_hyyy li a { display:block } @media(max-width:1600px) { .index_main3 { padding:70px 0 } .index_hyyy li a .text { padding:0 15px } .index_hyyy li a .text .img { width:80%; margin:0 auto } .index_hyyy li a .text h3 { font-size:20px } .index_hyyy li a .text span { margin:15px 0 0 } }@media(max-width:1440px) { }@media(max-width:1259px) { .index_main3 { padding:60px 0 } .index_hyyy { padding-top:0 } .index_hyyy li a .text span { display:none } }@media(max-width:1024px) { }@media(max-width:768px) { .index_main3 { padding:30px 0 20px } .index_hyyy li { width:49%; margin-bottom:10px } .index_hyyy li:nth-child(2n) { margin-right:0 } }@media(max-width:640px) { .index_hyyy { display:none } .index_hyyy li { width:100%; margin-right:0px } .index_hyyy li a .text h3 { font-size:18px } .m_hyyy { display:flex; flex-wrap:wrap } }#c-common-bg.c-dt { height:100% } #c-common-bg { position:fixed; z-index:-2; top:0; left:0; width:100%; height:6.4rem } .index_main4 { background:url(../images/bg4.jpg) no-repeat center; background-size:cover; padding:120px 0 108px; background-attachment:fixed } .index_main4 .index_title2 { margin-bottom:70px } .index_main4 .index_title2 h2 { color:#fff } .index_main4 .index_title2 p { color:#fff } .index_main4 .swiper-container2 { }.index_main4 .swiper-container2 .swiper-slide { display:flex; flex-wrap:wrap } .index_main4 .swiper-container2 .swiper-slide p { width:9.1%; margin-bottom:15px; float:left; margin-right:1% } .index_main4 .swiper-container2 .swiper-slide p:nth-child(10n) { margin-right:0 } .index_main4 .swiper-container2 .swiper-pagination { bottom:0; display:none!important } .index_main4 .swiper-container2 .swiper-pagination span { width:14px; height:14px; background-color:#a4b2b5; border-radius:50%; opacity:1; margin:0 12px } .index_main4 .swiper-container2 .swiper-pagination span.swiper-pagination-bullet-active { width:50px; background-color:#eaa001; border-radius:15px } @media(max-width:1600px) { .index_main4 { padding:80px 0 } .index_main4 .index_title2 { margin-bottom:30px } .index_main4 .swiper-container2 .swiper-pagination span.swiper-pagination-bullet-active { width:40px } }@media(max-width:1440px) { }@media(max-width:1259px) { .index_main4 { padding:60px 0 } }@media(max-width:1024px) { }@media(max-width:768px) { .index_main4 { padding:40px 0 } .index_main4 .index_title2 { margin-bottom:20px } .index_main4 .swiper-container2 { padding-bottom:50px } .index_main4 .swiper-container2 .swiper-slide p { width:18.4%; margin-right:2% } .index_main4 .swiper-container2 .swiper-slide p:nth-child(10n) { margin-right:2% } .index_main4 .swiper-container2 .swiper-slide p:nth-child(5n) { margin-right:0% } }@media(max-width:640px) { .index_main4 { padding:30px 0 } }.index_main5 { padding:105px 0 90px; background-color:#fff } .index_main5 .index_title2 { margin-bottom:45px } .index_title2 a { display: block; width: 210px; height: 50px; line-height: 50px; font-size: 14px; font-weight: bold; color: #fff; padding: 0 15px; background-color: #F25839; position: relative; float: right; margin-top: -55px; top: 72px; right: 46px; } .index_title2 a:before { content:''; position:absolute; top:50%; right:20px; width:10px; height:9px; margin-top:-4.5px; } .index_news { display:flex; flex-wrap:wrap; opacity: 1; } .index_news_active{ opacity: 0; } .news_list1 { width:46.8% } .news_list1 a { display:block; overflow:hidden; color:#fff; position:relative } .news_list1 a .img { overflow:hidden; width: :100%; } .news_list1 a .img img { transition:all 0.6s ease-out; width:100%!important; height: 580px; } .news_list1 a h3 { position:absolute; width:100%; padding:20px 35px; left:0; bottom:0; background-color:#F25839; font-weight:normal; display:flex; align-items:center; flex-wrap:wrap; z-index:99 } .news_list1 a h3 span { font-size:26px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden } .news_list1 a h3 em { font-size:20px; float:right; width:20%; font-style:normal; text-align:right; display:none } .news_list1 a:hover .img img { transform:scale(1.1); transition:all 0.6s } .news_list2 { width:53%; background: #EFF4F8; } .news_list2 li { } .news_list2 li:last-child { margin-bottom:0 } .news_list2 li a { margin: 50px 45px; display: flex; flex-wrap: wrap; padding: 18px 35px; } .news_list2 li a .date { text-align:center; width:65px } .news_list2 li a .date span { display:block; font-size:16px; color:#666; margin-bottom:15px; line-height:1.4em } .news_list2 li a .date em { display:block; font-style:normal; font-size:50px; color:#807c7c; line-height:1em } .news_list2 li a .text { width:calc(100% - 65px); padding-left:55px } .news_list2 li a .text h3 { font-size:18px; margin-bottom:10px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden } }.news_list2 li a .text p { font-size:14px; color:#999; line-height:1.8em } .news_list2 li a:hover { background-color:#F25839; } .news_list2 li a:hover .date span,.news_list2 li a:hover .date em,.news_list2 li a:hover .text h3,.news_list2 li a:hover .text p { color:#fff } .news_list2 li a:hover .date span { border-bottom:2px solid #fff } @media(max-width:1600px) { .index_main5 { padding:80px 0 } .index_main5 .index_title2 { margin-bottom:30px } .news_list1 a h3 { padding:12px 20px } .news_list1 a h3 span { font-size:20px } .news_list1 a h3 em { font-size:16px } .news_list2 li a { padding:20px 15px } .news_list2 li { margin-bottom:10px } .news_list2 li a .date em { font-size:40px } .news_list2 li a .text h3 { margin-bottom:6px } }@media(max-width:1440px) { }@media(max-width:1259px) { .index_main5 { padding:60px 0 } .news_list1 a h3 { padding:8px 15px } .news_list1 a h3 span { font-size:16px } .news_list1 a h3 em { font-size:14px } .news_list2 li a { padding:10px 10px } .news_list2 li a .text { padding-left:30px } .news_list2 li a .text h3 { font-size:16px; margin-bottom:0px } .news_list2 li a .date em { font-size:32px } .news_list2 li a .text p { line-height:1.6em } }@media(max-width:1024px) { }@media(max-width:768px) { .index_main5 { padding:30px 0 } .index_main5 .index_title2 { margin-bottom:20px } .index_title2 a { display:none } .news_list1 { width:100% } .news_list2 { width:100%; margin-left:0%; margin-top:15px } }@media(max-width:640px) { .news_list1 a h3 { padding:8px 10px } .news_list2 li a { padding:5px } .news_list2 li a .text { padding-left:15px } .news_list2 li a .text h3 { font-size:15px; line-height:1.6em } .news_list2 li a .date { padding-top:15px } }footer { background:url(../images/f_bg.jpg) no-repeat center } footer .container { max-width:1300px } .foot { padding:110px 0 50px; border-bottom:1px solid #2c2f33 } .f_nav { display:flex; flex-wrap:wrap } .f_nav li { width:18% } .f_nav li:nth-child(5) { width:28% } .f_nav li h3 { font-size:18px; color:#fff; margin-bottom:20px } .f_nav li a { display:block; font-size:14px; color:#747576 } .f_nav li a:hover { color:#F25839; text-decoration:underline } .foot_r { width:27%; display:none } .f_code { }.f_contact { margin:0px 0 18px; font-size:14px; color:#616365 } .f_share { display:flex } .f_share a { display:block; width:50px; height:50px; border:1px solid #616365; border-radius:50%; position:relative } .f_share a .xs { width:107px; height:107px; position:absolute; top:55px; left:50%; margin-left:-60px; display:none } .f_share a.a1:hover .xs { display:block } .f_share a.a1 { background:url(../images/wx.png) no-repeat center; position:relative } .f_share a.a2 { margin-left:30px; background:url(../images/ly.png) no-repeat center } .f_link { color:#747576; margin-top:30px } .f_link a { color:#747576 } .f_link a:hover { color:#fff } .copyright { padding:40px 0 35px } .copyright_l { float:left } .copyright_r { float:right } @media(max-width:1600px) { .foot { padding:60px 0 110px } .f_contact { margin:0px 0 18px } .copyright { padding:25px 0 } }@media(max-width:1440px) { }@media(max-width:1259px) { }@media(max-width:1024px) { }@media(max-width:768px) { .foot { padding:40px 0 } .f_nav li { display:none } .f_nav li:nth-child(5) { width:100%; display:block } .f_nav li h3 { font-size:17px; margin-bottom:10px } .foot_r { width:100% } .f_contact { margin:0px 0 0px } .f_share { display:none } .copyright_l,.copyright_r { float:none; text-align:center } }@media(max-width:640px) { .foot { padding:20px 0 } .copyright { padding:15px 0 } }.fl { float:left } .fr { float:right } .di { _display:inline } .fwn { font-weight:normal } .dib { *display:inline; _zoom:1; _display:inline; _font-size:0px } .f_none { display:none } .n_banner { width:100%; margin:0 auto; position:relative } .n_banner img { width:100%; margin:0 auto } .n_banner .text1 { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:36px; color:#fff; font-weight:normal } .sitemp { margin-top:-41px; height:41px; line-height:40px; background:rgba(0,0,0,.6); position:relative; z-index:9; border:none } .sitemp .site { font-size:14px; color:#fff; padding-left:45px; background:url(../images/home1.png) no-repeat 18px center } .sitemp .site a { font-size:14px; color:#fff } .sitemp .site a:hover { color:#f4ac10 } .container2 { width:92%; max-width:1570px; margin:0 auto } .sort { display:flex; flex-wrap:wrap; justify-content:center; padding:65px 0 5px } .sort li { margin:5px 10px } .sort li a { font-size:22px; color:#4c4c4c; line-height:55px; height:55px; padding:0 15px; display:block; position:relative } .sort li a:before { position:absolute; top:50%; height:0; width:0; background-color:#f4ac10; font-size:0; overflow:hidden; content:''; left:50%; -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; display:none\9; z-index:-1 } .sort li a:hover { color:#fff } .sort li a:hover:before { width:100%; height:100% } .sort li a.on { color:#fff } .sort li a.on:before { width:100%; height:100% } #container { padding:50px 0 } .container3 { width:92%; max-width:1300px; margin:0 auto } @media(max-width:1600px) { .sort li a { font-size:16px; line-height:40px; height:40px } .n_banner .text1 { font-size:32px } }@media(max-width:1440px) { }@media(max-width:1259px) { .n_banner .text1 { font-size:24px } #container { padding:30px 0 } .container2 { width:96% } }@media(max-width:992px) { .sort li { margin:5px 5px } .sort li a { padding:0 10px; font-size:15px } }@media(max-width:768px) { .sitemp .site { display:none } .sort { float:none; padding:30px 0 5px } .sort li a { }.n_banner .text1 { font-size:20px } }@media(max-width:640px) { .sitemp { display:none } .n_banner .text1 { font-size:18px } .sort { float:none; padding:20px 0 0px } .sort li a { padding:0 6px; height:35px; line-height:35px; font-size:14px } #container { padding:20px 0 } }.mobile-common-header { }.mobile-common-header .nav-box { position:fixed; top:0; left:0; right:0; height:1rem; padding:0 0.3rem; display:flex; justify-content:space-between; align-items:center; background-color:#fff; z-index:998 } .mobile-common-header .nav-box .left { flex:none; height:60% } .mobile-common-header .nav-box .left a { display:block; height:100% } .mobile-common-header .nav-box .left a img { width:auto; height:100% } .mobile-common-header .nav-box .right { display:flex; align-items:center } .mobile-common-header .nav-box .right .searchBtn { font-size:20px; color:#333 } .mobile-common-header .nav-box .right .nav-button { position:relative; width:1rem; height:1rem; margin-left:0.4rem; text-align:center; z-index:999; font-size:0; display:block; background:#fff } .mobile-common-header .nav-box .right .nav-button div { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:28px; height:16px } .mobile-common-header .nav-box .right .nav-button div span { width:100%; height:2px; background-color:#333; display:block; margin:0 auto; line-height:2px; position:static; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s } .mobile-common-header .nav-box .right .nav-button div span.center-hr { margin:6px auto; width:80%; margin-left:20% } .mobile-common-header .nav-box .right .nav-button div span.top-hr { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none } .mobile-common-header .nav-box .right .nav-button div span.bottom-hr { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none } .mobile-common-header .nav-box .right .nav-button.active div span { position:absolute; top:50%; margin-top:-1px; left:0 } .mobile-common-header .nav-box .right .nav-button.active div span.center-hr { display:none } .mobile-common-header .nav-box .right .nav-button.active div span.top-hr { transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg) } .mobile-common-header .nav-box .right .nav-button.active div span.bottom-hr { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg) } .mobile-common-header .searchContainer { position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-size:cover; background-position:center; animation-duration:0.4s; display:none } .mobile-common-header .searchContainer .box { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center } .mobile-common-header .searchContainer .box .logo-box { width:40%; margin-bottom:0.8rem; margin-top:-200px } .mobile-common-header .searchContainer .box .logo-box .logo { width:100% } .mobile-common-header .searchContainer .box .classify { display:flex } .mobile-common-header .searchContainer .box .classify li { line-height:0.4rem; cursor:pointer; color:#666 } .mobile-common-header .searchContainer .box .classify li:not(:last-child) { margin-right:0.3rem; padding-right:0.3rem; border-right:1px solid rgba(255,255,255,0.1) } .mobile-common-header .searchContainer .box .classify li.active { color:#fff } .mobile-common-header .searchContainer .box .input-box { display:flex; justify-content:space-between; width:80%; margin-top:0.4rem; font-size:0 } .mobile-common-header .searchContainer .box .input-box input { box-sizing:border-box; width:85%; height:0.6rem; line-height:0.6rem; padding:0 0.2rem; border:none; border-top-left-radius:5px; border-bottom-left-radius:5px; font-size:16px; vertical-align:middle } .mobile-common-header .searchContainer .box .input-box .button { width:15%; height:0.6rem; line-height:0.6rem; text-align:center; background:#e50212; color:#fff; border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:14px; cursor:pointer; vertical-align:middle } .mobile-common-header .searchContainer .box .close { position:absolute; bottom:20%; left:50%; cursor:pointer; width:0.6rem; height:0.6rem; margin-left:-0.3rem; transition:all 0.3s ease-out } .mobile-common-header .searchContainer .box .close img { width:100% } .mobile-common-header .searchContainer .box .close:hover { transform:rotate(90deg) } .mobile-common-header .menuContainer { display:none; position:fixed; left:0; top:1rem; bottom:0; background:#fff; width:100%; z-index:999999 } .mobile-common-header .menuContainer .menuBox { width:100%; height:100%; overflow-y:auto } .mobile-common-header .menuContainer ul li { position:relative; padding:0.3rem; border-top:1px solid #eee; cursor:pointer; font-size:16px } .mobile-common-header .menuContainer ul li a { display:block; color:#333 } .mobile-common-header .menuContainer ul li .child { display:none; margin-top:0.3rem } .mobile-common-header .menuContainer ul li .child li:last-child { padding-bottom:0 } .mobile-common-header .menuContainer ul li::after { position:absolute; top:0.3rem; right:0.3rem; font-family:iconfont; content:'\e683' } @media(max-width:1600px) { }@media(max-width:1440px) { }@media(max-width:1259px) { }@media(max-width:1024px) { }@media(max-width:768px) { }@media(max-width:640px) { }.product_list li:last-child { background:none } .product_list li:last-child a:after { display:block } .product_list1 li:last-child a:hover .img img { padding-left:0 } .header2 { color:#333; background:#fff; border-bottom:1px solid #eee; position:relative } #c-header.header2 .nav li a { color:#333 } #c-header.header2 .img2 { display:block } #c-header.header2 .head_tel { background:url(../images/tel1_h.png) no-repeat left center } #c-header.header2 .img1 { display:none } .product_detail { display:flex; flex-wrap:wrap; border-bottom:1px solid #e0e0e0 } .product_detail_l { width:50%; padding:55px 55px 120px 35px } .product_detail_r { width:50%; background:url(../images/p_bg1.png) no-repeat; background-size:cover } .product_detail_r .cont { width:70%; padding:0 0 0 10%; height:100%; display:flex; flex-direction:column; justify-content:center; z-index:99 } .product_detail_r .cont h3 { font-size:48px; color:#333333; line-height:1.2em; font-weight:normal } .product_detail_r .cont h3 span { display:block } .product_detail_r .cont .text1 { margin:25px 0 65px; padding:58px 0; border-top:2px solid #333; border-bottom:1px dashed #999 } .product_detail_r .cont .text1 h4 { font-size:16px; font-weight:normal } .product_detail_r .cont .text1 p { font-size:22px; font-weight:bold } a.more2 { display:block; text-align:center; width:155px; line-height:52px; height:52px; font-size:16px; color:#fff; background:#f4ac10 } a.more2 img { margin-right:10px } .content2 { position:relative; border-bottom:1px solid #e5e5e5; position:static; background:#fff; top:0; left:0; width:100%; z-index:990; height:80px; line-height:80px } .breadcrum { font-size:15px; color:#505050; padding-left:25px; background:url(../images/home2.png) no-repeat left center; float:left } .breadcrum a { font-size:15px; color:#505050 } .breadcrum a:hover { color:#f4ac10 } .content2 .tabContainer { float:right } .content2 .tabContainer ul { display:flex } .content2 .tabContainer ul li { margin-right:85px } .content2 .tabContainer ul li:last-child { margin-right:0px } .content2 .tabContainer ul li a { font-size:22px; display:block; width:100%; height:100%; color:#666; line-height:77px } .content2 .tabContainer ul li.active,.content2 .tabContainer ul li:hover { border-bottom:3px solid #f4ac10 } .content2 .tabContainer ul li.active a,.content2 .tabContainer ul li:hover a { color:#f4ac10 } .content3 { }.content3 h2 { font-size:38px; color:#333; font-weight:normal; position:relative; line-height:1em; padding:75px 0 12px; margin:0 auto 30px } .content3 h2:after { content:''; position:absolute; bottom:0; left:0; width:55px; height:2px; background:#f4ac10 } .zbtd { background:#f5f5f5; padding:40px 0 80px } .zbtd .container3 { }.p_t1 { font-size:24px; color:#333; float:left; line-height:1.3em; margin-right:20px } .content3_text { float:left; width:35%; font-size:16px } .content3_text p { margin-bottom:10px } .content3_text p:last-child { margin-bottom:0 } .content3_video { float:right; width:50%; padding:7px; border:1px solid #e0e0e0 } .content3_video video { max-width:100% } .p_sy { padding:40px 0 100px } .p_sy h3 { color:#333; font-size:24px; font-weight:normal; line-height:1em; margin-bottom:40px } .p_imgs1 { display:flex; flex-wrap:wrap } .p_imgs1 p { width:46%; margin-right:8% } .p_imgs1 p:nth-child(2n) { margin-right:0 } .content4 { background:#fafafa } .content4 h2 { font-size:38px; color:#333; line-height:1em; padding-bottom:15px; position:relative; font-weight:normal; text-align:center; margin-bottom:45px } .content4 h2:before { content:''; position:absolute; bottom:0; left:50%; margin-left:-26px; width:52px; height:2px; background:#f4ac10 } .content4 .container3 { padding:40px 0 60px } .product_list2 li { width:33.33333% } .tjcp { padding:90px 0 } .tjcp h2 { font-size:38px; color:#333; line-height:1em; padding-bottom:15px; position:relative; font-weight:normal; text-align:center; margin-bottom:55px } .tjcp h2:before { content:''; position:absolute; bottom:0; left:50%; margin-left:-26px; width:52px; height:2px; background:#f4ac10 } @media(max-width:1600px) { .product_detail_r .cont h3 { font-size:30px } .product_detail_r .cont .text1 { margin:20px 0 40px; padding:30px 0 } .product_detail_r .cont .text1 p { font-size:20px } .content2 .tabContainer ul li a { font-size:18px } .content3 h2,.content4 h2,.tjcp h2 { font-size:30px } .content3_text { font-size:15px } }@media(max-width:1440px) { }@media(max-width:1259px) { .container3 { width:96% } .product_detail_r .cont { width:96%; padding:0 0 0 5% } .product_detail_r .cont h3 { font-size:24px } .product_detail_r .cont .text1 { margin:20px 0; padding:20px 0 } .product_detail_r .cont .text1 p { font-size:18px } .content2 { height:60px; line-height:60px } .breadcrum { font-size:14px } .content2 .tabContainer ul li a { font-size:16px; line-height:56px } .content3 h2,.content4 h2,.tjcp h2 { font-size:24px; margin-bottom:30px } .zbtd { padding:40px 0 } .content3 h2 { padding:40px 0 12px; margin:0 auto 20px } .p_t1 { font-size:20px } .content3_text { font-size:14px; width:40% } .p_sy { padding:40px 0 } .p_sy h3 { font-size:20px; margin-bottom:30px } .p_imgs1 p { width:48%; margin-right:4% } .content4 { padding:40px 20px } .tjcp { padding:40px 0 } .content4 .container3 { padding:10px 0 30px } .content2 .tabContainer ul li { margin-right:40px } }@media(max-width:1024px) { .product_detail_l { padding:30px } .product_detail_r .cont h3 { font-size:20px } }@media(max-width:768px) { .product_detail_l,.product_detail_r { width:100% } .product_detail_l { padding:0 } .product_detail_r { padding:15px } .product_detail_r .cont { width:100%; padding:0 } .content3 h2,.content4 h2,.tjcp h2 { font-size:20px; margin-bottom:20px } .content3 h2 { padding:30px 0 12px; margin:0 auto 20px } .zbtd { padding:25px 0 } .p_t1 { font-size:18px; width:100%; float:none } .content3_text { font-size:15px; width:100%; float:none } .content3_text p { margin-bottom:0px } .content3_video { width:100%; float:none; text-align:center; margin-top:15px } .breadcrum { display:none } .content2 .tabContainer { float:none } .product_list2 li { width:50% } }@media(max-width:640px) { .product_detail_r .cont h3 { font-size:17px } .product_detail_r .cont .text1 { margin:15px 0; padding:15px 0 } .product_detail_r .cont .text1 p { font-size:16px } a.more2 { width:130px; line-height:46px; height:46px; font-size:15px } .p_sy { padding:20px 0 } .p_sy h3 { font-size:18px; margin-bottom:15px } .content4 { padding:25px 0px } .content4 .container3 { padding:10px 0 } .product_list2 li { width:100% } }.pd_banner { }.pd_banner .swiper-slide { text-align:center } .pro_de1 { padding:50px 0 } .pro_de1_l { float:left; width:40% } .pro_de1_l h1 { font-size:24px; color:#333 } .pro_de1_l .tx { padding:10px 0 25px; border-top:1px solid #e5e5e5; font-size:16px } .pro_de1_l .t_a { display:flex } .pro_de1_l .t_a a { width:150px; height:40px; text-align:center; line-height:40px; display:block; background:#e3e3e3; color:#333; font-size:16px; margin-right:10px } .pro_de1_l .t_a a:hover { background:#F25839; color:#fff } .pro_de1_r { float:right; width:58%; display:flex; flex-wrap:wrap } .pro_de1_r p { width:50% } .pro_td { padding:50px 0 } .pro_td h3 { font-size:24px; color:#333 } #content4 h3 { font-size:24px; color:#333; margin-bottom:20px } #content4 table { width:100%; max-width:100%; padding:0 30px; margin:0 auto } #content4 table tr { border:1px solid #ccc; border-bottom:none; border-right:none } #content4 table tr:nth-child(1) { font-weight:700; background:#ccc } #content4 table tr:nth-child(1) td { color:#333 } #content4 table tr:nth-child(1) td span { color:#333!important } #content4 table td { border:1px solid #ccc; border-top:none; border-left:none; padding:3px 10px; color:#333 } @media(max-width:1600px) { }@media(max-width:1440px) { }@media(max-width:1259px) { }@media(max-width:1024px) { }@media(max-width:768px) { .pro_de1 { padding:30px 0 } .pro_de1_l,.pro_de1_r { float:none; width:100% } .pro_de1_r { margin-top:15px } .pro_de1_l .tx { padding:10px 0; font-size:15px } .pro_de1_l .t_a a { width:100px; height:32px; line-height:32px; font-size:15px; margin-right:10px } .pro_td { padding:0px 0 20px } }@media(max-width:640px) { .pro_de1 { padding:20px 0 } .pro_de1_l h1,.pro_td h3,#content4 h3 { font-size:20px } .pro_de1_r p { width:100% } }.yy1_1 { margin-top:60px; display:flex; flex-wrap:wrap } .yy1_1_img { width:50%; background:#fafafa; padding:150px 3% 160px 7% } .yy1_1_text { background:url(../images/bj1.jpg) no-repeat; background-size:cover; width:50% } .yy1_1_text .text { width:85%; padding-left:15%; height:100%; display:flex; flex-direction:column; justify-content:center; z-index:99 } .yy1_1_text h3 { font-size:48px; color:#333; font-weight:normal; line-height:1em; position:relative; margin-bottom:40px; padding-bottom:20px } .yy1_1_text h3:before { content:''; position:absolute; left:0; bottom:0; width:52px; height:2px; background:#f4ac10 } .yy1_1_text p { font-size:16px; color:#333 } .yy1_2 { height:700px; width:100%; position:relative; overflow:hidden; display:flex } .yy1_2 li { width:8%; height:100%; transition:all 0.6s ease-out; color:#fff; position:relative } .yy1_2 li:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1 } .yy1_2 li .img { display:none } .yy1_2 li .text { position:absolute; top:0; left:0; height:100%; display:flex; flex-direction:column; justify-content:center; z-index:99; max-width:540px; padding:0 60px; background-color:rgba(244,172,16,.9); z-index:-1 } .yy1_2 li .text h3 { font-size:36px; line-height:1em; padding-top:28px; position:relative } .yy1_2 li .text h3:before { content:''; position:absolute; top:0; left:0; width:45px; height:3px; background:#fff } .yy1_2 li .text p { font-size:16px; margin:30px 0 115px } .yy1_2 li .cont { padding-top:48px; border-top:3px solid #fff } .yy1_2 li .cont .cont1 { font-size:20px; float:left } .yy1_2 li .cont a { display:block; width:150px; line-height:50px; height:50px; background:#fff; border-radius:25px; font-size:14px; color:#666666; text-align:center; float:right } .jia1 { display:block; width:36px; height:36px; line-height:34px; text-align:center; border:1px solid #fff; border-radius:50%; position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; z-index:9; font-size:24px } .yy1_2 li.on { width:84%; transition:all 1s } .yy1_2 li.on:before { opacity:0 } .yy1_2 li.on .text { z-index:9; transition:all 0.6s } .yy1_2 li.on .jia1 { display:none } .yy1_3 { padding:85px 0 95px; background-color:#fff } .title2 { font-size:36px; color:#333; line-height:1em; padding-bottom:15px; position:relative; text-align:center; margin-bottom:55px; font-weight:700 } .title2:before { content:''; position:absolute; bottom:0; left:50%; margin-left:-26px; width:52px; height:2px; background:#f4ac10 } .hy_video { display:flex; flex-wrap:wrap } .hy_video p { width:32% } .hy_video p video { object-fit:fill; max-width:100%; display:block } .hy_video p:nth-child(1) { width:66%; margin-right:2% } .hy_video p:nth-child(2) img,.hy_video p:nth-child(2) video { display:block; margin-bottom:26px } .hy_video p img:last-child,.hy_video p video:last-child { margin-bottom:0 } .index_main4 .title2 { color:#fff; margin-bottom:70px } .index_bottom { width:100%; background-color:#fff; margin:0 auto; padding:80px 180px 107px; display:none } .index_bottom h3 { display:flex; justify-content:center } .index_bottom h3 span { font-size:32px; color:#474747; line-height:40px; display:inline-block; padding-right:435px; position:relative } .index_bottom h3 span:before { content:''; position:absolute; right:20px; border-top:1px dashed #999; width:370px; top:50% } .index_bottom h3 a { display:inline-block; width:190px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; background:#666666; border-radius:25px; font-weight:normal } .index_bottom h3 a:hover { background:#f4ac10 } .index_bottom .cont { display:flex; margin-top:45px } .index_bottom .cont .img { width:368px; background:url(../images/bottom.jpg) no-repeat center; background-size:cover; position:relative } .b_tel { position:absolute; width:79px; height:79px; border:12px solid #f4ac10; top:50%; margin-top:-39.5px; right:-40px; border-radius:50%; background:url(../images/tel2.png) no-repeat center #fff; box-shadow:0px 0px 5px #999 } .index_bottom .cont .text { width:calc(100% - 368px); color:#fff; background:#f4ac10; padding:40px 0 35px 6%; float:right } .index_bottom .cont .text p { font-size:16px } .index_bottom .cont .text p strong { font-size:36px; line-height:1.4em; font-weight:normal } .index_bottom .cont .text p:nth-child(1) { font-size:26px } .hy_scx { padding:50px 0 } .swiper-container3 { }.swiper-container3 .swiper-slide { display:flex; flex-wrap:wrap; flex-direction:row-reverse } .swiper-container3 .swiper-slide .img { width:50% } .swiper-container3 .swiper-slide .text { width:50%; background:#f5f5f5; display:flex; flex-direction:column; justify-content:center; z-index:99; padding:0 5% 0 15% } .swiper-container3 .swiper-slide .text h3 { font-size:24px; color:#333 } .swiper-container3 .swiper-slide .text p { font-size:16px; color:#666; padding:10px 0 20px } .swiper-container3 .swiper-slide .text a { display:block; width:120px; line-height:40px; font-size:16px; color:#666; border:1px solid #999; border-radius:5px; text-align:center } .swiper-container3 .swiper-slide .text a:hover { background:#F25839; color:#fff; border:1px solid #F25839 } .swiper-next3,.swiper-prev3 { position:absolute; top:50%; margin-top:-22px; width:40px; height:44px; font-size:24px; color:#333; z-index:99; cursor:pointer; outline:none } .swiper-next3 { left:50%; background:url(../images/left1.png) no-repeat #999 center; transform:rotate(-180deg) } .swiper-next3:hover { background:url(../images/left1.png) no-repeat #F25839 center } .swiper-prev3 { left:50%; background:url(../images/left1.png) no-repeat #999 center; margin-left:-40px } .swiper-prev3:hover { background:url(../images/left1.png) no-repeat #F25839 center } @media(max-width:1600px) { .yy1_1 { margin-top:40px } .yy1_1_img { padding:80px 5% } .yy1_1_text .text { width:96%; padding-left:10% } .yy1_1_text h3 { font-size:30px; margin-bottom:20px } .yy1_1_text p { font-size:15px } .yy1_2 li .text h3 { font-size:28px; padding-top:22px } .yy1_2 li .text p { font-size:15px; margin:30px 0 } .yy1_2 li .cont { padding-top:30px } .yy1_2 li .cont .cont1 { font-size:16px } .yy1_2 li .cont a { width:120px; line-height:46px; height:46px } .yy1_3 { padding:60px 0 } .title2 { font-size:30px; margin-bottom:50px } .index_bottom { padding:70px 0 } .index_bottom h3 span { font-size:26px; padding-right:350px } .index_bottom h3 span:before { width:300px } .index_bottom .cont .text { padding:30px 0 30px 6% } .index_bottom .cont .text p:nth-child(1) { font-size:22px } .index_bottom .cont .text p strong { font-size:30px } }@media(max-width:1440px) { .hy_video p:nth-child(2) img,.hy_video p:nth-child(2) video { display:block; margin-bottom:20px } .yy1_2 { height:600px } .index_main4 .title2 { margin-bottom:40px } }@media(max-width:1259px) { .yy1_1_img { padding:60px 3% } .yy1_1_text .text { width:100%; padding:0 6% } .yy1_1_text h3 { font-size:24px; margin-bottom:20px } .yy1_2 { height:500px } .yy1_2 li .text h3 { font-size:24px } .yy1_3 { padding:50px 0 } .index_main4 .title2 { margin-bottom:30px } .index_bottom { padding:50px 0 } .index_bottom h3 span { font-size:22px; padding-right:260px } .index_bottom h3 span:before { width:200px } .index_bottom h3 a { width:120px } .index_bottom .cont { margin-top:30px } .index_bottom .cont .text p:nth-child(1) { font-size:20px } .index_bottom .cont .text p strong { font-size:24px } }@media(max-width:1024px) { .yy1_1_text h3 { font-size:20px; margin-bottom:15px; padding-bottom:15px } .yy1_1_text p { font-size:14px } .index_bottom { width:96% } .title2 { font-size:24px; margin-bottom:30px } }@media(max-width:768px) { .yy1_2 { height:400px } .yy1_2 li .text { max-width:420px; padding:0 30px } .yy1_2 li .text h3 { font-size:20px } .yy1_2 li .text p { margin:20px 0 } .yy1_3 { padding:40px 0 } .index_bottom { padding:30px 0 } .index_bottom h3 span { font-size:20px; padding-right:150px } .index_bottom h3 span:before { width:100px } .index_bottom .cont { margin-top:20px } .index_bottom .cont .text { padding:20px 0 20px 6% } .index_bottom .cont .text p:nth-child(1) { font-size:16px } .index_bottom .cont .text p strong { display:block; font-size:20px } }@media(max-width:640px) { .yy1_1 { margin-top:20px } .yy1_1_img,.yy1_1_text { width:100% } .yy1_1_img { padding:20px 2% } .yy1_1_text { padding:15px 2% } .yy1_1_text .text { padding:0 } .yy1_1_text h3 { font-size:18px; margin-bottom:10px; padding-bottom:10px } .yy1_2 { height:360px } .yy1_2 li { width:15% } .yy1_2 li .text { max-width:100%; padding:0 10px; width:100% } .yy1_2 li .text h3 { font-size:17px; padding-top:16px } .yy1_2 li .text p { margin:15px 0; line-height:1.6em; font-size:14px } .yy1_2 li .cont { padding-top:10px } .yy1_2 li .cont .cont1 { font-size:15px; float:none } .yy1_2 li .cont a { width:90px; line-height:35px; height:35px; float:none; margin-top:5px } .jia1 { width:30px; height:30px; line-height:28px; margin:-15px 0 0 -15px; font-size:22px } .yy1_2 li.on { width:70%; transition:all 0s } .yy1_2 li:hover { transition:all 0s; width:70% } .title2 { font-size:20px; margin-bottom:20px } .yy1_3 { padding:25px 0 } .index_bottom h3 { display:none } .hy_video p { width:100% } .hy_video p:nth-child(1) { width:100%; margin-right:0%; margin-bottom:10px } .hy_video p:nth-child(2) img { margin-bottom:10px } .index_bottom .cont .img { width:25px; background:none } .b_tel { position:absolute; width:50px; height:50px; border:6px solid #f4ac10; margin-top:-25px; right:-25px } .index_bottom { padding:20px 0 } .index_bottom .cont { margin-top:0px } .index_bottom .cont .text { padding:10px 10px 10px 10%; width:calc(100% - 25px) } .index_bottom .cont .text p { font-size:15px; line-height:1.6em } .index_bottom .cont .text p:nth-child(1) { font-size:15px } .index_bottom .cont .text p strong { font-size:18px } }.itemBox { overflow:hidden } .itemBox .item { width:317px; float:left; transition:all .3s } .itemBox .item.on { width:565px; transition:all .3s } .itemBox .item .video_click { display:block; height:275px; background-repeat:no-repeat; background-position:center center } .itemBox .item .video_click:after { background:url("../images/videoClick.png") no-repeat center center; -webkit-background-size:66px; background-size:66px } .itemBox .item .text { margin-top:20px; padding-right:0; position:relative } .itemBox .item.on .text { padding-right:130px } .itemBox .item .text h3 { background:none } .itemBox .item.on .text h3 { background:url("../images/dairyVideoBj.png") no-repeat right center } .itemBox .item .text h3 span { font-size:22px; color:#454545; font-weight:700; padding-right:5px; background:#ffffff } .itemBox .item .text .a { position:absolute; right:0; top:5px; width:130px; padding-left:10px; text-align:left; display:none } .itemBox .item.on .text .a { display:block } .itemBox .item .text .a a { font-size:16px; color:#505050; border-bottom:1px solid transparent } .itemBox .item .text .a a:hover { border-bottom-color:#505050 } .video_click { position:relative; display:block; line-height:0; overflow:hidden } .video_click:after { content:" "; position:absolute; width:100%; height:100%; left:0; top:0; background:url("../images/videoclick.png") no-repeat center } .cboxOverlay { position:fixed; z-index:10000; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8); display:none } .colorbox { position:fixed; width:96%; height:80%; top:10%; left:5%; background:#ffffff; z-index:10001; display:none } .colse_click { position:absolute; top:-30px; right:0; width:25px; height:25px; background:url("../images/closeVideo.png") no-repeat center; cursor:pointer } .colorbox iframe { width:100%; height:100% } .product_list_intro { text-align:center; padding:30px 0 } .product_list_intro h3 { font-size:26px; color:#4c4c4c } .product_list_intro p { max-width:490px; margin:25px auto 10px; overflow:hidden; border:1px solid #F25839; border-radius:5px } .product_list_intro p span { font-size:26px; color:#333; padding-left:36px; background:url(../images/tel4.png) no-repeat 0 center; margin-left:40px; line-height:50px; float:left } .product_list_intro p a { max-width:180px; background:#F25839; font-size:16px; color:#fff; text-align:center; display:inline-block; width:100%; line-height:51px; float:right } .product_list_intro em { display:block; font-style:normal; font-size:14px; color:#999 } .product_list_intro em a { font-size:14px; color:#999 } @media(max-width:1600px) { .itemBox .item { width:215px } }@media(max-width:1440px) { }@media(max-width:1360px) { .itemBox .item.on { width:470px } }@media(max-width:1259px) { .swiper-container3 .swiper-slide .text { padding:0 5% 0 3% } .swiper-container3 .swiper-slide .text h3 { font-size:20px } .swiper-container3 .swiper-slide .text p { font-size:14px; padding:0 } .swiper-container3 .swiper-slide .text a { width:100px; line-height:34px; font-size:14px; margin-top:10px } .itemBox .item,.itemBox .item.on { width:50% } }@media(max-width:1024px) { .itemBox .item.on .text h3 span { font-size:20px } }@media (max-width:992px) { .swiper-container3 .swiper-slide { flex-direction:row } .swiper-container3 .swiper-slide .img,.swiper-container3 .swiper-slide .text { width:100% } .swiper-container3 .swiper-slide .text { padding:20px 3% } .itemBox .item { width:100%; margin:0 auto 20px; float:none; max-width:565px } .itemBox .item.on { width:100%; margin:0 auto 20px; float:none; max-width:565px } .product_list_intro { padding-top:20px } .product_list_intro h3 { font-size:20px } .product_list_intro p { margin:15px auto 10px } }@media(max-width:768px) { .itemBox .item.on .text h3 span,.itemBox .item .text h3 span { font-size:18px } .video_click:after { background-size:50px } }@media(max-width:640px) { .hy_scx { padding:30px 0 20px } .swiper-container3 .swiper-slide .text h3 { font-size:18px } .swiper-next3,.swiper-prev3 { top:20% } .swiper-prev3 { left:0%; margin-left:10px } .swiper-next3 { left:calc(100% - 50px) } .itemBox .item.on .text h3 { background:none!important } .itemBox .item .text .a { opacity:0; display:none } .product_list_intro { display:none } .product_list_intro h3 { font-size:16px } }.about1 { padding:30px 0 105px; background:url(../images/bj2.png) no-repeat center bottom } .about1 .container2 { }.about1_l { width:58%; float:left } .about1_l h3 { font-size:42px; color:#262626 } .about1_l h4 { font-size:26px; color:#262626; line-height:1.6em; margin-bottom:25px } .about1_l p { font-size:17px; margin-bottom:30px } .about1_l p:last-child { margin-bottom:0 } .about1_r { width:35%; float:right; font-size:28px } .about1_r p { line-height:1.6em } .about1_r p img { margin-bottom:25px } .pz_list { }.pz_list li { width:33.33333%; overflow:hidden; position:relative; float:left } .pz_list li .imgs { overflow:hidden } .pz_list li .imgs .pz_list_bg { transition:all 0.3s ease-out; transform:scale(1.05) } .pz_list li .text { width:100%; height:100%; position:absolute; left:0; top:0; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; overflow:hidden } .pz_list li .text .img { position:relative; margin-bottom:40px; width:78px; height:70px } .pz_list li .text .img img { position:absolute; top:0; left:0; vertical-align:middle; transition:all 0.3s ease-out } .pz_list li .text h3 { margin-bottom:10px; font-size:32px; line-height:1em; font-weight:normal } .pz_list li .text p { font-size:18px; text-align:justify; text-justify:distribute-all-lines } .pz_list li:hover .pz_list_bg { transition:all 0.3s; transform:scale(1.1) } .pz_list li:hover .text .img img { transition:all 0.3s; top:5px } .gshj_list { display:flex; flex-wrap:wrap } .gshj_list li { width:32%; margin-right:2%; margin-bottom:60px } .gshj_list li:nth-child(3n) { margin-right:0 } .gshj_list li a { display:block } .gshj_list li .img { overflow:hidden } .gshj_list li .img img { transition:all 0.6s ease-out } .gshj_list li h3 { font-size:22px; padding:10px; border-bottom:5px solid #807c7c } .gshj_list li:hover .img img { transition:all 0.6s; transform:scale(1.1) } .gshj_list li:hover h3 { color:#f4ac10; border-color:#f4ac10 } .title3 { text-align:center; padding:20px 0 45px } .title3 h3 { font-size:36px; color:#f4ac10; font-weight:normal; line-height:1em } .title3 p { font-size:20px; color:#666666; text-transform:uppercase } .hz1 { padding:45px 0 80px } .hz2 { background:#fafafa } .hz_list { display:flex; flex-wrap:wrap } .hz_list li { padding:10px; border:1px solid #f1f1f1; width:18.4%; margin-right:2%; margin-bottom:20px } .hz_list li:nth-child(5n) { margin-right:0 } .swiper-div { margin-top:1.75rem; position:relative; padding:0 2.25rem } .swiper-div .deve-swiper { position:relative; overflow:hidden; width:calc(100% - 0.75rem); padding-left:0.75rem } .swiper-div .deve-swiper .swiper-slide { width:38% } .swiper-div .deve-swiper .swiper-slide .item-div { position:relative; height:14rem } .swiper-div .deve-swiper .div-litem { position:relative; height:6rem; overflow:hidden } .swiper-div .deve-swiper .div-litem .yeaer { position:absolute; bottom:-0.65rem; font-size:0.4rem; color:#000; line-height:0.4rem; transform:translateX(-50%) } .swiper-div .deve-swiper .div-litem.cur .yeaer { bottom:-1.75rem } .swiper-div .deve-swiper .div-litem.cur .yeaer:after { position:absolute; width:4px; height:4px; border-radius:50%; background-color:#dd6c47; content:""; top:-0.15rem; left:50% } .swiper-div .deve-swiper .dic2 .yeaer { position:absolute; top:-1.75rem; font-size:0.4rem; color:#000; line-height:0.4rem; transform:translateX(-50%) } .swiper-div .deve-swiper .left { float:left; padding-left:0.5rem; border-left:1px solid #e5e5e5; min-height:6rem } .swiper-div .deve-swiper .left img { width:100% } .swiper-div .deve-swiper .right { padding:0 4%; float:left; width:41.3% } .swiper-div .deve-swiper .right .name { font-size:0.75rem; color:#000; font-family:"PINGFANG BOLD_1"; line-height:0.8rem; transition:all 0.3s } .swiper-div .deve-swiper .right .name-p { font-size:0.4rem; margin-top:0.5rem; color:#666; line-height:0.6rem } .swiper-div .deve-swiper .swiper-slide .item-div .dic2 { position:absolute; bottom:0; left:50%; width:100% } .swiper-div .deve-swiper .swiper-slide .item-div .dic2 .left { line-height:6rem } .swiper-div .deve-swiper .swiper-slide .item-div .dic2 .right { position:relative; top:50%; transform:translateY(-50%) } .swiper-div .deve-swiper .deve-page { position:absolute; top:50%; transform:translateY(-50%); width:100%; height:11px; background-color:transparent; background-image:url(../images/xiandian.png) } .swiper-div .deve-swiper .deve-page .swiper-scrollbar-drag { background:transparent } .swiper-div .deve-button-prev,.swiper-div .deve-button-next { position:absolute; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background-color:#f5f5f5; background-repeat:no-repeat; background-position:center; background-size:8px; transition:all 0.3s; cursor:pointer } .swiper-div .deve-button-prev { left:0; background-image:url(../images/prev2.png) } .swiper-div .deve-button-prev:hover { background-color:#f4ac10; background-image:url(../images/prev1.png) } .swiper-div .deve-button-next { right:0; background-image:url(../images/next2.png) } .swiper-div .deve-button-next:hover { background-color:#f4ac10; background-image:url(../images/next1.png) } .pho-swipertdiv { display:none; margin-top:0.3rem } .pho-swipertdiv .yearli { font-size:0; text-align:center } .pho-swipertdiv .yearli li { display:inline-block; font-size:15px; color:#000000; margin:0 0.4rem; border-bottom:1px solid #000000; padding-bottom:0 } .pho-swipertdiv .yearli li.cur { color:#dd6c47; border-bottom:1px solid #dd6c47 } .pho-swipertdiv .ajax-yearlu { margin-top:0.5rem } .pho-swipertdiv .ajax-yearlu ul { display:none; margin-top:15px } .pho-swipertdiv .ajax-yearlu li { padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #e5e5e5 } .pho-swipertdiv .ajax-yearlu li .img { float:left; width:45%; overflow:hidden } .pho-swipertdiv .ajax-yearlu li .img img { width:100% } .pho-swipertdiv .ajax-yearlu li .img-right { float:right; width:50% } .pho-swipertdiv .ajax-yearlu li .img-right .nam { font-size:15px; line-height:2em; color:#333 } .pho-swipertdiv .ajax-yearlu li .img-right .nam-p { font-size:14px; line-height:1.6em; color:#666666 } @media(max-width:1600px) { .about1_l h3 { font-size:30px } .about1_l h4 { font-size:22px; margin-bottom:15px } .about1_l p { font-size:15px; margin-bottom:10px } .about1_r { font-size:24px } .pz_list li .text .img { margin-bottom:25px } .pz_list li .text h3 { font-size:26px } .pz_list li .text p { font-size:16px } .title3 { padding:20px 0 } .title3 h3 { font-size:26px } .title3 p { font-size:17px } .hz1 { padding:45px 0 } .hz_list li { padding:6px; margin-bottom:15px } }@media(max-width:1440px) { .gshj_list li { margin-bottom:30px } .gshj_list li h3 { font-size:20px; border-bottom:3px solid #807c7c } }@media(max-width:1259px) { .about1_l { width:60% } .about1_l h3 { font-size:24px } .about1_l h4 { font-size:18px; margin-bottom:10px } .about1_l p { font-size:14px; margin-bottom:0px } .about1_r { font-size:20px } .gshj_list li { margin-bottom:20px } .gshj_list li h3 { font-size:18px; border-bottom:2px solid #807c7c } .pz_list li .text h3 { font-size:24px } .title3 h3 { font-size:24px } .title3 p { font-size:16px } .hz_list li { padding:5px; margin-bottom:10px; width:23.5% } .hz_list li:nth-child(5n) { margin-right:2% } .hz_list li:nth-child(4n) { margin-right:0 } }@media(max-width:1024px) { .hz1 { padding:30px 0 } .pz_list li .text h3 { font-size:22px } }@media(max-width:768px) { .about1 { padding:0px 0 100px } .about1_l,.about1_r { width:100%; float:none } .about1_l h3 { font-size:20px } .about1_l h4 { font-size:16px; margin-bottom:10px } .about1_r { font-size:18px; margin-top:15px; text-align:center } .about1_r p img { margin-bottom:15px } .gshj_list li h3 { font-size:16px } .pz_list li .text h3 { font-size:24px } .pz_list li .text { padding:0 10px } .pz_list li .text .img { width:50px; height:60px; margin-bottom:10px } .pz_list li .text .img img { max-width:50px } .pz_list li .text h3 { font-size:20px } .pz_list li .text p { font-size:14px; text-align:center } #certify .swiper-container { padding-bottom:50px } #certify .swiper-slide p { line-height:42px; font-size:16px } #certify .swiper-button-next,#certify .swiper-button-prev { display:none } .title3 h3 { font-size:22px } .title3 p { font-size:14px } .hz_list li { width:32% } .hz_list li:nth-child(4n) { margin-right:2% } .hz_list li:nth-child(3n) { margin-right:0 } }@media(max-width:767px) { .about1_l h3 { font-size:18px } .gshj_list li { width:49% } .gshj_list li:nth-child(3n) { margin-right:2% } .gshj_list li:nth-child(2n) { margin-right:0% } .gshj_list li h3 { padding:5px; font-size:15px } .pz_list li { width:100% } .pz_list li .text h3 { font-size:16px } .hz1 { padding:15px 0 } .hz_list li { width:49% } .hz_list li:nth-child(3n) { margin-right:2% } .hz_list li:nth-child(2n) { margin-right:0 } .swiper-div { display:none } .pho-swipertdiv { display:block } }.news_list { padding:20px 50px } .news_list li { display:flex; flex-wrap:wrap; padding:45px 0 25px; -webkit-transition:all .2s linear; transition:all .2s linear; border-bottom:1px solid #f0f0f0 } .news_list li .img { width:25%; overflow:hidden; display:block } .news_list li .img img { transition:all 0.6s ease-out } .news_list li .text { width:75%; padding:0 0 0 64px } .news_list li .text h3 a { display:block; font-weight:normal; font-size:22px; color:#333; line-height:1.2em; margin-bottom:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden } .news_list li .text p { font-size:15px; color:#666 } .news_list li .text a.mores { margin-top:40px } .news_list li .text .text_l { width:75%; float:left } .news_list li .text .text_r { width:25%; float:right; color:#ccc; text-align:right } .news_list li:hover .img img { transition:all 0.6s; transform:scale(1.05) } .date1 { font-size:44px; line-height:1em } .line2 { width:30px; height:1px; background:#ccc; display:inline-block; margin:34px 0 16px } .date2 { font-size:20px; line-height:1em } .news_list li:hover .text h3 a { color:#f4ac10 } .news_list li:hover { border-bottom:1px solid #999 } a.mores { margin-top:30px; position:relative; display:block } a.mores p { width:28px; height:28px; border-radius:100%; background-color:#f4ac10; display:inline-block; vertical-align:middle; position:relative } a.mores i { display:block; position:absolute; left:7px; width:14px; height:7px; background:url(../images/jt2.png) no-repeat; top:10.5px } a.mores span { font-size:14px; color:#f4ac10; display:inline-block; vertical-align:middle; padding-left:12px; height:28px; line-height:28px } @keyframes newsDh { 0% { left:7px; opacity:1 } 25% { left:14px; opacity:0 } 75% { left:-14px; opacity:0 } 100% { left:7px; opacity:1 } }a.mores:hover i { animation:newsDh .4s linear both } .news_detail { }h1.title { font-size:28px; color:#333; text-align:center; font-weight:normal } .info_title { text-align:center; font-size:14px; color:#666; padding-bottom:1em; border-bottom:1px dashed #dcdcdc; margin-bottom:30px; font-weight:normal } .news_detail .content { font-size:16px } @media(max-width:1600px) { .news_list { padding:15px 30px } .news_list li .text h3 a { font-size:18px; margin-bottom:15px } .news_list li .text { padding:0 0 0 30px } .news_list li .text a.mores { margin-top:20px } .date1 { font-size:32px } .line2 { margin:25px 0 20px } h1.title { font-size:24px } .info_title { margin-bottom:20px } .news_detail .content { font-size:15px } }@media(max-width:1440px) { .news_list li .text p { font-size:14px } }@media(max-width:1259px) { .news_list { margin-top:25px } .news_list li { padding:25px 0 } .news_list li .text { padding:0 0 0 20px } .news_list li .text h3 a { font-size:16px; font-weight:bold; margin-bottom:10px } .news_list li .text p { font-size:12px } .news_list li .text a.mores { margin-top:10px } .date1 { font-size:26px } .line2 { margin:15px 0 } .date2 { font-size:16px } h1.title { font-size:20px } .info_title { padding-bottom:10px; margin-bottom:15px } }@media(max-width:992px) { }@media(max-width:768px) { .news_list { padding:10px 20px } .news_list li { padding:15px 0 } .news_list li .text .text_l { width:80% } .news_list li .text .text_r { width:20% } a.mores { margin-top:10px } h1.title { font-size:18px } }@media(max-width:640px) { .news_list { margin-top:0px; padding:10px } .news_list li { padding:10px 0 } .news_list li .img { width:100% } .news_list li .text { padding:10px 0 0 0px; width:100% } .news_list li .text .text_l { width:100% } .news_list li .text .text_r { display:none } .date1 { font-size:22px } .line2 { margin:10px 0 } .date2 { font-size:14px } h1.title { font-size:16px } .info_title { padding-bottom:5px; margin-bottom:10px } }#about1 { padding:55px 0 85px } .n_title1 { font-size:40px; color:#333333; text-align:center; position:relative; padding-bottom:10px } .n_title1:before { content:''; position:absolute; bottom:0; left:50%; margin-left:-23px; width:46px; height:4px; background:#F25839 } .about1_text { padding:25px 0 55px } .about1_text p { font-size:16px; color:#555; margin-top:10px; text-indent:2em } .about1_num { display:flex; justify-content:center; flex-wrap:wrap } .about1_num li { width:250px; padding:35px 10px; border:1px solid #e5e5e5; text-align:center; color:#F25839; margin-right:70px } .about1_num li:last-child { margin-right:0 } .about1_num li h3 { font-size:48px; line-height:1em } .about1_num li p { font-size:16px; margin-top:10px } .about1_num li:hover { color:#fff; background:#F25839; border-color:#F25839 } #about2 { padding:70px 0 100px; background:#f2f2f2 } .about2_hj { display:flex; flex-wrap:wrap; margin-top:65px } .about2_hj li { width:23.5%; margin-right:2%; margin-bottom:15px } .about2_hj li:nth-child(4n) { margin-right:0 } #about3 { padding:85px 0 130px } .about3_wh { display:flex; flex-wrap:wrap; margin-top:60px } .about3_wh li { position:relative; overflow:hidden; width:23.5%; margin-right:2% } .about3_wh li:last-child { margin-right:0% } .about3_wh li .img { overflow:hidden } .about3_wh li .img img { object-fit:cover; transition:all .4s ease } .about3_wh li .text { position:absolute; width:100%; height:100%; top:0; left:0; z-index:2; background:rgba(31,92,203,.5); transition:all .6s ease; display:flex; align-items:center } .about3_wh li .text .cont { width:100%; text-align:center } .about3_wh li .text .img1 { width:100%; height:70px; line-height:70px } .about3_wh li .text h3 { font-size:24px; color:#fff; margin-top:32px; line-height:1em } .about3_wh li .text p { font-size:15px; color:#fff; margin-top:20px; height:0; overflow:hidden; transition:all .4s ease } .about3_wh li:hover .text { background:rgba(31,92,203,1) } .about3_wh li:hover .img img { transform:scale(1.04) } .about3_wh li:hover .text p { height:16px; line-height:16px } @media(max-width:1600px) { #about1 { padding:55px 0 } .n_title1 { font-size:32px; padding-bottom:5px } .about1_text { padding:20px 0 50px } .about1_text p { font-size:15px; margin-top:5px } .about1_num li { padding:30px 10px; margin-right:50px } .about1_num li h3 { font-size:42px } .about1_num li p { font-size:16px; margin-top:5px } #about2 { padding:70px 0 } .about2_hj { margin-top:50px } #about3 { padding:85px 0 } .about3_wh li .text h3 { margin-top:25px } }@media(max-width:1440px) { .n_title1 { font-size:30px } .about3_wh { margin-top:50px } }@media(max-width:1259px) { #about1 { padding:50px 0 } .n_title1 { font-size:26px } .n_title1:before { margin-left:-18px; width:36px; height:3px } .about1_text p { font-size:14px; margin-top:0px } .about1_num li { padding:20px 10px; margin-right:30px } .about1_num li h3 { font-size:36px } #about2 { padding:50px 0 } .about2_hj { margin-top:40px } #about3 { padding:60px 0 } .about3_wh { margin-top:40px } }@media(max-width:992px) { #about1 { padding:40px 0 } .about1_num li { width:32%; margin-right:2% } .about1_num li h3 { font-size:32px } .about1_num li p { font-size:15px } #about3 { padding:50px 0 } .about3_wh li .text .img1 img { height:60px } .about3_wh li .text h3 { margin-top:10px; font-size:18px } }@media(max-width:768px) { .n_title1 { font-size:24px } .about1_text { padding:20px 0 30px } #about2 { padding:40px 0 } .about2_hj { margin-top:40px } .about2_hj li { width:32%; margin-right:2%; margin-bottom:10px } .about2_hj li:nth-child(3n) { margin-right:0 } #about3 { padding:40px 0 } .about3_wh { margin-top:30px } .about3_wh li .text p { font-size:14px; margin-top:10px } }@media(max-width:640px) { #about1 { padding:20px 0 30px } .n_title1 { font-size:20px } .about1_text { padding:20px 0 15px } .about1_num li { padding:15px 6px } .about1_num li h3 { font-size:24px } .about1_num li p { font-size:14px; line-height:1.6em } #about2 { padding:30px 0 } .about2_hj { margin-top:20px } .about2_hj li { width:49%; margin-bottom:5px } .about2_hj li:nth-child(3n) { margin-right:2% } .about2_hj li:nth-child(2n) { margin-right:0% } #about3 { padding:30px 0 } .about3_wh li { width:49%; margin-bottom:5px } .about3_wh li:nth-child(2n) { margin-right:0 } .about3_wh li .text .img1 img { height:50px } .about3_wh li .text h3 { margin-top:10px; font-size:16px } }.n_banner2 { position:relative; width:100%; background-size:0px!important } .n_banner_text3 { position:absolute; left:0; top:50%; margin-top:-190px; width:100%; font-family:"Source Sans" } .n_banner_text3 .text { }.n_banner_text3 .text em { font-style:normal; color:#fff; display:block; font-size:32px } .n_banner_text3 .text i { font-style:normal; color:#fff; display:block; font-size:16px; padding:10px 0 25px } .n_banner_text3 .text p.p1 { max-width:470px; color:#fff; padding-left:50px; background:url(../images/tel3.png) no-repeat left center; border-bottom:1px dotted #fff; height:50px; line-height:50px; font-size:28px } .n_banner_text3 .text p.p1 span:last-child { margin-left:35px } .n_banner_text3 .text p.p2 { padding:15px 0 30px; color:#fff; font-size:16px } .n_banner_text3 .text ul { display:flex; flex-wrap:wrap } .n_banner_text3 .text ul li { }.n_banner_text3 .text ul li a { display:inline-block; font-size:14px; color:#fff; height:50px; line-height:50px; padding:0 18px; background:#f4ac10; border-radius:8px; text-align:center } .n_banner_text3 .text ul li a img { margin-right:8px } .n_banner_text3 .text ul li:nth-child(2) { margin:0 32px } .n_contact { margin-bottom:65px; margin-top:-120px; position:relative; z-index:9 } .n_contact ul { display:flex; flex-wrap:wrap; background:#f6f6f6; border-radius:10px; padding:0 5% } .n_contact ul li { width:48%; padding:60px 45px; overflow:hidden; position:relative; margin-right:4% } .n_contact ul li:last-child { margin-right:0 } .n_contact ul li h3 { font-size:28px; color:#4c4c4c; font-weight:normal; margin-bottom:30px } .n_contact ul li .text { }.n_contact ul li h4 { font-size:22px; color:#4c4c4c; font-weight:normal } .n_contact ul li .text p { padding-left:35px; font-size:17px; color:#808080; line-height:36px } .n_contact ul li .text p:nth-child(1) { background:url(../images/nc1.png) no-repeat left center } .n_contact ul li .text p:nth-child(2) { background:url(../images/nc2.png) no-repeat left center } .n_contact ul li .text p:nth-child(3) { background:url(../images/nc3.png) no-repeat 2px center } .n_contact ul li .text3 { text-align:center; font-size:17px; color:#808080; width:100% } .n_contact ul li .text4 { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:center; z-index:99 } .n_contact ul li .text4 a { display:block; width:271px; height:66px; overflow:hidden; position:relative; margin:0 auto } .n_contact ul li .text4 a img { display:block; position:absolute; top:0; left:0 } .n_contact ul li:hover .text4 a img { top:-66px } .n_contact ul li .text5 p { background:url(../images/nc1.png) no-repeat left center!important } .n_contact ul li:hover .text5 p { background:url(../images/nc4.png) no-repeat left center!important } .n_contact ul li:first-child { }.n_contact ul li:nth-child(2) { margin:0 2% } .n_contact ul li:last-child { display:flex; flex-wrap:wrap } .n_contact ul li .text2 { width:51% } .n_contact ul li .text2 h4 { font-size:28px; color:#606061; padding:40px 0 15px } .n_contact ul li .text2 h4 span { font-size:16px; font-weight:normal; margin-left:10px } .n_contact ul li .text2 em { font-style:normal; display:block; font-size:24px; color:#606061; line-height:1em } .n_contact ul li .img { width:49% } .n_contact ul li:hover .text2 h4 { color:#fff } .n_contact ul li:hover .text2 h4 span { color:#fff } .n_contact ul li:hover .text2 em { color:#fff } .n_map { height:500px; overflow:hidden } .n_map2 { display:none } @media(max-width:1600px) { .n_banner_text3 { margin-top:-110px } .n_banner_text3 .text em { font-size:26px } .n_banner_text3 .text i { font-size:15px; padding:0px 0 10px } .n_banner_text3 .text p.p1 { font-size:24px } .n_banner_text3 .text p.p2 { padding:12px 0 20px; font-size:15px } .n_contact { margin-top:-80px } .n_contact ul li { padding:30px 25px } .n_contact ul li h3 { font-size:24px; margin-bottom:20px } .n_contact ul li .text p { font-size:15px } .n_contact ul li .text2 h4 { font-size:24px; padding:25px 0 10px } .n_contact ul li .text2 h4 span { font-size:15px } .n_contact ul li .text2 em { font-size:18px } .n_map { height:350px } }@media(max-width:1440px) { }@media(max-width:1259px) { .n_contact { margin-top:20px; margin-bottom:40px } .n_contact ul li { background:#f7f7f7; padding:25px 15px } .n_contact ul li h3 { font-size:20px; margin-bottom:15px } .n_contact ul li .text p { line-height:1.6em; padding:5px 0 5px 32px } .n_map { height:300px } }@media(max-width:992px) { .n_banner_text3 { margin-top:-40px } .n_banner_text3 .text em { font-size:22px } .n_banner_text3 .text p.p1 { font-size:20px; border:none; max-width:100% } .n_banner_text3 .text p.p2 { display:none } .n_banner_text3 .text ul { display:none } .n_contact { margin-bottom:20px } .n_contact ul li { padding:15px 10px } .n_contact ul li h3 { font-size:18px; margin-bottom:10px } .n_contact ul li .text2 h4 span { display:block; margin-left:0 } .n_contact ul li .text p { font-size:14px } .n_contact ul li .text2 em { font-size:15px } .n_map { height:250px } }@media(max-width:768px) { .n_map { display:none } .n_map2 { height:250px; display:block } .n_contact ul { padding:0 } }@media(max-width:640px) { .n_banner2 { background-size:cover!important; padding:70px 0 30px } .n_banner2 img { display:none } .n_banner_text3 { position:relative; left:0; top:0; margin-top:0 } .n_banner_text3 .text em { font-size:20px } .n_banner_text3 .text i { font-size:14px; padding:0px 0 0px } .n_banner_text3 .text p.p1 { font-size:18px } .n_banner_text3 .text p.p1 span:last-child { margin-left:15px } .n_contact { margin-bottom:10px } .n_contact ul li { width:100%; margin-bottom:10px } .n_contact ul li:nth-child(2) { margin:0 0% 10px 0; display:none } .n_contact ul li:last-child { padding:20px 0; height:150px; display:none } .n_contact ul li .text2 { padding-top:15px } .n_contact ul li .text2 h4 { font-size:20px } .n_contact ul li .text2 h4 span { display:inline-block; margin-left:10px } .n_contact ul li .text2 em { font-size:18px } .n_map { height:220px } .n_map2 { height:220px } }.container4 { width:92%; max-width:1470px; margin:0 auto } .f_message { padding:95px 0 } .f_message h2 { text-align:center; font-size:46px; color:#444; font-weight:normal; line-height:1em } .f_message h3 { display:flex; flex-wrap:wrap; justify-content:center; font-weight:normal; padding-top:15px; padding-bottom:45px } .f_message h3 span { display:block; margin:0 30px; font-size:20px; color:#3d3d3d } .message1 { }.message1 ul li { width:23%; margin-right:4%; float:left } .message1 ul li input { background:none; border:1px solid #999; border-radius:5px; width:100%; box-sizing:border-box; line-height:50px; height:50px; text-indent:15px; outline:none; color:#fff } .message1 ul li select { background:none; border:1px solid #999; border-radius:5px; width:100%; box-sizing:border-box; line-height:50px; height:50px; text-indent:15px; color:#fff; outline:none } .m_btn { width:18%; float:right } .m_btn input { background:#666; font-size:18px; color:#fff; border:1px solid #666; border-radius:5px; width:100%; box-sizing:border-box; line-height:50px; height:50px; text-align:center; outline:none; cursor:pointer } .m_btn input:hover { background:#f4ac10; border:1px solid #f4ac10 } @media(max-width:1600px) { .f_message { padding:70px 0 } }@media(max-width:1440px) { .f_message { padding:60px 0 } .f_message h2 { font-size:36px } .f_message h3 span { font-size:16px } .m_btn input { font-size:16px } }@media(max-width:1024px) { }@media(max-width:768px) { .f_message { padding:30px 0 } .message1 ul li { width:48%; margin-right:2%; margin-bottom:10px } .m_btn { margin-right:2%; width:48% } .f_message h2 { font-size:32px } .f_message h3 { padding:10px 0 20px 0 } }@media(max-width:640px) { .f_message h2 { font-size:24px } .f_message h3 span { font-size:16px } .message1 ul li { width:100%; margin-right:0; float:none } .m_btn { margin-right:0%; width:60%; margin:0 auto; float:none } }.id-info { padding:2.25rem 0 } .id-info .info { height:10rem } .id-info .con { width:50%; height:100%; padding-right:4rem; display:flex; flex-direction:column; justify-content:center } .id-info .con h5 { color:#f4ac10; margin-bottom:0.7rem; font-size:1rem; font-weight:400 } .id-info .con p { color:#888; line-height:1.8; font-size:0.45rem } .id-info .img { width:50%; height:100% } .job_list { background-color:#f4f7fe; background-size:cover; padding:2rem 0 1rem } .job_list h4 { font-weight:normal; font-size:26px; color:#f4ac10; text-align:center; padding-bottom:20px; margin-bottom:35px; position:relative } .job_list h4:after { content:''; position:absolute; bottom:0; left:50%; width:45px; height:1px; margin-left:-27.5px; background:#47443d } .school-wrap { padding-bottom:2.5rem } .school-wrap .list-title { width:100%; height:2rem; line-height:2rem; background:#fff; color:#333; font-weight:bold; border-bottom:1px solid #f1f1f1 } .school-wrap .list-title div { font-size:0.4rem } .school-wrap .list-title .name { width:18%; padding-left:0.8rem } .school-wrap .list-title .local { width:14.6% } .school-wrap .list-title .num { width:14.6% } .school-wrap .list-title .detail { width:14.6% } .school-wrap .list li .list-title { cursor:pointer; transition:all 0.3s ease 0s; height:1.6rem; line-height:1.6rem; color:#5d5d5d; font-weight:normal } .school-wrap .list li .list-title .icon { right:2.5rem; color:#505050 } .school-wrap .list li .list-title .icon i { width:20px; height:20px; background:url("../images/detail-add.png") no-repeat center center; background-size:contain; margin-left:10px } .school-wrap .list li .sub-wrap { padding:1.5rem 0.8rem; position:relative; background:#fcfcfc; display:none } .school-wrap .list li .sub-wrap h2 { color:#333; font-size:0.5rem; margin-bottom:1rem; font-weight:bold } .school-wrap .list li .sub-wrap .sub-con { padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid #e7edf5 } .school-wrap .list li .sub-wrap .sub-con h5 { margin-bottom:0.5rem; color:#333; font-size:0.45rem; font-weight:bold } .school-wrap .list li .sub-wrap .sub-con p { color:#505050; margin-bottom:0.2rem } .school-wrap .list li .sub-wrap .sub-con:last-child { border-bottom:none } .school-wrap .list li .sub-wrap .apply { width:3.75rem; height:1.25rem; line-height:1.25rem; text-align:center; color:#fff; font-size:0.4rem; background:#f4ac10 } .school-wrap .list li.cur .icon { color:#f4ac10 } .school-wrap .list li.cur .icon i { width:20px; height:20px; background:url("../images/detail-less.png") no-repeat center center; background-size:contain; margin-left:10px } .dfj { display:flex; align-items:center; justify-content:center } .poa { position:absolute } .por { position:relative } .dib { display:inline-block } @media(max-width:1440px) { }@media(max-width:1024px) { }@media(max-width:992px) { .id-info .info { height:auto } .id-info .con { width:100%; height:auto; padding-right:0 } .id-info .img { width:100%; height:14rem; margin-top:1rem } }@media(max-width:768px) { .school-wrap { padding-bottom:1em } }@media(max-width:767px) { .id-info { padding:0.6rem 0 } .job_list { padding:0.6rem 0 0 } .job_list h4 { font-size:20px; padding-bottom:10px; margin-bottom:15px } .id-info .img { height:5rem; margin-top:0.5rem } .id-info .con h5 { margin:0; margin-bottom:0.4rem; font-size:0.44rem; line-height:1em } .id-info .con p { font-size:0.28rem } .school-wrap .list-title { height:1.4rem; line-height:1.4rem } .school-wrap .list-title div { font-size:0.28rem } .school-wrap .list li .list-title .icon span { display:none } .school-wrap .list-title .name { width:30%; padding-left:0.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .school-wrap .list-title .local { width:22% } .school-wrap .list-title .num { width:22% } .school-wrap .list li .list-title { height:1.2rem; line-height:1.2rem } .school-wrap .list li .list-title .icon { right:0.2rem; top:0.35rem } .school-wrap .list li .sub-wrap { padding:0.3rem 0.2rem } .school-wrap .list li .sub-wrap h2 { font-size:0.36rem; margin-bottom:0.4rem } .school-wrap .list li .sub-wrap .sub-con { padding-bottom:0.4rem; margin-bottom:0.5rem } .school-wrap .list li .sub-wrap .sub-con h5 { margin-bottom:0.4rem; font-size:0.32rem } .school-wrap .list li .sub-wrap .sub-con p { margin-bottom:0.1rem; font-size:0.28rem } .school-wrap .list li .sub-wrap .apply { width:2.2rem; height:0.7rem; line-height:0.7rem; font-size:0.3rem } }h3.tag { font-size:14px; color:#666; font-weight:normal } .page { font-size:14px; color:#666; margin-top:30px } .page a { font-size:14px; color:#666 } .tag_total { font-size:24px; margin-bottom:30px } @media(max-width:768px) { .tag_total { font-size:20px; margin-bottom:20px } .page { margin-top:20px } }.pageController { text-align:center; color:#505050; margin:0 auto; margin:2em 0; line-height:24px } .pageController a { background-color:#FFF; vertical-align:middle; border:#efefef 1px solid; color:#505050; padding:5px 8px; margin-right:3px; margin-left:3px } .pageController a:hover { background-color:#F25839; color:#fff; text-decoration:none; border:#efefef 1px solid } .pageController .currPage { background-color:#F25839; color:#ff0000; border:#efefef 1px solid } .pageController .t1 { float:left; margin-right:5px; height:24px; line-height:22px; white-space:nowrap; display:none } .pageController .t2 { vertical-align:middle; line-height:39px } .pageController .t2 #current { line-height:39px; background-color:#F25839; vertical-align:middle; border:1px solid #F25839; color:#fff; padding:5px 8px; margin-right:3px; margin-left:3px; width:39px } .pageController .t1 span { width:39px } .pageController select { height:24px; vertical-align:middle; text-align:center; line-height:24px; display:none } .pageController select option { vertical-align:middle } .m_f_fixed { position:fixed; bottom:0; left:0; background:#F25839; color:#fff; z-index:9999; justify-content:center; width:100%; display:none } .m_f_fixed a { flex:1; font-size:16px; color:#fff; display:block; text-align:center; padding:10px 0 } .m_f_fixed a img { width:25px; display:block; margin:0 auto 0px } #gotop { position:fixed; right:0; bottom:30px; cursor:pointer } @media(max-width:1199px) { #gotop { display:none } }@media(max-width:640px) { .m_f_fixed { display:flex } footer { margin-bottom:70px } }.client-2 { position:fixed; right:-170px; top:50%; z-index:900 } .client-2 li a { text-decoration:none } .client-2 li { margin-top:1px; clear:both; height:71px; position:relative; background:#222 } .client-2 li i { background:url(../images/fx.png) no-repeat; display:block; width:30px; height:27px; margin:0px auto; text-align:center } .client-2 li p { height:20px; font-size:14px; line-height:20px; overflow:hidden; text-align:center; color:#fff } .client-2 .my-kefu-qq i { background-position:4px 5px } .client-2 .my-kefu-tel i { background-position:0 -21px } .client-2 .my-kefu-liuyan i { background-position:4px -53px } .client-2 .my-kefu-weixin i { background-position:-34px 4px } .client-2 .my-kefu-weibo i { background-position:-30px -22px } .client-2 .my-kefu-ftop { display:none } .client-2 .my-kefu-ftop i { width:33px; height:35px; background-position:-27px -51px } .client-2 .my-kefu-left { float:left; width:77px; height:47px; position:relative } .client-2 .my-kefu-tel-right { font-size:16px; color:#fff; float:left; height:24px; line-height:22px; padding:0 15px; border-left:1px solid #fff; margin-top:14px } .client-2 .my-kefu-right { width:20px } .client-2 .my-kefu-tel-main { background:#222; color:#fff; height:56px; width:247px; padding:9px 0 6px; float:left } .client-2 .my-kefu-main { background:#222; width:97px; height:56px; position:relative; padding:9px 0 6px; float:left } .client-2 .my-kefu-weixin-pic { position:absolute; left:-140px; top:-24px; display:none; z-index:333 } .my-kefu-weixin-pic img { width:140px; height:140px } @media(max-width:1199px) { .client-2 { display:none } }#c-right-fixed { position:fixed; top:50%; right:5px; z-index:905; -webkit-transform:translateY(-50%); transform:translateY(-50%) } #c-right-fixed a { position:relative; right:0; margin-bottom:5px; display:flex; align-items:center; width:70px; height:70px; text-align:center; color:#777; background:#fff } #c-right-fixed a:last-child { margin-bottom:0 } #c-right-fixed a:nth-child(3) { z-index:2 } #c-right-fixed .c-wrap { border:1px solid #fff; padding:11px 0; width:70px; height:70px; flex:0 0 70px; transition:all .5s } #c-right-fixed .c-wrap img { height:28px } #c-right-fixed .c-wrap img:nth-child(2),#c-right-fixed a:hover .c-wrap img:nth-child(1) { display:none } #c-right-fixed a:hover .c-wrap img:nth-child(2) { display:inline-block } #c-right-fixed .c-title { padding-top:5px; font-size:12px; line-height:1 } #c-right-fixed a:last-child .c-title { font-family:"Arial"; font-weight:bold } #c-right-fixed .c-text { flex:0 0 auto; width:170px; font-weight:bold; font-size:20px; line-height:40px; border-left:1px solid #fff; color:#fff; transition:all .5s } #c-right-fixed .c-img { position:absolute; right:-300px; top:-1px; z-index:-1; padding:5px; width:148px; border:1px solid #eff1f5; background:#fff; transition:.5s; box-shadow:0 0 50px rgba(0,0,0,.1) } #c-right-fixed .c-img::before { content:""; position:absolute; top:34px; right:-8px; border-left:8px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent } #c-right-fixed .c-img img { width:100% } #c-right-fixed .c-img .c-text2 { padding:5px; font-size:14px; line-height:24px; text-align:center; color:#777 } #c-right-fixed a .c-box { position:absolute; top:0; left:0; padding:11px 0; width:100%; height:100%; display:flex; align-items:center; background:#fff; transition:all .5s; overflow:hidden } #c-right-fixed a:hover .c-wrap { color:#fff; border-color:#F25839; background:#F25839 } #c-right-fixed a:last-child .c-wrap { color:#fff; border-color:#F25839; background:#F25839 } #c-right-fixed a:first-child:hover .c-box { width:250px; height:70px; -webkit-transform:translateX(-180px); transform:translateX(-180px); overflow:none; background:#F25839 } #c-right-fixed a:hover .c-img { right:84px } @media(max-width:1259px) { #c-right-fixed { display:none!important } }.ind-bj { background:url(../images/3_0.jpg) no-repeat; background-size:100% 100% } .index-waper-box { width:70%; margin:0 auto; box-shadow:0px 0px 24px 0px rgba(2,2,2,0.08); position:relative; top:-131px; z-index:999 } .index-waper-box .gjbt { text-align:center } .index-waper-box .gjbt ul li:nth-child(1) { font-size:30px; font-family:ziticqtezhanti; font-weight:400; color:#333333; line-height:107px } .index-waper-box .gjbt ul li:nth-child(2) { font-size:16px; font-weight:300; color:#666666; line-height:24px } .index-back-box { background-color:#fff; padding-bottom:50px } .index-back-box.pass { transform:rotateX(100deg) translate3d(0,0,0); -webkit-transform:rotateX(100deg) translate3d(0,0,0); -moz-transform:rotateX(100deg) translate3d(0,0,0) } .index-back-box.pass { transform:rotateX(100deg) translate3d(0,0,0); -webkit-transform:rotateX(100deg) translate3d(0,0,0); -moz-transform:rotateX(100deg) translate3d(0,0,0) } .index-back-box p { color:#666; font-size:16px; font-family:Microsoft JhengHei } .index-back-box .num span { font-size:34px; font-weight:bold; color:#F25839 } .index-back-box .num i { font-size:14px; color:#333333; font-family:MicrosoftJhengHei } .index-back-box .num em { color:#F25839; font-size:32px; font-family:BebasNeue; margin-left:-4px; font-weight:bold; } .single-info { display:inline-block; vertical-align:middle; text-align:left; margin-left:10px } .single-info .num { height:50px } .single-item { display:inline-block; margin-top:30px } .single-item .imgs { display:inline-block; vertical-align:middle } .single-item .imgs img { display:inline-block; vertical-align:middle } .single-box { height:100%; display:flex; justify-content:space-around } @media(max-width:640px) { .index-waper-box { width:96%; margin:0 auto; box-shadow:0px 0px 24px 0px rgba(2,2,2,0.08); position:inherit; } .index-waper-box .gjbt ul li:nth-child(1) { font-size: 18px; font-family: ziticqtezhanti; font-weight: 400; color: #333333; line-height: 60px; } .single-box { height:100%; display:flex; flex-wrap: wrap; justify-content:space-around } .single-item { display:inline-block; margin-top:15px } .single-box .col-md-5s { width: 33.33%; } .single-item .imgs { display: flex; align-items: center; justify-content: center; } .index-back-box .num span { font-size:20px; font-weight:bold; color:#F25839 } .index-back-box .num i { font-size:14px; color:#333333; font-family:MicrosoftJhengHei } .index-back-box .num em { color:#F25839; font-size:20px; font-family:BebasNeue; margin-left:-4px; font-weight:bold; } .index-back-box p { color:#666; font-size:14px; font-family:Microsoft JhengHei } .single-info .num { height:30px } .index-back-box { background-color:#fff; padding-bottom:10px } } .ind-brief-box { position:absolute; bottom:0; width:100%; height:120px; overflow:hidden; z-index:99; visibility:hidden; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); transition:0.58s cubic-bezier(.215,.61,.355,1); -webkit-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -moz-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s } .ind-brief-box .inner-ibox { margin-left:7.8%; margin-right:7.8%; height:120px; background-color:#fff; overflow:hidden; transform-origin:bottom; -webkit-transform-origin:bottom; -moz-transform-origin:bottom; transform:rotateX(0deg) translate3d(0,0,0); -webkit-transform:rotateX(0deg) translate3d(0,0,0); -moz-transform:rotateX(0deg) translate3d(0,0,0); transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -webkit-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -moz-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s } .ind-brief-box .title { text-align:center; font-size:30px; font-weight:bold; color:#656565; font-family:Microsoft JhengHei; padding-top:26px } .ind-brief-box .title span { color:#FF6B07 } .ind-brief-box .text { font-size:14px; color:#656565; text-align:center; font-family:Microsoft JhengHei; margin-top:12px } .ind-brief-box.on { opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0) } .biaoti { font-size:37px; font-weight:bold; color:#333333; text-align:center; margin:40px 0 } .biaoti .biaoti_desc { height:50px; font-size:16px; font-weight:400; color:#666666; line-height:50px } .tab-content > .tab-pane { display:none; } .tab-content > .active { display:flex } .mainbody { width:99% } .gywm { background:url(../images/gywm_bj.jpg) no-repeat; background-size:100% 100%; } .ind_about { width:85%; margin:0 auto } .ind_about_main { height:550px; width:84%; margin:0 auto; background:#e5ecf3; } .ind_abo_tab { display:flex; justify-content:center; padding:40px 0 } .ind_abo_tab li { padding:5px 0; float:left } .ind_abo_tab li a { cursor:pointer !important; line-height:36px; font-size:18px; padding:0 16px; display:block; color:#343434; border:none; float:left } .ind_abo_tab li a.active,.ind_abo_tab li.active a,.ind_abo_tab li a:hover,.ind_abo_tab li a:focus { background:#F25839 !important; border:none !important; color:#fff !important } .ind_abo_tab li .border { line-height:36px; padding:0 18px; color:#343434; float:left } .ind_abo_info { display:flex; justify-content:space-between; height: 435px; } .ind_abo_img { width:57%; display:block; position:relative; left:-3% } .ind_abo_infomain { padding:8px 33px 0 0px; width:55% } .ind_abo_title { line-height:34px; color:#343434; font-size:26px; font-weight: 600; } .ind_abo_text { margin-top:13px; text-align:justify; line-height:24px; color:#343434 } .ind_abo_onlyimg { position:relative } .ind_abo_onlyimg img { transform:translateX(-50%); position:relative; left:50% } .ind_abo_more { text-align:center; background:#F25839; line-height:36px; margin-top:32px; display:block; height:36px; width:134px; color:#fff } .ind_abo_devlop { padding:53px 0 0 128px; position:relative; line-height:29px; font-size:19px; z-index:19; color:#333 } .ind_abo_network_BG { transform:translateX(-50%); position:absolute; width:1300px; z-index:1; left:50%; right:0 } .ind_abo_network { position:absolute; z-index:19; bottom:5px } .ind_abo_network_text { margin-left:16px; line-height:29px; font-size:17px } .ind_abo_network ul { margin-left:16px } .ind_abo_network ul li { padding:12px 40px 0 0; float:left } .ind_abo_network ul li p { float:left } .ind_abo_network ul li .title { line-height:26px; padding-top:6px; font-size:20px; color:#313333; clear:both } .ind_abo_network ul li .num { line-height:54px; font-size:66px; color:#0145b9 } .ind_abo_network ul li .unit { padding-top:30px; line-height:24px; font-size:20px; color:#0145b9 } .ind_abo_network ul li .signal { font-weight:bold; padding-top:18px; line-height:30px; font-size:44px; color:#0145b9 } .ind_abo_rad { margin-left:0 } .ind_abo_rad_text { position:relative; margin-top:26px; line-height:28px; font-size:16px; color:#323333; z-index:19 } .ind_abo_rad_data { margin-top:30px } .ind_abo_rad_data li { padding-left:70px; float:left } .ind_abo_rad_data li:first-child { padding-left:0 } .ind_abo_rad_data li .num { line-height:44px; font-size:52px; color:#0145b9; float:left } .ind_abo_rad_data li .signal { font-weight:bold; padding-top:24px; line-height:24px; font-size:18px; color:#0145b9; float:left } .ind_abo_rad_data li .signaltext { font-weight:bold; padding-top:31px; line-height:10px; font-size:12px; color:#0145b9; float:left } .ind_abo_rad_data li .title { line-height:18px; font-size:12px; padding-top:3px; color:#313333; clear:both } .yycx { padding:40px 0 } .home1 { align-items:stretch; display:flex } .home1 .item { background-size:cover; background-repeat:no-repeat; background-position:center; padding:15% 60px 140px 60px; color:#fff; position:relative; width:25%; -webkit-transition:.6s; transition:.6s; z-index:10; height:700px; border-right:2px solid #fff } .home1 .item.cur { width:60% !important; flex:0 0 auto } .home1 .item.cur:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:-1 } .home1 .item .icon { text-align:center; -webkit-transition:.6s; transition:.6s; opacity:1; margin-top:0 } .home1 .item.cur .icon { opacity:0; margin-top:-160px; text-align:left } .home1 .item .tit { font-size:30px; text-align:center; margin:20px 0 50px; color:#fff; line-height: 30px; } .home1 .item.cur .tit { text-align:left } .home1 .item .desc { font-size:16px; line-height:30px; position:relative; top:60px; opacity:0; -webkit-transition:.6s; transition:.6s; color:#fff; overflow:hidden; max-width:65%; height: 90px; } .home1 .item.cur .desc { top:0; opacity:1 } .home1 .item .ibtn { position:absolute; left:0; bottom:0; width:100%; padding:21px 40px 0px; text-align:center; line-height:46px; justify-content:center; } .home1 .item .ibtn a { color:#fff } .home1 .item .ibtn .tags { vertical-align:middle; white-space:nowrap; width:0 } .home1 .item .ibtn .tags a { display:inline-block; vertical-align:middle; padding-right:20px; margin-right:20px; background:url(../images/icon-more2.png) no-repeat right center; position:relative; left:30px; opacity:0; -webkit-transition-delay:.3s; transition-delay:.3s; -webkit-transition:.6s; transition:.6s; color:#fff } .home1 .item.cur .ibtn .more { display:inline-block; border:2px solid #fff; padding:0 17px; border-radius:23px; line-height:49px; white-space:nowrap; color:#fff } .home1 .item.cur .ibtn .more:after { content:"+"; margin-left:40px; font-size:20px; vertical-align:middle } .home1 .item.cur .ibtn { justify-content:space-between; padding:45px 40px 24px; background:url(../images/flashline.png) no-repeat top center } .home1 .item.cur .ibtn .tags { width:auto } .home1 .item .ibtn .tags a:nth-child(2) { -webkit-transition-delay:.4s; transition-delay:.4s } .home1 .item .ibtn .tags a:nth-child(3) { -webkit-transition-delay:.5s; transition-delay:.5s } .home1 .item .ibtn .tags a:nth-child(4) { -webkit-transition-delay:.6s; transition-delay:.6s } .home1 .item .ibtn .tags a:nth-child(5) { -webkit-transition-delay:.7s; transition-delay:.7s } .home1 .item .ibtn .tags a:nth-child(6) { -webkit-transition-delay:.7s; transition-delay:.8s } .home1 .item .ibtn .tags a:nth-child(7) { -webkit-transition-delay:.7s; transition-delay:.9s } .home1 .item .ibtn .tags a:nth-child(8) { -webkit-transition-delay:.7s; transition-delay:1s } .home1 .item .ibtn .tags a:nth-child(9) { -webkit-transition-delay:.7s; transition-delay:1.1s } .home1 .item .ibtn .tags a:nth-child(10) { -webkit-transition-delay:.7s; transition-delay:1.2s } .home1 .item.cur .ibtn .tags a { left:0; opacity:1 } .home1 .item .ibtn .more:hover { background-color:#F25839 } .tablist-container { margin-top:-130px } @media(max-width:640px) { .tablist-container { margin-top:0px; width: 96%; } .head .container .logo { padding: 0!important; } } #certify { position:relative } #certify .swiper-container { padding-bottom:75px } #certify .swiper-slide { width:520px; background:#fff; box-shadow:0 8px 30px #ddd; text-align:center } #certify .swiper-slide img { display:block; margin:0 auto } #certify .swiper-slide p { line-height:60px; font-size:18px; text-align:center; margin:0 } #certify .swiper-pagination { width:100%; bottom:0px } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px; position:relative; border:none; background-color:#ccc; width:10px; height:10px; opacity:1 } #certify .swiper-pagination-bullets .swiper-pagination-bullet::before { position:absolute; content:''; display:block; width:0; height:0; border-radius:50%; font-size:0; overflow:hidden; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s; background-color:#fff; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active::before { width:100%; height:100% } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border:none; background-color:transparent; background-color:#0c5ca5\9; *background-color:#0c5ca5 } #certify .swiper-button-prev { left:-0px; width:45px; height:45px; background:url(../images/wm_button_icon.png) no-repeat; background-position:0 0; background-size:100%; margin-top:-55px; outline:none } #certify .swiper-button-prev:hover { background-position:0 -46px; background-size:100% } #certify .swiper-button-next { right:-0px; width:45px; height:45px; background:url(../images/wm_button_icon.png) no-repeat; background-position:0 -93px; background-size:100%; margin-top:-55px; outline:none } @charset "utf-8"; #certify { position:relative; width:1200px; margin:0 auto } #certify .swiper-container { padding-bottom:60px } #certify .swiper-slide { width:520px; height:auto; background:#fff; box-shadow:0 8px 30px #ddd; padding-top:40px; } #certify .swiper-slide img { display:block } #certify .swiper-slide p { line-height:98px; padding-top:0; text-align:center; color:#636363; font-size:1.3em; margin:0 } #certify .swiper-pagination { width:100%; bottom:-55px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px; border:3px solid #fff; background-color:#d5d5d5; width:15px; height:15px; opacity:1 } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border:3px solid #F25839; background-color:#fff } #certify .swiper-button-prev:hover { background-position:0 -46px; background-size:100% } #certify .swiper-button-next:hover { background-position:0 -139px; background-size:100% } .xwzx_con .ind_abo_tab { padding-top:0; } #myTab2 ul li:last-child p { opacity:0; } .xwzx_con{ width: 84%; margin: 0 auto; } .ckgd_dy{ display: inline-block; text-align: right; float: right; } .hezuohuoban{ width: 100%; background:url(../images/7_1.jpg) no-repeat; background-size: 100% 100%; padding: 64px 0 0 0; } .hezuohuoban_con{ width: 84%; margin: 0 auto; padding-bottom: 60px; } .hezuohuoban_con ul{display:flex;flex-wrap: wrap;} .hezuohuoban_con ul li { width:19%; background: #FFFFFF; padding: 10px; margin: 0.5%; } .hezuohuoban_con ul li img{width:100%;} @media(max-width:640px) { .biaoti { font-size:20px; font-weight:bold; color:#333333; text-align:center; margin:0px 0 } .biaoti .biaoti_desc { font-size:14px; font-weight:400; color:#666666; line-height:18px } .tablist-topwords { padding: 5px 8px; } .tablist-bottomwords { padding: 5px 8px; } .mainbody { width:100%; padding: 20px 0; } .ind_about { width:96%; margin:0 auto } .ind_about_main { width: 100%; } .ind_abo_tab { display:flex; padding:5px; width: 100%; justify-content: space-between; } .ind_abo_tab ul { width: 100%; justify-content: space-between; } .ind_abo_tab li { padding:5px 0; display: flex; width: 25%; } .ind_abo_tab li a { cursor:pointer !important; line-height:20px; font-size:14px; padding:0 5px; display:block; color:#343434; border:none; float:none } .ind_abo_tab li .border { line-height:20px; padding:0 2px; color:#343434; float:none } #ind_abo_info_1 { display: block; } #ind_abo_info_1 .ind_abo_img { width: 90%; display:flex; align-items: center; justify-content: center; position: inherit; margin: 0 auto; } #ind_abo_info_1 .ind_abo_img video { display:flex; align-items: center; justify-content: center; } .ind_abo_infomain { width: 90%; padding: 0; margin: 0 auto; margin-top: 10px; } .ind_abo_title { font-size: 16px; line-height: 16px; } .ind_abo_text { margin-top: 5px; font-size: 14px; line-height: 20px; } .ind_abo_more { text-align:center; background:#F25839; line-height:36px; margin-top:10px; display:block; height:36px; width:134px; color:#fff } .ind_about_main { background:#e5ecf3; height:auto; width:100%; margin:0 auto; padding-bottom:10px; } #certify { width: 100%; } #certify .swiper-container { padding-bottom: 0 !important; } .home1 .item.cur { width: inherit !important; } .home1 { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 96%; margin: 0 auto; } .home1 .item { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0; color: #fff; position: relative; -webkit-transition: .6s; transition: .6s; z-index: 10; height: 100px; border-right: unset; width: unset; height: 273px; overflow: hidden; } .home1 .item:first-child,.home1 .item:nth-child(2) { width: 50%; } .home1 .item:nth-child(3),.home1 .item:nth-child(4),.home1 .item:nth-child(5) { width: 33.33%; } .hyal { width: 100vw; } .hyal .biaoti { width: 96%; margin: 0 auto; } .home1 .item .tit { margin-bottom: 20px !important; } .home1 .item:nth-child(1) .icon img,.home1 .item:nth-child(2) .icon img { width: 40%; padding-top: 20px; } .home1 .item:nth-child(3) .icon img,.home1 .item:nth-child(4) .icon img,.home1 .item:nth-child(5) .icon img { width: 45%; padding-top: 30px; } .xwzx { padding-top: 20px; } .xwzx .biaoti .biaoti_desc { height: unset; } .xwzx .ind_abo_tab { margin-top: 10px; } .xwzx .news_list1{ height:auto; } .xwzx_con { width: 96%; } .xwzx .swiper-wrapper{ height: auto; } .xwzx .news_list2 { margin-top: 0px; } .xwzx .news_list2 li a { padding: 0; margin: 15px ; } .hezuohuoban .biaoti_desc{ width: 96%; margin: 0 auto; } .hezuohuoban_con { width: 96%; } .hezuohuoban_con ul li { width: 24%; } .footer { width: 100vw; } .footer_body { width: 96%; } .footer_top { padding: 0; padding-top: 10px; padding-bottom: 10px; } .footer_top img { width: 60%; } .footer_main { display: unset; } .footer_main ul.footer_nav li:first-child a { font-size: 14px; } .footer_main ul.footer_nav li:first-child { padding-bottom: 1px; margin-bottom: 1px; } .footer_main ul.footer_nav li a { font-size: 12px; } .footer_main ul.footer_nav li{ float: left; margin-right: 10px; } .footer_main ul.footer_nav li:first-child { float: unset; clear: both; } .footer_weixin { margin-right: unset; width: 100%; display: flex; align-items: center; justify-content: center; } .footer_main ul.footer_nav { padding: 0; } .footer_weixin div img { width: 110px; } .footer_weixin p { text-align: center; line-height: 14px; margin-top: 5px; font-size: 14px; color: #fff; } .footer_end { text-align: center; line-height: 30px; margin-top: 0; font-size: 14px; color: #5a5a5a; width: 100%; bottom: 0; border-top: solid 1px #42474f; padding: 0px 0; margin: 0 auto; font-size: 14px; font-weight: 400; color: #F5F6F7; } .footer_middle{ height: unset; } .footer_info .title { background-size: 18px; margin-top: unset; line-height: unset; font-size: 14px; color: #fff; text-align: left; } .footer_info .title { padding: 0 !important; padding-left: 22px !important; } .footer_info p { background-position: left center; background-repeat: no-repeat; } .footer_info .text { font-size: 20px; padding-left: 22px; } .footer_social { display: none; } .footer_end ul { line-height: 40px; } .footer_end ul li a{ font-size: 14px !important; } .footer_end ul li { line-height: 30px; } .head .container { width: 100%; } .head .container .logo { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 65px; } #c-header .img2 { display: block !important; width: 80%; } #c-header .img1 { display: none !important; width: 80%; } #c-header { background-color: #fff; height: 130px; box-sizing: border-box; padding: 0; } .c-banner1 { margin-top: 130px!important; } .tablist-bottom ul li { margin-left: 0 !important; margin-right: 0 !important; } .head,.head .container{ height: 100%; } .head_more { display: block; } .head_more div { display: block; height: 2px; background: #ccc; margin: 9px 0; opacity: 1; transition: all .5s ease; width: 35px; transform-origin: left center; } .mnav div:nth-child(1) { transform: rotate(45deg); /* width: 40px; */ } .mnav div:nth-child(2) { opacity: 0; } .mnav div:nth-child(3) { transform: rotate(-45deg); position: relative; top: 2px; /* width: 40px; */ } .nav_block { display: block; background-color: #F25839; position: absolute; z-index: 101; text-align: center; position: absolute; left: 0; top: 130px!important; z-index: 99999; width: 100%; } .nav li { float: unset; } .nav li a { padding: 0px; line-height: 50px; } }