*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;} body,textarea,input,button,select,keygen,legend{font:14px/1.5;color:#3d3d3d;outline:0;font-family: Arial, sans-serif;} html,body{width:100%; position:relative;height:100%;} .bodyw,.body_st{height:100%;} body{overflow-x:hidden;} h1,h2,h3,h4,h5,h6{font-weight:normal;} em{font-style:normal;} ul,li,ol{list-style:none;} /** 重置超链接元素 **/ a{text-decoration:none;color:#333;} a:hover{color:#b9192e;} /** 重置图片元素 **/ .l{ float:left;} .r{ float:right;} /** 重置表格元素 **/ table{border-collapse:collapse;} .clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;} .w1400{ /*width:1400px;*/max-width: 95%; margin:auto;} .w1200{ /*width:1200px;*/max-width: 95%; margin:auto;} .top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;border-bottom: 1px solid rgba(0, 0, 0, 0.1);height: 100px;} .top_h{} .top_h .logo{padding: 20px 0;} .top_h .logo img{display: block;height:65px;} .dh_tx{position: absolute;top:0;} .dh_tx i{position: absolute;top: 0; height:100px;-webkit-transition:0.5s;transition:0.5s;} .dh_tx i:after{content: "";position: absolute;left: 30px;bottom: 0;right: 30px; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #b9192e;} .dh{} .dh ul li{float: left;position: relative;} .dh ul li p a{display: block;line-height: 100px;font-size: 17px;position: relative;color: #fff;padding: 0 30px;} .dh ul li.on p a{color: #b9192e;} .dh ul li .dh_fl{position: absolute;left: 50%;top: 100px;width:200px;display: none;margin-left: -100px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .dh ul li .dh_fl ul{background: #fff;} .dh ul li .dh_fl ul li{float: none;padding: 0;border-bottom: 1px dotted #eee;} .dh ul li .dh_fl ul li a{display: block; font-size: 15px;line-height: 44px;position: relative;color: #666; text-align:center;} .dh ul li .dh_fl ul li:hover a{color: #fff; background:#b9192e;} .top_ss{margin-left: 20px;} .top_ss span.button{ display:block; width:30px; height:100px;font-size: 18px;line-height: 100px;text-align: center;color: #fff; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;} .serach{position:absolute;left: 0; right:0px;background: #FFF; top:0px; width:100%;overflow:hidden; z-index:10;display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding: 30px 0;} .serach form{position: relative;} .serach form input[type='text']{font-size:16px; width:100%; height:40px; line-height:40px;padding:0 100px 0 50px; color:#333;background: none;} .serach form a{position: absolute;left: 0;top:0px;width: 40px;height:40px;font-size: 20px;line-height: 40px;text-align: center;color: #666;} .serach form span{position: absolute;right: 0;top:0px;width: 40px;height:40px;cursor: pointer;} .serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #333;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;} .serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #333;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;} .serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);} .serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);} .top_yy{margin-top:35px;margin-left: 30px; text-align:center;color: #fff;} .top_yy a{font-size: 17px;line-height:32px; color: #fff; } .top_yy a:hover{ color:#b9192e;} .top_bg.on{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .top_bg.on .dh_tx i:after{border-bottom: 2px solid #b9192e;} .top_bg.on .dh ul li p a{color: #333;} .top_bg.on .dh ul li.on p a{color: #b9192e;} .top_bg.on .dh ul li .dh_fl ul li:hover a{color: #fff; background:#b9192e;} .top_bg.on .top_ss span.button{color: #333;} .top_bg.on .top_ss:hover span.button{color: #b9192e;} .top_bg.on .top_yy{ color:#333;} .top_bg.on .top_yy a{ color:#333;} .top_bg.on .top_yy a:hover{ color:#b9192e;} .banner{width:100%;overflow:hidden;position:relative;} .banner ul{ position:relative; width:10000%;} .banner ul li{float:left;width:1%;overflow:hidden;position:relative;} .banner ul li .img{overflow: hidden;} .banner ul li .img img{display:block;width:1920px;position: relative;left: 50%;margin-left: -960px;} .banner ul li .img video{display:block; width:100%;height:100%;-o-object-fit: cover;object-fit: cover;} .banner ul li .txt{position: absolute;left: 5%;bottom: 10%;} .banner ul li .txt .ml1{font-size: 48px;line-height: 48px;color: #fff;font-weight: bold;} .banner ul li .txt .ml1 span{color: #b9192e;} .banner ul li .txt .ml2{font-size: 30px;line-height: 40px;color: #fff;margin-top: 30px;} .banner ul li.on .txt .ml1{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .banner ul li.on .txt .ml2{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;} .bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;display: none;} .bandd span{z-index:2;cursor:pointer;margin:0 5px;display:inline-block;width:50px;height:2px;zoom:1;position:relative;-webkit-transition:0.5s;transition:0.5s;background: #fff;} .bandd span.on{background:#b9192e;} .banz,.bany{display: none; position:absolute; top:50%; width:50px; height:50px; opacity:0;margin-top: -25px;-webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 24px;line-height:50px;text-align: center;color: #333;background: rgba(255, 255, 255, 0.5);border-radius: 50%;} .banz{ left:5%;} .bany{ right:5%;} .banz:before,.bany:before{position: absolute;top: 50%;left: 50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%) ;} .bany:before{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg);} .banner:hover .banz,.banner:hover .bany{ opacity:1;} @keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-200px,0,0);}to{opacity:1;transform:none;}} @keyframes puffIn{0%{transform:scale(1.1);transform-origin:50% 50%;}to{transform:scale(1);transform-origin:50% 50%;}} .sy_title{ text-align:center; margin-bottom:2.5rem} .sy_title h3{ font-size:36px; color:#3a3a3a; font-weight:bold} .sy_title h3:after{content: "";display: block;width: 50px;height: 2px;background: #b9192e;margin:10px auto 0;} .sy_title h5{ font-size:16px; color:#666; margin:10px 0 10px} .sy_title h6{font-size:12px;color:#3a3a3a;opacity:0.61;text-transform:uppercase;transform: scale(0.9);} .sy_title.fff h3{color:#fff;} .sy_title.fff h3:after{background: #fff;} .sy_title.fff h5{color:#fff;} .sy_title.fff h6{color:#fff;} /*==============核心业务=====================*/ .sy_fa_bg{padding-top:60px;background: #f6f6f6;overflow:hidden;} .sy_fa_bg .lb_bg{margin-top: 40px;position: relative;padding-bottom: 50px;} .sy_fa_bg .lb_bg .sy_fa_dd{display: flex;align-items: center;justify-content: center;margin-top: 40px;} .sy_fa_bg .lb_bg .sy_fa_dd span{width: 8px;height: 8px;border-radius: 50%;background:#ccc;margin: 0 6px;opacity: 1;position: relative;} .sy_fa_bg .lb_bg .sy_fa_dd span.swiper-pagination-bullet-active{background: #b9192e;} .sy_fa_bg .lb_bg .sy_fa_dd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #b9192e;width: 18px;height: 18px;border-radius: 50%;} .sy_fa_bg .lb_bg .lb{} .sy_fa_bg .lb_bg .lb2{/*overflow: visible;*/} .sy_fa_bg .lb_bg .lb2 ul{} .sy_fa_bg .lb_bg .lb2 ul li{background: #fff;padding:50px 20px;-webkit-transition:0.5s;transition:0.5s;} .sy_fa_bg .lb_bg .lb2 ul li .img{font-size:72px;line-height:72px;text-align:center;color:#b9192e;-webkit-transition:0.5s;transition:0.5s;} .sy_fa_bg .lb_bg .lb2 ul li .txt{padding: 15px 0 0;text-align: center;} .sy_fa_bg .lb_bg .lb2 ul li .txt .ml1{font-size: 20px;line-height: 36px;color: #333;font-weight:bold;-webkit-transition:0.5s;transition:0.5s;} .sy_fa_bg .lb_bg .lb2 ul li .txt .ml2{font-size: 16px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top:5px;-webkit-transition:0.5s;transition:0.5s;} .sy_fa_bg .lb_bg .lb2 ul li .txt .ml3{font-size: 14px;line-height: 30px;color: #fff;margin:15px auto 0;width:120px;background:#b9192e;border-radius:15px;-webkit-transition:0.5s;transition:0.5s;} .sy_fa_bg .lb_bg .lb2 ul li:hover{background: #b9192e;} .sy_fa_bg .lb_bg .lb2 ul li:hover .img{color:#fff;} .sy_fa_bg .lb_bg .lb2 ul li:hover .txt .ml1{color:#fff;} .sy_fa_bg .lb_bg .lb2 ul li:hover .txt .ml2{color:#fff;} .sy_fa_bg .lb_bg .lb2 ul li:hover .txt .ml3{color:#b9192e;background:#fff;} .sy_pp{padding: 60px 0 60px;} #s_rukou{ width: 100%; overflow: hidden;} #s_rukou ul{} #s_rukou ul li{background: #eee;/* width: 23.5%;float: left;margin-right: 2%;*/-webkit-transition:0.5s;transition:0.5s;} #s_rukou ul li:nth-child(4n){/*margin-right: 0;*/} #s_rukou ul li a{ display:block; padding: 40px 0; position: relative;} #s_rukou ul li a:hover{ color:#fff;} #s_rukou ul li .txt{ text-align: center; position: relative; z-index: 1; padding:0 30px;} #s_rukou ul li .txt .img{ overflow:hidden;position: relative;} #s_rukou ul li .txt .img img{ border:1px solid #ddd;transition: 0.6s;overflow:hidden;} #s_rukou ul li .txt .img:hover img{box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);} #s_rukou ul li .txt h5{ font-size: 20px; font-weight:bold; margin-top: 1.125rem; margin-bottom: 1rem;} #s_rukou ul li .txt p{ font-size: 13px; line-height:22px; height:40px; overflow:hidden; margin-bottom: 1.875rem;} #s_rukou ul li .txt .more{ display: block; width: 8.2rem; height: 2.375rem; line-height: 2.375rem; text-align: center; background: #fff; margin: 0 auto; text-transform: capitalize; color: #000; font-size: .875rem;} #s_rukou ul li .txt .more:hover{ color:#b9192e;} #s_rukou ul li:hover{background:#b9192e;} .s_rukou_bg{position: relative;padding: 0 60px;} .s_rukou_l,.s_rukou_r{position: absolute;top: 50%;margin-top: -30px;width: 40px;line-height: 60px;font-size: 24px;color: #b9192e;text-align: center;background: #fff;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;border-radius: 5px;} .s_rukou_l{left: 0;} .s_rukou_r{right: 0;} .s_rukou_r:before{display: block;-webkit-transform: rotate(180deg);transform: rotate(180deg);} .s_rukou_dd{display: flex;align-items: center;justify-content: center;padding-top:40px;} .s_rukou_dd span{width: 12px;height: 12px;border-radius: 50%;background: #ccc;margin: 0 3px;opacity: 1;} .s_rukou_dd span.swiper-pagination-bullet-active{background: #b9192e;} .sy_gdpp{margin: 35px 0 0;} .sy_gdpp a{display: block;width: 160px;line-height: 46px;text-align: center;border-radius: 5px;background: #b9192e;font-size: 14px;color: #fff;margin:auto;} .sy_gdpp a:hover{text-decoration: underline;} .ny_fwlc_yzsfw{padding: 70px 0 80px;background: #eee;} .ny_fwlc_yzsfw_lb{} .ny_fwlc_yzsfw_lb .l{width: 40%;position: relative;} .ny_fwlc_yzsfw_lb .l .img{height: 368px;} .ny_fwlc_yzsfw_lb .l .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;} .ny_fwlc_yzsfw_lb .l .txt{position: absolute;left: 60px;bottom: 50px;} .ny_fwlc_yzsfw_lb .l .txt span{display: block;width: 27px;height: 2px;background-color: #fff;} .ny_fwlc_yzsfw_lb .l .txt p{color: #fff;font-size: 16px;margin-top: 35px;line-height: 16px;} .ny_fwlc_yzsfw_lb .l .txt h4{color: #fff;font-size: 30px;line-height: 30px; font-weight: bold;margin-top: 20px;} .ny_fwlc_yzsfw_lb .r{width: 100%;} .ny_fwlc_yzsfw_lb .r ul li{float: left;width: 23.5%;position: relative;background: #fff;margin-right:2%;-webkit-transition:0.5s;transition:0.5s;} .ny_fwlc_yzsfw_lb .r ul li a{padding-bottom:70px;padding-top:70px;display:block;} .ny_fwlc_yzsfw_lb .r ul li:nth-child(4n){margin-right:0;} .ny_fwlc_yzsfw_lb .r ul li span{color: #e5e5e5;font-size: 30px;font-weight: 400;position:absolute;bottom:30px;left:0;width:100%;text-align:center;} .ny_fwlc_yzsfw_lb .r ul li .icon{width: 100%;margin: 0 auto 20px;} .ny_fwlc_yzsfw_lb .r ul li .icon img{max-width: 100%;display:block;margin:auto;} .ny_fwlc_yzsfw_lb .r ul li p{color: #333;font-size: 18px;line-height: 18px;text-align: center;} .ny_fwlc_yzsfw_lb .r ul li:hover{box-shadow:0 0 15px rgba(0,0,0,0.2);-webkit-transform:translate(0,-5px);transform:translate(0,-5px);} .sy_ppfx_bg{/*background: #b9192e;*/padding: 60px 0 70px;} .sy_ppfx_lb{margin-top: 40px;position: relative;padding: 0 60px;} .sy_ppfx_l,.sy_ppfx_r{position: absolute;top: 50%;margin-top: -30px;width: 40px;line-height: 60px;font-size: 24px;color: #b9192e;text-align: center;background: #fff;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;border-radius: 5px;} .sy_ppfx_l{left: 0;} .sy_ppfx_r{right: 0;} .sy_ppfx_r:before{display: block;-webkit-transform: rotate(180deg);transform: rotate(180deg);} /*.sy_ppfx_l:hover,.sy_hz_r:hover{background: #ff1e26;color: #fff;}*/ .sy_ppfx{overflow: hidden;padding-left:10px;} .sy_ppfx ul{position: relative;width: 10000%;} .sy_ppfx ul li{float: left;width: 0.192%;margin-right: 0.01%;overflow: hidden;} .sy_ppfx ul li a{display:block;border: 1px solid #eee;overflow: hidden;} .sy_ppfx ul li img{display: block;width: 100%;-webkit-transition:0.5s;transition:0.5s;background: #fff;padding: 30px;} .sy_ppfx ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .sy_vr{padding:80px 0px 80px;} .sy_vr_lb{padding-top: 20px;} .sy_vr_lb img{display: block;width: 100%;-webkit-transition:0.5s;transition:0.5s;} .sy_vr_yd{margin-top: 15px;} .sy_vr_yd ul li{float: left;width: 19.2%;margin-right: 1%;background: #f6f6f6;padding: 30px 0;position: relative;cursor: pointer;text-align: center;margin-bottom:1%;} .sy_vr_yd ul li:nth-child(5n){margin-right: 0;} .sy_vr_yd ul li .h1{font-size: 48px;line-height: 48px;color: #b9192e;} .sy_vr_yd ul li .h2{font-size: 16px;line-height: 24px;color: #333;padding-top: 10px;} .sy_vr_yd ul li.on{background: #b9192e;} .sy_vr_yd ul li.on .h1{color: #fff;} .sy_vr_yd ul li.on .h2{color: #fff;} .sy_gy_bg{padding: 80px 0 80px;/*background: url(../img/sy_gy_bg.jpg) center no-repeat;background-size: cover;background-attachment: fixed;*/background: #eee;} .sy_gy{} .sy_gy_txt{background: #fff;padding: 50px;border-radius: 5px;} .sy_gy_txt .l{width: 45%;} .sy_gy_txt .l .h1{overflow: hidden;} .sy_gy_txt .l .h1 img{width: 100%;display: block;-webkit-transition:0.5s;transition:0.5s;} .sy_gy_txt .l:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .sy_gy_txt .l .h2{font-size: 14px;line-height: 30px;color: #666;padding-top: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;position: relative;} .sy_gy_txt .l .h3{display: block;width: 160px; font-size: 14px;line-height: 46px;color: #fff;text-align: center;background: #b9192e;border-radius: 5px;margin-top: 15px;} .sy_gy_txt .l .h3:hover{text-decoration: underline;} .sy_gy_txt .r{width: 50%;overflow: hidden;} .sy_gy_txt .r .sy_gy_fl{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;} .sy_gy_txt .r .sy_gy_fl a{width: 50%;font-size: 16px;line-height: 56px;color: #333;text-align: center;border-radius: 5px;overflow: hidden;} .sy_gy_txt .r .sy_gy_fl a.on{color: #fff;background: #b9192e;} .sy_gy_txt .r .tp{position: relative;display: none;} .sy_gy_txt .r .tp ul{position: relative;width: 10000%;} .sy_gy_txt .r .tp ul li{float: left;width: 1%;} .sy_gy_txt .r .tp ul li img{width: 100%;display: block;} .sy_gy_txt .r .tp .tp_l{ position:absolute; left:10px;z-index: 2; top:50%;margin-top: -18px; width:36px; height:36px;cursor:pointer; -webkit-transition:0.5s;transition:0.5s;border-radius: 50%;font-size: 18px;line-height: 36px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.2);} .sy_gy_txt .r .tp .tp_r{ position:absolute; right:10px;z-index: 2; top:50%; width:36px;margin-top: -18px; height:36px;cursor:pointer; -webkit-transition:0.5s;transition:0.5s;border-radius: 50%;font-size: 18px;line-height: 36px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.2);} .sy_gy_txt .r .tp .tp_l:hover,.sy_gy_txt .r .tp .tp_r:hover{background:rgba(185,25,46,0.8);} .sy_gy_txt .r .tp .tp_r:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);display: block;} .sy_hz{padding: 80px 0 100px;background: #f6f6f6;} .sy_hz_lb{margin-top: 80px;width:1200px;} @media screen and (min-width:1200px){ .sy_hz_lb ul{} .sy_hz_lb ul li{float: left;width: 14.4%;margin-right: 7%;-webkit-transform: rotate(45deg);transform: rotate(45deg);padding: 1px;border: 1px solid #eee;overflow: hidden;-webkit-transition:.5s;transition:.5s;background:#fff;} .sy_hz_lb ul li:hover{box-shadow: 0 0 15px rgba(0, 0, 0,0.2);} .sy_hz_lb ul li:nth-child(9n){margin-right: 0;} .sy_hz_lb ul li:nth-child(1){margin-left:10.7%;} .sy_hz_lb ul li:nth-child(10){margin-left:10.7%;} .sy_hz_lb ul li:nth-child(14){opacity: 0;} .sy_hz_lb ul li img{display: block;max-width: 100%;margin: auto;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} } .sy_xw{ padding:80px 0 40px;} .sy_xw_lb_bg{} .sy_xw_lb{} .sy_xw_lb_l{float: left;width: 50%;padding:25px 0;} .sy_xw_lb_l img{display:block;width:100%;} .sy_xw_lb_l ul li{} .sy_xw_lb_l ul li .h1{font-size: 14px;line-height: 24px;color: #999;font-family: Arial, sans-serif;} .sy_xw_lb_l ul li .h2{font-size: 18px;line-height: 20px;color: #333;padding: 15px 0 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .sy_xw_lb_l ul li:hover .h2{color: #b9192e;} .sy_xw_lb_l ul li .h3{font-size: 14px;line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 5px;} .sy_xw_lb_l ul li .h4{overflow: hidden;margin-bottom: 10px;height: 300px;} .sy_xw_lb_l ul li .h4 img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;-webkit-transition:all .5s;transition:all .5s;} .sy_xw_lb_l ul li:hover .h4 img{-webkit-transform:scale(1.1);transform:scale(1.1);} .sy_xw_lb_r{float: right;width: 50%;padding-left: 40px;} .sy_xw_lb_r ul li{padding: 25px 120px 25px 0;position: relative;border-bottom:1px solid #eee;} .sy_xw_lb_r ul li:last-child{border-bottom:none;} .sy_xw_lb_r ul li .h1{font-size: 18px;line-height: 18px;color: #333;padding: 0px 0 10px 15px;position: relative; padding-right: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .sy_xw_lb_r ul li .h1:after{content: '';position: absolute;left: 0;top: 7px;width: 4px;height: 4px;background: #b9192e;} .sy_xw_lb_r ul li .h2{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;padding:0 20px 0 15px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .sy_xw_lb_r ul li .h3{position: absolute;width: 120px; right:0;top:25px; font-size: 30px;font-family: Arial, sans-serif;font-weight: bold;line-height: 38px;text-align: center; color: #ccc;border-left:1px solid #eee;} .sy_xw_lb_r ul li .h3 span{display: block;font-size: 24px;font-weight: normal;color: #ccc} .sy_xw_lb_r ul li:hover .h1{color: #b9192e;} .sy_nrdw{position: fixed;left: 1%;top: 150px;width: 45px;z-index: 10;display: none;} .sy_nrdw ul li{font-size: 14px;background: #f6f6f6;margin-bottom: 5px;color: #666;line-height: 18px;text-align: center;padding: 4px;cursor: pointer;} .sy_nrdw ul li.on{background: #b9192e;color: #fff;} .back_top{position:fixed;right:66px;bottom:100px;z-index:10;width:60px;display: none;} .back_top .back_top-box{position:relative;width:100%;} .back_top ul{display:flex;width:60px;height:180px;border-radius:30px;background-color:#9a0411;flex-direction:column;align-items:center;justify-content:center;} .back_top ul li{position:relative;display:flex;margin-top:10px;width:44px;height:44px;border-radius:50%;background-color:transparent;cursor:pointer;align-items:center;justify-content:center;} .back_top ul li:first-child{margin-top:0;} .back_top ul li:hover{background-color:rgba(251,251,251,.2);} .back_top ul li img{max-width:100%;max-height:100%;} .back_top ul li .view{position:absolute;bottom:0;left:-220px;display:none;box-sizing:border-box;padding:15px 25px;width:220px;height:auto;min-height:44px;border-radius:10px;background-color:#fff;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);text-align:center;font-size:0;transition:all .3s;transform:translateX(-31px);} .back_top ul li:nth-child(2) .view{bottom:-90px;} .back_top ul li .view::after{position:absolute;top:0;right:-31px;display:block;width:31px;height:100%;background-color:transparent;content:"";} .back_top ul li .view span{color:#6f757c;font-weight:400;font-size:14px;font-family:"Microsoft YaHei";line-height:14px;} .back_top ul li .view img{width:170px;height:170px;} .back_top ul li .view p{margin-top:8px;color:#6f757c;font-weight:400;font-size:14px;font-family:"Microsoft YaHei";} .back_top ul li:hover .view{display:block;} .back_top .back{margin-top:20px;width:60px;height:60px;border-radius:50%;background-color:#fff;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);text-align:center;line-height:60px;cursor:pointer;} .back_top .back img{width:30px;height:24px;vertical-align: middle;} /* footer */ .footer{ padding:50px 0 50px;overflow:hidden;background:#191A1E; position: relative;} .ft-about{ margin-bottom:30px; border-bottom:1px solid #393939; padding-bottom:30px;} .ft-about p{ color:#999;} .ft-menu{float:left;width: 62%;overflow:hidden;} .ft-menu .item{position:relative;float:left;margin-right: 5%;width: 25%;} .ft-menu .item:nth-of-type(3) {width: 15%;} .ft-menu .item:nth-of-type(4) {width: 15%;} .ft-menu .item:after{display:block;position:absolute;top:0;right:0;width:1px;height:260px;content:"";background:#333;} .ft-menu .item::before { display: block; content: ""; position: absolute; top: 0; right: 0; width: 1px;height: 18px; background: #b9192e; z-index: 2;} .ft-menu .item h3{font-weight:normal; font-size:16px; color:#fff;overflow:hidden;} .ft-menu .item h3 a{display:block;color:#fff;} .ft-menu .item h3 a:hover{color:#b9192e;} .ft-menu .item ul{ margin-top:25px;overflow:hidden;} .ft-menu .item li{ padding:6px 0;font-size:14px;} .ft-menu .item li a{display:block;color:#999;} .ft-menu .item li a:hover{text-decoration:underline; color: #fff;} .ft-infos{position:relative;float:left;width: 25%;} .ft-infos h3{font-weight:normal;overflow:hidden; font-size: 16px;} .ft-infos h3 a{display:block;color:#fff;} .ft-infos .con{margin-top:20px;color:#999;overflow:hidden;} .ft-infos .con p{ padding: 6px 0; font-size: 14px;} .ft-infos .con p a{ color:#666;} .ft-infos .con p em { font-family: "DIN Bold"; font-size: 16px;} .ft-infos .con p a:hover{color: #fff;text-decoration:underline; } .ft-infos .con p:nth-of-type(1){ background:url(../img/tub1.png) no-repeat center left; padding-left:24px;} .ft-infos .con p:nth-of-type(2){ background:url(../img/tub2.png) no-repeat center left; padding-left:24px;} .ft-infos .con p:nth-of-type(3){ background:url(../img/tub3.png) no-repeat left 8px; padding-left:24px;} .ft-QRcode{float:right;overflow:hidden;} .ft-QRcode .QRcode-list{margin-top:10px;overflow:hidden;} .ft-QRcode .QRcode-list .item{float:left; width:110px;background:#fff; border-radius: 0 20px 0 0; padding-bottom: 10px;} .ft-QRcode .QRcode-list .item:nth-of-type(2) { margin-left: 15px; margin-right:15px;} .ft-QRcode .QRcode-list .item p{ font-size: 12px; color: #999; padding-top: 10px; padding-bottom:5px; text-align: center;} .ft-QRcode .QRcode-list .item i {position:relative;display:block;overflow:hidden; width: 100px; margin: 0 auto;} .ft-QRcode .QRcode-list .item i img { width:100%;} .copyright{ background:#111; padding:30px 0; text-align:center; color:#ccc; font-size:14px;} .bat{width:100%;overflow:hidden;position: relative;height: 400px;} .bat img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;} .bat_txt2{position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;margin-top: 50px;} .bat_txt2 .h1{font-size: 88px;color: rgba(255, 255, 255, 0.1);line-height: 88px;font-weight: bold;text-transform: uppercase;font-family: Arial, sans-serif;} .bat_txt2 .h2{font-size: 36px;color: #fff;line-height:36px;padding: 20px 0 10px;font-weight: bold;} .bat_txt2 .h2:after{content: "";display: block;width: 50px;height: 3px;background: #fff;margin: 20px auto 0;} .bat_txt2 .h3{font-size: 14px;color: #fff;line-height:30px;} .bat_txt2 .h4{margin-top: 40px;background: url(../img/pic37.png) no-repeat center;height: 109px;background-size: 100% 100%;} .bat_txt2 .h4 ul{display: flex;align-items: center;justify-content: center;} .bat_txt2 .h4 li{font-size: 14px;overflow: hidden;border-right: 1px solid rgba(255,255,255,0.1);} .bat_txt2 .h4 li:last-child{border-right: none;} .bat_txt2 .h4 li a{display: block;color: #FFF;height: 109px;padding: 0 50px;} .bat_txt2 .h4 li i{font-size: 38px;display: block;padding-top: 22px;padding-bottom: 8px;} .bat_txt2 .h4 li a:hover{display: block;text-decoration: none;color: #FFF;background: rgba(185, 25, 46, 0.8);} .bat_txt2 .h4 li a.on{background: rgba(185, 25, 46, 0.8); color: #FFF;} .ny_dqlj{padding: 5px 0;border-bottom: 1px solid #eee;} .ny_dqlj .l{} .ny_dqlj .l em{float: left; width:14px;height:50px;margin-right:5px;background:url(../img/home.png) no-repeat center;} .ny_dqlj .l i{float: left;width:10px;height:50px;margin:0 5px;background:url(../img/sNav_icon.png) no-repeat center;} .ny_dqlj .l span{float: left;font-size:14px;color:#666;line-height: 50px;} .ny_dqlj .l a{float: left;font-size:14px;color:#666;line-height: 50px;} .ny_dqlj .l a:hover{color:#b9192e;} .ny_dqlj .l a.on{color:#b9192e;} .ny_gywm_bt .h1{font-size: 30px;line-height: 30px;color: #333;text-align: center;font-weight: bold;} .ny_gywm_bt .h1:after{content: "";display: block;width: 50px;height: 2px;background: #b9192e;margin:15px auto 0;} .ny_gywm_bt .h2{font-size: 16px;line-height: 30px;color: #666;text-align: center;margin: 10px auto 0;max-width: 800px;} .ny_hx_dl{padding: 60px 0;} .ny_hx_dl .lb_bg{margin-top: 40px;position:relative;} .ny_hx_dl .lb_bg .ny_hx_dl_dd{display: flex;align-items: center;justify-content: center;padding-top:40px;} .ny_hx_dl .lb_bg .ny_hx_dl_dd span{width: 12px;height: 12px;border-radius: 50%;background: #ccc;margin: 0 3px;opacity: 1;} .ny_hx_dl .lb_bg .ny_hx_dl_dd span.swiper-pagination-bullet-active{background: #b9192e;} /*.ny_hx_dl .lb_bg .lb ul{position: relative;width: 10000%;} .ny_hx_dl .lb_bg .lb ul li{float:left; width:0.235%;position:relative; overflow:hidden;margin:0 0.02% 0.02% 0;border: 1px solid #eee;} .ny_hx_dl .lb_bg .lb ul li:nth-child(4n){margin-right: 0;}*/ .ny_hx_dl .lb_bg .lb ul li{position:relative; overflow:hidden;border: 1px solid #eee;} .ny_hx_dl .lb_bg .lb ul li .img{height: 250px;display: flex;align-items: center;justify-content: center;} .ny_hx_dl .lb_bg .lb ul li .img img{ display:block; max-width:100%; -webkit-transition:0.5s;transition:0.5s;margin: auto;} .ny_hx_dl .lb_bg .lb ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .ny_hx_dl .lb_bg .lb ul li .td{position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(185, 25, 46, 0.9);font-size: 14px;line-height: 26px;color: #fff;padding: 20px 10px 20px 20px;-webkit-transition:0.5s;transition:0.5s;opacity: 0;-webkit-transform: scale(0);transform: scale(0);} .ny_hx_dl .lb_bg .lb ul li .td span{display: block;font-size: 16px;line-height: 30px;font-weight: bold;margin-bottom: 5px;} .ny_hx_dl .lb_bg .lb ul li .td .ms{height: 160px;overflow: auto;padding-right: 10px;} .ny_hx_dl .lb_bg .lb ul li .td .ms::-webkit-scrollbar{width: 3px;background-color: #000;} .ny_hx_dl .lb_bg .lb ul li .td .ms::-webkit-scrollbar-thumb{background-color:#eee;border-radius: 10px;} .ny_hx_dl .lb_bg .lb ul li:hover .td{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .ny_fa_bg{padding-top:60px;background: #f6f6f6;} .ny_fa{margin-top: 40px;position:relative;} .ny_fa ul li{background: #fff;padding:50px 30px;-webkit-transition:0.5s;transition:0.5s;float:left;width:24.25%;margin:0 1% 1% 0;} .ny_fa ul li:nth-child(1){width:49.5%;} .ny_fa ul li:nth-child(3){margin-right:0;} .ny_fa ul li:nth-child(7){margin-right:0;} .ny_fa ul li .txt{} .ny_fa ul li .txt .ml1{font-size: 20px;line-height: 30px;color: #b9192e;font-weight:bold;-webkit-transition:0.5s;transition:0.5s;display: flex;align-items: center;} .ny_fa ul li .txt .ml1 i{font-size:30px;padding-right:5px;} .ny_fa ul li .txt .ml2{font-size: 16px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top:20px;-webkit-transition:0.5s;transition:0.5s;} .ny_fa ul li .txt .ml3{font-size: 14px;line-height: 30px;color: #fff;margin:20px 0 0;width:120px;background:#b9192e;border-radius:15px;-webkit-transition:0.5s;transition:0.5s;text-align: center;} .ny_fa ul li:hover{background: #b9192e;} .ny_fa ul li:hover .txt .ml1{color:#fff;} .ny_fa ul li:hover .txt .ml2{color:#fff;} .ny_fa ul li:hover .txt .ml3{color:#b9192e;background:#fff;} .Marketing{padding:72px 0 61px} .Marketing h1{color:#040404;font-size:42px;font-weight:700;line-height:42px;text-align:center} .Marketing .desc{color:#858585;font-size:16px;font-weight:400;text-align:center;margin-top:20px} .Marketing .Marketing-options{width:761px;height:761px;margin:32px auto 0;background:url(../img/Marketing.png) no-repeat;background-size:100% 100%;position:relative} .Marketing .Marketing-options .Marketing-options-item{display:flex;align-items:center;position:absolute} .Marketing .Marketing-options .Marketing-options-item .icon{width:82px;height:60px;text-align:center;line-height:60px;margin-right:17px} .Marketing .Marketing-options .Marketing-options-item .icon img{max-width:100%;max-height:100%} .Marketing .Marketing-options .Marketing-options-item .Marketing-options-item-content h4{color:#434343;font-size:20px;font-weight:700;margin-top:4px;margin-bottom:7px} .Marketing .Marketing-options .Marketing-options-item .Marketing-options-item-content p{color:#707070;font-size:14px;font-weight:400;box-sizing:border-box;line-height:20px;max-width:340px} .Marketing .Marketing-options .Marketing-options-item:nth-child(1){top:43px;left:247px} .Marketing .Marketing-options .Marketing-options-item:nth-child(2){top:222px;left:-126px} .Marketing .Marketing-options .Marketing-options-item:nth-child(3){top:471px;left:-126px} .Marketing .Marketing-options .Marketing-options-item:nth-child(4){top:234px;right:-90px} .Marketing .Marketing-options .Marketing-options-item:nth-child(5){top:471px;right:-139px} .Marketing .Marketing-options .btn{width:180px;height:50px;text-align:center;line-height:50px;background-color:#e60115;border-radius:25px;cursor:pointer;position:absolute;left:0;right:0;bottom:51px;margin:auto;padding:0} .Marketing .Marketing-options .btn span{color:#fff;font-size:18px;font-weight:400} .Marketing .Marketing-options .btn:hover{transition:all .3s;background-color:#f16d79} .Marketing .bright-spot-list{padding:.48rem 0 0} .Marketing .bright-spot-list li{padding-left:55px;padding-bottom:.42667rem;background-size:40px;background-position:left 0;background-repeat:no-repeat} .Marketing .bright-spot-list li h3{color:#3a3a3a;font-size:16px} .Marketing .bright-spot-list li p{margin-top:5px;color:#bcbcbc;font-size:14px;letter-spacing:1px;text-align:justify} .Marketing .bright-spot-list li:last-child{padding-bottom:0} .Marketing .bright-spot-list li:first-child{background-image:url(../img/Marketing-options-item-icon_01.png)} .Marketing .bright-spot-list li:nth-child(2){background-image:url(../img/Marketing-options-item-icon_02.png)} .Marketing .bright-spot-list li:nth-child(3){background-image:url(../img/Marketing-options-item-icon_03.png)} .Marketing .bright-spot-list li:nth-child(4){background-image:url(../img/Marketing-options-item-icon_04.png)} .Marketing .bright-spot-list li:nth-child(5){background-image:url(../img/Marketing-options-item-icon_05.png)} .ny_hx_rz{padding: 20px 0 60px;} .ny_hx_rz ul{margin-top: 40px;} .ny_hx_rz ul li{float: left;width: 23.5%;margin-right: 2%;} .ny_hx_rz ul li:nth-child(4n){margin-right:0;} .ny_hx_rz ul li .img{display: flex;align-items: center;justify-content: center;height: 70px;} .ny_hx_rz ul li .img img{display: block;} .ny_hx_rz ul li .txt{font-size: 14px;line-height: 24px;padding: 10px 0;text-align: center;color: #333;} .ny_zlgl_dw{position: absolute;top: -100px;} .ny_pz{padding: 80px 0 80px;position: relative;} .ny_pz_t1{/*margin-top: 50px;*/display: flex;align-items: center;justify-content: center;border-radius: 5px;overflow: hidden;} .ny_pz_t1 .img{width: 41%;} .ny_pz_t1 .img img{display: block;max-width: 100%;margin:auto;} .ny_pz_t1 .txt{width: 59%;padding:0 0 0 50px;font-size: 16px;line-height: 30px;color: #666;} .ny_pz_t2{font-size: 18px;line-height: 36px;color: #333;padding-top: 50px;font-weight: bold;text-align: center;} .ny_pz_t3{padding-top: 30px;} .ny_pz_t3 ul{} .ny_pz_t3 ul li{float: left;width: 49%;margin: 0 2% 2% 0;position: relative;padding-left: 74px;background: #fdf4f5;border-radius: 30px;} .ny_pz_t3 ul li:nth-child(2n){margin-right: 0;} .ny_pz_t3 ul li .sz{position: absolute;left: 0;top: 0;width: 60px;height: 60px;background:#b9192e;font-size: 24px;line-height: 60px;text-align: center;color: #fff;border-radius: 50%;} .ny_pz_t3 ul li .wa{display: flex;align-items: center;height: 60px;font-size: 14px;line-height: 30px;color: #333;} .ny_pz_tp{margin-top: 80px;} .ny_pz_tp ul li{float: left;width: 30%;margin-right: 5%;} .ny_pz_tp ul li:nth-child(3n){margin-right: 0;} .ny_pz_tp ul li .img{overflow: hidden;} .ny_pz_tp ul li .img img{display: block;width: 100%;} .ny_pz_tp ul li .txt{font-size: 16px;line-height: 30px;color: #333;text-align: center;padding: 10px 0;} .ny_gys{background: #f6f6f6;padding: 80px 0;position: relative;} .ny_gys_img{margin-top: 40px;} .ny_gys_img ul li{float: left;width: 49%;margin-right: 2%;position: relative;padding:20px 10px 20px 260px;height: 270px;background: #fff;border-radius: 5px;} .ny_gys_img ul li:nth-child(2n){margin-right: 0;} .ny_gys_img ul li .img{position: absolute;left: 0;top: 20px;width: 250px;} .ny_gys_img ul li .img img{display: block;width: 100%;} .ny_gys_img ul li .txt{padding-top: 20px;} .ny_gys_img ul li .txt .ml1{font-size: 20px;line-height: 30px;color: #b9192e;font-weight: bold;} .ny_gys_img ul li .txt .ml2{font-size: 16px;line-height: 30px;color: #666;margin-top: 10px;} .IQC{padding:80px 0 80px;position: relative;} .IQC .IQC-list{position:relative;display:flex;margin-top:80px;align-items:center;justify-content:space-between;} .IQC .IQC-list .item{position:relative;z-index:1;display:flex;width:150px;height:150px;background:url(../img/IQC-list-item-bg.png) no-repeat center;background-size:131px;align-items:center;justify-content:center;} .IQC .IQC-list .item.active{background:url(../img/IQC-list-item-bg-active.png) no-repeat center;background-size:150px;} .IQC .IQC-list .item img{position:absolute;top:0;right:-50%;bottom:0;margin:auto;width:25px;height:26px;} .IQC .IQC-list .item p{box-sizing:border-box;padding:0 38px;color:#000;text-align:center;font-weight:400;font-size:18px;word-break:break-all;} .IQC .IQC-list .item.active p{color:#fff;} .IQC .IQC-list .IQC-line{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:98%;height:1px;} .IQC .IQC-list .item:last-child img{display: none;} .ny_cswl{background: #f6f6f6;padding: 80px 0;position: relative;} .ny_cswl ul{margin-top: 40px;} .ny_cswl ul li{width: 49%;position: relative;height: 240px;overflow: hidden;} .ny_cswl ul li:nth-child(1){float: left;height: 505px;} .ny_cswl ul li:nth-child(2){float: right;margin-bottom: 25px;} .ny_cswl ul li:nth-child(3){float: right;} .ny_cswl ul li .img{overflow: hidden;width: 100%;height: 100%;} .ny_cswl ul li .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;} .ny_cswl ul li .txt{position: absolute;left: 0;right: 0;top: 100%;height: 100%;padding:0 30px;background: rgba(0, 0, 0, 0.5);-webkit-transition:.5s;transition:.5s;margin-top: -50px;} .ny_cswl ul li .txt .ml1{font-size: 20px;line-height: 30px;padding: 10px 0;color: #fff;} .ny_cswl ul li .txt .ml2{font-size: 16px;line-height: 30px;color: #fff;margin-top: 10px;} .ny_cswl ul li:hover .txt{top: 0;padding: 30px;margin-top: 0;} .ny_hjzc{padding: 80px 0;position: relative;} .ny_hjzc_txt{/*margin-top: 40px;*/display: flex;align-items: center;justify-content: center;border-radius: 5px;overflow: hidden;} .ny_hjzc_txt .img{width: 20%;} .ny_hjzc_txt .img img{display: block;max-width: 100%;} .ny_hjzc_txt .txt{/*width: 60%;*/padding:0 50px 0 0px;font-size: 16px;line-height: 30px;color: #666;} .ny_hjzc_img{margin-top: 40px;} .ny_hjzc_img ul li{float: left;width: 23.5%;margin: 2% 2% 0 0;border: 1px solid #eee;} .ny_hjzc_img ul li:nth-child(4n){margin-right: 0;} .ny_hjzc_img ul li img{display: block;width: 100%;} .ny_shgl{background: #f6f6f6;padding: 80px 0;position: relative;} .ny_shgl_lb{margin-top: 40px;} .ny_shgl_lb ul li{float: left;width: 31.333%;margin: 0 3% 3% 0;padding: 50px 20px;text-align: center;background: #fff; -webkit-transition:0.5s;transition:0.5s;height: 280px;border-radius: 10px;overflow: hidden;} .ny_shgl_lb ul li:nth-child(3n){margin-right: 0;} .ny_shgl_lb ul li .h1{font-size: 60px;line-height: 60px;color: #b9192e;-webkit-transition:0.5s;transition:0.5s;margin-top: 24px;} .ny_shgl_lb ul li .h2{font-size: 20px;line-height: 30px;color: #b9192e;margin-top: 20px;-webkit-transition:0.5s;transition:0.5s;font-weight: bold;} .ny_shgl_lb ul li .h3{font-size: 14px;line-height: 14px;color: #666;text-transform: uppercase;margin-top: 10px;-webkit-transition:0.5s;transition:0.5s;} .ny_shgl_lb ul li .h4{font-size: 14px;line-height: 24px;color: #666;margin-top: 80px;height: 48px;-webkit-transition:0.5s;transition:0.5s;} .ny_shgl_lb ul li:hover{background: #b9192e;} .ny_shgl_lb ul li:hover .h1{margin-top: -150px;} .ny_shgl_lb ul li:hover .h2{margin-top:90px;color: #fff;} .ny_shgl_lb ul li:hover .h3{color: #fff;} .ny_shgl_lb ul li:hover .h4{margin-top:30px;color: #fff;} .ny_cxgj{padding: 80px 0;position: relative;} .ny_cxgj_fl{margin-top: 40px;} .ny_cxgj_fl ul{display: flex;align-items: center;justify-content: space-evenly;} .ny_cxgj_fl ul li{font-size: 18px;line-height: 30px;padding: 15px 80px;color: #333;background: #eee;border-radius: 30px;cursor: pointer;} .ny_cxgj_fl ul li.on{color: #fff;background: #b9192e;} .ny_cxgj_lb{margin-top: 40px;} .ny_cxgj_lb ul li{float: left;width: 100%;display: flex;align-items: center;justify-content: center;display: none;} .ny_cxgj_lb ul li.on{display: flex;} .ny_cxgj_lb ul li .img{overflow: hidden;width: 40%;} .ny_cxgj_lb ul li .img img{display: block;width: 100%;} .ny_cxgj_lb ul li .txt{width: 60%;padding-left: 50px;} .ny_cxgj_lb ul li .txt .bt{font-size: 24px;line-height: 30px;font-weight: bold;color: #333;} .ny_cxgj_lb ul li .txt .ms{font-size: 16px;line-height: 36px;color: #666;margin-top: 20px;} .ny_zzrz{background: #f6f6f6;padding: 80px 0;position: relative;} .ny_zzrz_img_bg{margin-top: 40px;position: relative;padding: 0 60px;} .ny_zzrz_l,.ny_zzrz_r{position: absolute;top: 50%;margin-top: -20px;width: 40px;line-height: 40px;font-size: 18px;color: #fff;text-align: center;background: #b9192e;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;border-radius: 50%;} .ny_zzrz_l{left: 0;} .ny_zzrz_r{right: 0;} .ny_zzrz_r:before{display: block;-webkit-transform: rotate(180deg);transform: rotate(180deg);} .ny_zzrz_img{overflow: hidden;} .ny_zzrz_img ul{position: relative;width: 10000%;} .ny_zzrz_img ul li{float: left;width: 0.235%;margin-right: 0.02%;overflow: hidden;} .ny_zzrz_img ul li img{display: block;width: 100%;-webkit-transition:0.5s;transition:0.5s;background: #fff;padding: 30px;} .ny_zzrz_img ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .ny_zzrz_tp{padding:40px 60px 0;} .ny_zzrz_tp img{display: block;width: 100%;} .ny_lljylct{padding: 80px 0 0;position: relative;} .ny_lljylct .txt{margin-top: 40px;} .ny_lljylct .txt img{display: block;width: 100%;} .ny_lljylct2{padding-bottom:80px;} .ny_lxwm{padding: 80px 0 0;} .ny_lx1{padding: 0px 0 40px;} .ny_lx1 ul{margin-top: 40px;} .ny_lx1 ul li{float: left; width: 23.5%;margin-right: 2%;background: #b9192e;border-radius: 5px;display: flex;align-items: center;justify-content: center;padding: 30px 20px;text-align: center;} .ny_lx1 ul li:nth-child(4n){margin-right:0;} .ny_lx1 ul li .txt{} .ny_lx1 ul li .txt .ml1{font-size: 48px;line-height: 48px;color: #fff;} .ny_lx1 ul li .txt .ml2{font-size: 18px;line-height: 30px;color: #fff;margin-top: 15px;} .ny_lx1 ul li .txt .ml3{font-size: 16px;line-height: 24px;color: #fff;height: 48px;margin-top: 5px;} .lx_dt{padding-bottom: 80px;} .ny_xw{padding: 60px 0;} .ny_xw ul li{ border-bottom:1px dashed #eee; padding-left:280px; position:relative; padding-bottom:35px; margin-bottom:35px;} .ny_xw ul li .ny_xw_img{ position:absolute; left:0px; top:0; width:260px; overflow:hidden; height:150px;} .ny_xw ul li .ny_xw_img img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;} .ny_xw ul li .ny_xw_img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .ny_xw ul li .ny_xw_txt{ position:relative; height:150px;} .ny_xw ul li .ny_xw_txt .h1{ font-size:16px; line-height:30px; color:#282828;font-weight: bold;-webkit-transition:0.5s;transition:0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ny_xw ul li .ny_xw_txt .h1:hover{color:#b9192e;} .ny_xw ul li .ny_xw_txt .h4{ font-size:14px; line-height:24px;padding-top:5px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ny_xw ul li .ny_xw_txt .h2{ font-size:14px; line-height:24px; color:#999; padding-top:5px;} .ny_xw ul li .ny_xw_txt .h2 span{font-size: 14px;float: left;padding-right: 5px;} .ny_xw ul li .ny_xw_txt .h3{ position:absolute; left:0; bottom:10px; font-size:14px; line-height:22px; color:#666;-webkit-transition:0.5s;transition:0.5s;} .ny_xw ul li .ny_xw_txt .h3 span{font-size: 12px;float: right;padding-left: 5px;color:#b9192e;} .ny_xw ul li .ny_xw_txt .h3:hover{color:#b9192e;} .pagination{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:40px 0 0px; text-transform:uppercase;} .pagination a,.pagination span{display:inline-block; padding:0 25px; line-height:40px; font-size:14px; border:1px solid #d6d6d6; margin:0 5px;color: #666;background: #fff;border-radius: 5px;} .pagination span.current,.pagination a:hover{color:#fff; border-color:#b9192e; background:#b9192e;} .ny_xw_xq{padding: 60px 0 80px;} .ny_tw_bt{text-align:center; line-height:30px; padding:0px; font-size:14px;color: #999;border-bottom: 1px solid #eee;padding-bottom: 20px;} .ny_tw_bt .line{padding:0 15px; } .ny_tw_bt span.iconfont{padding-right: 5px;} .ny_tw_bt .h3{padding:0 0 15px; line-height:24px; font-size:24px;color: #333;} .ny_tw{ font-size:14px; line-height:30px; padding:30px 0px 0;color: #666;} .ny_tw img{ display:block; max-width:100%; margin:auto;} .view-page2{position:relative; padding-top:20px;border-top: 1px solid #eee;margin-top: 30px;} .view-page2 .prev,.view-page2 .next{font-size:14px;line-height:38px;width:45%;} .view-page2 .prev{float: left;} .view-page2 .prev a,.view-page2 .next a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .view-page2 a{display:block;color: #666;} .view-page2 .next{float: right;text-align:right;} .view-page2 .prev:hover a{color:#b9192e;} .view-page2 .next:hover a{color:#b9192e;} .ny_dlpp{padding: 80px 0 60px;} .ny_dlpp ul{} .ny_dlpp ul li{float:left; width:23.5%;position:relative; overflow:hidden;margin:0 2% 2% 0;border: 1px solid #eee;} .ny_dlpp ul li:nth-child(4n){margin-right: 0;} .ny_dlpp ul li .img{height: 250px;display: flex;align-items: center;justify-content: center;} .ny_dlpp ul li .img img{ display:block; max-width:100%; -webkit-transition:0.5s;transition:0.5s;margin: auto;} .ny_dlpp ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .ny_dlpp ul li .td{position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(185, 25, 46, 0.9);font-size: 14px;line-height: 26px;color: #fff;padding: 20px 10px 20px 20px;-webkit-transition:0.5s;transition:0.5s;opacity: 0;-webkit-transform: scale(0);transform: scale(0);} .ny_dlpp ul li .td span{display: block;font-size: 16px;line-height: 30px;font-weight: bold;margin-bottom: 5px;} .ny_dlpp ul li .td .ms{height: 160px;overflow: auto;padding-right: 10px;} .ny_dlpp ul li .td .ms::-webkit-scrollbar{width: 3px;background-color: #000;} .ny_dlpp ul li .td .ms::-webkit-scrollbar-thumb{background-color:#eee;border-radius: 10px;} .ny_dlpp ul li:hover .td{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .ny_gywm_bt .h1{font-size: 30px;line-height: 30px;color: #333;text-align: center;font-weight: bold;} .ny_gywm_bt .h1:after{content: "";display: block;width: 50px;height: 2px;background: #b9192e;margin:20px auto 0;} .ny_gy_l.ny_gywm_bt .h1{text-align: left;} .ny_gy_l.ny_gywm_bt .h1:after{margin:20px 0 0;} .ny_gywm_bt.fff .h1{color: #fff;} .ny_gywm_bt.fff .h2{color: #fff;} .ny_gywm_bt.fff .h1:after{background: #fff;} .gy_dw{position: absolute;top: -100px;} .ny_gy_gsjj{padding: 80px 0;position: relative;} .ny_gy{font-size: 14px;line-height: 30px;color: #141414;display: flex;justify-content: center;align-items: center;} .ny_gy_l{width: 50%;padding-left: 50px;} .ny_gy_l .h3{margin-top: 30px;font-size: 16px;line-height: 36px;color: #666;} .ny_gy_r{width: 50%;overflow: hidden;} .ny_gy_r img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;} .ny_gy_r:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .history-box{padding:80px 0 80px;background: #f6f6f6;position: relative;} .history-box .content{background:url(../img/history_bg_line.png) repeat-x bottom;padding-bottom:50px} .history-box .slick-for .box{padding:50px 0 20px} .history-box .slick-for .box .img{} .history-box .slick-for .box .img img{display: block;width: 280px;margin: auto;padding-bottom: 30px;} .history-box .slick-for .box .date{float:left;width:100%;font-size:36px;line-height:60px;color:#b9192e;font-weight:300;text-align:center} .history-box .slick-for .box .text{margin-left:330px;padding-top:20px;font-size:18px;line-height:34px;color:#555} .history-box .slick-nav{margin-top:40px;text-align:center} .history-box .slick-nav .slick-slide{cursor:pointer} .history-box .slick-nav .slick-slide span{display:block;height:50px;line-height:50px;position:relative} .history-box .slick-nav .slick-slide span:after,.history-box .slick-nav .slick-slide span:before{display:none;content:"";position:absolute;left:50%;margin-left:-5px} .history-box .slick-nav .slick-slide span:before{top:0;border-style:solid dashed dashed dashed;border-color:#b9192e transparent transparent transparent;border-width:7px} .history-box .slick-nav .slick-slide span:after{bottom:0;border-style:dashed dashed solid dashed;border-color:transparent transparent #b9192e transparent;border-width:7px} .history-box .slick-nav .slick-current{color:#b9192e} .history-box .slick-nav .slick-current span:after,.history-box .slick-nav .slick-current span:before{display:block} .ny_gy_qywh{padding: 80px 0;position: relative;} .ny_gy_tp_bg{position: relative;margin-top:40px;} .ny_gy_tp_bg .ny_gy_tp_l,.ny_gy_tp_bg .ny_gy_tp_r{position:absolute; top:50%; width:50px; height:50px;margin-top: -45px;-webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size:30px;line-height:50px;text-align: center;color: #999;} .ny_gy_tp_bg .ny_gy_tp_l{ left:-60px;-webkit-transform:rotate(180deg);transform:rotate(180deg);} .ny_gy_tp_bg .ny_gy_tp_r{ right:-60px;} .ny_gy_tp_bg .ny_gy_tp_l:hover,.ny_gy_tp_bg .ny_gy_tp_r:hover{color: #b9192e;} .ny_gy_tp{overflow:hidden;} .ny_gy_tp ul{width: 10000%;position: relative;} .ny_gy_tp ul li{float: left;width: 0.235%;margin-right:0.02%;} .ny_gy_tp_bg2 .ny_gy_tp ul li{float: left;width: 0.32%;margin-right:0.02%;} .ny_gy_tp ul li .h1{overflow: hidden;border: 1px solid #eee;} .ny_gy_tp ul li .h1 img{display: block;width: 100%; -webkit-transition:0.5s;transition:0.5s;} .ny_gy_tp ul li:hover .h1 img{-webkit-transform:scale(1.1);transform:scale(1.1);} .ny_gy_tp ul li .h2{text-align: center;font-size: 14px;line-height: 20px;color: #666;padding: 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .bgf{background: #f6f6f6;} .history{padding:80px 0 0;width:100%;background: #f6f6f6;position: relative;} .history .history-view{position:relative;margin-top:43px;width:100%;height:540px;background:url(../img/history-view-map.png) no-repeat center;background-size:contain;} .history .history-view::before{display:table;content:"";} .history .history-view .time-line{position:relative;overflow:hidden;margin-top:150px;width:100%;} .history .history-view .time-line::after{position:absolute;top:0;bottom:0;display:block;margin:auto;width:100%;height:2px;background-color:#d9d9d9;content:"";} .history .history-view .time-line .time-line-list{position:relative;left:50%;z-index:1;display:flex;width:100%;align-items:center;margin-left: -380px;} .history .history-view .time-line .time-line-item{position:relative;display:flex;width:380px;height:168px;min-width:380px;text-align:center;flex-direction:column;align-items:center;justify-content:space-between;} .history .history-view .time-line .time-line-item::after{position:absolute;top:0;bottom:0;left:-50%;z-index:1;display:block;margin:auto;width:100%;height:2px;background-color:#d9d9d9;content:"";} /*.history .history-view .time-line .time-line-item.active::after{background-color:#e60115;} .history .history-view .time-line .time-line-item.active .dot span{background-color:#e60115;}*/ .history .history-view .time-line .time-line-item h4{color:#4c4c4c;font-weight:400;font-size:48px;font-family:Bahnschrift;transition:all .3s;} /*.history .history-view .time-line .time-line-item.active h4{color:#e60115;}*/ .history .history-view .time-line .time-line-item .dot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;margin:auto;width:18px;height:18px;border-radius:50%;box-shadow:0 0 5px 0 rgba(0,0,0,.2);text-align:center;line-height:18px;} .history .history-view .time-line .time-line-item .dot span{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#9e9e9e;} .history .history-view .time-line .time-line-item .stance{height:92px;} .history .history-view .time-line .time-line-item p{margin:0 auto;max-width:200px;color:#535353;font-weight:400;font-size:16px;} .history .history-view .incident{position:absolute;top:90px;right:50%;z-index:1;overflow:hidden;width:380px;height:280px;background-color:#fff;box-shadow:0 5px 30px 0 rgba(0,0,0,.2);} .history .history-view .incident .incident-list{display:flex;width:100%;} .history .history-view .incident .incident-list .item{box-sizing:border-box;padding:7px 8px 0;width:380px;height:280px;min-width:380px;} .history .history-view .incident .incident-list .item .icon{margin:0 auto;width:364px;height:180px;} .history .history-view .incident .incident-list .item .icon img{width:100%;height:100%;} .history .history-view .incident .incident-list .item p{box-sizing:border-box;margin-top:12px;padding:0 10px;color:#333;font-weight:400;font-size:18px;} .history .history-view .navigation{overflow:hidden;margin:120px auto 0;width:300px;height:25px;border-radius:13px;font-size:0;} .history .history-view .navigation span{display:inline-block;width:50%;height:100%;background-color:#c5c5c5;color:#fff;text-align:center;font-weight:400;font-size:14px;line-height:25px;cursor:pointer;transition:all .3s;} .history .history-view .navigation span:first-child{border-right:1px solid #fff;} .history .history-view .navigation span:hover{background-color:#e60115;} @-webkit-keyframes internal{0%{stroke-dashoffset:344;} 100%{-webkit-transform:rotate(0);transform:rotate(0);stroke-dashoffset:0;} } @keyframes internal{0%{stroke-dashoffset:344;} 100%{-webkit-transform:rotate(0);transform:rotate(0);stroke-dashoffset:0;} } .framework{padding:69px 0 94px;width:100%;position: relative;} .framework .framework-view{margin:66px auto 0;width:951px;height:647px;background:url(../img/framework-view-bg.png) no-repeat center;background-size:cover;} .framework .framework-view::before{display:table;content:"";} .framework .framework-view .framework-title{display:flex;margin-left:132px;width:781px;align-items:center;justify-content:space-between;} .framework .framework-view .framework-title span{position:relative;top:-5px;display:block;width:180px;height:40px;color:#fff;text-align:center;font-weight:400;font-size:16px;line-height:40px;} .framework .framework-view .framework-title span:nth-child(2){width:142px;height:142px;color:#f6f7fa;text-align:center;font-weight:700;font-size:24px;line-height:142px;} .framework .framework-view .framework-department{display:flex;margin-top:133px;width:100%;align-items:center;} .framework .framework-view .framework-department span{margin:0 70px;width:158px;height:40px;min-width:158px;border-radius:20px;background-color:#f5f5f5;color:#212121;text-align:center;font-weight:400;font-size:16px;line-height:40px;} .framework .framework-view .framework-department span:first-child{margin-left:-77px;} .framework .framework-view .framework-list{display:flex;margin-top:40px;width:100%;} .framework .framework-view .framework-list .item{margin-left:141px;width:158px;} .framework .framework-view .framework-list .item:first-child{margin-left:25px;} .framework .framework-view .framework-list .item span{display:block;margin-top:27px;width:158px;height:40px;border-radius:20px;background-color:#f5f5f5;color:#212121;text-align:center;font-weight:400;font-size:16px;line-height:40px;} .framework .framework-view .framework-list .item span:first-child{margin-top:0;} .interpret{position:relative;width:100%;height:770px;background:url(../img/interpret_01.jpg) no-repeat;background-color:#222324;background-size:cover;padding-top: 80px;} .interpret::after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(0,0,0,.7);content:"";} .interpret .interpret-content{position:relative;z-index:1;width:1200px;} .interpret .interpret-content .solution-content{position:relative;box-sizing:border-box;margin-top:40px;width:100%;} .interpret .interpret-content .solution-content .tab-nav{position:relative;float:left;width:119px;} .interpret .interpret-content .solution-content .tab-nav .tab-nav-item{position:relative;display:flex;margin-top:70px;width:100%;height:119px;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:all .3s;align-items:center;justify-content:center;} .interpret .interpret-content .solution-content .tab-nav .tab-nav-item.active{border:1px solid rgba(255,255,255,.5);} .interpret .interpret-content .solution-content .tab-nav .tab-nav-item img{max-width:100%;max-height:100%;} .interpret .interpret-content .solution-content .tab-nav .tab-nav-item:first-child{margin-top:0;} .interpret .interpret-content .solution-content .tab-nav .tab-nav-item .loader{position:absolute;top:50%;left:50%;margin:-65px 0 0 -65px;width:130px;height:130px;opacity:0;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-ms-transform:rotate(-90deg);stroke-linecap:round;stroke-width:2;fill:none;} .interpret .interpret-content .solution-content .tab-nav .tab-nav-item.active .loader{opacity:1;} .interpret .interpret-content .solution-content .tab-nav .tab-nav-item .loader .internal-circle{-webkit-transform-origin:center;transform-origin:center;stroke:#fff;stroke-dashoffset:0;stroke-dasharray:344;-ms-transform-origin:center;} .interpret .interpret-content .solution-content .tab-nav .tab-nav-item.active .loader .internal-circle{-webkit-animation:internal 6s ease-in-out normal;animation:internal 6s ease-in-out normal;} .interpret .interpret-content .solution-content .tab-content{position:relative;float:left;margin-left:124px;padding-top:88px;width:840px;} .interpret .interpret-content .solution-content .tab-content .tab-content-item{display:none;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .title{margin-top:0;color:#fff;font-weight:700;font-size:24px;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .tags{margin-top:24px;color:#bfbfbf;font-weight:700;font-size:16px;font-size:16px;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .tags span{display:inline-block;margin:0 8px;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .desc{margin-top:40px;margin-bottom:55px;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .desc li{position:relative;max-width:731px;color:#fff;font-weight:400;font-size:16px;line-height:36px;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .desc li+li{margin-top:20px;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .g-plv-btn{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:180px;height:50px;border-radius:25px;background-color:#ff9103;color:#fff;text-align:center;font-weight:400;font-size:18px;line-height:50px;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .g-plv-btn:hover{background-color:#ff8003;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .logo-img{margin-top:60px;} .interpret .interpret-content .solution-content .tab-content .tab-content-item .logo-img img{display:inline-block;max-width:100%;vertical-align:top;} .interpret .interpret-content .solution-content .tab-content .active{display:block;} .interpret .interpret-content .solution-content::after{clear:both;display:table;content:"";} .interpret .interpret-content::before{display:table;content:"";} .swiper1{width:100%;} .swiper1 .selected{font-weight:700;} .swiper1 .selected span{background-color:#ff9103;} .swiper1 .swiper-slide{margin:20px 0 10px;height:30px;color:#323233;text-align:center;font-size:14px;cursor:pointer;} .swiper1 .swiper-slide span{display:block;margin:5px auto 0;width:20px;height:3px;border-radius:5px;} .minterpret{padding:30px 0 0;width:100%;} .minterpret .title{text-align:center;} .minterpret .title h1{color:#434343;font-weight:700;font-size:20px;} .minterpret .app-scenario-content{overflow:hidden;box-sizing:border-box;padding:0 20px;background-color:#fff;} .minterpret .app-scenario-content .van-tabs{margin-bottom:10px;} .minterpret .app-scenario-content .van-tabs /deep/.van-tabs__nav--line{padding-bottom:10px;} .minterpret .app-scenario-content .van-tabs /deep/.van-tabs__line{width:20px;background-color:#ff9103;} .minterpret .app-scenario-content .scenario-content{padding-bottom:.53333rem;} .minterpret .my-swipe{width:100%;} .minterpret .my-swipe a{display:inline-block;} .minterpret .my-swipe a figure{margin-bottom:10px;} .minterpret .my-swipe a figure img{max-width:100%;} .minterpret .my-swipe a p{display:-webkit-box;overflow:hidden;color:#aaa;font-size:14px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .ny_ycdl_xq{padding: 60px 0 40px;display: flex;align-items: center;justify-content: center;} .ny_ycdl_xq .img{width: 30%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;} .ny_ycdl_xq .img img{max-width: 100%;} .ny_ycdl_xq .td{width: 70%;padding-left: 50px;} .ny_ycdl_xq .td .ml1{font-size: 24px;line-height: 24px;font-weight: bold;color: #333;} .ny_ycdl_xq .td .ml2{font-size: 14px;line-height: 30px;color: #666;margin-top: 20px;} .ny_ycdl_xq2{padding: 60px 0 60px;display: flex;align-items: center;justify-content: center;} .ny_ycdl_xq2 .img{width: 30%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;} .ny_ycdl_xq2 .img img{width: 100%;} .ny_ycdl_xq2 .td{width: 70%;padding-left: 50px;} .ny_ycdl_xq2 .td .ml1{font-size: 24px;line-height: 24px;font-weight: bold;color: #333;} .ny_ycdl_xq2 .td .ml2{font-size: 16px;line-height: 36px;color: #666;margin-top: 20px;} .ny_ycdl_xq_bt{margin-bottom: 30px;} .ny_ycdl_xq_bt .ml1{font-size: 20px;line-height: 20px;color: #333;font-weight: bold;} .ny_ycdl_xq_bt .ml2{background: url(../img/bt2_bg.jpg);height: 13px;margin-top: 15px;} .ny_ycdl_xq_bt .ml2 span{float: left;font-size: 16px;line-height: 16px;color: #B3B3B3;font-family:Arial, sans-serif;background: #fff;padding-right: 5px;margin-top: -2px;} .ny_ycdl_xq_txt{font-size: 14px;line-height: 30px;color: #666;padding-bottom: 60px;} .ny_ycdl_xq_txt img{display:block;max-width:100%;} .nycpfl{display: flex;align-items: center;justify-content: center;padding-bottom:40px;} .nycpfl a{font-size:16px;line-height:40px;padding:0 36px;color:#333;background:#f6f6f6;border-radius:5px;margin:0 10px;} .nycpfl a.on{color:#fff;background:#b9192e;}