@charset "utf-8"; /* html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%; filter:grayscale(100%);} */ * {margin: 0;padding: 0;font-family: arial, helvetica, verdana, 'microsoft yahei';border: 0;outline: medium;text-shadow: none;text-decoration: none;} body {color: #444;font-size: 14px;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} input {vertical-align: middle;} textarea {resize: none;} ul {list-style: none;} img, {display: block;} a{color: #444;text-decoration: none;} a:hover{color: #444;text-decoration: none;} i, em {font-style: normal;} p{margin-bottom: 0px;} ul{margin-bottom: 0px;} /*input placeholder 样式 */ ::-webkit-input-placeholder {color: #999;} :-moz-placeholder {color: #999;} ::-moz-placeholder {color: #999;} :-ms-input-placeholder {color: #999;} /*修改滚动条*/ ::-webkit-scrollbar{width:6px;height:6px ;} ::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;} ::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;} .pf_12{font-size: 12px;line-height: 25px;} .pf_16{font-size: 16px;line-height: 30px;} .pf_18{font-size: 18px;line-height: 30px;} .pf_17{font-size: 17px;line-height: 30px;} .pf_22{font-size: 22px;line-height: 35px;} .pf_24{font-size: 24px;line-height: 35px;} .pf_28{font-size: 28px;line-height: 40px;} .pf_30{font-size: 30px;line-height: 45px;} .pf_32{font-size: 32px;line-height: 45px;} .pf_34{font-size: 34px;line-height: 50px;} .pf_36{font-size: 36px;line-height: 50px;} @font-face {font-family:fz;src: ;} #ditucontent label {max-width: unset!important;text-align: center;} .jw-controlbar{width: 100%;} .sa{line-height: 40px;} /*top*/ .top{position: fixed;z-index: 88;top:0;width: 100%;background: rgba(0,0,0,.5);} .topa a{float: left;border-right: 1px solid rgba(255,255,255,.2)} .topa a img{display: block;max-width: 100%;} .topa span{display: block;color: #fff;} .topa p{line-height: 20px;letter-spacing: 5px;color: #fff;} .topb li a{display: block;color: #fff;line-height: 20px;text-align: center;font-size: 18px;position: relative;transition:.4s;} .topb li a i{margin-right: .25rem;font-size: 20px;} .topb li a:hover {color: rgba(255,255,255,.7);} .topb li:nth-of-type(1) a::after{position: absolute;content: "";right:0;top:20%;height: 15px;width: 1px;background: rgba(255,255,255,.7);} .menu li a span{display: block;position: relative;transition:.4s;text-align: center;color: #fff;font-size: 15px;line-height: 25px;} .menu li a span:hover{color: rgba(255,255,255,.7);} .menu li a span::after{position: absolute;content: "";right:0;top:20%;height: 15px;width: 1px;background: rgba(255,255,255,.3);} .menu li:last-child a span::after{width: 0px;} .menu li.curr { transition: all 0.3s ease 0s; } .menu li.curr .submenu{opacity: 1; } .menu li .submenu{position:fixed;z-index: 8;top:87px;left:0; width:100%;height:0;overflow: hidden;opacity:0; text-align: center;transition: all 0.3s ease 0s; } .navbga{background:url(/uploads/image/szimages/navbga.png) center bottom no-repeat;} .navbgb{background:url(/uploads/image/szimages/navbgb.png) center bottom no-repeat;} .navbgc{background:url(/uploads/image/szimages/navbgc.png) center bottom no-repeat;} .navbgd{background:url(/uploads/image/szimages/navbgd.png) center bottom no-repeat;} .navbge{background:url(/uploads/image/szimages/navbge.png) center bottom no-repeat;} .navbgf{background:url(/uploads/image/szimages/navbgf.png) center bottom no-repeat;} .navbgg{background:url(/uploads/image/szimages/navbgg.png) center bottom no-repeat;} .navbgh{background:url(/uploads/image/szimages/navbgh.png) center bottom no-repeat;} .menu li .submenu .left{float: left;width:60%;padding: 6% 0;text-align: left;} .menu li .submenu .left span{display: block;line-height: 60px;font-size: 40px; color: #fff;font-weight: bold;} .menu li .submenu .left p{line-height: 30px;color: rgba(255,255,255,.8);letter-spacing: 2px;font-family: fz;font-size: 22px;text-transform: uppercase;} .menu li .submenu .left strong{display: block;font-weight: normal;font-size: 22px;color: rgba(255,255,255,.8);} .menu li .submenu .left strong em{font-size:22px;color: #fff;} .menu li .submenu .right{float: right;width: 40%;padding:4%;} .menu li .submenu .right {text-align: left;} .menu li .submenu .right span{display: block;line-height: 30px;color: #999;text-transform: uppercase;border-bottom: 1px solid #e0e0e0;} .menu li .submenu .right span b{font-size: 22px;color: #444;} .menu li .submenu .right span em{color: #ce000c;font-size: 30px;} .menu li .submenu .right dd a{display: block;line-height: 30px;font-size: 15px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .menu li .submenu .right dd a:hover{color: #ce000c;} .menu li .submenu .right dd a em{color: #ce000c;font-size:22px;} .search-text{border: 1px solid #ddd;line-height: 38px;padding-left: 5px;width: 80%;} .fdj{width: 55px;height: 40px; line-height: 40px;background: url(/uploads/image/szimages/fdj.png) center no-repeat #ce000c;outline: none;color: #fff;width: 20%;transition:.4s;} .fdj:hover{background: url(/uploads/image/szimages/fdj.png) center no-repeat #444;} .btn{border-radius: 0px !important;} .mobmenu{position: relative;top:-24px;} .mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;} .mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'fira mono', 'courier new', courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;} .mobmenu .aligncontent-center {text-align: center;} .mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;} .mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 0;} .mobmenu .menu-left {float: left;} .mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;} .mobmenu .menu-button i{font-size: 24px;color:#fff} .mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);} .mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);padding:6%;} .mobmenu .sidebar ul{margin-top: 10%;border: 1px solid rgba(0,0,0,.1);border-bottom: none;border-right: none;height: auto;overflow: hidden;} .mobmenu .sidebar li a{display: block;transition:.4s;border-bottom: 1px solid rgba(0,0,0,.1);border-right: 1px solid rgba(0,0,0,.1);text-align: center;padding: 5px;} .mobmenu .sidebar li a:hover{background: #ce000c;} .mobmenu .sidebar li a:hover i{color: #fff;} .mobmenu .sidebar li a:hover span{color: #fff;} .mobmenu .sidebar li a i{font-size: 26px;color: #777;} .mobmenu .sidebar li span{display: block;line-height: 30px;color: #666;} .moba img{display: block;margin:0 auto 2rem auto;} .moba strong{display: block;line-height:50px;background:#333;text-align: center;font-size:18px;color:rgba(255,255,255,.8);letter-spacing: 2px;} /*banner*/ .banner {position: relative;height: auto !important;z-index: 1;top:0;} .banner .swiper-wrapper{height: auto !important;} .banner .swiper-slide {position: relative;height: auto !important;float: left;} .banner .swiper-slide a{display:block;width:100%;height: auto !important;} .banner .swiper-slide a img{ width: 100%; height: auto;} .banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 20px;text-align: center;bottom: 6% !important;width: 100%;z-index: 9999;} .banner .swiper-pagination-bullet{background: #fff;transition:.4s;} .banner .swiper-pagination-bullet-active{width:30px;height: 8px;border-radius: 10px;background: #ce000c;} #swiper-slide1{position: relative;width: 100%;} #swiper-slide1 .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.2);text-align: center;padding-top: 15%;} #swiper-slide1 .bannera img{display: block;margin:0 auto;max-width: 100%;} #playercontainer{left: 0;width: 100%;} /*index_cp*/ .in_01{height: auto;overflow: hidden;background:url(/uploads/image/szimages/in01bg.jpg) center top no-repeat;} .in01a img{display: block;max-width: 100%;} .in01a_a i{font-size: 36px;} .in01a_a span{display: block;color: #999;text-transform: uppercase;font-size: 16px;} .in01a_a b{color: #ce000c;font-size: 42px;} .in01a_a p{color: #777;} .in01a_b p{line-height: 30px;color: #777;} .in01a_b a{color: #ce000c;transition:.4s;} .in01a_b a:hover{color: #444;} .in01a_c li .in01a_d{padding:1rem 1.5rem 1rem 6rem;border: 1px solid #eeeff0;height: auto;overflow: hidden;} .in01a_c li .in01a_d span{float: left; display: block;width: 40px;line-height: 20px;} .in01a_c li .in01a_d em{float: left;margin-top: 7px;color: #777;} .in01a_c li .in01a_d em b{font-size: 42px;font-family: fz;color: #ce000c;} .in01a_c li:nth-of-type(1) .in01a_d{background:url(/uploads/image/szimages/in01b.png) 2rem center no-repeat #fff;} .in01a_c li:nth-of-type(2) .in01a_d{background:url(/uploads/image/szimages/in01c.png) 2rem center no-repeat #fff;} .in01a_c li:nth-of-type(3) .in01a_d{background:url(/uploads/image/szimages/in01d.png) 2rem center no-repeat #fff;} .in01b .row{position: relative;} .in01b li a{display: block;text-align: center;transition:.4s;} .in01b li a:hover {color: #ce000c;} .in01b li i{font-size: 40px;} .in01b li span{display: block;} .in01b li p{line-height: 30px;color: #777;text-transform: uppercase;font-family: fz;} .line{ width: 200px; height: 10px;position: absolute; top: 30px;} .line span{display: block;border-top: 1px dashed #d8d8d8;width: 100%;position: relative;top:75%;} .line:before{ animation: fwzcline1 3s infinite; position: absolute; top: 50%; left: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #dc3530; border-radius: 50%; } .line:after{ animation: fwzcline2 3s infinite; position: absolute; top: 50%; right: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #dc3530; border-radius: 50%; } .linea{margin-left: 10.6%;} .lineb{margin-left: 27.2%;} .linec{margin-left: 44%;} .lined{margin-left: 60.5%;} .linee{margin-left: 77%;} @keyframes mfwzcline1 { 0% { top: 0px; } 50% { top: 50%; } 100% { top: 100%; } } @keyframes mfwzcline2 { 0% { bottom: 0px; } 50% { bottom: 50%; } 100% { bottom:100%; } } @keyframes fwzcline1 { 0% { left: 0px; } 50% { left: 50%; } 100% { left: 100%; } } @keyframes fwzcline2 { 0% { right: 0px; } 50% { right: 50%; } 100% { right:100%; } } .in_02{height: auto;overflow: hidden;background: url(/uploads/image/szimages/in02bg.jpg) center no-repeat fixed;} .intita {padding-left: 1rem;position: relative;} .intita::before{position: absolute;content: "";width: 8px;height: 30px;background: #ce000c;top:10%;left:0;} .intita span{color: rgba(255,255,255,.8);text-transform: uppercase;} .intita span b{color: #fff;} .intita a{display: block; border: 1px solid rgba(255,255,255,.4);text-align: center;line-height: 45px;width: 120px;color: #fff;transition:.4s;} .intita a:hover{background: #ce000c;} .intitb {border-bottom: 1px dashed rgba(255,255,255,.2)} .intitb span{display: block;background: url(/uploads/image/szimages/intita.png) top left no-repeat;padding-top: 3rem;color: #fff;} .intitb a{display: block;width:30px;line-height:30px;background: rgba(255,255,255,.2);color: rgba(255,255,255,.6);border: 1px solid rgba(255,255,255,.6);transition:.4s;text-align: center;height:30px;} .intitb a:hover{background:rgba(255,255,255,.9);color: #444} .in02a_a{height: auto;overflow: hidden; border: 1px solid rgba(255,255,255,.4)} .in02a_a li {float: left;width: 48%;margin-right: 4%;} .in02a_a li:nth-of-type(2n 0){margin-right: 0;} .in02a_a li a{display: block;line-height: 45px;color: rgba(255,255,255,.8);transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in02a_a li a:hover{color:#fff;} .in02a_a li a i{float: right;} .in02a_b .swiper-slide a{display: block;border: 1px solid rgba(255,255,255,.4);position: relative;} .in02a_b .swiper-slide img{display: block;max-width: 100%;} .in02a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color: rgba(255,255,255,.8);white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in02h{position:absolute;width:100%;opacity:0;filter:alpha(opacity=0)\9;height:100%;left:0;top:0;background:#000;background:rgba(0,0,0,0.9);transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms} .in02h i{position:absolute;height:26px;width:26px;left:50%;top:50%;margin-left:-13px;margin-top:-50px;background:url(/uploads/image/szimages/in02a.png) no-repeat;transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms} .in02h em{position:absolute;width:37px;height:9px;left:50%;top:50%;margin-left:-18px;margin-top:40px;background:url(/uploads/image/szimages/in02b.png) no-repeat;transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms} .in02a_b .swiper-slide a:hover .in02h{opacity:1;filter:alpha(opacity=100)\9} .in02a_b .swiper-slide a:hover .in02h i{margin-top:-22px} .in02a_b .swiper-slide a:hover .in02h em{ margin-top:13px} .in02a:nth-of-type(2) .intitb span{background: url(/uploads/image/szimages/intitb.png) top left no-repeat;} /*in_03*/ .in_03{height: auto;overflow: hidden;background: url(/uploads/image/szimages/in03bg.jpg) center top repeat;} .intitc {padding-left: 1rem;position: relative;} .intitc::before{position: absolute;content: "";width: 8px;height: 30px;background: #ce000c;top:10%;left:0;} .intitc span{color: #777;text-transform: uppercase;} .intitc span b{color: #444;} .intitc a{display: block;border: 1px solid rgba(4,4,4,.1);text-align: center;line-height: 45px;width: 120px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .intitc a:hover{background: #ce000c;color: #fff} .intitd {border-bottom: 1px dashed rgba(4,4,4,.2)} .intitd span{display: block;background: url(/uploads/image/szimages/intitd.png) top left no-repeat;padding-top: 3rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .intitd a{display: block;width:30px;line-height:30px;background: rgba(4,4,4,.1);color: rgba(4,4,4,.2);border: 1px solid rgba(4,4,4,.2);transition:.4s;text-align: center;height:30px;} .intitd a:hover{background:#fff;color: #444} .in03a:nth-of-type(2) .intitd span{background: url(/uploads/image/szimages/intitc.png) top left no-repeat;} .in03a_a{height: auto;overflow: hidden; border: 1px solid rgba(4,4,4,.2)} .in03a_a li {float: left;width: 48%;margin-right: 4%;} .in03a_a li:nth-of-type(2n 0){margin-right: 0;} .in03a_a li a{display: block;line-height: 45px;color:#777;transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in03a_a li a:hover{color:#444;} .in03a_a li a i{float: right;} .in03a_b .swiper-slide a{display: block;border: 1px solid rgba(4,4,4,.2);height: auto;overflow: hidden;} .in03a_b .swiper-slide img{display: block;max-width: 100%;} .in03a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color:#777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in03a_b .swiper-slide a:hover .in02h{opacity:1;filter:alpha(opacity=100)\9} .in03a_b .swiper-slide a:hover .in02h i{margin-top:-22px} .in03a_b .swiper-slide a:hover .in02h em{ margin-top:13px} /*in_04*/ .in_04{height: auto;overflow: hidden;background: url(/uploads/image/szimages/in04bg.jpg) center no-repeat;color: #fff;} .in04a .myswiper{position: relative;overflow: inherit;} .in04a .myswiper::before{position: absolute;content: "";left:-20%;top:16%;height: 1px;width: 140%;background: rgba(255,255,255,.2);} .in04a .myswiper .swiper-slide{text-align: center;line-height: 40px;font-size: 15px;} .in04a .myswiper i{display: block;width: 20px;height: 20px;border-radius: 20px;padding: 4px;margin:0 auto;background:rgba(255,255,255,.6);} .in04a .myswiper i em{display: block;width: 12px;height: 12px;background: #fff;border-radius: 20px;} .in04a .swiper-slide-thumb-active i em{background: #ce000c;} .in04b_a{border: 1px dashed rgba(255,255,255,.2)} .in04b_a span{display: block;} .in04b_a span em{font-size: 30px;font-family: fz;} .in04b_a b{display: block;width: 40px;height: 1px;background: rgba(255,255,255,.9);margin:1rem 0;} .in04b_a p{line-height: 30px;color: rgba(255,255,255,.8);} .in04b_b a{display: block;line-height: 40px;width: 140px;background: #ce000c;border: 1px solid #ce000c;color: #fff;text-align: center;transition:.4s;} .in04b_b a:hover{background: #fff;color: #ce000c;} .in04b_b i{font-size: 60px;height: 40px;margin-top: -23px;} /*in_05*/ .in05a li a{display: block;background: url(/uploads/image/szimages/in05a.png) center no-repeat rgba(252,252,252,1);border: 1px solid #e8e8e8;text-align: center;transition:.4s;position: relative;} .in05a li a:hover{transform: translate3d(0,-10px,0);box-shadow: 0px 0px 8px 5px #eee;background: url(/uploads/image/szimages/in05a.jpg) center no-repeat;color: #fff;padding-top: 1rem !important;padding-bottom: 5rem !important} .in05a li a:hover img{opacity: 0;} .in05a li a:hover i{background: #fff;} .in05a li a:hover p{color: #fff;} .in05a li a img{display: block;margin:0 auto;transition:.4s;} .in05a li a span{display: block;} .in05a li a i{display: block;margin:1rem auto;width: 30px;height: 2px;background: #ce000c;transition:.4s;} .in05a li a p{line-height: 30px;color: #777;transition:.4s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} /*in_06*/ .in_06{height: auto;overflow: hidden;background: url(/uploads/image/szimages/in06bg.jpg) center no-repeat fixed;} .in_06 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;} .in06a a{display: block; height: auto;overflow: hidden;position: relative;} .in06a a:hover .in06a_a{background: linear-gradient(to top, rgba(0,0,0,.5) 20%,rgba(0,0,0,.3)50%, rgba(0,0,0,0)100%);} .in06a a:hover em{color: #fff;margin-bottom: 1rem;} .in06a .in06a_a{position: absolute;z-index: 2;width: 100%; bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.5) 10%,rgba(0,0,0,.3)30%, rgba(0,0,0,0)60%);transition:.4s;} .in06a .in06a_a span{display: block;} .in06a .in06a_a strong{display: block;color: #fff;} .in06a .in06a_a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .in06a .in06a_a em{display: block;transition:.4s;} .in_06 li a{display: block;height: auto;overflow: hidden;border: 1px solid rgba(255,255,255,.3);transition:.4s;} .in_06 li a:hover{background: #ce000c} .in_06 li a span{display: block;color: rgba(255,255,255,.3);} .in_06 li a strong{display: block;color: #fff;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in_06 li a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .in_06 li a em{display: block;transition:.4s;color: rgba(255,255,255,.3)} .in06a_b{display: block;width: 100%;height: 0;padding-bottom: 124.5%;position: relative;overflow: hidden;} .in06a_c{display: block;width: 100%;height: 0;padding-bottom: 81.5%;position: relative;overflow: hidden;} /*in_07*/ .in07a a{display: block;position: relative;height: auto;overflow: hidden;} .in07a a:hover span{line-height: 65px;background: rgba(0,0,0,.3)} .in07a a img{display: block;width: 100%;} .in07a a span{display: block;position: absolute;bottom: 0;width: 100%;line-height: 55px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;} .in07b{display: block;width: 100%;height: 0;padding-bottom: 33.8%;position: relative;overflow: hidden;} /*脚步*/ .footer{height: auto;overflow: hidden;background:#181819;border-top: 6px solid #ce000c;} .foota {border-right: 1px solid rgba(255,255,255,.2)} .foota li span{display: block;color: #fff;} .foota li p a{color: rgba(255,255,255,.6);line-height: 35px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .foota li p a:hover{color: #fff;} .footb img{display: block;max-width: 100%;margin:0 auto;} .footba img{display: block;max-width: 100%;margin:0 auto;border: 1px dashed rgba(255,255,255,.4);padding: 7px;} .footba span{display: block;line-height: 45px;color: rgba(255,255,255,.8);} .ewm{width: 40%;text-align: center;} .footc{line-height: 50px;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);color: #7b7b7c;} .footc li{position: relative;text-align: center;} .footc li::after{position: absolute;content: "";width: 1px;height: 15px;background: rgba(255,255,255,.2);right:0;top:35%;} .footc li:last-child::after{height: 0px;} .footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#ce000c;color:#fff;z-index: 888;} .footnav li{float: left;text-align: center; color: #fff;} .footnav li a{display: block;} .footnav li:nth-of-type(1){width: 15%;} .footnav li:nth-of-type(1) a{border-right: 1px solid #c2000b;} .footnav li:nth-of-type(2){width: 15%;} .footnav li:nth-of-type(2) a{border-right: 1px solid #c2000b;} .footnav li:nth-of-type(3){background: #444;width: 35%;} .footnav li:nth-of-type(3) a{border-right: 1px solid #333; } .footnav li:nth-of-type(4){background: #444;width: 35%;} .footnav li i{font-size: 20px;} .footnav li span{display: block;line-height: 25px;} .footnav li a{display: block; color: #fff !important;padding-top:4%;} .footnav li a:hover{color: #ffb40b} /*简介*/ .ban_com{background: url(/uploads/image/szimages/ban_com.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_pro{background: url(/uploads/image/szimages/ban_pro.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_case{background: url(/uploads/image/szimages/ban_case.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_xswl{background: url(/uploads/image/szimages/ban_xswl.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_kjyf{background: url(/uploads/image/szimages/ban_kjyf.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_news{background: url(/uploads/image/szimages/ban_news.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_job{background: url(/uploads/image/szimages/ban_job.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban {padding:13% 0 14% 0;} .ban i{font-size: 42px;color: #ce000c} .ban strong{display: block;font-size: 42px;line-height: 50px;color: #ce000c} .ban p{text-transform: uppercase;color: rgba(206,0,12,.1);font-family: fantasy;font-size: 36px;font-weight: bold;} .location {height: auto;overflow: hidden; background: #f8f8f8;border-bottom: 1px solid #e6e6e6;} .locationa {line-height: 70px;font-size: 20px;font-weight: bold;border-right: 1px solid #e6e6e6;text-align: center;color: #222;} .locationa i{font-size: 22px;color: #ce000c;font-weight: normal;} .locationb li{line-height: 70px;position: relative;text-align: center;} .locationb li a{display: block;transition:.4s;} .locationb li a:hover{color: #ce000c;} .locationb li:after{position: absolute;content: "";width: 1px;height: 15px;background: #e6e6e6;right:0;top:38%;} .locationb li:last-child:after{width: 0px;} .locationc{text-align: right;line-height: 70px;} .locationc i{color: #ce000c;font-size: 18px;} .locationc a{color: #777;} .locationc a:hover{color: #ce000c;} /*简介*/ .companya {height: auto;overflow: hidden;background: url(/uploads/image/szimages/companya.jpg) center top no-repeat;} .coma_a i{display: block;width: 30px;height: 4px;background: #ce000c;margin:2rem 0} .coma_a strong{display: block;color: #ce000c;} .coma_a strong em{font-size: 22px;} .coma_a span{display: block;} .coma_a ul li {color: #777;} .coma_a ul li em{color: #ce000c;} .coma_b strong{font-size: 40px;font-family: fz;} .coma_b p{background: #c00505;color: #fff;width: 90px;text-align: center;line-height: 30px;} .companya img{max-width: 100%;} .comb{color: #777;} .qywha li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; } .qywha li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;} .qywha li:nth-of-type(1) {display: block;background: url(/uploads/image/szimages/qywha.jpg) center no-repeat;border-radius: 0 20px 0 20px;} .qywha li:nth-of-type(2) {display: block;background: url(/uploads/image/szimages/qywhb.jpg) center no-repeat;border-radius: 20px 0 20px 0;} .qywha li:nth-of-type(3) {display: block;background: url(/uploads/image/szimages/qywhc.jpg) center no-repeat;border-radius: 0 20px 0 20px;} .qywha li:nth-of-type(4) {display: block;background: url(/uploads/image/szimages/qywhd.jpg) center no-repeat;border-radius: 20px 0 20px 0;padding:17% 4%;} .qywha i{display: block;background: url(/uploads/image/szimages/qline.png) center no-repeat;width: 42px;height: 8px;margin:1rem auto;} .qywhb li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; } .qywhb li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;} .qywhb li:nth-of-type(1) {display: block;background: url(/uploads/image/szimages/qywhba.jpg) center no-repeat;border-radius:20px;} .qywhb li:nth-of-type(2) {display: block;background: url(/uploads/image/szimages/qywhbb.jpg) center no-repeat;border-radius:20px;} .qywhb i{display: block;background: url(/uploads/image/szimages/qline.png) center no-repeat;width: 42px;height: 8px;margin:1rem auto;} .qywhc li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; } .qywhc li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;} .qywhc li:nth-of-type(1) {display: block;background: url(/uploads/image/szimages/qywhca.jpg) center no-repeat;border-radius: 20px 0 20px 0;} .qywhc li:nth-of-type(2) {display: block;background: url(/uploads/image/szimages/qywhcb.jpg) center no-repeat;border-radius: 0 20px 0 20px;} .qywhc li:nth-of-type(3) {display: block;background: url(/uploads/image/szimages/qywhcc.jpg) center no-repeat;border-radius: 20px 0 20px 0;} .qywhc li:nth-of-type(4) {display: block;background: url(/uploads/image/szimages/qywhcd.jpg) center no-repeat;border-radius: 0 20px 0 20px;padding:20% 4% 26% 4%;} .qywhc i{display: block;background: url(/uploads/image/szimages/qline.png) center no-repeat;width: 42px;height: 8px;margin:1rem auto;} .zzjg {height: auto;overflow: hidden;background: url(/uploads/image/szimages/zzjgbg.jpg) left top repeat;} .zzjg p{line-height: 30px;color: #777;} .zzjg p:nth-of-type(5){border-top: 1px solid #d4d4d4} .zzjg img{ max-width: 100%;} .companyc{height: auto;overflow: hidden;background: #fbfbff;} .comc li img{display: block;max-width: 100%;transition: all 0.6s ease 0s;} .comc li a{display: block; position: relative;height: auto;overflow: hidden;} .comc_a{position: absolute;z-index: 2;background: linear-gradient(to top, rgba(0,0,0,.7) 5%,rgba(0,0,0,.3)20%, rgba(0,0,0,0.2)40%,rgba(0,0,0,0.1)50%); width: 100%;height: 100%;bottom: 0;padding-top: 45%;color: #fff;transition:.4s;} .comc_a span{background: url(/uploads/image/szimages/comc_b.png) left center no-repeat;padding-left: 4.5rem;} .comc_a p{line-height: 20px;text-transform: uppercase;letter-spacing: 1px;} .comc_a i{display: block;width: 70px;height: 70px;transition:.4s;padding: 5px;background: rgba(255,255,255,0);} .comc_a i em{display: block;width: 100%;height: 100%;background: rgba(255,255,255,0);line-height: 30px;border: 1px solid #fff;text-align: center;transition:.4s;} .comc li:hover i{background: rgba(206,0,12,.3);} .comc li:hover em{background: rgba(206,0,12,.8);background: #ce000c;border: 1px solid #ce000c;} .comc li:hover img{transform: scale(1.05);} /*荣誉*/ .qyfca{height: auto;overflow: hidden;background: url(/uploads/image/szimages/qyfca.jpg) center no-repeat;padding: 10% 0;text-align: center;} .qyfca_a{width:220px;height: 220px;background: rgba(206,0,12,.9);color: #fff;text-align: center; position: relative;border-radius: 120px;padding-top:2rem;margin:0 auto; -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;transition:.4s; -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); } .qyfca_a em{font-size: 42px;} .qyfca_a strong{display: block;} .qyfca_a p{color: rgba(255,255,255,.8);text-transform: uppercase;line-height: 30px;} .qyfca_a i{font-size: 34px;} .qyfca_a:after{position: absolute;content: "";display: block;width: 220px;height: 220px;border-radius: 120px; top:0px; left: 0px; z-index: -1; box-shadow: 0 0 0 2px rgba(205,0,0,0.1); opacity: 0; -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-animation: sonareffect 1.3s ease-out 75ms infinite; -moz-animation: sonareffect 1.3s ease-out 75ms infinite; animation: sonareffect 1.3s ease-out 75ms infinite; } @-webkit-keyframes sonareffect { 0% { opacity: 0.3; background: rgba(0,255,255,1); } 40% { opacity: 0.5; background: rgba(0,255,255,1); box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); -webkit-transform: scale(1.2); background: rgba(0,255,255,1); opacity: 0; } } @-moz-keyframes sonareffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); -moz-transform: scale(1.2); opacity: 0; } } @keyframes sonareffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); transform: scale(1.2); opacity: 0; } } .qyfclist li a{height: auto;overflow: hidden;position: relative;} .qyfclist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;} .qyfclist li:hover img{transform: scale3d(1.1, 1.1, 1.1)} /*.qyfclist li:hover span{line-height: 330px;background: rgba(0,0,0,0);font-size: 24px;} .qyfclist li:hover .qimga::before{-webkit-clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%);*/ clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%);} .qyfclist li:hover .qimga::after{transition: .4s; -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%); clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%);} .qimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;} .qimga::before{position: absolute;content: ""; display: block;width: 100%;height: 100%;left:0;z-index: 1; -webkit-clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%); clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%); -webkit-transform: translatey(0%); transform: translatey(0%);background:rgba(206,0,12,.8); bottom: 0;transition: .4s} .qimga::after{position: absolute;content: "";display: block;width: 100%;height: 100%;right:0;z-index: 1; bottom: 0;transition: .4s; -webkit-clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%); clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%); -webkit-transform: translatey(0%); transform: translatey(0%);background:rgba(206,0,12,.8); } .qimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; background: rgba(0,0,0,.4);color:#fff;text-align: center;transition: .4s} .qyzllist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;} .qyzllist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;} .qyzllist li:hover img{transform: scale3d(1.1, 1.1, 1.1)} .qyzllist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);} .qyimga{display: block;width: 100%;height: 0;padding-bottom: 140%;position: relative;overflow: hidden;} .qyimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s} .qyzzlist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;} .qyzzlist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;} .qyzzlist li:hover img{transform: scale3d(1.1, 1.1, 1.1)} .qyzzlist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);} .qzimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;} .qzimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s} /*case*/ .caselist li a{display: block;transition:.4s;background:url(/uploads/image/szimages/casea.png) right bottom no-repeat #f5f5f5;} .caselist li a:hover{background:url(/uploads/image/szimages/casea.png) right bottom no-repeat #fff;box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;} .caselist li a:hover em{background:#ce000c;color: #fff} .caselist li img{display: block;width: 100%;} .case_a p{line-height: 40px;} .case_a{width: 80%;} .case_a strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .case_a em{display: block;width: 140px;line-height: 35px;border: 1px solid #d8d8d8;border-radius: 60px;background: #fff;color: #ce000c;transition:.4s;text-align: center;font-style: normal;} /*network*/ .xswla img{display: block;max-width: 100%;margin:0 auto;} .xswlb li{float: left;width: 10%;text-align: center;line-height: 40px;color: #777;transition:.4s;height: auto;overflow: hidden;} .xswlb li a{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .xswlb li a:hover{color: #ce000c;} .xswlb{height: auto;overflow: hidden;} .xswlc strong{display: block;text-align: center;} .xswld{height: auto;overflow: hidden;} .xswld table { width: 100%!important;border-collapse: collapse;} .xswld table p{ width: 100%!important; border-collapse: collapse;border-left: 1px solid #a7a7a7} .xswld th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #a7a7a7;} .xswld tr{border-right: 1px solid #a7a7a7;text-align: center;line-height: 45px;} .xswld tr td{border-left: 1px solid #a7a7a7} .xswld .firstrow tr td:nth-of-type(2) p{border-right: none;border-left: none;} .xswld .firstrow td{background: #ce000c;line-height: 55px;font-size: 18px;color: #fff;font-weight: bold;border-right: 1px solid #b90610;} .xswld .firstrow td p{border-left:1px solid #fff;} .shfwa li strong{display: block;font-family: fz;color: #ce000c;} .shfwa li:hover .shfwb{background: #fff;box-shadow: rgba(174,174,174,.2) 0 2px 5px 5px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;} .shfwb{height: auto;overflow: hidden;border: 1px solid #e4e4e4;background: #fafafa;transition:.4s;} .shfwb strong{display: block;} .shfwb p{line-height: 30px;color: #777;} /*content_product*/ .producta{height: auto;overflow: hidden;background: url(/uploads/image/szimages/producta.jpg) center center no-repeat;padding: 8% 0 6% 0;} .cases{height: auto;overflow: hidden;background: url(/uploads/image/szimages/cases.jpg) center center no-repeat;padding: 8% 0 6% 0;} .casetype{height: auto;overflow: hidden;} .casetype li {height: auto;overflow: hidden;border-bottom: 1px solid #eeeeee;} .casetype li strong{display: block; float: left;line-height: 60px;} .casetype li p{float: left;padding: 0 1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 60px;} .casetype li p a{display: block;color: #777;transition:.4s;} .casetype li p a:hover{color: #ce000c;} .producta_a {text-align: center;color: #fff;} .producta_a strong{display: block;font-size: 70px;line-height: 100px;} .producta_a i{display: block;background: url(/uploads/image/szimages/pla.png) center no-repeat;height: 5px;margin:2rem auto;} .producta_a p{text-transform: uppercase;color: rgba(255,255,255,.8);letter-spacing: 3px;} .producta_b {width: 80%;margin:5rem auto;height: auto;overflow: hidden;} .producta_b li a{display: block;color: #fff;transition:.4s;} .producta_b li a:hover{color: rgba(255,255,255,.6);} .producta_b li i{color: #ce000c;} .producta_c{width: 50%;margin:3rem auto;} .producta_c a{display: block;width: 45%;background: #ce000c;border: 1px solid #ce000c; line-height: 50px;border-radius: 60px;color: #fff;text-align: center;transition:.4s;} .producta_c a:hover{background: #fff;color: #ce000c;} .producta .myswiper {padding-top: 5rem;position: relative;overflow: revert;} .producta .myswiper::before{position: absolute;content: "";width: 140%;left:-20%; height: 1px;background: rgba(255,255,255,.2);top:57.5%;} .producta .myswiper .swiper-slide{color: #fff;text-align: center;cursor: pointer;} .producta .myswiper .swiper-slide span{display: block;} .producta .myswiper .swiper-slide-thumb-active i{background: #ce000c !important;} .producta .myswiper .swiper-slide i{display: block;width: 15px;height: 15px;border-radius: 60px;background: rgba(255,255,255,1);margin:0 auto;position: relative; -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;transition:.4s; -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93);} .producta .myswiper .swiper-slide i:after{position: absolute;content: "";display: block;width: 15px;height: 15px;border-radius: 60px; top:0px; left: 0px; z-index: -1; box-shadow: 0 0 0 2px rgba(205,0,0,0.1); opacity: 0; -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-animation: sonareffect 1.3s ease-out 75ms infinite; -moz-animation: sonareffect 1.3s ease-out 75ms infinite; animation: sonareffect 1.3s ease-out 75ms infinite; } .protita{text-align: center;} .protita strong{display: block;font-size: 42px;} .protita strong b{color: #ce000c} .protita p{color: #777;width: 70%;margin:0 auto;} .prolist li a{display: block;position: relative;height: auto;overflow: hidden;border: 1px solid #eee;} .prolist li a:hover .plimga i{background: rgba(0,0,0,.3)} .prolist li a:hover .pl_a{bottom: 5%;box-shadow: rgba(255,255,255,0.3) 0 5px 10px;} .prolist li .pl_a{position: absolute;bottom: 4%;left:4%;width: 92%;background: rgba(255,255,255,.9);z-index: 3;transition:.4s; } .prolist li .pl_b{background: url(/uploads/image/szimages/pl_a.png) left center no-repeat;padding-left: 10rem; } .prolist li .pl_b strong{display: block;text-transform: uppercase;border-bottom: 1px dashed #e0e0e0;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .prolist li .pl_b strong b{color: #ce000c;font-family: impact;} .prolist li .pl_b p{line-height: 25px;color: #777;} .plimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;} .plimga img{display: block;max-width: 100%;} .plimga i{position: absolute;z-index: 2;top:0;left:0; display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;} /*产品详情*/ .proinfo{height: auto;overflow: hidden;background: url(/uploads/image/szimages/proa.jpg) top no-repeat;padding-top: 12%;} .plocation{color: #fff;line-height: 50px;height: 50px;} .plocation a{color: #fff;} .proa {height: auto;overflow: hidden;background: #fff;z-index: 3;position: relative;} .proa img{display: block;width: 100%;} .proaa{height: auto;overflow: hidden;} .proaa strong{display: block;font-size:30px;line-height: 60px;background: url(/uploads/image/szimages/intitb.png) left center no-repeat;padding-left: 3rem;border-bottom: 1px solid #e5e5e5;} .proaa p{line-height: 30px; color: #777;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .proab li .proac{box-shadow:rgba(0,0,0,0.1) 0 0 10px 5px;text-align: center;} .proab li .proac span{display: block;width: 65px;height: 65px;padding-top:15px;font-size: 22px;border-radius: 50px;text-align: center;background: #ce000c;color: #fff; margin:-3.5rem auto 0 auto} .proab li .proac i{display: block;background: url(/uploads/image/szimages/proac.png) center no-repeat;margin:1rem auto;height: 6px;} .proab li .proac p{line-height: 30px;color: #777;} .pmore {width: 60%;} .pmore a{display: block;width:48%;line-height: 55px;font-size: 22px;text-align: center;background: #ce000c;color: #fff;transition:.4s;font-weight: bold;} .pmore a:hover{background: #444;} .pmore a i{font-size: 24px;font-weight: normal;} .ptit{height: auto;overflow: hidden;background: url(/uploads/image/szimages/ptitbg.jpg) left -20px repeat-x;} .ptit li{text-align: center;line-height: 40px;font-size: 15px;} .ptit li a{display: block;transition:.4s;} .ptit li:hover a{color: #ce000c} .ptit li:hover i{background: #ce000c;border: 2px solid #fff;} .ptit li:hover em{background: #fff;} .ptit i{display: block;width: 20px;height: 20px;border-radius: 20px;padding: 4px;margin:0 auto;background: #fff;border: 2px solid #ce000c;transition:.4s;} .ptit i em{display: block;width: 8px;height: 8px;background: #ce000c;border-radius: 20px;transition:.4s;} .ptita{text-align: center;} .ptita strong{display: block;font-size: 42px;} .ptita strong b{color: #ce000c} .ptita i{display: block;background: url(/uploads/image/szimages/ptita.png) center no-repeat;height: 5px;margin:1rem auto;} .ptita p{color: #777;width: 70%;margin:0 auto;} .prob{height: auto;overflow: hidden;background: #f6f6f6;} .prob_a{line-height: 30px;color: #777;} .prob_a strong{display: block;position: relative; font-size: 20px;line-height: 50px;color: #444;padding-left: 1rem; border-bottom: 1px solid #e4e4e4;padding-bottom: .5rem;margin: 1.5rem 0;} .prob_a strong::before{position: absolute;content: "";width: 5px;height: 25px;background: #ce000c;top:20%;left:0;} .prob_a img{max-width: 100%;} .proc{height: auto;overflow: hidden;background: url(/uploads/image/szimages/procbg.jpg) center no-repeat;} .proc_a img{display: block;max-width: 100%;margin:0 auto;} .prodtit i{display: block;width: 30px;height: 2px;background: #fff;margin:1rem 0;} .prodtit strong{display: block;color: #ce000c} .prodtit p{line-height: 30px;color: #777;} .forma{width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;} .forma input{float: left;width: 49%;padding-left: 1rem;margin-right: 2%; line-height: 45px;background: #f6f6f6;} .forma input:nth-of-type(2){margin-right:0px;} .formb {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;} .formb input{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;} .formc {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;} .formc textarea{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;} .formd .code input{float: left;padding-left: 1rem;line-height: 45px;background: #f6f6f6;width:20%;margin-right: 2%;} .formd .code .verify{float: left;width:20%;margin-right: 2%;} .formd .code .verify img{width:100%;height: 45px;} .formd .code a{float: left;width: 20%;background: #ce000c;border-radius: 2px;border: 1px solid #ce000c;color: #fff;text-align: center;line-height: 45px;transition:.4s;} .formd .code a:hover{background: #fff;color: #ce000c} .prod_b{height: auto;overflow: hidden;background: url(/uploads/image/szimages/proda.jpg) center no-repeat;} .prod_c li{height: auto;overflow: hidden;color: #fff;} .prod_c li span{display: block;} .prod_c li p{line-height: 35px;} .proe{height: auto;overflow: hidden;background: url(/uploads/image/szimages/proebg.jpg) center top no-repeat;} .proe li:hover .proe_a span{line-height: 65px;background: rgba(0,0,0,.2);font-size: 15px;} .proe_a{height: auto;overflow: hidden;position: relative;} .proe_a span{position: absolute;z-index: 2;bottom: 0;left:0;line-height: 50px;text-align: center;width: 100%;background: rgba(206,0,12,.7);color: #fff;transition:.4s;} .proe_a img{max-width: 100%;} .prof_a img{display: block;max-width: 100%;} .prof_a strong{display: block;} .prof_a p{line-height: 30px;color: #777;} .prof_b {width: 60%;} .prof_b li{text-align: center;} .prof_b li em{display: block;width: 75px;line-height: 75px;margin:0 auto; border: 1px solid #e9e9e9;border-radius: 80px;text-align: center; font-family: impact;color: #ce000c;font-size: 32px;} .prof_b li b{display: block;} .prog{height: auto;overflow: hidden;background: url(/uploads/image/szimages/progbg.jpg) center no-repeat;} .proga .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;} .proga .swiper-slide {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;} .proga .swiper-slide span{position: absolute;bottom: 0;width: 100%;line-height:80px; background: linear-gradient(to top, rgba(0,0,0,.8) 10%,rgba(0,0,0,.5)50%, rgba(0,0,0,.2)80%,rgba(0,0,0,0)100%); ;color: #fff;text-align: center;transition:.4s;} .proga .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;} .proga .swiper-slide:hover img{transform: scale(1.05);} .proga .swiper-slide:hover span{line-height: 110px;} .peimga{height: auto;overflow: hidden;} /*新闻*/ .newslist{height: auto;overflow: hidden;} .newslist li a{display: block;padding-bottom: 34%;position: relative;} .newslist li:hover .nfonta{width: 80%;background:url(/uploads/image/szimages/newsbg.jpg) left bottom repeat-x #fff;height: 50%;left:10%;box-shadow: rgba(0,0,0,0.1) 0 5px 10px; } .newslist li:hover .nfonta em{height: 42px;margin-top: 1rem;} .newslist li:hover .nfonta em b{background: #ce000c;color: #fff;} .newslist li:hover .nimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 4.5rem;} .newslist li:hover .nimga i{opacity: 1;} .newslist li img{display: block;max-width: 100%;} .nfonta{width: 100%;margin:0 auto;background:url(/uploads/image/szimages/newsbg.png) left bottom repeat-x;position: absolute;bottom: 0;left:0; height: 34%; z-index: 2;transition:.4s;border: 1px solid #e7e7e7;} .nfonta strong{position: absolute;z-index: 0;top:0;left:4%;color: rgba(196,0,12,.1);font-size:44px;font-family: impact;} .nfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .nfonta i{display: block;width: 35px;height: 2px;background: #ce000c;margin:1.5rem 0;} .nfonta p{color: #777;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .nfonta em{display: block;height:0px;overflow: hidden;transition:.4s;} .nfonta em b{display: block;line-height: 40px;height: 40px; font-weight: normal;border: 1px solid #ce000c;border-radius: 40px;text-align: center;width: 160px;margin:0 auto;transition:.4s;} .nimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;} .nimga span{display: block;background: rgba(0,0,0,0);color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;z-index: 2;text-align: center;padding-top: 3rem;transition:.4s;} .nimga span i{font-size: 40px;opacity: 0;} .nimga span p{font-family: fz;} /*新闻详情*/ .sidetit{height: auto;overflow: hidden;background: #ce000c;color:#9a0202;font-size: 18px;text-align: center;padding: 1rem 0;text-transform: uppercase;font-family: impact;} .sidetit span{font-size: 24px;line-height: 40px;font-weight: bold;color: #fff;} .newsinfo{height: auto;overflow: hidden;background: #f4f6f8;} .newsinfoa{height: auto;overflow: hidden;} .newsinfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} .meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;} .newsaa {height: auto;overflow: hidden;} .newsaa img{margin:0 auto;max-width: 100%;} .newsaa p{line-height: 30px;} .newsinfob{height: auto;overflow: hidden;} .newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;} .newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;transition:.4s;} .newsinfob li:hover{background: #ce000c;color: #fff;} .newsinfob li:hover span{color: #fff;} .newsinfob li:hover p{color: #fff;} .newsinfob li img{max-width: 100%;} .newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;} .newsinfob li p{line-height: 25px;color: #666;font-size: 13px;font-family: av;} #prev_next{height: auto;overflow: hidden;border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;} #prev_next li{line-height: 35px; color: #777;} #prev_next li i{float: left;} #prev_next li a{transition:.4s;} #prev_next li:hover a{color: #0d4794 !important;} /*gnwla*/ .gnwla{height: auto;overflow: hidden;} .gnwltit strong{display: block;font-size: 42px;} .gnwltit strong b{color: #ce000c} .gnwltit p{color: #777;width: 70%;} /*job*/ .joba li .j_a{height: auto;overflow: hidden;border: 1px solid #f4f4f4;text-align: center;transition:.4s;} .joba li:hover .j_a{background: #ce000c; color: #fff; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #ff3755, #ce000c); /* chrome 10-25, safari 5.1-6 */ background: linear-gradient(to left, #ff3755, #ce000c); /* w3c, ie 10 / edge, firefox 16 , chrome 26 , opera 12 , safari 7 */ } .joba li:hover .j_a i{background: -webkit-linear-gradient(left,#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .joba li:hover .j_a p{color: #fff;} .joba li:hover .j_a em{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);transform: rotatey(360deg);transition:.8s;} .joba li .j_a i{font-size: 52px;background: -webkit-linear-gradient(left,#d33d54, #ff3755);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .joba li .j_a em{display: block;width: 53px;height: 75px;margin:0 auto;transition:.8s;} .joba li .j_a span{display: block;} .joba li .j_a p{color: #777;transition:.4s;} .jobb{height: auto;overflow: hidden;background: #f6f6f6} .jobtita{background: #ce000c;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;} .jobtita dd{background: #ce000c;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;} .jobtit{background: #fff;height: auto;overflow: hidden;border-bottom: 1px dashed #eee;} #jobs{background: #fff;border-bottom: none;height: auto;overflow: hidden;} #jobs ul{height: auto;overflow: hidden; border: 1px solid #e1e1e1;} #jobs li{height: auto;overflow: hidden;background: #f3f3f3;} #jobs li dd{float: left;width: 25%;padding-left: 2rem;margin-bottom: 0px;line-height:60px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} #jobs li dd a{display: block;transition:.4s;} #jobs li dd a:hover{color: #ce000c;} .jobbox{height: auto;overflow: hidden; padding:2%;background: #fefefe;position: relative;display: none;color: #777;border-bottom: 1px solid #e1e1e1;} .jobbox strong{display: block;color: #444;font-size: 18px;} .jobbox p{line-height: 35px;} .jobca{text-align: center;line-height: 30px;color: #777;} .jobca img{display: block;max-width: 100%;margin:3rem auto 0 auto;} .jobd{height: auto;overflow: hidden;background: url(/uploads/image/szimages/jsyfd.jpg) center no-repeat fixed;} .jobd img{max-width: 100%;} .jobd_a {color: #fff;line-height: 30px;} .jobd_a li span{display: block;text-transform: uppercase;} .jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);} .jobe_a{position: relative;} .jobe_a .swiper-container {padding-bottom: 4%;height: auto;overflow: hidden;} .jobe_a .swiper-scrollbar-drag {background:#ce000c;} .jobe_a .swiper-container-horizontal>.swiper-scrollbar{left:0;} .jobe_a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;} .jobe_a .swiper-slide {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;} .jobe_a .swiper-slide span{position: absolute;bottom: 0;width: 100%;line-height: 65px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;} .jobe_a .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;} .jobe_a .swiper-slide:hover img{transform: scale(1.05);} .jobe_a .swiper-slide:hover span{line-height: 80px;background: rgba(209,0,0,.6);} .jobimga{height: auto;overflow: hidden;} .jobf{height: auto;overflow: hidden;} .jobf li{height: auto;overflow: hidden;padding: 0 7px;} .jobf li:nth-of-type(1){margin-bottom: 1rem;} .jobf li:nth-of-type(2){margin-bottom: 1rem;} .jobf li a{display: block;position: relative;height: auto;overflow: hidden;} .jobf li a:hover span{background: rgba(0,0,0,.4);opacity: 1;} .jobf li a:hover img{transform:scale(1.05,1.05);} .jobf li span{position: absolute;width: 100%;height: 100%;padding-top: 20%;text-align: center;opacity: 0;z-index: 3; background: rgba(0,0,0,0);color: #fff;transition:.4s;} .jobf li i{font-size: 32px;} .jobimgb{border: 1px solid #eee;display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;} .jobimgb img{display: block;width: 100%;transition:all 0.6s ease 0s;} .jobf_a a{display: block;position: relative;} .jobf_a a:hover span{background: rgba(0,0,0,.4);opacity: 1; } .jobf_a a:hover img{transform:scale(1.05,1.05);} .jobf_a a span{position: absolute;width: 100%;height: 100%;padding-top: 25%;z-index: 3; opacity: 0;text-align: center; background: rgba(0,0,0,0); color: #fff;transition:.4s;} .jobf_a a span i{font-size:40px;} /*联系*/ .contacta{height: auto;overflow: hidden;position: relative;} .cona_a{position: absolute;z-index: 2;width: 28%;right:15%; background: #fff;top:25%;} .cona_a .code{width: 100%;} .cona_a .code input{width: 33%;} .cona_a .code .verif{width: 33%;} .cona_a .code a{width: 33%;} .conb_a li .conb_b{background: url(/uploads/image/szimages/conb_bg.jpg) center no-repeat;color: #fff;padding:10% 8%;} .conb_a li .conb_b i{float: left;font-size: 42px;margin-right:.75rem;} .conb_a li .conb_b span{display: block;line-height: 25px;} .conb_a li .conb_b p{display: block;} .conc_a li{font-size: 16px;line-height: 35px;color: #666;} .conc_a li i{color: #ce000c;font-size: 22px;} /* 无内容 */ @media (max-width: 576px) { .mf_12{font-size: 12px;line-height: 25px;} .mf_14{font-size: 14px;line-height: 30px;} .mf_16{font-size: 16px;line-height: 30px;} .mf_18{font-size: 18px;line-height: 35px;} .mf_22{font-size: 22px;line-height: 40px;} .topa a{border-right: none;} .topa a img{max-width: 60%;} .topa span{display: none;} .topa p{display: none;} .in01a_a span{font-size: 14px;} .in01a_a b{font-size: 22px;} .in01a_c li .in01a_d span{width: 100%;} .in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;} .in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;} .in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;} .in01a_c li .in01a_d em b{font-size:22px;} .line{display: none;} .in01b li p{display: none;} .intita i{display: none;} .intitc i{display: none;} .in_04 .intita a{width: 25%;font-size: 12px;} .in04b_b a{line-height: 35px;width: 100px;} .in_06 .intita a{width: 25%;font-size: 12px;} .in05a .col-6{padding: 0 .25rem;} .in01b li span{font-size: 14px;} .in_05 .intitc{display: block !important;} .in_05 .intitc span{display: block;line-height: 60px;} .in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_05 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc{display: block !important;} .in_07 .intitc span{display: block;line-height: 60px;} .in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_07 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc a{float: left;width: 25%;font-size: 12px;} .in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important} .footer{padding-bottom: 12%;} .footc li{text-align: left;margin-left: 1rem;} .footc li::after{height: 0px;} .ban{padding: 25% 0 10% 0;} .ban i{font-size: 32px;} .ban strong{font-size: 30px;} .ban p{font-size: 22px;} .ban_com{background-size: 220%;} .ban_pro{background-size: 220%;} .ban_case{background-size: 220%;} .ban_xswl{background-size: 220%;} .ban_kjyf{background-size: 220%;} .ban_news{background-size: 220%;} .ban_job{background-size: 220%;} .locationb li{line-height: 40px;} .coma_b strong{font-size: 26px;} .ptita strong{font-size: 22px;} .comc_a{padding-top: 30%;} .qyfclist li:hover span{line-height: 105px;font-size: 14px;} .producta{padding: 26% 0 6% 0;} .producta_a strong{font-size: 30px;line-height: 45px;} .producta_a i{margin:1rem auto;} .producta_b{width: 100%;margin:2rem auto;} .producta_c{width: 100%;} .producta .myswiper{padding-top: 3rem;} .producta .myswiper::before{top:51%;} .protita strong{font-size: 22px;} .protita p{width: 100%;} .prolist li .pl_b p{display: none;} .prolist li .pl_b{background: none;padding-left: 0px;} .prolist li .pl_b strong{border-bottom: none;} .proaa strong{font-size: 22px;line-height: 40px;} .proinfo{padding-top: 26%;} .pmore{width: 80%;} .pmore a{font-size: 14px;} .ptit li a{font-size: 13px;} .prof_b{width: 100%;} .prof_a p{font-size: 13px;} .producta_a p{letter-spacing: 0px;} .case_a p{display: none;} .xswlb li{width: 25%;} .xswld .firstrow td{font-size: 14px;} .in05a li a i{margin:.25rem auto;} .nfonta i{display: none;} .nfonta p{display: none;} .newslist li:hover .nfonta em{height: 0px;} .newslist li:hover .nimga span{padding-top: .5rem;} .nimga span p{display: none;} .joba li .j_a i{font-size: 32px;} .joba li .j_a em{height: 53px;} #jobs li dd{padding-left: .5rem;} .jobe_a .swiper-slide span{line-height: 30px;} .jobe_a .swiper-slide:hover span{line-height: 40px;} .jobf li i{font-size: 26px;} .cona_a{width: 80%;right:4%;} .qyfca_a em{font-size: 30px;} .in_02{ height: auto;overflow: hidden; background: #131b32 !important;} .in_06{height: auto;overflow: hidden;background: #131b32 !important;} } @media (min-width: 576px) and (max-width: 768px) { .topa a{border-right: none;} .topa a img{max-width: 60%;} .topa span{display: none;} .topa p{display: none;} .in01a_a span{font-size: 14px;} .in01a_a b{font-size: 22px;} .in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;} .in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;} .in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;} .in01a_c li .in01a_d em b{font-size: 22px;} .line{display: none;} .in01b li p{display: none;} .intita i{display: none;} .intitc i{display: none;} .in_04 .intita a{width: 25%;font-size: 12px;} .in04b_b a{line-height: 35px;width: 100px;} .in_06 .intita a{width: 25%;font-size: 12px;} .in05a .col-6{padding: 0 .25rem;} .in01b li span{font-size: 14px;} .in_05 .intitc{display: block !important;} .in_05 .intitc span{display: block;line-height: 60px;} .in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_05 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc{display: block !important;} .in_07 .intitc span{display: block;line-height: 60px;} .in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_07 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc a{float: left;width: 25%;font-size: 12px;} .in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important} .footer{padding-bottom: 12%;} .footc li{text-align: left;margin-left: 1rem;} .footc li::after{height: 0px;} .ban{padding: 25% 0 10% 0;} .ban i{font-size: 32px;} .ban strong{font-size: 30px;} .ban p{font-size: 26px;} .ban_com{background-size: 175%;} .ban_pro{background-size: 175%;} .ban_case{background-size: 175%;} .ban_xswl{background-size: 175%;} .ban_kjyf{background-size: 175%;} .ban_news{background-size: 175%;} .ban_job{background-size: 175%;} .locationb li{line-height: 40px;} .coma_b strong{font-size: 26px;} .ptita strong{font-size: 22px;} .comc_a{padding-top: 40%;} .qyfclist li:hover span{line-height: 105px;font-size: 14px;} .producta{padding: 26% 0 6% 0;} .producta_a strong{font-size: 30px;line-height: 45px;} .producta_a i{margin:1rem auto;} .producta_b{width: 100%;margin:2rem auto;} .producta_c{width: 100%;} .producta .myswiper{padding-top: 3rem;} .producta .myswiper::before{top:51%;} .protita strong{font-size: 22px;} .protita p{width: 100%;} .prolist li .pl_b p{display: none;} .prolist li .pl_b{background: none;padding-left: 0px;} .prolist li .pl_b strong{border-bottom: none;} .proaa strong{font-size: 22px;line-height: 40px;} .proinfo{padding-top: 16%;} .pmore{width: 80%;} .pmore a{font-size: 14px;} .ptit li a{font-size: 13px;} .prof_b{width: 100%;} .prof_a p{font-size: 13px;} .producta_a p{letter-spacing: 0px;} .case_a p{display: none;} .xswlb li{width: 25%;} .xswld .firstrow td{font-size: 14px;} .in05a li a i{margin:.25rem auto;} .nfonta i{display: none;} .nfonta p{display: none;} .newslist li:hover .nfonta em{height: 0px;} .newslist li:hover .nimga span{padding-top: .5rem;} .nimga span p{display: none;} .joba li .j_a i{font-size: 32px;} .joba li .j_a em{height: 53px;} #jobs li dd{padding-left: .5rem;} .jobe_a .swiper-slide span{line-height: 30px;} .jobe_a .swiper-slide:hover span{line-height: 40px;} .jobf li i{font-size: 26px;} .cona_a{width: 80%;right:4%;} .intita span{width: 30%;} .intita em{width: 70%;} .in04a{height: auto;overflow: hidden;} .in_06 li a p{display: none;} .in_06 li a span{display: none;} .producta .myswiper{height: auto;overflow: hidden;} .prolist li .pl_b strong{font-size:18px;} .in_02{height: auto;overflow: hidden; background: #131b32 !important;} .in_06{height: auto;overflow: hidden;background: #131b32 !important;} } @media (min-width: 768px) and (max-width:992px) { .topa a{border-right: none;} .topa a img{max-width: 60%;} .topa span{display: none;} .topa p{display: none;} .in01a_a span{font-size: 14px;} .in01a_a b{font-size: 22px;} .in01a_c li .in01a_d em b{font-size: 20px;} .line{display: none;} .in01b li p{display: none;} .intita i{display: none;} .intitc i{display: none;} .in_04 .intita a{width: 25%;font-size: 12px;} .in04b_b a{line-height: 35px;width: 100px;} .in_06 .intita a{width: 25%;font-size: 12px;} .in05a .col-6{padding: 0 .25rem;} .in01b li span{font-size: 14px;} .in_05 .intitc{display: block !important;} .in_05 .intitc span{display: block;line-height: 60px;} .in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_05 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc{display: block !important;} .in_07 .intitc span{display: block;line-height: 60px;} .in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_07 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc a{float: left;width: 25%;font-size: 12px;} .in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important} .footc li{text-align: left;margin-left: 1rem;} .footc li::after{height: 0px;} .ban{padding: 25% 0 10% 0;} .ban i{font-size: 32px;} .ban strong{font-size: 30px;} .ban p{font-size: 26px;} .ban_com{background-size: 156%;} .ban_pro{background-size: 156%;} .ban_case{background-size: 156%;} .ban_xswl{background-size: 156%;} .ban_kjyf{background-size: 156%;} .ban_news{background-size: 156%;} .ban_job{background-size: 156%;} .locationb li{line-height: 40px;} .coma_b strong{font-size: 26px;} .ptita strong{font-size: 22px;} .comc_a{padding-top: 30%;} .qyfclist li:hover span{line-height: 105px;font-size: 14px;} .producta{padding: 12% 0 6% 0;} .producta_a strong{font-size: 30px;line-height: 45px;} .producta_a i{margin:1rem auto;} .producta_b{width: 100%;margin:2rem auto;} .producta_c{width: 100%;} .producta .myswiper{padding-top: 3rem;} .producta .myswiper::before{top:51%;} .protita strong{font-size: 22px;} .protita p{width: 100%;} .prolist li .pl_b p{display: none;} .prolist li .pl_b{background: none;padding-left: 0px;} .prolist li .pl_b strong{border-bottom: none;} .proaa strong{font-size: 22px;line-height: 40px;} .proinfo{padding-top: 14%;} .pmore{width: 80%;} .pmore a{font-size: 14px;} .ptit li a{font-size: 13px;} .prof_b{width: 100%;} .prof_a p{font-size: 13px;} .producta_a p{letter-spacing: 0px;} .case_a p{display: none;} .xswlb li{width: 25%;} .xswld .firstrow td{font-size: 14px;} .in05a li a i{margin:.25rem auto;} .nfonta p{display: none;} .newslist li:hover .nfonta em{height: 0px;} .newslist li:hover .nimga span{padding-top: .5rem;} .nimga span p{display: none;} .joba li .j_a i{font-size: 32px;} .joba li .j_a em{height: 53px;} #jobs li dd{padding-left: .5rem;} .jobe_a .swiper-slide span{line-height: 30px;} .jobe_a .swiper-slide:hover span{line-height: 40px;} .jobf li i{font-size: 26px;} .cona_a{width: 80%;right:4%;} .in01a_c li .in01a_d{padding:1rem 1rem 1rem 4rem;} .in01a_c li:nth-of-type(1) .in01a_d{background:url(/uploads/image/szimages/in01b.png) .5rem center no-repeat #fff;} .in01a_c li:nth-of-type(2) .in01a_d{background:url(/uploads/image/szimages/in01c.png) .5rem center no-repeat #fff;} .in01a_c li:nth-of-type(3) .in01a_d{background:url(/uploads/image/szimages/in01d.png) .5rem center no-repeat #fff;} .intita span{width: 20%;} .intita em{width: 70%;} .in04a{height: auto;overflow: hidden;} .in05a li a span{font-size: 18px;} .in_06 li a p{display: none;} .comc_a span strong{font-size: 22px;} .comc_a p{font-size:12px;font-family: fz;} .qywha li span{font-size: 18px;line-height: 35px;} .qywha li p{font-size: 14px;line-height: 25px;} .qywhb li span{font-size: 18px;line-height: 35px;} .qywhb li p{font-size: 14px;line-height: 25px;} .qywhc li span{font-size: 18px;line-height: 35px;} .qywhc li p{font-size: 14px;line-height: 25px;} .producta .myswiper{height: auto;overflow: hidden;} .prolist li .pl_b strong{font-size:18px;} .prof_a strong{font-size: 22px;} .prof_b{display: none;} .conb_a .col-md{padding: 0 .15rem;} .conb_a li .conb_b p{font-size: 13px;} } @media (min-width: 992px) and (max-width:1200px) { .topa a{border-right: none;} .topa span{display: none;} .topa p{display: none;} .in01a_a b{font-size: 30px;} .line{width: 110px;} .in01b li p{font-size: 12px;} .intitb span{font-size: 18px;} .in02a_a li a i{display: none;} .in02a_a li a{font-size: 14px;line-height: 37px;} .in03a_a li a i{display: none;} .in03a_a li a{font-size: 14px;line-height: 37px;} .intitc span i{display: none;} .in05a li a span{font-size: 22px;} .in_06 li a p{display: none;} .in_06 li a em{display: none;} .in06a_b{padding-bottom: 139%;} .in06a_c{padding-bottom: 90%;} .in06a .in06a_a span{display: none;} .in07a a img{width: 107%;} .foota{border-right: none;} .footbc{display: none !important;} .footc {text-align: center;} .ban_com{background-size: 140%;} .ban_pro{background-size: 140%;} .ban_case{background-size: 140%;} .ban_xswl{background-size: 140%;} .ban_kjyf{background-size: 140%;} .ban_news{background-size: 140%;} .ban_job{background-size: 140%;} .coma_a strong{font-size: 30px;} .coma_b strong{font-size: 22px;} .coma_a ul li{font-size: 14px;} .ptita strong{font-size: 30px;} .qyfclist li:hover span{line-height: 200px;background: rgba(0,0,0,0);font-size: 24px;} .qywhc li span{font-size: 30px;} .qywhc li p{font-size: 14px;} .qywhb li span{font-size: 30px;} .qywhb li p{font-size: 14px;} .qywha li span{font-size: 30px;} .qywha li p{font-size: 14px;} .producta_a strong{font-size: 42px;line-height:60px;margin-top: 3rem;} .producta_a i{margin:1rem auto;} .producta_b{width: 100%;margin:3rem auto;} .producta_b li a{font-size: 22px;} .protita strong{font-size: 30px;} .prolist li .pl_b strong{font-size: 22px;} .proaa p{display: none;} .pmore a{font-size: 17px;} .proaa strong{font-size: 22px;line-height: 40px;} .proab li .proac p{font-size: 13px;} .prof_a strong{font-size: 30px;} .prof_b{width: 90%;} .prof_a p{font-size: 14px;line-height: 25px;} .producta .myswiper .swiper-slide span{font-size: 22px;} .in05a li a:hover{padding-top: 1rem !important;padding-bottom:1rem !important} .nfonta p{display: none;} .newslist li:hover .nimga span{padding-top: 1.5rem;} .joba li .j_a span{font-size: 22px;} .joba li .j_a p{font-size: 14px;} .locationa {font-size: 17px;} .cona_a{width: 50%;right:4%;} .conb_a li .conb_b p{font-size: 16px;} .navbga{background:url(/uploads/image/szimages/navbga.png) 82% bottom no-repeat;} .navbgb{background:url(/uploads/image/szimages/navbgb.png) 82% bottom no-repeat;} .navbgc{background:url(/uploads/image/szimages/navbgc.png) 82% bottom no-repeat;} .navbgd{background:url(/uploads/image/szimages/navbgd.png) 82% bottom no-repeat;} .navbge{background:url(/uploads/image/szimages/navbge.png) 82% bottom no-repeat;} .navbgf{background:url(/uploads/image/szimages/navbgf.png) 82% bottom no-repeat;} .navbgg{background:url(/uploads/image/szimages/navbgg.png) 82% bottom no-repeat;} .navbgh{background:url(/uploads/image/szimages/navbgh.png) 82% bottom no-repeat;} .menu li .submenu .left{width: 40%;} .menu li .submenu .right{width: 60%;} } @media (min-width: 1200px) { .container{max-width: 1600px;} } @media (min-width: 1200px) and (max-width:1630px) { .topa a{border-right: none;} .topa span{display: none;} .topa p{display: none;} .topb li a{font-size: 14px;} .in01a_b p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .in01a_c li .in01a_d em b{font-size: 24px;} .in01a_c li .in01a_d{padding: .5rem 1rem .5rem 4.5rem;} .in01a_c li:nth-of-type(1) .in01a_d{background: url(/uploads/image/szimages/in01b.png) .5rem center no-repeat #fff;} .in01a_c li:nth-of-type(2) .in01a_d{background: url(/uploads/image/szimages/in01c.png) .5rem center no-repeat #fff;} .in01a_c li:nth-of-type(3) .in01a_d{background: url(/uploads/image/szimages/in01d.png) .5rem center no-repeat #fff;} .in01a_c li .in01a_d span{width: 30px;font-size: 13px;} .line{width: 130px;} .in01b li p{font-size: 12px;} .in02a_a li{font-size: 14px;} .in02a_a li a{height: 35px;line-height: 35px;overflow: hidden;} .in03a_a li{font-size: 14px;} .in03a_a li a{height: 35px;line-height: 35px;overflow: hidden;} .in_06 li a p{display: none;} .coma_b strong{font-size: 30px;} .proab li .proac{padding: 1rem !important;} .proaa p{line-height: 25px;} .prof_b{width: 80%;} .nfonta p{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} }