@charset "utf-8"; @font-face{ font-family:Impact; src:url(../font/impact.ttf);} @font-face{ font-family:PingFang; src:url(../font/PingFang.ttf);} @font-face{ font-family:ARVO; src:url(../font/ARVO-REGULAR.TTF);} @font-face{ font-family:simkai; src:url(../font/simkai.ttf);} @font-face{ font-family:kaiti; src:url(../font/kaiti.ttf);} @font-face{ font-family:Barlow Condensed; src:url(../font/BarlowCondensed-SemiBold.ttf);} @font-face{ font-family:BarlowCondensed-Light; src:url(../font/BarlowCondensed-Light.ttf);} /*===========================header=============================*/ #header{width:100%;z-index: 9999;height: 70px;background: #fff;} #logo{display: block;position: absolute;left: 1.5rem;top: 10px;} #logo img{height: 50px;border: none;} body{ width:100%;} .nav_btn{position: absolute;margin-top: 15px;right: 1rem;width: 40px !important;height: 40px !important;border-radius: 2px;transition: 0.5s;cursor: pointer;border:none;padding: 0;outline: none;background: #89211b;} .line{position: relative;display: block;width: 26px;height: 2px;margin: 0px auto 0;background: #fff;border-radius:3px;} .line:before,.line:after{content: '';width: 100%;height: 2px;left: 0;position: absolute;background: #fff;border-radius:3px;transition-duration: 0.3s,0.3s;transition-delay: 0.3s,0s;} .line:before{transition-property: bottom,transform;bottom: 8px;} .line:after{transition-property: top,transform;top: 8px;} .nav_btn_active{right: 240px;position: fixed; z-index:999; top:0; border-radius:0;} .nav_btn_active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s} .nav_btn_active span:after,.nav_btn_active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s} .nav_btn_active span:before {bottom: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)} .nav_btn_active span:after {top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .header-nav { display: block; width: 240px; position: fixed; top: 0; right: 0; opacity: 0; transition: 0.5s; text-align: left; transform: translateX(240px); visibility: hidden\9; height: 100vh; overflow: auto; bottom: 0; z-index: 1090; background: #f8f8f8; } .header-nav-active {opacity: 1; display:block;transform: translateX(0);} .am-offcanvas-content{ padding:0;} #aside_nav .am-offcanvas-bar{ width: 252px; background: #f4f4f4;} #nav .am-list > li{ background: none; border-color:rgba(0,0,0,.06); padding:1.5rem 0; box-shadow:none !important; } #nav .am-list > li a{padding:0;padding-left:2rem;font-size:14px;color: #333;} #nav .am-fr[class*="am-icon-"]{ color:#999 !important;} #nav .am-list > li ul{ padding:0 ; margin-bottom: -1rem;} #nav .am-list > li ul li{padding:0 2rem;line-height: 3.5rem;display: block;border:0;} #nav .am-list > li ul li{} #nav .am-list > li ul li:last-child{ border:none;} #nav .am-list > li ul li a{font-size:12px;display:block;padding:0;color: #666;} #nav .am-fr[class*="am-icon-"]{ color: #eee;} #nav .doc-oc-demo3{ width:50px;} #nav .am-list > li ul{ padding-top: 10px; } .am-offcanvas-bar::after{ background:none;} #index_nav_bar li{} #index_nav_bar li a{ display: block; height: 5rem; line-height: 5rem; text-align: center; color: #fff; font-size: 14px;} .am-pureview{ z-index:10000; } #header .mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;} .am-control-nav{bottom: 1.5rem !important;line-height: 8px;} .am-control-nav li a{background: none;border-radius: 5px;} .am-slider-default .am-control-nav li a{ border: none; background: rgba(0,0,0,0.25); box-shadow: none; } .am-control-nav li a.am-active{background-color: rgba(0,0,0,0.5) !important;box-shadow:none;} .am-slider-default .am-control-nav li a:hover{ background: #e62129;} .am-slider-default{ background: none;} .am-slider-default .am-direction-nav a:before{ color: #fff; } .am-slider-default .am-direction-nav a.am-next:before{} /*===================footer==========================*/ #footer_box{ padding: 0px; z-index:999; position:relative;} #footer_box .copyright{color:#797b7d; display:block; font-size: 13px;} #footer{ position:fixed; bottom:0; left:0; width:100%;} #footer ul{background: #252526;padding: 0 0;} #footer li{display: block;} #footer li a{display: block;color: #fff;font-size: 12px;height: 50px;margin: 5px 0;border-right: #464649 1px solid;} #footer li img{opacity: 1;} #footer li a .j_iconfont{color: #929293;display: block;margin-bottom:2px;margin-right: 0;} #footer li:last-child a{ border: none;} #copyright{ font-size: 12px; line-height: 20px; color: #818181; text-align: center;} #copyright a{color: #818181;} #gotop{position:fixed;display: block;width: 40px;height: 40px;line-height: 36px;bottom: 52px;right: 0;z-index: 9999;background: #1384e2;border-radius: 50%;} #gotop img{display: inline-block;height: 20px;} #s_main_box{margin-bottom: 7rem; position:relative;} /*banner*/ #mode_coop{ margin-bottom: 20px;} #mode_coop ul{ margin:0 -5px;} #mode_coop ul li{ padding:5px; margin-bottom:10px; } #mode_coop ul li .img{ width:100%;display:block; padding:0 6px;background:#fff; border:1px solid #eee; height: 100%; text-align:center; text-align: -webkit-center;} #mode_coop ul li .img a{ display: block; text-align: center;height: 72px; display: table-cell; vertical-align: middle;} #mode_coop ul li .img a img{ max-width: 100%; max-height: 100%; height: auto;} #mode_coop ul li h5{ font-size:13px; color:#666; text-align: center; line-height:30px;} #mode_case1 ul{ margin:0 -5px;} #mode_case1 li{ margin-bottom:5px;} #mode_case1 li a{ display: block; margin: 5px; vertical-align:middle; text-align:center; } #mode_case1 li a img{ width: 100%; height:100%; overflow: hidden; } #mode_case1 ul li h5{ background:#eaebed; color:#222; font-size: 14px; text-align: center; padding: 12px 10px; } #mode_case2{ margin-bottom:30px;} #mode_case2 ul li{ font-size:0; margin-bottom:15px;} #mode_case2 ul li a{ display:block; width:100%; height:100%; background:#edecf1; overflow:hidden;} #mode_case2 ul li .img{width: 44%;float:left;overflow:hidden;} #mode_case2 ul li .img img{transition:ease-in-out 2s;-moz-transition:ease-in-out 2s;-ms-transition:ease-in-out 2s;-o-transition:ease-in-out 2s;-webkit-transition:ease-in-out 2s;height: 108px;} #mode_case2 ul li .txt{width: 56%;float:left;padding: 0 15px;height: 108px;} #mode_case2 ul li .txt h5{font-size:15px;color:#090909;padding-top: 13px;margin-bottom:0;font-weight:100;} #mode_case2 ul li .txt h5:hover{ color:#e1582c;} #mode_case2 ul li .txt i{display:block;width:18px;height: 2px;background: #1384e2;margin-top:8px;margin-bottom:12px;} #mode_case2 ul li .txt span{ font-size:12px; color:#808080;display:block; margin-bottom:16px; line-height:18px; height:36px; overflow:hidden;} #mode_case2 ul li .txt p{ font-size:12px; color:#76767d; line-height:24px; height:72px; overflow:hidden;} #mode_case2 ul li .txt .btn{ display:block; width:72px; height:30px; line-height:30px;text-align:center;background:#fff; font-size:12px; color:#2f2f2f; border-radius:30px; margin-top:25px; transition:.3s; -webkit-transition:.3s;} #mode_case2 ul li .txt .btn:hover{ background:#e1582c; color:#fff;} #mode_pro1{ margin-bottom:30px;} #mode_pro1 ul li{ font-size:0; margin-bottom:15px; border:1px solid #edecf1;} #mode_pro1 ul li a{ display:block; width:100%; height:100%; background:#edecf1; overflow:hidden;} #mode_pro1 ul li .img_mid{width: 44%;height:110px;float:left;overflow:hidden;display:table;background:#fff;} #mode_pro1 ul li .img_mid div{ display:table-cell; height:110px; vertical-align:middle; text-align:center;} #mode_pro1 ul li .img_mid img{width: 100%;height: 100%;} #mode_pro1 ul li .txt{width: 56%;height:110px;float:left;padding:0 10px;display:table;} #mode_pro1 ul li .txt div{ display:table-cell; vertical-align:middle; height:110px;} #mode_pro1 ul li .txt h5{ font-size:15px; color:#1c1b1b; font-weight:100; margin-bottom:8px;} #mode_pro1 ul li .txt h5:hover{ color:#e1582c;} #mode_pro1 ul li .txt p{ font-size:12px; color:#646464; line-height:18px; height:36px; overflow:hidden;} #mode_pro1 ul li .txt span{font-size:11px;color: #1384e2;text-transform:lowercase;display:inline-block;margin-top:10px;font-weight:100;position:relative;text-transform:uppercase;} #mode_pro1 ul li .txt span:before{content:"";width:3px;height:10px;display: inline-block;background: #1384e2;margin-right:5px;} #mode_pro2 ul{ margin: 0 -5px;} #mode_pro2 li{ border: none; margin: 0; margin-bottom:5px; } #mode_pro2 li a{ display: block; margin:5px; background:#eaebed; padding:3px; } #mode_pro2 li .img_mid{ display: table; width: 100%; overflow: hidden; box-sizing: border-box; background:#fff; } #mode_pro2 li .img_mid div{display:table-cell;width:100%;height: 110px;vertical-align:middle;text-align:center;} #mode_pro2 li .img_mid img{width: 100%;height: 100%;} #mode_pro2 ul li h5{ margin:0; font-size:14px; color:#222; font-weight:300; text-align:center; line-height:40px;} #mode_news6{ margin-top:30px; margin-bottom:30px;} #mode_news6 ul{} #mode_news6 ul li{ background:#f3f3f4; margin-bottom:18px;} #mode_news6 ul li .img{ width:100%; position:relative;} #mode_news6 ul li .img img{ width:100%; transition:2s; -webkit-transition:2s; -moz-transition:2s; -ms-transition:2s;-o-transition:2s;} #mode_news6 ul li .txt{ width:100%; padding:20px 10px;} #mode_news6 ul li .txt h5{ font-size:15px; color:#252525; margin-bottom:8px;} #mode_news6 ul li .txt p{ font-size:12px; color:#848484; line-height:18px; height:36px; overflow:hidden;} #mode_news6 ul li .txt span{ position:relative; display:block; font-size:12px; color:#aeaeae; font-family:arial; height:20px; line-height:20px; margin-top:10px;} #mode_news6 ul li .txt h5:hover{ color:#e1582c;} #mode_team1{ margin-bottom:20px;} #mode_team1 ul{ margin:0 -5px;} #mode_team1 li{ margin-bottom:5px;} #mode_team1 li a{display: block;margin: 5px;vertical-align:middle;background: #f9f9f9;} #mode_team1 li a img{ width: 100%; overflow: hidden; } #mode_team1 ul li .txt{ padding: 15px 10px;} #mode_team1 ul li h5{color:#222;font-size: 14px;margin-bottom:5px;line-height: 20px;text-align: left;} #mode_team1 ul li p{ font-size:12px; color:#848484; line-height:18px; overflow:hidden;} #mode_licheng1{ margin-bottom:30px;} #mode_licheng1 ul{} #mode_licheng1 ul li{ overflow:hidden; margin-bottom:20px;} #mode_licheng1 ul li .img{ width:40%; height:90px; float:left; overflow:hidden; display:table; border:3px solid #ddd;} #mode_licheng1 ul li .img img{ width:100%; height:100%;} #mode_licheng1 ul li .txt{ width:60%; height:90px; float:left; padding:0 10px; display:table;} #mode_licheng1 ul li .txt div{ display:table-cell; vertical-align:middle; height:90px;} #mode_licheng1 ul li .txt p{ font-size:12px; color:#777879; line-height:18px; max-height:72px; overflow:hidden;} #mode_licheng1 ul li span{font-size:18px;color: #696969;display:block;border-bottom: 1px solid #f3f3f3;margin-bottom:15px;padding-bottom:5px;} #mode_licheng2{} #mode_licheng2 .n_gczs_slide{ border-left:1px solid #e9e9e9; margin-left: 10px;} #mode_licheng2 .swiper-slide{ margin-left: -12px;} #mode_licheng2 .swiper-slide{ width:100%; padding-bottom:15px; padding-left:20px;} #mode_licheng2 .swiper-slide h5{font-size:20px;color:#535354;margin-bottom:0;position:relative;left:-20px;padding-left:30px;} #mode_licheng2 .swiper-slide h5:before{ content: url(../images/icon_gzzs.png); position:absolute; left:0; top:0; display:inline-block;} #mode_licheng2 .swiper-slide h5 span{ font-size:16px;} #mode_licheng2 .n_gczs_slide .ar_article{margin-right:0;padding-left: 10px;} #mode_zizhi1{margin: 1rem 0;} #mode_zizhi1 ul{ position: relative; margin: -5px;} #mode_zizhi1 li{ display:block; position: relative; } #mode_zizhi1 li a{display: block; padding: 0; padding-bottom: 1rem; margin:5px; position: relative;} #mode_zizhi1 li a .img_mid{ width: 100%; height:150px; display:table; background: #edecf1;} #mode_zizhi1 li a .img_mid div{ display:table-cell; vertical-align:middle; text-align:center; width: 100%; height:150px; } #mode_zizhi1 li a .img_mid img{ max-height:90%; max-width:90%; margin:0; display: inline-block;} #mode_zizhi1 li a h5{margin:0 10px;padding-top:10px;text-align: center;color:#212734;font-size: 13px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-weight: normal;} #mode_zizhi2{ margin-bottom: 3rem;} #mode_zizhi2 ul{ position: relative; margin: -5px;} #mode_zizhi2 li{ display:block; position: relative; } #mode_zizhi2 li a{display: block; padding: 0; padding-bottom: 1rem; margin:5px; position: relative;} #mode_zizhi2 li a .img_mid{ width: 100%; height:150px; display:table; background: #edecf1;} #mode_zizhi2 li a .img_mid div{ display:table-cell; vertical-align:middle; text-align:center; width: 100%; height:150px; } #mode_zizhi2 li a .img_mid img{ max-height:90%; max-width:90%; margin:0; display: inline-block;} #mode_zizhi2 li a h5{ margin:0 10px; padding-top:10px; text-align: center; color:#212734; font-size: 13px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #tt_xq{ text-align:center; border-bottom:1px solid #dfe0e0; padding-bottom:10px; margin-bottom:25px; position:relative;} #tt_xq:after{ content:""; width:80px; height:3px; background:#1384e2; display:block; bottom:-2px; left:50%; margin-left:-40px; position:absolute;} #tt_xq h3{text-align:center;font-size:18px;color:#2d3134;margin-bottom: 0.5rem;} #tt_xq p{ font-size:12px; color:#a2a4a5;} #mode_news_xq1{} #mode_news_xq1 .con{ min-height:300px;} #mode_news_xq1{} #mode_news_xq1 .img{ text-align:center;} #mode_news_xq1 .tt{ font-size:20px; color:#3a3c3d; border-bottom:1px solid #ebebeb; padding:20px 0 10px; margin-bottom:20px;} #mode_news_xq1 .tt span{ font-size:15px; color:#7e7e7f; border-left:1px solid #999; padding-left:10px; margin-left:10px;} /*====人力资源====*/ .n_talent{padding: 0 0 0 0;} .n_talent ul{float:left;position: relative; width: 100%;margin-bottom:5%;} .n_talent ul li{float:left;width: 100%;height: auto;margin: 0 0 1rem 0;text-align: left;cursor:pointer;overflow:hidden;background-color: #f9f9f9;box-sizing:border-box;border-radius: 3px;padding: 0 5%;position: relative;} .n_talent ul li .con{float:left;width: 100%;height: auto;position:relative;z-index:1;} .n_talent ul li h6{} .n_talent ul li h6 span{display:inline-block;font-size:11px;margin-bottom:20px;color: #8f8f8f;font-weight: normal;} .n_talent ul li h2{font-size: 14px;color: #444;line-height: 28px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 70%;} .n_talent ul li .more{ position:absolute; right:5%; top:50%; margin-top:-14px; width:72px; height:28px; line-height:28px; border:#d0d1d3 1px solid; box-sizing:border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-align:center; font-size:12px; color:#8c8c8c} .n_talent .ar_title{border-bottom: #f0f0f0 2px solid;padding-bottom: 0;margin-bottom: 40px;margin-top: 50px;} .n_talent .ar_title h3{font-size: 22px;color: #424242;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 15px;} .n_talent .ar_title h6 span{position:relative;font-size: 12px;color: #7e8080;display:inline-block;height: 50px;line-height: 50px;font-weight:normal;} .n_talent .ar_title h6 span i{position:absolute;left:0;bottom: -2px;width:100%;height:2px;background-color: #0350aa;} #mode_ziliao1{ overflow:hidden; } #mode_ziliao1 ul{ margin-bottom:20px; overflow:hidden;} #mode_ziliao1 ul li{ width:100%; height:90px; float:left; border-radius:5px; border:1px solid #e5e5e5; padding-top:20px; position:relative; margin-top:10px;} #mode_ziliao1 ul li a:before{content:"";width:100%;height:100%;display:block;border-radius:5px;position:absolute;left:0;top:0;transition:.3s;-webkit-transition:.3s;transform:scale(1.03,1.08);opacity:0;} #mode_ziliao1 ul li .txt{margin-left: 15px;width:210px;float:left;position:relative;} #mode_ziliao1 ul li .txt p{ font-size:14px; color:#242425; line-height:20px; height:20px; overflow:hidden;} #mode_ziliao1 ul li .txt span{ font-size:12px; color:#97989b; margin-top:5px; display:block;} #mode_ziliao1 ul li .btn{display:block;width: 30px;height: 30px;float:right;margin-right: 15px;margin-top: 8px;transition:.3s;-webkit-transition:.3s;background:url(../images/n_xiazai_ico.png) center no-repeat;background-size: 30px;} #mode_zhaopin1{ } #mode_zhaopin1 ul{ margin:0 -5px;} #mode_zhaopin1 li{ width:50%; float:left;} #mode_zhaopin1 li a{ margin: 5px; display:block; border:1px solid #d1d5d6; background:#f7f8fa; height: 145px;} #mode_zhaopin1 li h5{ padding-top: 30px; display:block; text-align:center; font-size:18px; color:#222223; margin-bottom:5px;} #mode_zhaopin1 li span{ color:#908f8f; font-size:14px; text-align:center; display:block; } #mode_zhaopin1 li strong{ color:#908f8f; font-size:14px; text-align:center; display:block;} #mode_zhaopin1 li .btn{ width:80px; height:28px; line-height:28px; display:block; background:#1384e2; color:#fff; font-size:13px; border-radius:3px; text-align:center; margin:0 auto; margin-top:10px;} .n_zhaopin .lwy .slider-nav{margin: 0 -0.5rem;padding: 0 2rem; margin-bottom: 2rem;} .n_zhaopin .lwy .slider-nav .miso-prev, .n_zhaopin .lwy .slider-nav .miso-next{width:12px;height:21px;margin-top: -1rem;} .n_zhaopin .lwy .slider-nav .miso-prev{background:url(../images/left01.png) center no-repeat;background-size:100% 100%;left: 0;} .n_zhaopin .lwy .slider-nav .miso-next{background:url(../images/right01.png) center no-repeat;background-size:100% 100%;right: 0;} .n_zhaopin .lwy{padding: 0;} .n_zhaopin .lwy .slider-nav .miso-slide{ padding:0 0.5rem} .n_zhaopin .lwy .slider-nav .miso-slide .miso{margin: 0 0;padding: 1.5rem 0.5rem;background:#ecedf2;text-align:center;} .n_zhaopin .lwy .slider-nav .miso-slide .miso h5{font-size: 14px;color:#010101;margin-bottom:10px;} .n_zhaopin .lwy .slider-nav .miso-slide .miso h6{font-size: 11px;color:#acacac;text-transform:uppercase;font-weight: normal;line-height: 18px;height: 36px;overflow: hidden;} .n_zhaopin .lwy .slider-nav .miso-slide.miso-current .miso{background: #1384e2;} .n_zhaopin .lwy .slider-nav .miso-slide.miso-current .miso h5{ color:#fff} .n_zhaopin .lwy .slider-for{padding: 0;} #mode_lianxi1{} #mode_lianxi1 .tt{height:40px;font-size: 16px;border-bottom:1px dashed #bdbdbd;margin-bottom:20px;} #mode_lianxi1 .map { border: 1px solid #e5e7eb; overflow: hidden; background:#fff; margin-top:30px;} #mode_video1{} #mode_video1 ul{} #mode_video1 ul li{ margin-bottom:20px; position:relative;} #mode_video1 ul li video{position:relative; border:2px solid #ddd; font-size:0; object-fit: fill} #mode_video1 ul li h5{ font-size:15px; color:#777; text-align:center; padding-top:3px;} .am-pagination-select .am-pagination-select select{ color: #666666 !important; text-align: center; background: none; font-size: 14px; border: 1px solid #dedede;} .am-pagination-select > li > a{ color: #666666 !important; background: none; font-size: 14px; border: 1px solid #dedede;} .am-pagination-select > li > a:hover{ background: none; border: 1px solid #dedede; } @media (min-width:471px) and (max-width:639px){html{font-size:13px;}} @media (min-width:329px) and (max-width:470px){html{font-size:12px;}} @media (max-width:328px){html{font-size:12px;}} .w94{ width:94%; margin:0 auto} #banner{ margin-bottom:2rem;} .am-direction-nav{ display:none} .container00 .am-titlebar-default{margin:0;background: #f3f5f7;border: #e7e8e9 1px solid;margin-bottom:1.5rem;} .container00 .am-titlebar-default .am-titlebar-title{background: #1f59d6;padding:0 2rem;font-size:1.25rem;color:#fff;font-weight:normal;} .container00 .am-titlebar-default .am-titlebar-title:before{ display:none} .container00 .am-titlebar-default .am-titlebar-nav a{font-size:1rem;color: #6c6b6b;margin-right:1rem;text-transform:uppercase;} /*新闻一*/ #mode_news1 ul{ margin:0 -5px;} #mode_news1 li{ margin-bottom:5px;} #mode_news1 li a{display: block;margin: 5px;vertical-align:middle;background: #f9f9f9;} #mode_news1 li a img{width: 100%;height: 110px;overflow: hidden;} #mode_news1 ul li .txt{ padding: 12px 10px;} #mode_news1 ul li h5{color:#222;font-size: 14px;margin-bottom:8px;line-height: 20px;height: 40px;white-space: normal;} #mode_news1 ul li p{font-size:12px;color:#848484;line-height:18px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} #mode_news1 ul li span{ position:relative; display:block; font-size:12px; color:#aeaeae; font-family:arial; height:20px; line-height:20px; margin-top:6px;} #mode_news2{ margin-bottom:20px;} #mode_news2 ul{ margin-top:-15px;} #mode_news2 ul li{ font-size:0; padding:15px 0; border-bottom:1px dashed #eee; overflow:hidden;} #mode_news2 ul li a{ display:block; width:100%; height:100%;overflow:hidden;} #mode_news2 ul li .img{width: 44%;height: 110px;float:left;overflow:hidden;display:table;padding-right: 15px;} #mode_news2 ul li .img img{ width:100%; height:100%;} #mode_news2 ul li .txt{height: 110px;} #mode_news2 ul li .txt div{ height:100px;} #mode_news2 ul li .txt h5{font-size:15px;color:#1c1b1b;font-weight:100;margin-bottom:5px;padding-top: 12px;} #mode_news2 ul li .txt h5:hover{ color:#3568df;} #mode_news2 ul li .txt p{ font-size:12px; color:#646464; line-height:18px; height:36px; overflow:hidden;} #mode_news2 ul li .txt span{ font-size:11px; color:#999; display:inline-block; margin-top:10px; font-weight:100; text-transform:uppercase; } #mode_news3{ margin-bottom:30px;} #mode_news3 ul{margin-top:-15px;} #mode_news3 ul li{ font-size:0; padding:15px 0; border-bottom:1px solid #eee; } #mode_news3 ul li a{ display:block; width:100%;overflow:hidden;} #mode_news3 ul li .tt{ overflow:hidden;} #mode_news3 ul li h5{ font-size:15px; color:#1c1b1b; font-weight:100; margin-bottom:8px; width:250px; float:left; position:relative;} #mode_news3 ul li h5:before{content:"";width:3px;height:10px;display: inline-block;background: #7a7a7a;margin-right:5px;} #mode_news3 ul li h5:hover{ color:#3568df;} #mode_news3 ul li p{ font-size:12px; color:#646464; line-height:18px; max-height:36px; overflow:hidden;} #mode_news3 ul li span{ font-size:11px; color:#999; float:right; text-transform:uppercase; font-weight:100; } #mode_news4{ margin-bottom:30px;} #mode_news4 ul{margin-top:-15px;} #mode_news4 ul li{ font-size:0; padding:15px 0; border-bottom:1px dashed #eee; } #mode_news4 ul li a{ display:block; width:100%;overflow:hidden;} #mode_news4 ul li h5{ font-size:13px; color:#1c1b1b; font-weight:100; width:250px; float:left; position:relative;} #mode_news4 ul li h5:before{content:"·";color: #7a7a7a;display: inline-block;margin-right:5px;font-weight: bold;} #mode_news4 ul li h5:hover{ color:#3568df;} #mode_news4 ul li span{ font-size:11px; color:#999; float:right; text-transform:uppercase; font-weight:100; } .n_jishu .fl01{padding: 3rem 0 2rem;background:#f7f7f9;margin-top: -2.5rem;} .n_jishu .fl02{padding: 3rem 0 1rem;} .n_jishu .fl02 ul{margin-bottom: 0;} .n_jishu .fl02 ul li{ margin-bottom:19px; overflow:hidden} .n_jishu .fl02 ul li .time{float:left;width:180px;height:175px;background:#f7f7f9;border:#e2e4e7 1px solid;padding:48px 0 0 55px;position:relative;display: none;} .n_jishu .fl02 ul li .time:before{ content:""; position:absolute; width:65px; height:1px; background:#bcbcbc; left:55px; top:122px;} .n_jishu .fl02 ul li .time:after{ content:""; position:absolute; width:0; height:3px; background:#c30d23; right:58px; top:122px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .n_jishu .fl02 ul li:hover .time:after{ left:55px; width:65px;} .n_jishu .fl02 ul li .time h3{ font-size:28px; color:#2d2d2e; margin-bottom:12px;} .n_jishu .fl02 ul li .time h5{ font-size:14px; color:#a7a8aa} .n_jishu .fl02 ul li .con{float:left;width: 100%;height: auto;border-bottom: #e2e4e7 1px solid;padding: 1rem 0;} .n_jishu .fl02 ul li .con h5,.n_jishu .fl02 ul li .con h5 a{font-size: 1.25rem;color:#242424;padding: 0;} .n_jishu .fl02 ul li .con h6{ margin:0; font-size:0.875rem; color:#999; font-weight:normal; margin-bottom:1rem} .n_jishu .fl02 ul li .con h5 a:hover{ color:#c30d23} .n_jishu .fl02 ul li .con p{line-height: 1.5rem;font-size: 0.875rem;color:#848486;height: 3rem;overflow:hidden;margin: 1rem 0 0;} .n_jishu .fl02 ul li .con .more a{ font-size:12px; color:#848486; text-decoration:underline; text-transform:uppercase} .n_jishu .fl02 ul li .con .more a:hover{ color:#c30d23} #s_case{padding: 3rem 0 3rem;} #s_case{ overflow:hidden;} #s_case .content{} #s_case ul{margin: -0.5rem;float: left;margin-bottom: 1rem;} #s_case li{width: 50%;position:relative;display:block;overflow:hidden;float:left;padding: 0 0.5rem;box-sizing: border-box;margin-bottom:1rem;} #s_case li a{ display:block;} #s_case li .pic_box{ position:relative; background:#000; } #s_case li img{width: 100%;height: 100%;display:block;} #s_case li .img{ } #s_case li .icon_play{ position:absolute; left:0; top:0; width:380px; height:260px; background:url(../images/bnt_play.png) center no-repeat;} #s_case li h1{position:absolute;z-index:3;left: 0.5rem;right: 0.5rem;bottom: 0;overflow:hidden;height: 35px;line-height: 35px;padding:0 20px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;color:#fff;font-size: 1rem;text-align:center;display:block;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#AA000000', endColorstr='#AA000000');background: rgba(0,0,0,0.3);} #s_case li:hover h1{} #s_case li .video{ position:absolute; width:100%; height:100%; line-height:100%; left:0; top:0; text-align:center} #s_case li .video img{vertical-align:middle;display:inline-block;width: 28px;hei;height: 28px;} .table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%} .table_cell{ display:table-cell; vertical-align:middle} .n_join ul{margin-bottom: 3rem;} .n_join ul li{margin-bottom: 0.5rem;} .n_join ul li .top{position: relative;height: 55px;line-height: 55px;background: #f5f6f6;padding: 0 1rem;box-sizing: border-box;} .n_join ul li .top i{position:absolute;right: 1rem;top:50%;margin-top: -8px;width:44px;height:16px;background:url(../images/jian01.png) center no-repeat;background-size: auto 12px;} .n_join ul li .top h5{font-size: 12px;color: #333438;display: inline-block;width: 83%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: normal;} .n_join ul li .top span{ font-size:14px; color:#585858; display:inline-block; height:60px; vertical-align:top; margin-right:42px;} .n_join ul li a.open .top{background: #fff; position:relative;} .n_join ul li a.open .top:before{content:"";position:absolute;height:1px;bottom: 0px;background:#eeeeee;left: 1rem;right: 1rem;} .n_join ul li a.open .top:after{width:66px;height:1px;background: #1384e2;content:"";position:absolute;bottom: 0;left: 1rem;} .n_join ul li a.open .top i{ background:url(../images/jian01_on.png) center no-repeat; background-size: auto 12px;} .n_join ul li a.open .top h5{} .n_join ul li a.open .top span{ color:#fff} .n_join ul li .ar_article{padding: 2rem 1rem;display:none;margin-bottom: 0;} .n_join ul li .ar_article p{margin-bottom:0;color: #929292;font-size:12px;} .n_join .more{ text-align:center;} .n_join .more img{ display:inline-block;} .n_join ul li.lwy{background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.15);padding: 0;} .product_detail .am-panel{border:#e5e5e5 1px solid;margin-top: 20px;} /*====合作留言====*/ .j_form .label { display: block; margin-bottom: 1.5rem;} .j_form .h_x{ color: #f00;} .j_form .label strong{ font-weight:normal; display:block; padding-bottom: .5rem; color:#666666; font-size:14px; } .j_form .label input{display: block;width: 100%;background: #ffffff;padding:7px 10px;border:1px solid #d7d4d4;color:#797979;font-size:14px;text-align: left;font-weight: normal;} .j_form .label button{ display: block; width: 100%; background: #f6f6f7; padding:0px 10px; height: 38px; border:1px solid #d7d4d4; color:#797979; text-align: left; font-size:14px; font-weight: normal; } .j_form textarea{display: block;width: 100%;background: #ffffff;padding:10px 10px;border:1px solid #d7d4d4;color:#797979;text-align: left;font-size:14px;font-weight: normal;} .j_form input[type="submit"]{width: 100%;margin: 1rem auto;font-size: 14px;height: 40px;line-height: 40px;padding: 0;background: #1384e2;display: block;color: #fff;opacity: 1;border: none;width: 100%;text-align: center;} .yzm_box { position:relative; margin-left:0; border:none; margin-top: 0px; margin-bottom: 10px; padding-right: 120px;} .yzm_box strong{ } .yzm_box input{ display: block; width: 100%; } .yzm_box img{ position:absolute; bottom: 0; right: 0;} /*代码开始区*/ .datu{position:relative;width:100%;height: calc(100vh - 130px);top: 0;z-index: 1;} .banner{position:relative;z-index:1;height: 100%;width: 100%;z-index: 10;} .banner .line_box{z-index:2;position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;} .banner .line{ width:1px; top:0; z-index:10000; position:absolute; -moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;} .banner .line01{left: 25%;height:0;background:rgba(255,255,255,0.2);} .banner .line02{left: 50%;height:0;background:rgba(255,255,255,0.2);} .banner .line03{left: 75%;height:0;background:rgba(255,255,255,0.2);} .banner .miso-list li.miso-current .line_box.on .line01{ height:100%; transition-delay:2s} .banner .miso-list li.miso-current .line_box.on .line02{ height:100%; transition-delay:3s} .banner .miso-list li.miso-current .line_box.on .line03{ height:100%; transition-delay:4s} .banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track{ height:100%} .banner .miso-list li{height:100%;text-align:left;} .banner .miso-list li .img{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover !important;z-index:1;-moz-opacity: 0;-khtml-opacity: 0;opacity: 1;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:1.2s ease;-moz-transition:1.2s ease;-ms-transition:1.2s ease;-o-transition:1.2s ease;-webkit-transition:1.2s ease;font-size: 0;} .banner .miso-list li.miso-current .img{visibility: visible !important; -moz-opacity: 1;-khtml-opacity: 1;opacity: 1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .banner .miso-list li h2{ font-size:7.5rem; color:#fff; font-family:Tw Cen MT Condensed; text-transform:uppercase; font-weight:bold; margin:10px 0} .banner .miso-list li h3{font-size:3rem;color:#fff;margin-bottom: 70px;} .banner .miso-list li.miso-current h2{ top:0; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1} .banner .miso-list li a{display:inline-block;width: 166px;li;line-height: 57px;height: 57px;text-align:center;font-size: 16px;color:#fff;text-transform:uppercase;background: #00c0ff;overflow: hidden;border-radius: 3px; overflow:hidden; position:relative} .banner .miso-list li a span{font-family:Californian FB;position: relative;} .banner .miso-list li a:before{content:"";position:absolute;top:0;bottom:0;left:0;width:100%;height: 100%;transition:transform .3s;transform-origin:bottom;transform:scaleY(0);background: #00a5db;} .banner .miso-list li a:hover:before{ transform:none;} @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1); transform: scale(1); } to { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);} } @keyframes scaleUpDown { from { -webkit-transform: scale(1); transform: scale(1); } to { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);} } .banner .miso-prev,.banner .miso-next{ z-index:100000; width:75px; height:75px; line-height:71px; margin-top:-37.5px; background:none; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;} .banner .miso-prev:hover,.banner .miso-next:hover{ opacity:1} .banner .miso-prev{ left:30%; margin-left:-680px; border:rgba(255,255,255,0.65) 2px solid; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .banner .miso-prev:hover{ border:rgba(255,255,255,1) 2px dashed;} .banner .miso-prev:before{ content:"<"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:24px; font-family:simsun; color:rgba(255,255,255,0.65)} .banner .miso-next{ right:30%; margin-right:-680px; border:rgba(255,255,255,0.65) 2px solid; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .banner .miso-next:hover{ border:rgba(255,255,255,1) 2px dashed;} .banner .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:24px; font-family:simsun; color:rgba(255,255,255,0.65)} .banner .con{height:100%;position:relative;z-index: 10;padding-left: 0;} .banner .miso-list li .table{text-align: center;padding-bottom: 8rem;} .banner .miso-list li .table .box{ display:inline-block} .banner .miso-list li .table .table_cell .box{ transform:scale(0.5); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;} .banner .miso-list li .table .table_cell .box h4{ padding-top:4rem} .banner .miso-list li .table .table_cell .box h4 img{height: 14rem;display: inline-block;} .banner .miso-list li.miso-current.on .table .table_cell .box{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transform:scale(1);} .banner .miso-dots {position: absolute;height: 2px;top: auto;bottom: 80px;right: 0;width: auto;left: 0;padding: 0 15px;margin: 0px;list-style-type: none;z-index: 100000;overflow: visible;transition:0.9s;border-bottom: rgba(255,255,255,0.2) 1px solid;} .banner .miso-dots.on{ opacity:0} .banner .miso-dots li button {float:left;display: inline-block;border: none;height: 2px;line-height: 500px;width:0;position:relative;overflow: hidden;padding: 0;} .banner .miso-dots li:before{content:"";position:absolute;left: 0;right: 0;top: 1px;background: rgba(255,255,255,0.25);height: 1px;display: none;} .banner .miso-dots li {float: left;width: 25%;height: 1px;margin: 0;background: none;padding: 0 0;} .banner .miso-list li.miso-current.on .table .table_cell .box{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transform:scale(1);} .banner .miso-track{ transform:translate3d(0, 0px, 0px) !important} @-webkit-keyframes ProgressDots { from { width: 0px; } to { width: 100%; } } @keyframes ProgressDots { /* ==== Slick Slider Css Ruls === */ from { width: 0px; } to { width: 100%; } } .banner .miso-dots li.miso-active button {width: 100%;-webkit-animation: ProgressDots 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: ProgressDots 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);background: #fff;} .banner .miso-dots li.miso-active{} /*4产品系列*/ .datu .content{position: absolute;left: 0;right:0;bottom: 0;z-index: 10000;padding: 0 0 22px;-webkit-transform-origin: center bottom 0;-ms-transform-origin: center bottom 0;transform-origin: center bottom 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transition: transform 0.9s ease 0s;-webkit-transition: transform 0.9s ease 0s;-ms-transition: transform 0.9s ease 0s;overflow: hidden;} .binboxAct { background:#000000; -webkit-transform: perspective(600px) rotateX(90deg); -ms-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg); transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; -webkit-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; -ms-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; visibility: hidden; } .datu .content ul{} .datu .content ul li{padding: 0 0;-webkit-transition: -webkit-transform 0.6s ease-in-out;-moz-transition: -moz-transform 0.6s ease-in-out;transition: all 0.6s ease-in-out;cursor:pointer;text-align: center;} .datu .content ul li .con h4{font-size: 12px;color:#fff;text-transform:uppercase;margin-bottom: 2px;font-family: Californian FB;} .datu .content ul li .con h3{font-size: 14px;color:#fff;line-height: 20px;} .datu .content ul li .con h3 big{font-size: 16px;margin-right:5px;} .datu .content ul .miso-list{overflow: visible;} .datu .content ul .miso-list .miso-track{ transform:translate3d(0, 0px, 0px) !important} .datu .content ul li.miso-current{} .datu .content ul li .box{ position:relative;} .datu .content ul li .box a{display:inline-block;width:62px;height:62px;background: #fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;position:absolute;right:0;top: 8px;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);overflow:hidden;} .datu .content ul li:hover .box a,.datu .content ul li.miso-current .box a{ -moz-opacity: 1;-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);} .datu .content ul li .box .icon{-moz-opacity: 1;-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s; transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);} .datu .content ul li:hover .box .icon{ -moz-opacity: 0;-khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform:translateY(-70px);-o-transform:translateY(-70px);-ms-transform:translateY(-70px);} .datu .content ul li .box a:before{ content:""; background:url(../images/jiantou1.png) center no-repeat; position:absolute; width:20px; height:14px; top:50%; margin-top:-7px; left:50%; margin-left:-10px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;} .datu .content ul li .box a:hover:before{ margin-left:40px;} .datu .content ul li .box a:after{ content:""; background:url(../images/jiantou1.png) center no-repeat; position:absolute; width:20px; height:14px; top:50%; margin-top:-7px; left:50%; margin-left:-62px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;} .datu .content ul li .box a:hover:after{ margin-left:-10px;} .ind_video_box > div {width: 0;height: 100%;display: inline-block;vertical-align: top;position: absolute;overflow: hidden;transition: 1s ease;bottom: 0;} .banner .miso-list li .ind_video_box > div.can_video{transition:2s ease; } .banner .miso-list li.miso-current .ind_video_box{/*-webkit-animation: scaleUpDown 9s forwards linear; animation: scaleUpDown 9s forwards linear;*/} .ind_video_box img, .ind_video_box .ban_img {width: 100vw;height: 100vh;position: relative;object-fit: cover;} .ind_video_box .can_video img{ transition:9s ease} .ind_video_box .can_video:nth-child(1) img {left: 0; transform-origin: 0 100%; transform:scale(1.25)} .ind_video_box .can_video:nth-child(2) img {left: -25vw;transform-origin: 0 100%; transform:scale(1.25)} .ind_video_box .can_video:nth-child(3) img {left: -50vw;transform-origin: 0 100%; transform:scale(1.25)} .ind_video_box .can_video:nth-child(4) img {left: -75vw;transform-origin: 0 100%; transform:scale(1.25)} .banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(1) img { transform:scale(1)} .banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(2) img { transform:scale(1)} .banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(3) img { transform:scale(1)} .banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(4) img { transform:scale(1)} .banner .miso-list li.miso-current.on .ind_video_box > div.can_video{width: 25%;} .banner .miso-list li.miso-current.on .ind_video_box > div.line_box {height: 100%;} .ind_video_box > .ind_video_box:nth-child(1) {transition-delay: 0;} .ind_video_box > .ind_video_box:nth-child(2) {transition-delay: 0.2s;} .ind_video_box > .ind_video_box:nth-child(3) {transition-delay: 0.4s;} .ind_video_box > .ind_video_box:nth-child(4) {transition-delay: 0.6s;} .banner .miso-list li.miso-current .ind_video_box > div:nth-child(1) {left: 0;} .banner .miso-list li.miso-current .ind_video_box > div:nth-child(2) {left: 25%;} .banner .miso-list li.miso-current .ind_video_box > div:nth-child(3) {left: 50%;} .banner .miso-list li.miso-current .ind_video_box > div:nth-child(4) {left: 75%;} /*==========================================公共 结束=============================================*/ /*==========================================首页 开始=============================================*/ /*.wenzi:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:3; display:none\9;}*/ .container01{ font-size:0} .container01 .box{display:inline-block;width:50%;height: 230px;background-size:cover !important;position:relative;} .container01 .box .img,.container01 .box .img img{ width:100%; height:100%; object-fit:cover; overflow:hidden} .container01 .box .con{ position:absolute;} .container01 .box .con h6{font-size: 10px;color:#958a70;text-transform:capitalize;font-family:PingFang;margin: 0;text-align: left;} .container01 .box .con h3{font-size: 18px;color:#958a70;font-weight:bold;margin: 0px 0 10px;} .container01 .box .con h4{font-size: 14px;color:#b1a890;margin-bottom: 32px;} .container01 .box01 .con{top: 2rem;right: 15px;text-align:right;} .container01 .box02 .con{top: 2rem;left: 15px;text-align:left;} .container01 .box02 .con h6{color: #8a433f;} .container01 .box02 .con h3{color: #8a433f;} .container01 .box02 .con h4{color: #8a433f;} /*.wenzi{ overflow:hidden} .container01.action .wenzi:before{ animation:scroll_on22 1s forwards linear;} @keyframes scroll_on22 { 0% { left:0; } 100% { left:100%; } }*/ .container01 .box01 a{display:inline-block;width: 35px;height: 35px;border: #b1a996 1px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;overflow:hidden;position:relative;} .container01 .box01:hover a{ border:#89211b 1px solid; background:#89211b} .container01 .box01 a:before{content:"";background:url(../images/jiantou2.png) center no-repeat;position:absolute;width: 17px;height: 10px;top:50%;margin-top: -5px;left:50%;margin-left: -7px;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;background-size: cover;} .container01 .box01:hover a:before{margin-left: -62px;} .container01 .box01 a:after{content:"";background:url(../images/jiantou4.png) center no-repeat;position:absolute;width: 23px;height: 15px;top:50%;margin-top:-7.5px;left:50%;margin-left: 62px;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;} .container01 .box01:hover a:after{margin-left: -12px;} .container01 .box02 a{display:inline-block;width: 35px;height: 35px;border: #ac7973 1px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;overflow:hidden;position:relative;} .container01 .box02:hover a{ border:#89211b 1px solid; background:#89211b} .container01 .box02 a:before{content:"";background:url(../images/jiantou3.png) center no-repeat;position:absolute;width: 17px;height: 10px;top:50%;margin-top: -5px;left:50%;margin-left: -7px;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;background-size: cover;} .container01 .box02:hover a:before{ margin-left:40px;} .container01 .box02 a:after{ content:""; background:url(../images/jiantou5.png) center no-repeat; position:absolute; width: 23px;height: 15px; top:50%; margin-top:-7.5px; left:50%; margin-left:-62px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;} .container01 .box02:hover a:after{ margin-left:-12px;} .container02{height: 230px;background-size:cover !important;margin-bottom: 2rem;} .container02 img{height: 14rem;} footer{background:url(../images/wenli.jpg) center top no-repeat;} footer .fl01{ border-bottom:#e3e3e3 1px solid; padding:42px 0 50px;} footer .fl01 h3{ text-align:center; margin-bottom:40px;} footer .fl01 .bottom{ text-align:center} footer .fl01 .bottom .box{ display:inline-block; margin:0 21px; text-align:left} footer .fl01 .bottom h5{font-size:16px;color:#2a2a29;margin-bottom: 8px;padding-top: 5px;} footer .fl01 .bottom h6{ font-size:13px; color:#adabaa;} footer .fl01 .bottom .input{text-align:center;font-size:0;height: 44px;margin: 0;float: left;} footer .fl01 .bottom .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 300px;height: 44px;line-height: 42px;position: relative;vertical-align: top;background: none;border: #dcdcdc 1px solid;} footer .fl01 .bottom .input .input-text input{display:block;width:100%;height:100%;color: #333;font-size:12px;border:none;background:none;padding: 0 20px;position: relative;z-index: 10;font-size: 14px;} footer .fl01 .bottom .input .btn{display:inline-block; *display:inline; *zoom:1;width: 100px;height: 44px;line-height: 44px;background: #3b3c3e;margin-left: -1px;position:relative;z-index:11;transition: 0.6s;cursor: pointer;} footer .fl01 .bottom .input .btn input{display:block;width:100%;height:100%;line-height: 44px;color: #fff;font-size: 16px;text-transform:uppercase;border:none;background:none;text-align:center;position:relative;z-index:1;cursor: pointer;} footer .fl01 .bottom .input .btn a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;float: left;width: 100%;height: 44px;line-height: 44px;vertical-align: middle;position: absolute;top: 0;left: 0;} footer .fl01 .bottom .input .btn:hover{background: #89211b;} input::-webkit-input-placeholder{ color:#919191;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;} footer .fl01 .bottom .input .input-text > input:focus { background-color: transparent; border-color: transparent; } footer .fl01 .bottom .input .input-text > input:focus ~ .input-border { } footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:first-of-type:before { -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0s; transition-delay: 0s; width: 100%; } footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:first-of-type:after { height: 100%; -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:last-of-type { background: transparent; } footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:last-of-type:before { -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; width: 100%; } footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:last-of-type:after { height: 100%; -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; top: 0; } footer .fl01 .bottom .input .input-text .input-border { bottom: -1px; display: block; left: -1px; position: absolute; top: -1px; right: -1px; } footer .fl01 .bottom .input .input-text .input-border:before, footer .fl01 .bottom .input .input-text .input-border:after { bottom: 0; content: ''; display: block; position: absolute; top: 0; width: 0; background-color: #89211b; -webkit-transition: 0.3s ease-in-out all; transition: 0.3s ease-in-out all; } footer .fl01 .bottom .input .input-text .input-border:first-of-type:before { height: 1px; left: 0; top: 0; width: 0; } footer .fl01 .bottom .input .input-text .input-border:first-of-type:after { height: 0; right: 0; top: 0; width: 1px; } footer .fl01 .bottom .input .input-text .input-border:last-of-type:before { background-color: #89211b; height: 1px; top: calc(100% - 1px); right: 0; width: 0; } footer .fl01 .bottom .input .input-text .input-border:last-of-type:after { background-color: #89211b; height: 0; top: calc(100% - 1px); left: 0; width: 1px; } footer .fl02{padding: 46px 0 46px;} footer .fl02 ul.ul01{ font-size:0} footer .fl02 ul.ul01 li{display:inline-block;margin-right: 18px;} footer .fl02 ul.ul01 li a{display:inline-block;width: 35px;height: 35px;line-height: 33px;text-align:center;border-radius:50%;cursor:pointer; border:#cdcdcd 1px solid; position:relative} footer .fl02 ul.ul01 li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform:matrix(0.5, 0, 0, 0.5, 0, 0);background: rgba(59, 60, 62, 0.25);transition:0.6s ease;opacity: 0;z-index: 1;} footer .fl02 ul.ul01 li a img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;transition:0.6s ease;position: relative;z-index: 2;} footer .fl02 ul.ul01 li a:hover img{ opacity:1;} footer .fl02 ul.ul02{ font-size:0; margin:28px 0 14px} footer .fl02 ul.ul02 li{ display:inline-block; margin-right:24px; font-size:16px; color:#595a5d; font-weight:bold; position:relative} footer .fl02 ul.ul02 li:before{ content:""; position:absolute; right:-12px; top:1px; width:1.5px; height:14px; background:#595a5d} footer .fl02 ul.ul02 li a{ font-size:16px; color:#595a5d; transition:0.6s} footer .fl02 p,footer .fl02 p a{ font-size:13px; color:#a8a8a9; transition:0.6s} footer .fl02 p a:hover{ color:#89211b} footer .fl02 ul.ul01 li a:hover:after{transform: matrix(1, 0, 0, 1, 0, 0);opacity: 1;} footer .fl02 ul.ul02 li a:hover{ color:#89211b} footer .fl02 .right .icon{ background:#89211b; border-radius:50%; width:47px; height:47px; display:inline-block; text-align:center; line-height:47px;} footer .fl02 .right .icon span{display:inline-block;-webkit-animation:cycleIcons 5s ease 0.6s infinite normal both running;animation:cycleIcons 5s ease 0.6s infinite normal both running} /*@-webkit-keyframes cycleIcons{ 28%{transform:scale(0) rotate(-30deg);opacity:1} 31%{transform:scale(1) rotate(30deg)} 40%{transform:scale(1) rotate(-30deg)} 48%{transform:scale(1) rotate(30deg)} 55%{transform:scale(1) rotate(-30deg)} 61%{transform-origin:center bottom;content:"";transform:scale(1) rotate(30deg);opacity:1} }*/ @keyframes cycleIcons{ 0%{transform-origin:center bottom;transform:rotate(5deg);} 16.666667%{transform-origin:center bottom;transform:rotate(-5deg);} 33.333333%{transform-origin:center bottom;transform:rotate(5deg)} 50%{transform-origin:center bottom;transform:rotate(-5deg)} 66.666666%{transform-origin:center bottom;transform:rotate(5deg)} 83.333333%{transform-origin:center bottom;transform:rotate(-5deg)} 100%{transform-origin:center bottom;transform:rotate(5deg)} } footer .fl02 .right{ padding:35px 0 0} footer .fl02 .right .con{ display:inline-block; padding:0 0 0 10px} footer .fl02 .right .con h6{font-size:13px;color:#6d6e70;margin-bottom: 8px;} footer .fl02 .right .con h3{ font-size:24px; color:#89211b; font-family:ARVO;} footer .fl02 .right .con h3 span{ font-family:ARVO;} .tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;} .tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display: none;} .tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; pointer-events: auto;transform:scale(1);} .tc1 .close:hover{ transform:rotate(180deg);} .tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } .tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;} .tc1 .tc.act{display: block;} .tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);} .tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; } .tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;} .tc1 .tc-box h3 img{width: 200px;height: 200px;} .tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;} .imgContainer{ position:relative} .imgContainer .scanMask{position:absolute;left:0;top:0;bottom:0;width: 100%;height:0;border-bottom: 3px solid #ffffff;background: rgba(0,0,0,0.15);} #ac-cursor{position:fixed;width:48px;height:48px;top:-24px;left:-24px;pointer-events:none;visibility:hidden;z-index:9900}.touchevents #ac-cursor{display:none}#ac-cursor-progress{mix-blend-mode:multiply}#ac-cursor-progress circle{fill:none;stroke:#d43246;stroke-width:1.2;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:200}#ac-cursor-outline{position:absolute;top:0;left:0;height:100%;width:100%}#ac-cursor-outline circle{fill:none;stroke:rgba(58,60,73,.1);stroke-width:1.2;stroke-miterlimit:10}#ac-drag{position:absolute;top:0;left:0;height:100%;width:100%;visibility:hidden}#ac-drag-progress{mix-blend-mode:multiply}#ac-drag-progress circle{fill:none;stroke-width:1.2;stroke-miterlimit:10;stroke:#3a3c49;stroke-dasharray:200;stroke-dashoffset:200}#ac-drag-outline{position:absolute;top:0;left:0;height:100%;width:100%}#ac-drag-outline circle{fill:none;stroke:rgba(58,60,73,.1)}.ac-loader-item{position:fixed;top:0;left:0;height:100%;width:100%;z-index:9000}.ac-loader-item .ac-symbol-mask{overflow:hidden}.ac-loader-item svg{height:132px;width:132px}.ac-loader-symbol{position:absolute;top:0;left:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100}.ac-loader-bg{position:absolute;top:0;left:0;height:100%;width:100%}#ac-loader-main path{fill:#3a3c49}#ac-loader-main line{stroke:#3a3c49}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-main line{shape-rendering:crispEdges}}#ac-loader-main path{visibility:hidden}#ac-loader-main line:nth-of-type(1),#ac-loader-main line:nth-of-type(2){stroke-dasharray:141;stroke-dashoffset:141}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-main line:nth-of-type(1),#ac-loader-main line:nth-of-type(2){shape-rendering:crispEdges}}#ac-loader-bg-main{background:#f6f5f4}#ac-loader-invert .ac-symbol-mask{-webkit-transform:translateY(-100%);transform:translateY(-100%)}#ac-loader-invert svg{-webkit-transform:translateY(100%);transform:translateY(100%)}#ac-loader-invert path{fill:#f6f5f4}#ac-loader-invert line{stroke:#f6f5f4;stroke-dasharray:141}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-invert line{shape-rendering:crispEdges}}#ac-loader-bg-aux,#ac-loader-bg-invert{background:#3a3c49;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#ac-loader-aux #ac-loader-symbol-aux{visibility:hidden}#ac-loader-aux path{fill:#f6f5f4;visibility:hidden}#ac-loader-aux line{stroke:#f6f5f4;stroke-dasharray:141;stroke-dashoffset:141}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-aux line{shape-rendering:crispEdges}}#ac-loader-bg-aux{background:#3a3c49;-webkit-transform:translateX(-100%);transform:translateX(-100%)} .n_container{padding: 0;} .n_chaju{padding: 3rem 0;} .footer_img{ margin-bottom:80px} .n_title{position:relative;text-align:center;margin-bottom: 2rem;} .n_title h3{font-size:36px;color:#242424;font-family:simkai;margin-bottom: 0;} .n_title h3 span{position:relative;font-family:simkai;text-transform: uppercase;} .n_title h3 span.span01:after{content:"";width: 7px;height: 7px;border:#89211b 2px solid;border-radius:50%;position:absolute;top: 24px;left: 19px;} .n_title h5{ font-size:14px; color:#ababab; font-family:Times New Roman; text-transform:uppercase} .n_chaju ul{ font-size:0; margin:0 -30px;} .n_chaju ul li.li{display:inline-block;width: 100%;padding:0 30px;text-align:center;overflow:hidden;margin-bottom: 30px;} .n_chaju ul li.li a{ display:block} .n_chaju ul li.li a .img img{width:100%;height: 240px;object-fit: cover;} .n_chaju ul li.li a .con h5{font-size: 16px;color:#4d4d4d;margin: 24px 0 2rem;} .n_chaju ul li.li a .con h5 span{position:relative;padding-left: 20px;} .n_chaju ul li.li a .con h5 span:before{content:"";width:10px;height:10px;border:#000000 1px solid;border-radius:50%;position:absolute;left:0;top: 7px;} .n_chaju ul li.li a .con dl{display:inline-block;width: 25%;} .n_chaju ul li.li a .con dl dt{display:inline-block;width:60px;height:60px;border:#cbcbcb 1px solid;border-radius:50%;line-height:58px;margin-bottom: 5px;position:relative;} .n_chaju ul li.li a .con dl dt:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform:matrix(0.5, 0, 0, 0.5, 0, 0);background:#fff;transition:0.6s ease;opacity: 0;z-index: 1;} .n_chaju ul li.li a .con dl dt img{position: relative;z-index: 2; transition:0.6s} .n_chaju ul li.li a .con dl:hover dt img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} @keyframes jello { from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .n_chaju ul li.li a .con dl dd{ font-size:12px; line-height:20px; color:#868583} .n_chaju ul li.li .miso-dots{margin:0;bottom:20px;z-index: 10;} .n_chaju ul li.li .miso-dots li{width:20px;height:20px;border:transparent 1px solid;border-radius: 50%;padding: 3px;} .n_chaju ul li.li .miso-dots li button{ width:12px; height:12px; background:#000000; border-radius:50%} .n_chaju ul li a .con dl:hover dt:after{transform: matrix(1, 0, 0, 1, 0, 0);opacity: 1;} .n_chaju ul li.li .miso-dots li.miso-active{ border:#fff 1px solid} .n_chaju ul li.li .miso-dots li.miso-active button{ background:#fff;} .fanhuidingbu a{display:inline-block;width:47px;height:47px;line-height:47px;background:#89211b;border-radius:50%;text-align:center;position:fixed;right: 15px;bottom: 70px;} .n_product{padding: 3rem 0;} .n_product .n_title h3 span.span01:after{left: 72px;} .n_product ul{font-size:0;margin: 0 -5px;} .n_product ul li{display:inline-block;padding: 0 5px;width: 50%;text-align:center;margin-bottom: 15px;} .n_product ul li a{ background:#fff; border:#e4e4e6 1px solid; display:block;} .n_product ul li a .con{padding: 27px 0 10px;} .n_product ul li a .con h3 span{ width:75px; height:63px; display:inline-block; position:relative} .n_product ul li a .con h3 span b{ font-size:30px; color:#8c8c8c; line-height:61px; font-family:kaiti; position:relative; font-weight:normal} .n_product ul li a .con h3 span:before{ content:""; background:url(../images/dbx.png) center no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; transition:0.6s} .n_product ul li a .con h4{font-size:28px;color:#242424;font-family:simkai;margin: 12px 0 1px;position:relative;} .n_product ul li a .con h4:before{ content:""; position:absolute; left:50%; margin-left:-2.5px; width:5px; height:5px; background:#000000; top:50%; margin-top:-2.5px; border-radius:50%} .n_product ul li a .con h6{ font-size:12px; color:#ababab; text-transform:uppercase; font-family:"Times New Roman";} .n_product ul li a .img, .n_product ul li a .img img{ max-width:100%; overflow:hidden} .n_product ul li a:hover .con h3 span:before{ transform:rotate(180deg); background:url(../images/dbx_on.png) center no-repeat;} .n_product ul li a:hover .con h3 span b{ color:#fff} .n_contact{padding: 3rem 0;} .n_contact .left{ position:relative} .n_contact .left .n_title{ text-align:left;} .n_contact .left .n_title h3 span.span01:after{left: 78px;} .n_contact .left p{font-size: 13px;line-height:32px;color:#5c5c5c;} .n_contact .left p a{font-size: 13px;line-height:32px;color:#5c5c5c;text-decoration:underline;margin-left: 7px;transition:0.36s;} .n_contact .left p big{font-size: 16px;color:#89211b;font-family:ARVO;} .n_contact .right ul{padding:0 40px;position:absolute;top:50%;margin-top: -58px;} .n_contact .right ul li{ display:inline-block} .n_contact .right ul li h3 img{width: 100px;height: 100px;} .n_contact .right ul li h5{font-size:14px;color: #fff;margin-top: 10px;text-align:center;} .n_contact .right{background:url(../images/n_contact_bg.jpg) right bottom no-repeat;padding:0 20px 20px 0;width: 100%;padding-top: 20px;position: relative;} .n_contact .right>img{ width:100%} .n_contact .left p a:hover{ color:#89211b} .n_jinhua .fl01{padding: 3rem 0;text-align:center;} .n_jinhua .fl01 p{font-size: 14px;line-height: 28px;color:#797979;margin-bottom: 2rem; text-align:left;} .n_jinhua .fl01 ul{ font-size:0} .n_jinhua .fl01 ul li{display:inline-block;padding:0 65px;text-align: center;overflow:hidden;margin-bottom: 30px;width: 100%;} .n_jinhua .fl01 ul li a{ display:block} .n_jinhua .fl01 ul li .img_wai{display:inline-block;width: 160px;height: 160px;border:#dac06c 2px solid;border-radius:50%;} .n_jinhua .fl01 ul li .img,.n_jinhua .fl01 ul li .img img{width: 140px;height: 140px;overflow:hidden;border-radius:50%;display: inline-block;} .n_jinhua .fl01 ul li h5{font-size:15px;color:#797979;margin-top: 10px;} .n_jinhua .fl02{background:rgba(0,0,0,0.05);padding: 3rem 0;font-size:0;} .n_jinhua .fl02 .img,.n_jinhua .fl02 .img img{width: 100%;height: 200px;overflow:hidden;object-fit: cover;} .n_jinhua .fl02 .box{width: 100%;padding-top: 2rem;} .n_jinhua .fl02 .box p{font-size: 14px;color:#797979;line-height: 28px;text-align:left;} .n_pinpai .fl01{padding: 3rem 0;/* background:url(../images/n_pinpai_fl01_bg.png) right center no-repeat; */border-bottom:#dadada 1px solid;background-size: cover;} .n_pinpai .fl01 .n_title { text-align:left;} .n_pinpai .fl01 .n_title h3 span.span01:after{left: 100px;} .n_pinpai .fl01 .box{width: 100%;} .n_pinpai .fl01 dl{padding-bottom: 46px;position:relative;} .n_pinpai .fl01 dl:before{content:"";position:absolute;width:48px;height:2px;background:#626262;bottom: 32px;} .n_pinpai .fl01 dl dt{font-size: 14px;color:#242424;line-height:24px;margin-bottom:20px;} .n_pinpai .fl01 dl dt{position:relative;padding-left: 17px;} .n_pinpai .fl01 dl dt:before{content:"";width:10px;height:10px;border:#000000 1px solid;border-radius:50%;position:absolute;left:0;top: 8px;} .n_pinpai .fl01 p{font-size: 14px;line-height: 28px;color:#737373;} .n_pinpai .fl02{padding: 3rem 0;background: url(../images/n_pinpai_fl02_bg.png) center bottom no-repeat;text-align:center;} .n_pinpai .fl02 .n_title {text-align:center;margin-bottom: 19px;} .n_pinpai .fl02 .n_title h3 span.span01:after{left: 107px;} .n_pinpai .fl02 .w1200>h4{font-size: 15px;color:#6a6a6a;font-family:simkai;line-height:30px;margin-bottom:30px;} .n_pinpai .fl02 .w1200>h2{margin-bottom: 2rem;} .n_pinpai .fl02 ul{font-size:0;margin: 0;} .n_pinpai .fl02 ul li{display:inline-block;width: 33.333333%;text-align:center;vertical-align: top;} .n_pinpai .fl02 ul li a{ display:block} .n_pinpai .fl02 ul li .yuan{display:inline-block;width: 90px;height: 90px;border:#a8a8a8 1px solid;border-radius:50%;margin-bottom: 26px;position:relative;overflow:hidden;transition:0.36s;} .n_pinpai .fl02 ul li .yuan:before{ content:""; position:absolute; width:104px; height:104px; left:50%; top:50%; margin-left:-52px; margin-top:-52px; transform:scale(0); background:#89211b; opacity:0; transition:1s ease; border-radius:50%} .n_pinpai .fl02 ul li .yuan span{ font-size:19px; color:#565656; font-family:simkai; position:relative; transition:0.36s} .n_pinpai .fl02 ul li h5{font-size: 14px;color:#737373;font-family:simkai;line-height:30px;margin-bottom:30px;writing-mode: tb;display: inline-block;} .n_pinpai .fl02 ul li h4{font-size: 16px;color:#89211b;font-family:simkai;line-height:30px;margin-bottom:30px;writing-mode: tb;display: inline-block;vertical-align: top;} .n_pinpai .fl02 ul li:hover .yuan{ border:#89211b 1px solid} .n_pinpai .fl02 ul li:hover .yuan:before{ transform:scale(1); opacity:1} .n_pinpai .fl02 ul li:hover .yuan span{ color:#fff} .n_life .fl01{padding: 3rem 0;} .n_life .fl01 .n_title h3 span.span01:after{left: 71px;} .n_life .fl01 ul{font-size:0;margin:0 -50px;margin-bottom: 2rem;} .n_life .fl01 ul li{display:inline-block;padding:0 50px;width: 100%;overflow:hidden;margin-bottom: 15px;} .n_life .fl01 ul li a{width: 100%;height: 240px;overflow:hidden;display:block;position:relative;} .n_life .fl01 ul li .img,.n_life .fl01 ul li .img img{width: 100%;height: 100%;overflow:hidden;object-fit:cover;} .n_life .fl01 ul li .top{ position:absolute; top:0; right:0; bottom:0; left:0} .n_life .fl01 ul li .top .yuan{display:inline-block;width:125px;height:125px;border:rgba(255,255,255,0.7) 1px solid;border-radius:50%;margin-bottom: 12px;position:relative;overflow:hidden;transition:0.36s;} .n_life .fl01 ul li .top .yuan:before{ content:""; position:absolute; width:100%; height:100%; left:50%; top:50%; margin-left:-50%; margin-top:-50%; transform:scale(0); background:#89211b; opacity:0; transition:1s ease; border-radius:50%} .n_life .fl01 ul li .top .yuan span{ font-size:18px; color:#fff; font-family:simkai; position:relative; transition:0.36s} .n_life .fl01 ul li .top h5{font-size:16px;color:#fff;margin-bottom: 4px;} .n_life .fl01 ul li .top h6{ font-size:14px; color:rgba(255,255,255,0.55); font-family:Barlow Condensed} .n_life .fl01 .bottom,.n_life .fl01 .bottom img{width: 100%;height: 195px;object-fit:cover;overflow:hidden;} .n_life .fl01 ul li a:hover .top .yuan:before{ opacity:1; transform:scale(1);} .n_life .fl01 ul li a:hover .top .yuan{ border:#89211b 1px solid} .n_life .fl01 ul li a:hover .img img{ transform:scale(1.06)} .n_chayuan .fl01{position:relative;height: 300px;} .n_chayuan .fl01 .top{position:absolute;bottom:0;left:0;width:100%;height:52px;background:url(../images/n_chayuan_fl01_top.png) center no-repeat;z-index: 100;} .n_chayuan .fl01 ul li.li{height: 300px;background-size: cover !important;} .n_chayuan .fl01 .icon{position:absolute;width: 80px;height: 80px;left:50%;margin-left: -40px;bottom: 12px;z-index: 100;} .n_chayuan .fl01 .icon img{ width:100%; height:100%} .n_chayuan .fl01 ul .miso-dots{bottom: 102px;} .n_chayuan .fl01 ul .miso-dots li{ width:12px; height:12px; border-radius:50%; border:rgba(255,255,255,0.65) 1px solid; margin:0 6px} .n_chayuan .fl01 ul .miso-dots li.miso-active{ background:#fff; border:#fff 1px solid} .n_chayuan .fl02{position:relative;padding: 2rem 0 3rem;z-index: 1;} .n_chayuan .fl02 .n_title h3 span.span01:after{left: 58px;} .n_chayuan .fl02 ul{ font-size:0; margin:0 -28px;} .n_chayuan .fl02 ul li{display:inline-block;padding:0 28px;width: 100%;text-align:center;overflow:hidden;margin-bottom: 15px;} .n_chayuan .fl02 ul li a{ display:block;} .n_chayuan .fl02 ul li .img,.n_chayuan .fl02 ul li .img img{width: 100%;height: 195px;overflow:hidden;object-fit:cover;} .n_chayuan .fl02 ul li .con{background:rgba(0,0,0,0.05);height: 170px;padding: 0 20px;} .n_chayuan .fl02 ul li .con .icon{display:inline-block;width:68px;height:68px;line-height:68px;background:#89211b;border-radius:50%;text-align:center;position:relative;top:-34px;margin-bottom: -16px;} .n_chayuan .fl02 ul li .con .icon:before{content:"";position:absolute;width:80px;height:80px;border:#89211b 1px solid;border-radius:50%;left:50%;top:50%;margin-top: -41px;margin-left: -41px;} .n_chayuan .fl02 ul li .con p{font-size: 13px;line-height:28px;color:#4e4e4e;} .n_chayuan .fl03{position:relative;padding: 3rem 0;background:rgba(0,0,0,0.05);text-align:center;} .n_chayuan .fl03 p{font-size: 14px;line-height:32px;color:#4e4e4e;margin-bottom:30px; text-align:left;} .n_chayuan .fl03 ul{font-size:0;margin:0 -10px;padding: 0;} .n_chayuan .fl03 ul li{display:inline-block;padding:0 10px;text-align:center;overflow:hidden;width: 33.333333%;margin-bottom: 15px;} .n_chayuan .fl02 ul li a:hover .con .icon img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} /*==========================================首页 结束=============================================*/ /*==========================================内页 开始=============================================*/ .n_gufa .fl01{ padding:90px 0 60px; border-bottom:#dedfe0 1px solid} .n_gufa .fl01 .n_title h3 span.span01:after{left: 132px;} .n_gufa .fl01 ul.miso_hd{margin: 0 auto;margin-bottom: 2rem;} .n_gufa .fl01 ul.miso_hd li{margin: 0 -27px 0 7px;text-align: center;z-index: 1;position: relative;} .n_gufa .fl01 ul.miso_hd li .yuan{display:inline-block;width: 100px;height: 100px;border-radius:50%;margin-bottom: 0px;position:relative;overflow:hidden;transition:0.36s;background:url(../images/n_gufa_fl01_bg.png) center no-repeat;box-shadow: -5px 0 5px rgba(0,0,0,0.2);} .n_gufa .fl01 ul.miso_hd li .yuan:before{ content:""; position:absolute; width:104px; height:104px; left:50%; top:50%; margin-left:-52px; margin-top:-52px; transform:scale(0); background:#89211b; opacity:0; transition:1s ease; border-radius:50%} .n_gufa .fl01 ul.miso_hd li .yuan span{font-size: 26px;color: #282828;font-family:simkai;position:relative;transition:0.36s;} .n_gufa .fl01 ul.miso_hd li h5{font-size:18px;color:#737373;font-family:simkai;line-height:30px;margin-bottom:30px;writing-mode: tb;display: inline-block;} .n_gufa .fl01 ul.miso_hd li h4{font-size: 20px;color: #353535;font-family:simkai;line-height:30px;margin-bottom:30px;writing-mode: tb;display: inline-block;} .n_gufa .fl01 ul.miso_hd li.miso-current{ z-index:10} .n_gufa .fl01 ul.miso_hd li.miso-current .yuan{ background:url(../images/n_gufa_fl01_bg_on.png) center no-repeat} .n_gufa .fl01 ul.miso_hd li.miso-current .yuan span{ color:#fff} .n_gufa .fl01 ul.miso_bd li{ text-align:center} .n_gufa .fl01 ul.miso_bd li img{display:inline-block;height: 176px;} .n_gufa .fl01 ul.miso_bd .miso-prev,.n_gufa .fl01 ul.miso_bd .miso-next{width: 40px;height: 40px;margin-top:-25px;background-size: cover !important;} .n_gufa .fl01 ul.miso_bd .miso-prev{background:url(../images/left02.png) center no-repeat;left: 0;} .n_gufa .fl01 ul.miso_bd .miso-next{background:url(../images/right02.png) center no-repeat;right: 0;} .n_gufa .fl02{padding: 3rem 0;text-align:center;} .n_gufa .fl02 h3{position:relative;font-family:simkai;text-transform: uppercase;font-size:28px;color:#000000;text-align:center;margin-bottom: 2rem;} .n_gufa .fl02 p{font-size: 14px;line-height: 28px;color:#646464;margin-bottom:30px; text-align:left;} .n_gufa .fl02 ul{ font-size:0; margin:0 -5px;} .n_gufa .fl02 ul li{display:inline-block;padding:0 5px;margin-bottom: 10px;} .n_gufa .fl02 ul li a{ display:block} .n_gufa .fl02 ul li img{ width:100%} .n_gufa .fl02 h2 img{ width:100%} .n_gufa .fl03{padding: 0 0 3rem;} .n_honor{ background:url(../images/n_honor_bg_02.jpg) center bottom no-repeat} .n_honor .fl01{border-bottom:#dadada 1px solid;padding: 3rem 0;} .n_honor .fl01 .n_title h3 span.span01:after{left: 98px;} .n_honor .fl01 .left{width: 100%;margin-bottom: 2rem;} .n_honor .fl01 .left .swiper-container ul li .img{padding:0;width: 100%;} .n_honor .fl01 .left .swiper-container ul li.swiper-slide-active .img img{width: 100%;height: 240px;object-fit: cover;border: #d5d5d5 4px solid;border-radius: 5px;} .n_honor .fl01 .right{width: 100%;} .n_honor .fl01 .right p{font-size: 14px;line-height: 28px;color:#737373;margin-bottom:32px;} .n_honor .fl01 .right p font{ color:#89211b} .n_honor .fl02{padding: 3rem 0;} .n_honor .fl02 .n_title h3 span.span01:after{left: 98px;} .n_honor .fl02 dl{font-size:0;margin:0 -15px;margin-bottom: 2rem;} .n_honor .fl02 dl dd{display:inline-block;padding:0 15px;width: 100%;vertical-align: top;margin-bottom: 15px;} .n_honor .fl02 dl dd a{display:block;width:100%;background:#fff;border:#dbdbdb 1px solid;padding: 20px;text-align:center;} .n_honor .fl02 dl dd a .img,.n_honor .fl02 dl dd a .img img{display:inline-block;width: 100%;/* height: 170px; */overflow:hidden;object-fit: cover;} .n_honor .fl02 dl dd a .con{padding: 36px 0 0 18px;position:relative;} .n_honor .fl02 dl dd a .con:before{content:"";position:absolute;width:7px;height:7px;border:#89211b 2px solid;border-radius:50%;left:18px;top: 21px;} .n_honor .fl02 dl dd a .con h5{font-size: 14px;line-height:26px;color:#777777;text-align:left;white-space: normal;} .n_honor .fl02 ul{font-size:0;margin: 0 -5px;padding-bottom: 40px;} .n_honor .fl02 ul li{display:inline-block;padding: 0 5px;width: 50%;margin-bottom: 15px;text-align:center;} .n_honor .fl02 ul li img{max-width: 100%;height: 98px;object-fit: cover;} .n_honor .fl02 ul .miso-prev,.n_honor .fl02 ul .miso-next{ width:40px; height:40px; top:auto; bottom:0} .n_honor .fl02 ul .miso-prev{ background:url(../images/left03.png) center no-repeat; left:50%; margin-left:-50px;} .n_honor .fl02 ul .miso-next{ background:url(../images/right03.png) center no-repeat; right:50%; margin-right:-50px;} .n_news{padding: 3rem 0;} .n_news .n_title{margin-bottom: 1rem;} .n_news .n_title h3 span.span01:after{ left:21px} .n_news ul{margin-bottom: 2rem;} .n_news ul li{border-bottom: #d5d5d5 1px solid;position:relative;} .n_news ul li:after{ position:absolute; content:""; bottom:-1px; height:1px; width:0; left:0; background:#636363; transition:1s ease } .n_news ul li a{padding: 20px 0;display:block;} .n_news ul li .left{width: 100%;padding: 0 0 0;margin-bottom: 2rem;} .n_news ul li .left .time{width: 66px;padding: 0;} .n_news ul li .left .time h3{font-size: 18px;color: #acacac;margin-bottom: 12px;font-family: Barlow Condensed;} .n_news ul li .left .time .icon{display:inline-block;width:30px;height:30px;border:#bfbfbf 1px solid;line-height: 22px;text-align:center;border-radius:50%;transition:0.6s;} .n_news ul li .left .time .icon span{ font-size:12px; color:#adadad; font-family:simsun; position:relative;} .n_news ul li .left .con{width: calc(100% - 66px);padding-left: 0;} .n_news ul li .left .con h4{font-size: 15px;color: #3c3c3c;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .n_news ul li .left .con p{font-size: 12px;line-height: 22px;color: #999999;height: 44px;overflow:hidden;} .n_news ul li .right{ width: 100%; } .n_news ul li .right .img{overflow:hidden;border: #d5d5d5 2px solid;} .n_news ul li .right .img img{transition:0.9s ease;width: 100%;height: 195px;object-fit: cover;} .n_news ul li:hover:after{ width:100%} .n_news ul li:hover .right .img img{ transform:scale(1.06)} .n_news ul li:hover .left .time .icon{ background:#89211b; border:#89211b 1px solid} .n_news ul li:hover .left .time .icon span{ color:#fff} .n_news ul li:hover .left .con h4{ color:#89211b} .more00.more { text-align: center } .more00.more a { display: inline-block; width: 38px; height: 38px; line-height: 34px; text-align: center; border-radius: 50%; cursor: pointer; transition: 0.6s; border: #b9b9b9 1px solid; } .more00.more a span { display: inline-block; width: 4px; height: 4px; background: #cecece; border-radius: 50%; margin: -5px 0px 0; vertical-align: middle; transition: 0.6s; } .more00.more a:hover { background: #89211b; border: #89211b 1px solid } .more00.more a:hover span { margin: -5px 2px 0; background: #fff } .n_news_detail{padding: 3rem 0;} .n_news_detail .ar_title{border-bottom:#d4d4d4 1px solid;padding-bottom: 14px;text-align:center;margin-bottom:48px;} .n_news_detail .ar_title h3{font-size: 18px;color:#403f3f;line-height: 32px;margin-bottom: 10px;} .n_news_detail .ar_title h6{ font-size:13px; color:#818181;} .n_news_detail .ar_title h6 img{ margin:-3px 10px 0 0} .piaofu_fx{position:fixed;left:50%;margin-left: -590px;top:50%;width: 50px;margin-top: -50px;} .piaofu_fx ul{ padding:2px 0 0} .piaofu_fx ul li{float:left;margin-bottom: 12px;position: relative;} .piaofu_fx ul li > a{display:block;min-width: 50px;width: 50px;height: 50px;border: #c5c5c5 1px solid;line-height: 48px;margin:-1px 0 0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border-radius: 25px; overflow:hidden; color:#fff; font-size:14px} .piaofu_fx ul li > a:hover{background: #f4f4f4;border: #cccccc 1px solid;} .piaofu_fx.fixed{ position:fixed; right:50%; margin-right:-600px; top:0} .piaofu_fx ul li > a span{ display:inline-block; width:50px; height:50px; text-align:center} .piaofu_fx ul li > a span img.img02{ display:none} .piaofu_fx ul li > a:hover{ width:142px; background:#89211b; border:#89211b 1px solid} .piaofu_fx ul li > a:hover span img.img01{ display:none} .piaofu_fx ul li > a:hover span img.img02{ display:inline-block} .bdsharebuttonbox a {width: 40px!important;height: 40px!important;margin:5px 0!important;float: none!important;padding: 0!important;display: block;background-size: cover !important;} .bdsharebuttonbox a img { width: 60px; height: 60px; } .bdsharebuttonbox .bds_tsina { background: url(../images/gbRes_6.png) no-repeat center center/60px 60px; } .bdsharebuttonbox .bds_qzone { background: url(../images/gbRes_4.png) no-repeat center center/60px 60px; } .bdsharebuttonbox .bds_tqq { background: url(../images/gbRes_5.png) no-repeat center center/60px 60px; } .bdsharebuttonbox .bds_weixin { background: url(../images/gbRes_2.png) no-repeat center center/60px 60px; } .bdsharebuttonbox .bds_sqq { background: url(../images/gbRes_3.png) no-repeat center center/60px 60px; } .bdsharebuttonbox .bds_renren { background: url(../images/gbRes_1.png) no-repeat center center/60px 60px; } .bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; } .bdshare-button-style0-24{position:absolute;left: 0;top: 53px;padding:6px;border:#ccc 1px solid;background:#f4f4f4;width: 231px;border-radius: 10px;z-index: 100;} .bdshare-button-style0-24 .bds_weixin,.bdshare-button-style0-24 .bds_sqq,.bdsharebuttonbox .bds_qzone, .bdsharebuttonbox .bds_tqq,.bdsharebuttonbox .bds_tsina { background-position:inherit !important} .bdsharebuttonbox dd{display: inline-block;font-size:12px;color:#999;margin:0;text-align:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;} .bdsharebuttonbox dd:hover{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;} .bdsharebuttonbox{ display:none} .n_licheng{padding: 3rem 0;background:url(../images/n_licheng_02.jpg) center bottom no-repeat;background-size: cover;} .n_licheng .n_title{margin-bottom: 2rem;} .n_licheng .miso_hd{float:left;background:url(../images/n_licheng_hd_bg.png) left center no-repeat;width:465px;height:740px;margin: -41% 0;margin-left: -112px;transform: scale(0.6);} .n_licheng .miso_hd .miso-track{ transform:translate3d(0, 0, 0) !important} .n_licheng .miso_hd .content01 li{font-size:34px;color:#454545;height: 148px !important;line-height:148px;font-family:Barlow Condensed;font-weight:bold;width: 100% !important;} .n_licheng .miso_hd .content01 li span{font-size:34px;color:#89211b;font-family:Barlow Condensed;position:relative;white-space: nowrap;} .n_licheng .miso_hd .content01 li span:before{content:"";width: 17px;height: 17px;border:#89211b 4px solid;border-radius:50%;background:#eaeaea;position: absolute;top: 11px;left: -38px;} .n_licheng .miso_hd .content01 li:nth-child(1){padding: 7px 0 0 345px;} .n_licheng .miso_hd .content01 li:nth-child(2){padding: 0px 0 0 275px;} .n_licheng .miso_hd .content01 li:nth-child(3){padding: 8px 0 0 300px;} .n_licheng .miso_hd .content01 li:nth-child(4){padding: 0px 0 0 198px;line-height: 127px;} .n_licheng .miso_hd .content01 li:nth-child(5){padding: 0px 0 0 135px;line-height: 42px;} .n_licheng .miso_hd .miso-prev,.n_licheng .miso_hd .miso-next{ width:40px; height:40px; top:auto; bottom:100px} .n_licheng .miso_hd .miso-prev{background:url(../images/up.png) center no-repeat;left:auto;right: 65px;bottom: 150px;} .n_licheng .miso_hd .miso-next{background:url(../images/down.png) center no-repeat;right: 65px;} .n_licheng .miso_bd{width: 100%;float:right;padding: 0;} .n_licheng .miso_bd h3{font-size: 44px;color:#89211b;font-family:Barlow Condensed;font-weight:bold;margin-bottom: 4px;} .n_licheng .miso_bd .ar_article{width:100%;overflow:hidden;margin-bottom: 0;} .n_licheng .miso_bd .ar_article p{line-height:30px;padding-bottom: 20px;} .n_licheng .miso_bd .ar_article p img{ border:#dedede 4px solid} .n_licheng .miso_bd .ar_article { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;} .n_licheng .miso_bd .ar_article::-webkit-scrollbar{width:5px;height:5px; border-radius:2.5px;background-color:#d2d2d2;} .n_licheng .miso_bd .ar_article::-webkit-scrollbar-track{border-radius:2.5px;background-color:#d2d2d2;} .n_licheng .miso_bd .ar_article::-webkit-scrollbar-thumb{border-radius:2.5px;width:5px;height:5px;background-color:#89211b;} .n_licheng .miso_hd .content01 li.miso-current span{ color:#454545} .n_licheng .miso_hd .content01 li.miso-current span:before{ border:#454545 4px solid} .n_shengxiao{padding: 3rem 0;} .n_shengxiao .n_title h3 span.span01:after{top:12px;left: 74px;} .n_shengxiao ul{font-size:0;margin: 0 -5px;margin-bottom: 2rem;} .n_shengxiao ul li{display:inline-block;padding: 0 5px;width: 50%;margin-bottom: 15px;} .n_shengxiao ul li a{ display:block} .n_shengxiao ul li a .img,.n_shengxiao ul li a .img img{position:relative;width:100%;height: 114px;object-fit:cover;} .n_shengxiao ul li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e4e4e6 1px solid; transition:0.6s} .n_shengxiao ul li a .con{padding: 12px 10px;} .n_shengxiao ul li a .con h5{font-size: 16px;color:#000000;margin-bottom: 10px;} .n_shengxiao ul li a .con h5 span{position:relative;padding-left: 16px; line-height:22px;} .n_shengxiao ul li a .con h5 span:before{content:"";width:10px;height:10px;border:#000000 1px solid;border-radius:50%;position:absolute;left:0;top: 7px;} .n_shengxiao ul li a .con p{font-size: 13px;line-height: 24px;color:#6d6d6d;} .n_shengxiao ul li a .con p span{ margin-right:18px} .n_shengxiao ul li a:hover .img:after{ border:#89211b 1px solid} .tp_xuanfu{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);z-index:100000000;display: none;} .tp_xuanfu .content01{width: 94%;display:inline-block;background:#fff;padding: 0;position:relative;} .tp_xuanfu .content01 .box{padding: 0 15px;} .tp_xuanfu .content01 .box h3{font-size: 18px;color:#393939;text-align:left;margin-bottom: 11px;margin-top: 10px;} .tp_xuanfu .content01 .box .img,.tp_xuanfu .content01 .box .img img{width: 100%;object-fit:cover;overflow:hidden;position:relative;} .tp_xuanfu .content01 .box .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e4e4e6 1px solid; transition:0.6s} .tp_xuanfu .content01 .box .ar_article{height: 155px;overflow:hidden;overflow-y:scroll;text-align:left;} .tp_xuanfu .content01 .box .ar_article p{font-size: 14px;line-height: 26px;color:#777777;margin: 0;} .tp_xuanfu .content01 .box .ar_article {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-x: hidden;-webkit-tap-highlight-color: transparent;margin: 8px 0;} .tp_xuanfu .content01 .box .ar_article::-webkit-scrollbar{width:2px;height:2px;background-color:transparent;} .tp_xuanfu .content01 .box .ar_article::-webkit-scrollbar-track{border-radius:0;background-color:transparent;} .tp_xuanfu .content01 .box .ar_article::-webkit-scrollbar-thumb{border-radius:0;width:2px;height:2px;background-color:#333;} .tp_xuanfu .content01 .bottom .jiantou{border-top:#e7e7e7 1px solid;width:50%;line-height: 46px;font-size:16px;color:#454545;transition:0.6s;} .tp_xuanfu .content01 .bottom .jiantou img{ margin:0 16px; transition:0.6s; display:inline-block} .tp_xuanfu .content01 .bottom .jiantou span{transition:0.6s;display:inline-block;font-size: 14px;} .tp_xuanfu .content01 .bottom .jiantou .img02{ display:none} .tp_xuanfu .content01 .bottom .jiantou.on,.tp_xuanfu .content01 .bottom .jiantou:hover{ background:#89211b; border-top:#89211b 1px solid; color:#fff} .tp_xuanfu .content01 .bottom .jiantou.on span,.tp_xuanfu .content01 .bottom .jiantou:hover span{ color:#fff} .tp_xuanfu .content01 .bottom .jiantou.on .img01,.tp_xuanfu .content01 .bottom .jiantou:hover .img01{ display:none} .tp_xuanfu .content01 .bottom .jiantou.on .img02,.tp_xuanfu .content01 .bottom .jiantou:hover .img02{ display:inline-block} .tp_xuanfu .content01 .close a{cursor:pointer;position:absolute;right: 0;top:0;width: 40px;height: 40px;background:#89211b;line-height: 36px;text-align:center;transition:0.6s;} .tp_xuanfu .content01 .close a img{transition:0.6s;height: 14px;} .tp_xuanfu .content01 .close a:hover img{ transform:rotate(180deg)} .n_chaxun { padding: 0; } #allmap { width: 100% !important; position: relative; top: 0; right: 0; bottom: 0; left: 0; height: 300px; margin-bottom: 2rem; } .form_search { width: 94% !important; position: relative; z-index: 100; font-size: 0; text-align: center; margin-bottom: 50px; left: 3%; top: 1rem; } .form_search .box { display: inline-block; vertical-align: top; width: 100%; background: #fff; border: #d0d0d0 1px solid; font-size: 0; border-radius: 25px; padding: 0 15px; margin-bottom: 5px; } .form_search .box>div { display: inline-block; } .form_search .box .f_title { display: inline-block; width: 84px; height: 40px; line-height: 40px; background: #bf934a; text-align: center; font-size: 14px; color: #fff; display: none; } .form_search .box .f_input { display: inline-block; width: 205px; height: 40px; line-height: 38px; background: #fff; border: #e5e5e5 1px solid; font-size: 16px; color: #333; } .form_search .box .f_input input { display: inline-block; width: 100%; height: 38px; line-height: 38px; background: none; border: none; font-size: 16px; color: #333; padding: 0 15px; } .form_search .box .sousuo { display: inline-block; padding: 0 !important } .form_search .box select { display: inline-block; width: 100%; height: 50px; line-height: 46px; background: none; border: none; font-size: 14px; color: #333; padding: 0 10px; } .form_search .box .btn_anniu { display: block; height: 50px; line-height: 50px; background: #89211b; text-align: center; margin: 0 -15px; border-radius: 25px; } .form_search .box .btn_anniu input { display: inline-block; width: 100%; background: none; border: none; height: 50px; line-height: 50px; font-size: 16px; color: #fff; cursor: pointer; } #dr_ajax_result { position: relative; width: 94%; height: 345px; left: 3%; background: #fff; z-index: 100; border-radius: 4px; border: #d0d0d0 1px solid; margin-bottom: 2rem; } #dr_ajax_result h3 { background: #bf934a; line-height: 40px; height: 40px; text-align: center; font-size: 18px; color: #fff; } #dr_ajax_result .content { padding: 15px 0; padding-right: 10px; } #dr_ajax_result ul { padding: 0; overflow: hidden; overflow-y: scroll; max-height: 315px; } #dr_ajax_result ul { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; } #dr_ajax_result ul::-webkit-scrollbar { width: 4px; height: 4px; background-color: #f1f1f1; } #dr_ajax_result ul::-webkit-scrollbar-track { border-radius: 2px; background-color: #f1f1f1; } #dr_ajax_result ul::-webkit-scrollbar-thumb { border-radius: 2px; width: 4px; height: 4px; background-color: #88201d; } #dr_ajax_result ul li { font-size: 16px; color: #333; line-height: 24px; margin-bottom: 0; border-bottom: #e3e3e3 1px solid; padding: 12px 12px; } #dr_ajax_result ul li img { position: relative; top: 7px; margin-right: 6px; } #dr_ajax_result ul li a { font-size: 15px; color: #333; } #dr_ajax_result ul li a:hover { color: #bf934a; } #dr_ajax_result ul li h5 { color: #4d4d4d; font-size: 16px; margin-bottom: 5px; text-align: left; font-weight: bold; } #dr_ajax_result ul li h6 { font-size: 12px; color: #6f6f6f; line-height: 24px; text-align: left; } .BMap_bubble_content { font-size: 15px; line-height: 28px; color: #333 } .xuanze { position: fixed; bottom: 30px; left: 30px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.25) } .xuanze ul { font-size: 0; background: #fff } .xuanze ul li { display: inline-block; } .xuanze ul li a { display: inline-block; padding: 0 75px; height: 50px; line-height: 50px; font-size: 16px; color: #333; cursor: pointer } .xuanze ul li a img { margin-right: 10px; vertical-align: middle; } .xuanze ul li.on a { background: #bf934a; color: #fff } .navxiala{position:absolute;left:0;width:100%;top: 110px;background: #fff url(../images/navxiala_bg.png) center bottom no-repeat;padding: 20px 20px 110px;text-align: center;display:none;} .navxiala dd{line-height:44px;font-size:15px;color:#4c4c4c;border-bottom:#ededed 1px solid;height: 44px;} .navxiala dd a{ display:block; color:#4c4c4c;} .navxiala dd a:hover{ color:#89211b} .n_honor .fl01 .left .swiper-container ul li .img img{ border: #d5d5d5 4px solid; object-fit: cover; border-radius: 5px; width: 100%; } .n_honor .fl01 .left ul li.swiper-slide-active{text-align: center;z-index: 10;} .n_honor .fl01 .left ul li h5{font-size:18px;color:#3d3d3d;margin: 18px 0 4px;opacity: 1;text-align: center;} .n_honor .fl01 .left ul li h6{font-size:14px;color:#7d7d7d;line-height: 24px;text-align: center;} .n_honor .fl01 .left ul li.swiper-slide-active h5{ opacity:1} .n_honor .fl01 .left ul li.swiper-slide-active h6{ opacity:1} .form_search .box label{ width:100%} /*==========================================内页 结束=============================================*/ @media(min-width: 768px){ } @media(min-width: 992px) and (max-width: 1300px){ } @media(max-width: 1800px){ } @media(max-width: 1600px){ } @media(max-width: 1400px){ } @media(max-width: 1380px){ .n_chayuan .fl03 ul li img{width: 100%;} } @media(max-width: 1200px){ } @media(max-width: 1060px){ } @media(max-width: 992px){ } @media(max-width: 768px){ } @media(max-width: 456px){ }