@charset "utf-8"; html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 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;overflow-x: hidden;-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;} .left{float: left;} .right{float: right;} /*input placeholder 样式 */ ::-webkit-input-placeholder {color: #999999;} :-moz-placeholder {color: #999999;} ::-moz-placeholder {color: #999999;} :-ms-input-placeholder {color: #999999;} /*修改滚动条*/ ::-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;} /* 无内容 */ .over-line-1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; } .over-line-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; } .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_20{font-size: 20px;line-height: 35px;} .pf_22{font-size: 22px;line-height: 35px;} .pf_24{font-size: 24px;line-height: 40px;} .pf_26{font-size: 26px;line-height: 40px;} .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: url('../css/bahnschrift.ttf');} #dituContent label {max-width: unset!important;text-align: center;} #playercontainer{margin:0 auto;} .jw-skin-bce .jw-controlbar{width: 100%;} /*top*//*top*/ .top{position: fixed;z-index: 88;top:0;width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);} .topa {color: #fff;} .topa a{display: block;} .topa img{display: block;max-width: 100%;margin:0 auto;} .topb {color: #fff;font-family: fz;text-align: center;} .topb b{font-size: 28px;font-family: fz;font-weight: 100;} .topb i{font-size: 22px;margin-right: .5rem;} .menu{border-right:1px solid rgba(255,255,255,.2)} .menu li{position: relative; text-align: center;height: 100%;} .menu li span{display: block;position: relative;line-height: 98px; overflow: hidden;color: #fff;font-size: 15px;transition:.4s;} .menu li span:hover {color: rgba(255,255,255,.8);} .menu li span:hover i{width: 100%;} .menu li span i{display: block;height: 1px;background: url(../images/navbg.png) center bottom no-repeat;width: 0px;margin:0 auto;transition:.4s;} .menu li.curr { transition: all 0.3s ease 0s; } .menu li.curr .submenu{opacity: 1; } .menu li .submenu{position:fixed;z-index: 8;top:98px;left:0; width:100%;text-align: left; height:0;overflow: hidden;opacity:0;background:rgba(255,255,255,.96); transition: all 0.3s ease 0s;box-shadow: 0px 5px 5px 5px rgba(9,9,9,.1); } .menu li .submenu .suba strong{display: block;color: #135fb5;} .menu li .submenu .suba b{display: block;color:rgba(208,18,27,.1);text-transform: uppercase;font-family: fz;} .menu li .submenu .suba p{line-height: 35px;color: #777;} .menu li .submenu .suba p i{color: #135fb5;} .menu li .submenu .subb{position: relative;} .menu li:nth-of-type(3) .submenu .subb::after{height: 0px;} .menu li:nth-of-type(4) .submenu .subb::after{height: 0px;} .menu li .submenu .subb span{display: block;line-height: 30px;color: #999;text-transform: uppercase;border-bottom: 1px solid #e0e0e0;} .menu li .submenu .subb span b{font-size: 22px;color: #135fb5;} .menu li .submenu .subb span em{color: #135fb5;font-size: 22px;} .menu li .submenu .subb::before{position: absolute;content: "";width: 1px;height: 200%;top:-50%;left:0; background: rgba(0,0,0,.1);} .menu li .submenu .subb::after{position: absolute;content: "";width: 1px;height: 200%;top:-50%;right:0; background: rgba(0,0,0,.1);} .menu li .submenu .subb p{float: left;width: 50%; line-height:45px;} .menu li .submenu .subd p{width: 25% !important;line-height: 35px;} .menu li .submenu .subb p a{color: #777;transition:.4s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .menu li .submenu .subb p a i{color: #135fb5;} .menu li .submenu .subb p a:hover{color: #135fb5;} .menu li .submenu .subc img{display: block;max-width: 100%;margin:3rem 0;} .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: -25px;} .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);} .mobmenu .sidebar nav span{display: block;line-height: 55px;background: #444;padding-left: 1rem;font-size: 18px;text-transform: uppercase;font-family: fz;} .mobmenu .sidebar ul{padding:4%;} .mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(62,62,62,.2);transition:.4s;} .mobmenu .sidebar li i{color: #666;float: right;margin-right: .5rem;} .mobmenu .sidebar li a:hover{background: #d0121b;color: #fff;} .mobmenu .sidebar li a:hover i{color: #fff;} /*首页大图*/ .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 a img{width: 100%; height: auto;} .banner .swiper-slide .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.4); padding-top: 18%;text-align: center;} .banner .swiper-slide .bannera img{max-width: 60%;} .banner img{max-width: 100%;} .banner .swiper-slide .bannera strong{display: block;font-size:80px;color: #fff;} .banner .swiper-slide .bannera i{display: block;background:url(../images/bline.png) center no-repeat;height: 5px;margin:2rem 0;} .banner .swiper-slide .bannera span{color: rgba(255,255,255,.96);line-height: 50px;font-weight: 100;letter-spacing:5px;font-size: 36px;} .banner .swiper-slide .bannera p{color: rgba(255,255,255,.6);font-size: 26px;font-weight: 100;letter-spacing:5px;font-family: fz;text-transform: uppercase;} .banner .swiper-pagination{bottom: 4% !important;} .banner .swiper-pagination-bullet{transition:.4s;} .banner .swiper-pagination-bullet-active{background: #fff;width: 8px;height: 30px;border-radius: 10px;} /*in_01*/ .in_01{height: auto;overflow: hidden;} .intita{text-align: center;} .intita i{color: #135fb5;font-size: 36px;} .intita span{display: block;} .intita span em{font-size: 26px} .intita b{color: #135fb5;} .intita p{color: #777;} .in01b{position: relative;} .in01b img{display: block;width: 100%;} .in01ba{position: absolute;z-index: 4;color: #fff;left:0;top:0;} .in01bb p{letter-spacing: 1px;} .in01a li:nth-of-type(1) .in01bb{background:url(../images/in01a.png) left center no-repeat;padding-left:5rem;} .in01a li:nth-of-type(2) .in01bb{background:url(../images/in01b.png) left center no-repeat;padding-left:5rem;} .in01bc p{color: rgba(255,255,255,.7);} .in01bd li a{line-height: 45px;border: 1px solid rgba(255,255,255,.5);text-align: center;color: rgba(255,255,255,.8);border-radius: 5px;transition:.4s;} .in01bd li a:hover{background: rgba(255,255,255,.8);color: #444;} .in01c .swiper-slide{height: auto;overflow: hidden;border: 1px solid #e5e5e5;position: relative;} .in01c .swiper-slide b{line-height: 55px;background: #f1f1f1;text-align: center;font-weight: normal;} .in01c .swiper-slide:hover .fonta{opacity: 1;bottom: 0;} .fonta{position: absolute;z-index: 3;background:rgba(19,95,181,.95);width: 100%;color: #fff; bottom: -10%; height: 100%;opacity: 0;transition:.4s;text-align: center;} .fonta span{display: block;background: url(../images/in01c.jpg) center no-repeat;height: 6px;margin:1rem 0;} .fonta p{line-height: 30px;color: rgba(255,255,255,.7);} .in01ca {text-align: center;} .in01ca a{width: 30%;line-height: 50px;color: #fff;border: 1px solid #fff;border-radius: 5px; transition:.4s;} .in01ca a em{display: block; height: 45px;overflow: hidden;} .in01ca a i{font-size: 32px;} .in01ca a:hover{background: rgba(255,255,255,.3);} .inimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;} .inimga img{display: block;width: 100%;transition:.4s;} /*in_02*/ .in_02{height: auto;overflow: hidden;background:url(../images/in02bg.jpg) center no-repeat;} .in02a strong{display: block;font-size: 48px;color: #135fb5;background:url(../images/in02a.png) 260px top no-repeat;text-transform: uppercase;} .in02a p{color: #777;} .in02b i{float: left;color: #135fb5;font-size: 42px;margin-right: .5rem;} .in02b strong{font-size: 24px;} .in02b p{color: #777;} .in02c a{display: block;width: 140px;background:#135fb5;color: #fff;text-align: center;line-height: 45px;transition:.4s;} .in02c a:hover{background:#2cad42;} .in03a{height: auto;overflow: hidden;} .imga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;border: 3px solid #fff;} .imga img{display: block;width: 100%;transition:.4s;} .in03b {height: auto;overflow: hidden;background: url(../images/in03a.png) 90% 70% no-repeat #fafbff;} .in03b span{display: block;color: #777;} .in03b p{line-height: 30px;color: #777;} .in03b i{display: block;width: 160px;line-height: 45px;background: #135fb5;color: #fff;text-align: center;margin-top: 1rem;transition:.4s;} .in03c{height: auto;overflow: hidden;background: #fafbff;border: 1px solid #ededed;} .intitb {height: auto;overflow: hidden;border-bottom: 1px dashed #e1e1e5;} .intitb span{float: left;} .intitb span b{display: block;font-size:30px;color: #135fb5} .intitb span p{text-transform: uppercase;color: #777;} .intitb a{float: right; display: block;width: 140px;background:#135fb5;color: #fff;text-align: center;line-height: 45px;transition:.4s;margin-top: .5rem;} .intitb a:hover{background:#2cad42;} .in03c li a{display: block; border-bottom: 1px dashed #e1e1e5;transition:.4s;} .in03c li a:hover{color: #135fb5;} .in03c li a p{line-height: 30px;color: #777;} .in03a li a:hover i{background: #2cad42;} .in03a li a:hover img{transform: scale3D(1.04, 1.04, 1.04)} /*in_04*/ .in_04{height: auto;overflow: hidden;background: url(../images/in04bg.jpg) center top repeat;} .in04a li{float: left;width: 9.5%;margin-right: 0.5%;margin-bottom: 0.5%;} .in04a li a{display: block;border: 1px solid #eee;width: 100%;height: 0;padding-bottom: 36%;position: relative;overflow: hidden;} .in04a li a img{display: block;max-width: 100%;} .in05a{height: auto;overflow: hidden;position: relative;} .in05a .mySwiper{height: 100%;background: #fbfbff;border: 1px solid #ebebeb;} .in05a .mySwiper .swiper-wrapper {display: block;} .in05a .mySwiper .swiper-slide {height: 20%!important;overflow: hidden; border-bottom: 1px solid rgba(4,4,4,.08);width: 100%!important;cursor: pointer;} .in05a .mySwiper .swiper-slide:last-child {border-bottom:none;} .in05a .mySwiper .swiper-slide-thumb-active {background:#135fb5;color: #fff;} .in05a .mySwiper .swiper-slide-thumb-active span{border-bottom: 1px solid rgba(255,255,255,.08) !important;} .in05a .mySwiper .swiper-slide-thumb-active em{color: #fff !important;} .in05a .mySwiper .swiper-slide-thumb-active i{color: #fff !important;} .in05a .mySwiper .swiper-slide-thumb-active p{color: #fff !important;} .in05a .mySwiper .swiper-slide span{display: block;border-bottom: 1px dashed rgba(4,4,4,.06)} .in05a .mySwiper .swiper-slide span i{font-size: 24px;color: #135fb5;} .in05a .mySwiper .swiper-slide span em{float: right;color: #777;font-size: 14px;} .in05a .mySwiper .swiper-slide p{color: #777;line-height: 30px;} .in05a .mySwiper2 {height: auto;overflow: hidden;} .in05a .mySwiper2 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;} .in05img{display: block;width: 100%;height: 0;padding-bottom: 62.7%;position: relative;overflow: hidden;} .in_06{height: auto;overflow: hidden;background:#fbfbff;} .in06a{height: auto;overflow: hidden;} .in06a .swiper2{height: auto;overflow: hidden;padding-bottom: 6%;position: relative;} .in06a .swiper-slide:hover span{background: #0371bc;color: #fff;} .in06a .swiper-slide:hover i{background: rgba(0,0,0,.4)} .in06a .swiper-slide img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;} .in06a .swiper-slide a{display: block;height: auto;overflow: hidden;border: 1px solid #e8e8e8;} .in06a .swiper-slide span{display: block;line-height: 55px;text-align: center;background: #f6f6f6;transition:.4s;white-space: nowrap;text-overflow:ellipsis; overflow: hidden;} .in06aa{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;border: 1px solid #eee;} .in06aa i{display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;z-index: 1;transition:.4s;} .in06a .swiper-button-next{ right: 47%; top:90%; outline: none; width: 46px; height: 50px;background:rgba(3,113,188,0.8);transition:.4s;} .in06a .swiper-button-next i{color: #fff;} .in06a .swiper-button-prev{ left: 47%; top:90%; outline: none;width: 46px; height: 50px;background:rgba(3,113,188,0.8);transition:.4s;} .in06a .swiper-button-prev i{color: #fff;} .in06a .swiper-button-prev:after,.in06a .swiper-button-next:after{display: none;} .in06a .swiper-button-prev:hover{background: rgba(19,149,106,0.8);} .in06a .swiper-button-next:hover{background: rgba(19,149,106,0.8);} .in_07{height: auto;overflow: hidden;background: url(../images/in07bg.jpg) center no-repeat;color: #fff;} .in_08{background: url(../images/in08bg.jpg) center top repeat;} .in_08 strong{display: block;} .in_08 strong b{color: #0371bc} .in_08 span{display: block;} .in_08 p{color: #777;} .in_08 img{margin: -120px auto 0 auto;max-width: 100%;display: block;} .in09c {background: url(../images/in09a.jpg) center no-repeat;} .in09d {background: url(../images/in09b.jpg) center no-repeat;} .in09e {background: url(../images/in09c.jpg) center no-repeat;} .in09a span{width: 70%;} .in09b{width:33%;} .in09b img{max-width: 100%;} .ewm{width: 30%;text-align: center;} .ewm img{max-width: 100%;} .ewm span{display: block;color: #fff;line-height: 30px;margin-top:.5rem;} /*脚步*/ .footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center bottom no-repeat fixed;} .foota{color:#7f8e9a;line-height: 40px;border-left: 1px solid rgba(255,255,255,.1);padding-left: 3rem;} .footb {height: auto;overflow: hidden;} .footb a{float: left;border-right: 1px solid rgba(255,255,255,.2);} .footb span{display: block;font-size: 24px;line-height: 45px;color: #fff;} .footb p{color: #555;line-height: 25px;color: #fff;} .foota span{display: block;font-family: fz;} .foota a{display: block;width: 140px;line-height: 40px;background:#135fb5;border: 1px solid #135fb5;color: #fff;text-align: center;transition:.4s;} .foota a:hover{background:#fff;color: #135fb5;} .footc{border-top: 1px solid rgba(255,255,255,.1);color: #7c7c7c;} .footc strong{color: #fff;} .footc strong a{display: block;color: #fff;} .footc strong a:hover{color: #fff;} .fmenu p{line-height: 35px;} .fmenu p a{color: rgba(255,255,255,.6);transition:.4s;} .fmenu p a:hover{color: rgba(255,255,255,1);} .footd {line-height: 50px;border-top: 1px solid rgba(255,255,255,.1);color: #7c7c7c;} .footd a{color: rgba(255,255,255,.6);} .footd a:hover{color: rgba(255,255,255,1);} .footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#fff;z-index: 888;border-top: 1px solid #f6f6f6;} .footnav li{float: left;text-align: center;width: 25%;} .footnav li a{border-right: 1px solid #f6f6f6;} .footnav li i{font-size: 20px;} .footnav li span{display: block;line-height: 25px;color: #666;font-size: 12px;} .footnav li a{display: block;padding-top:4%;color:#333;transition:.4s;} .footnav li a:hover{background: #c40000;color: #fff;} .footnav li a:hover span{color: #fff;} .inback{position: fixed;bottom: 20vh;right:2%;z-index:88;width:60px; height:60px;line-height: 60px;background:#135fb5;transition:.4s; display: none;border-radius: 100px;text-align: center;} .inback:hover {background:rgba(19,95,181,.6);} .inback .gotop {position: relative;width:60px; height:60px;border-radius: 50%; -webkit-border-radius: 50%; align-items: center; justify-content: center; z-index: 2;} .inback .gotop i{font-size: 24px; color: #fff;} .gotop .master_aperture{background-color:rgba(208,18,27,.7);position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%; opacity:0;-webkit-opacity:0;z-index:-1;right:2%;bottom:0; transition:.4s;} .gotop .master_more_txt>i{font-size:24px;} .gotop .master_aperture.circle01{animation:scalej01 2s .4s infinite;-webkit-animation:scalej02 2s .4s infinite;} @keyframes scalej01{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;} } @-webkit-keyframes scalej01{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;} } .gotop .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;} @keyframes scalej02{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;} } @-webkit-keyframes scalej02{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;} } .bubble{width:100%;height:100%;position:absolute;left:0;top:0;} .bubble span,.back_bubble span{display:block;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;z-index:-1; transition: ease 1s;-webkit-transition: ease 1s;position:absolute;left:50%; bottom:0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity:0;-webkit-opacity:0;} .bubble span:nth-child(1){animation:pao 4s linear infinite;-webkit-animation:pao 4s linear infinite;background: rgba(208,18,27,.6);} .bubble span:nth-child(2){animation:pao3 6s linear infinite;-webkit-animation:pao3 6s linear infinite; -webkit-transition-delay:0.3s;transition-delay:0.3s;background: rgba(208,18,27,.8);} .bubble span:nth-child(3){animation:pao2 3s linear infinite;-webkit-animation:pao2 3s linear infinite; -webkit-transition-delay:0.8s;transition-delay:0.8s;background: rgba(208,18,27,1);} .bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite; background: rgba(208,18,27,.3);} .bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite; background: rgba(208,18,27,.5);} @keyframes pao{ 0% { transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); opacity:1;-webkit-opacity:1; } 50% { transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-200%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(-200%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } @keyframes pao2 { 0% { transform:translate(-200%,0px) rotate(360deg) scale(1,1); -webkit-transform:translate(-200%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao3 { 0% { transform: translate(0%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform:translate(-250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-300%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform:translate(-300%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao4 { 0% { transform: translate(400%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(400%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao5 { 0% { transform: translate(-400%,0px) rotate(360deg) scale(.1,.1); -webkit-transform:translate(-400%,0px) rotate(360deg) scale(.1,.1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); -webkit-transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(0%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } /*简介*/ .ban{overflow: hidden;background: url(../images/ban.jpg) center top no-repeat fixed;color: #fff;padding:12% 0;} .ban span{display: block;} .ban p{color: rgba(255,255,255,.8);text-transform: uppercase;} .location{height: auto;line-height: 60px;color: #777;margin-top: -62px;border-top: 1px solid rgba(255,255,255,.2)} .location a{color: rgba(255,255,255,.8);transition:.4s;} .location a:hover{color:#fff;;} .locationa i{color: #fff;font-size: 18px;} .locationb li a{display: block;position: relative;text-align: center;transition:.4s;} .locationb li a:hover {background: rgba(255,255,255,.3); } .locationb li a::after{position: absolute;content: "";width: 1px;height: 15px;background: rgba(255,255,255,.2);top:37%;right:0;} .locationb li:last-child a::after{width: 0px;} /*content_company*/ .companya {height: auto;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat fixed;padding-bottom: 4%;} .comloc{height: auto;line-height: 60px;color: #777;margin-top: 8rem;} .comloca {color: rgba(255,255,255,.8);text-align: right;} .comloca a{color: rgba(255,255,255,.8);transition:.4s;} .comloca a:hover{color:#fff;;} .comloca i{color: #fff;font-size: 18px;} .comlocb li a{display: block;color: rgba(255,255,255,.8);text-align: center;transition:.4s;} .comlocb li a:hover{color:#fff;} .comlocb li a::after{position: absolute;content: "";width: 1px;height: 15px;background: rgba(255,255,255,.2);top:37%;right:0;} .comlocb li:last-child a::after{width: 0px;} .coma_a {margin-top: 6%;} .coma_b{width: 50%;height: 480px;overflow-y: scroll;padding-right: 2rem;} .coma_b::-webkit-scrollbar{width:6px;height:6px ;} .coma_b::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: rgba(255,255,255,.4);border-radius: 6px;} .coma_b::-webkit-scrollbar-thumb{border-radius: 6px;background: rgba(255,255,255,.8);} .coma_a strong{display: block;color: #fff;} .coma_a p{line-height: 30px;color: #fff;} .companyc{height: auto;overflow: hidden;background: #f7f9ff;} .companyc img{max-width: 100%;} .companyc p{color: #777;} .companyc p i{font-size: 32px;color: #444;font-family: cursive;} .companyc a{clear: both;display: block;width: 140px;background: #135fb5;color: #fff;text-align: center;line-height: 45px;transition: .4s;} .companyc a:hover{background:#2cad42;} .comc_a{border-bottom: 1px solid #dee0e5;position: relative;width: 70%;} .comc_a em{position: absolute;right:0;top:0;font-size: 40px;color: #135fb5} .comc_a span{display: block;color: #777;text-transform: uppercase;} .comc_a span i{font-style: normal;color: #444;} .comc_a p{position: relative;padding-left: 80px;color: #444;} .comc_a p::before{position: absolute;content: "";width: 60px;height: 2px;background:#135fb5;top:48%;left:0;} .companyd{height: auto;overflow: hidden;} .comd_a{height: auto;overflow: hidden;background: url(../images/comd_a.jpg) center repeat #185bac;color: #fff;} .comd_a strong{display: block;} .comd_a p{color: rgba(255,255,255,.8);text-transform: uppercase;} .comd_a ul{height: auto;overflow: hidden;} .comd_a li {float: left;width: 50%;position: relative;} .comd_a li::before{position: absolute;content: "";width: 1px;height: 50px;background: rgba(255,255,255,.8);right:0;top:25%;} .comd_a li:last-child{text-align: center;} .comd_a li:last-child::before{width: 0px;} .comd_a li span{display: block;line-height: 40px;} .comd_a li span em{font-size: 44px;font-family: fz;} .cmorea a{display: block;color: #fff;margin-top: 70%;transition:.4s;line-height: 50px;} .cmorea a:hover{color:rgba(255,255,255,.8);} .comd_b a{display: block;position: relative;border: 1px solid #eee;} .comd_b a img{display: block;width: 100%;} .comd_b a:hover .comd_ba{background: rgba(0,0,0,0.6);opacity: 1;bottom: 0; } .comd_b a:hover .comd_bb em{margin:25% auto 0 auto;} .comd_ba{position: absolute;width: 100%; background: rgba(0,0,0,0);opacity: 0; left:0;bottom: 0; height: 100%;overflow: hidden;transition:.4s;} .comd_bb{border: 1px dashed rgba(255,255,255,.7);height: 100%;} .comd_bb em{display: block;width: 35px;height: 35px;border-radius: 40px;border: 1px solid rgba(255,255,255,.8);text-align: center;line-height: 35px;margin:40% auto 0 auto;transition:.4s;} .comd_ba span{display: block;color: #fff;text-align: center;} .comd_ba i{color: rgba(255,255,255,.8);} .cimga{display: block;width: 100%;height: 0;padding-bottom: 70%;position: relative;overflow: hidden;} .cimgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;} .cimga i{position: absolute;z-index: 2;height: 100%;width: 100%;background: rgba(0,33,84,0);padding-top: 10%;text-align: center;transition:.4s;} .cimga i em{font-size:42px;color: #fff;opacity: 0;transition:.4s;} .cimga img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: 0.3s;} .comd_c li a{display: block;position: relative;border: 1px solid #eee;} .comd_c li a:hover .comd_ba{background: rgba(0,0,0,0.6);opacity: 1;bottom: 0; } .comd_c li a:hover .comd_bb em{margin:20% auto 0 auto;} .companye{height: auto;overflow: hidden;background:#f7f9ff;} .come_a{position: relative;} .come_a .swiper-container {padding-bottom: 4%;height: auto;overflow: hidden;} .come_a .swiper-scrollbar-drag {background:#ce000c;} .come_a .swiper-container-horizontal>.swiper-scrollbar{left:0;} .come_a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;} .come_a .swiper-slide {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;} .come_a .swiper-slide span{position: absolute;bottom: 0;width: 100%;line-height: 50px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;} .come_a .swiper-slide:hover img{transform: scale(1.05);} .come_a .swiper-slide:hover span{line-height: 65px;background: rgba(19,95,181,.9);} .companyf{height: auto;overflow: hidden;background: url(../images/companyf.jpg) center no-repeat;} .companyf img{max-width: 100%;} .comf_a span{display: block;color: #777;text-transform: uppercase;} .comf_a span i{font-style: normal;color: #444;} .comf_a p{color: #777;} .companyf ul{position: relative;} .companyf a{display: block; width: 140px;line-height: 45px;background: #135fb5;color: #fff;text-align: center;border: 1px solid #135fb5;transition:.4s;border-radius: 80px;} .companyf a:hover{background: #fff;color: #135fb5;} .companyf li {color: #777} .companyf li strong{font-size: 68px;font-family: fz;color: #135fb5} .caimga{display: block;width: 100%;height: 0;padding-bottom: 60%;position: relative;overflow: hidden;} .caimgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;} .caimga i{position: absolute;z-index: 2;height: 100%;width: 100%;background: rgba(0,33,84,0);padding-top: 10%;text-align: center;transition:.4s;} .caimga i em{font-size:42px;color: #fff;opacity: 0;transition:.4s;} .caimga img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: 0.3s;} .dsza p{line-height: 40px;color: #777;font-size: 18px;width: 52%;margin:0 auto;} .dsza img{display: block;margin:0 auto;max-width: 100%;} /*荣誉*/ .honorlist{height: auto;overflow: hidden;} .honorlist li{height: auto;overflow: hidden;} .honorlist li a{display: block;position: relative;border: 1px solid #efefef;} .pimga img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: 0.3s;} .honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .honorlist li:hover .hfonta{background: rgba(0,33,84,0.9);opacity: 0.8;bottom: 0;} .hfonta{position: absolute;z-index: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 25%; overflow: hidden;text-align: center; background: rgba(0,33,84,0);transition: .4s;} .hfonta span{display: block; line-height: 30px;font-size: 18px;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .hfonta i{font-size: 34px;} .pimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 66%;} .pimgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;} .de-page-mian{text-align: center;margin-top: 1rem;} /*hyyy*/ .hzkhlist{height: auto;overflow: hidden;} .hzkhlist li{height: auto;overflow: hidden;} .hzkhlist li a{display: block;position: relative;border: 1px solid #efefef;} .hzkhlist li img{transition: all .5s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;} .hzkhlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .hzkhlist li:hover .zfonta{background: rgba(0,33,84,0.9);opacity: 0.8;bottom: 0;} .zfonta{position: absolute;z-index: 8;bottom: -200px;width: 100%;color: #fff; height: 100%;padding-top: 7%; overflow: hidden;text-align: center; background: rgba(0,33,84,0);transition: .4s;} .zfonta span{display: block; line-height: 30px;font-size: 18px;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .zfonta i{font-size: 34px;} .zimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 44%;} /*hyyy*/ .hyyylist li a{display: block;border: 1px solid #e8e8e8;border-radius: 5px;transition:.4s;} .hyyylist li a:hover {box-shadow: rgba(174,174,174,.2) 0 2px 5px 5px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;} .hyyylist li a:hover img{transform: scale(1.03)} .hyyylist li a:hover .cimga i{background: rgba(0,33,84,.6);padding-top: 30%;} .hyyylist li a:hover .cimga em{opacity: 1;} .hfontb{height: auto;overflow: hidden;box-shadow: 0px 2px 5px #eee;line-height: 35px;} .hfontb span{display: block;} .hfontb span em{color: #135fb5;} .hfontb i{background: #135fb5;color: #fff;padding: .25rem 1rem;} /*content_product*/ .ploc{color: #fff;line-height: 40px;margin-top: 8rem;} .ploc a{color: rgba(255,255,255,.8);transition:.4s;} .ploc a:hover{color:#fff;;} .proban{overflow: hidden;background: url(../images/ban_pro.jpg) center top no-repeat fixed;} .protype strong{display: block;color: rgba(255,255,255,.8);font-weight: normal;} .protype strong b{color: #135fb5;} .protype li a{display: block; transition:.4s;position: relative;line-height:50px;} .protype li a span{display: block;width: 100%;border: 1px solid rgba(255,255,255,.8);color: #fff;transition:.5s;text-align: center; position: relative;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .protype li a:hover > div{width: 1em;height: 1em;} .protype li a span:hover {transform:scale(0.95,0.87);background: #d0121b;border: 1px solid rgba(208,18,27,.8);} .protype li a span:hover {color: #fff;} .protype li a span:hover i{color: #fff;} .protype li a:hover .line_tl {border-top-width: 1px;border-left-width: 1px;} .protype li a:hover .line_tr {border-top-width: 1px;border-right-width: 1px;} .protype li a:hover .line_bl {border-bottom-width: 1px;border-left-width: 1px;} .protype li a:hover .line_br {border-bottom-width: 1px;border-right-width: 1px;} .protype li a > div{position: absolute;border-style: solid;border-width: 0;width: 0em;height: 0em;transition: all 0.5s;-webkit-transition: all 0.5s;} .protype li .line_tl {left: -3px;top: -3px;border-top-width: 0px;border-left-width: 0px;border-color: #d0121b;} .protype li .line_tr {right: -3px;top: -3px;border-top-width: 0px;border-right-width: 0px;border-color: #d0121b;} .protype li .line_bl {left: -3px;bottom: -3px;border-bottom-width: 0px;border-left-width: 0px;border-color: #d0121b;} .protype li .line_br {right: -3px;bottom: -3px;border-bottom-width: 0px;border-right-width: 0px;border-color: #d0121b;} .prolist li a{display: block;transition: all linear 0.3s;} .prolist li a:hover .p_a{box-shadow: rgba(255,255,255,0.1) 0 0 10px 8px;transform: translate3d(0,-5px,0); } .prolist li a:hover .typetit i{background: #fff;color: #135fb5; } .p_a{height: auto;overflow: hidden;border:1px solid #e0e0e0;background: #fff; transition:.4s;} .typetit strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .typetit i{display: block;width: 140px;line-height: 40px;background: #135fb5;border: 1px solid #135fb5;color: #fff;text-align: center;transition:.4s;} .pfonta{float: right;width: 50%;} .pfonta li{height: auto;overflow: hidden;border-bottom: 1px dashed #f2f2f2} .pfonta li:last-child{border-bottom:none;} .pfonta li strong i{font-weight: normal;color: #135fb5;font-size: 28px;} .pfonta li p{line-height: 35px;color: #777;padding-left: 9%;} .pimg{float: left;width: 50%;} .profimg{border: 1px solid #eee;} .pimg img{display: block;max-width: 100%;border: 1px solid #eee;} /*产品详情*/ .pinfoban{height: auto;overflow: hidden;} .plocation{line-height: 40px;color: #fff;} .plocation a{color: #fff;} .plocation a:hover{color:rgba(255,255,255,.7);} .proa {height: auto;overflow: hidden;background: #f7f8fb;} .proa img{display: block;width: 100%;background: #fff;} .proaa {height: auto;overflow: hidden;border-bottom: 1px solid #dfdfdf} .proaa strong{display: block;background: url(../images/proaa.png) left center no-repeat;padding-left: 1rem;} .proaa p{line-height: 30px;color: #777;} .proab i{margin-right:.5rem;text-align: center;width: 20%;line-height: 45px;} .proab i em{color: #135fb5;font-size: 24px;} .proac{height: auto;overflow: hidden;border-top: 1px dashed rgba(255,255,255,.2)} .proac_a {width: 60%;} .proac_a i{float: left;font-size: 50px;color: #135fb5;margin-right: .5rem;} .proac_a span{display: block; color: #777;margin-top: .5rem;} .proac_a p{color: #135fb5;font-weight: bold;font-family: fz;} .proac_d a{display: block;background: #135fb5;border: 1px solid #135fb5;line-height:48px;color: #fff;text-align: center;width: 180px;transition:.4s;} .proac_d a:hover{background: #fff;color: #135fb5;} .proad table {height: auto;overflow: hidden;background: #eaeff7;line-height:50px;border-collapse:inherit;color: #135fb5;border-top: 2px solid #fff;border-left: 2px solid #fff;} .proad table td{border-bottom: 2px solid #fff;border-right: 2px solid #fff;text-align: center;} .proad table strong{padding: 0 1rem;} .prob{height: auto;overflow: hidden;background: url(../images/prob.jpg) center center no-repeat;} .proca table { width: 100%!important;border-collapse: collapse;} .proca table p{ width: 100%!important; border-collapse: collapse;} .proca th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #a7a7a7;} .proca tr{border-right: 1px solid #a7a7a7;text-align: center;line-height: 45px;} .proca .firstRow{background: #135fb5;color: #fff;} .proca tr td{border-left: 1px solid #a7a7a7} .ptitb{text-align: center;} .ptitb strong{color: #135fb5} .ptitb em{font-size: 28px;} .ptitb p{color: #777} .proba li{text-align: center;} .proba li:hover em{border: 1px dashed #135fb5;-webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);} .proba li em{display: block;width: 70px;height: 70px;border: 1px dashed #f7f8fb;padding: 5px;border-radius: 60px;margin:0 auto;transition:.4s;} .proba li em i{display: block;width: 100%;height: 100%;background: #135fb5;color: #fff;text-align: center;border-radius: 60px;padding-top: .5rem;} .proba li span{display: block;} .proca{line-height: 30px;color: #777;} .proca strong{background: url(../images/procatit.png) left center no-repeat;line-height: 50px;padding-left: 3rem; display: block;font-size: 22px;color: #135fb5;text-transform: uppercase;font-family: fz;border-bottom: 1px solid #eee;margin-bottom: 1rem;} .proca img{max-width: 100%;} .procb{height: auto;overflow: hidden;background: url(../images/procb.jpg) center center no-repeat;} .procc li img{width: 100%;} .prod{height: auto;overflow: hidden;} .prodb{box-shadow: 0px 0px 5px 5px #eee; text-align: center;transition:.4s;} .prodb i{font-size: 42px;color: #135fb5} .prodb strong{display: block;} .prodb em{display: block;width: 25px;height: 2px;background: #135fb5;margin:1rem auto;} .prodb p{color:#777;} .proda li:hover .prodb{background:#135fb5;color: #fff;transform: translate3d(0,-5px,0);} .proda li:hover .prodb i{color: #fff;} .proda li:hover .prodb p{color: #fff;} .proda li:hover .prodb b{opacity: 1;color: #444;} .prodc {position: relative;border-radius: 100px;height: auto;overflow: hidden;width: 170px;height: 170px;margin:0 auto;text-align: center;} .prodc b{position: absolute;z-index: 3;background: #fff;line-height: 170px;width: 100%;font-size: 44px;opacity: 0;transition:.4s} .prodc img{max-width: 100%;} .proe{height: auto;overflow: hidden; background:#fafafa;} .ptitc{text-align: center;color: #fff;} .ptitc em{font-size: 28px;} .proea li:hover .proeb a{background: #135fb5;color: #fff;} .proeb{transition: all linear 0.3s;text-align: center;} .proeb i{color: #135fb5;font-size: 40px;} .proeb strong{display: block;font-family: fz;} .proeb p{color: #666;font-size: 15px;line-height: 30px;width: 70%;margin:0 auto;} .proeb a{display: block;width: 140px;margin:0 auto;border: 1px solid #999;border-radius: 50px; color: #999;font-size: 15px;line-height: 35px;margin-top: 1rem;transition:.4s} .profa .swiper-slide a{display: block;height: auto;overflow: hidden;border: 1px solid #e2e2e2;text-align: center;} .profa .swiper-slide a{display: block;position: relative;} .profa .swiper-slide a:hover .pfontb{height: 100%;background: rgba(19,95,181,.85);box-shadow: 0px 0px 8px 5px #d2d4d4} .profa .swiper-slide a:hover .pfontb span{font-size: 32px;margin-top:4.5rem;line-height: 50px; } .profa .swiper-slide img{display: block;width: 100%;} .pfontb {text-align: center;color: #fff;height: 50px;width: 100%; overflow: hidden;position: absolute;background: rgba(19,95,181,1);bottom: 0;transition:.6s;} .pfontb span{line-height: 50px;transition:.4s;font-size: 16px;} .pfontb p{line-height: 30px;color: rgba(255,255,255,.85);} .pfontb i{display: block;width: 45px;height: 45px;line-height: 45px; border-radius: 30px;background: #fff;text-align: center;margin:.5rem auto 0 auto;} .pfontb i em{color: #135fb5;font-size:26px;} .pic{display: block;width: 100%;height: 0;padding-bottom: 80%;position: relative;overflow: hidden;} /*新闻*/ .newslist{height: auto;overflow: hidden;} .newslist ul li a{display: block;transition:.4s;position: relative;border-bottom: 1px solid #eee; } .newslist ul li:hover a{background: #f7f8fb;} .newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .newslist ul li:hover span{color: #135fb5;} .time {display: block;line-height: 30px;color: #999;} .newsfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: relative;z-index: 2; } .newsfonta p{line-height: 30px;color: #777;} .newsfonta i{display: block;width: 40px;height: 40px;border-radius: 40px;background: #135fb5;text-align: center;line-height: 40px;} .newsfonta i em{color: #fff;} .nimga{height: auto;overflow: hidden;} .nimga img{display: block;max-width: 100%;transition:.4s;} /*新闻详情*/ .newsinfo{height: auto;overflow: hidden;background: #f4f6f8;} .ninfoa{height: auto;overflow: hidden;text-align: center;} .ninfoa 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{display: block;margin:0 auto;max-width: 100%;} .newsaa p{line-height: 30px;} .sidea{padding: 2% 0;height: auto;overflow: hidden;} .sidea li{height: auto;overflow: hidden;background: #f7f8fb;transition:.4s;position: relative;border-bottom: 2px solid #e3e3e3} .sidea li:hover{transform: translate3d(0,-5px,0);box-shadow: 0px 0px 8px 5px rgba(0,0,0,.1)} .sidea li:hover::before{width: 100%;} .sidea li::before{position: absolute;content: "";width: 0;left:0; bottom: 0;height: 2px;background: #135fb5;transition:.4s;} .sidea li a{display: block; height: auto;overflow: hidden;} .sidea li strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .sidea li span{display: block;color: #999;line-height: 30px;} .sidea li p{line-height: 30px;color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .page{border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;height: auto;overflow: hidden;} #prev_next {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: #d0121b !important;} .back a{float: right; display: block;width: 140px;line-height: 45px;color: #fff; border:1px solid #135fb5;border-radius: 5px;text-align: center;;transition:.4s;background: #135fb5} .back a:hover{border-radius: 0 20px 0 20px} /*联系*/ .lxwma{padding-top: 8rem;;background: url(../images/ban_con.jpg) top center no-repeat fixed;} .cloc{color: #fff;line-height: 40px;} .cloc a{color: rgba(255,255,255,.8);transition:.4s;} .cloc a:hover{color:#fff;;} .ltita {text-align: center;} .ltita strong{display: block;} .ltita p{color: #777;} .ltitb span{font-weight: bold;color: #135fb5;} .lxwma_b{height: auto;overflow: hidden;background: #fff; box-shadow: 0px 0px 8px 5px rgba(0,0,0,.06)} .lxwma_b ul{border-bottom: 1px solid #eee;} .lxwma_a{text-align: center;transition:.4s;height: auto;overflow: hidden;} .lxwma_a:hover b{background: #444;border-radius: 50px;} .lxwma_a b{display: block;font-weight: normal;transition:.8s;width:70px;line-height: 60px;background:#135fb5;text-align: center;margin:0 auto;border-radius: 10px;margin-bottom: 1rem;} .lxwma_a i{font-size: 30px;color: #fff;} .lxwma_a span{display: block;line-height: 30px;font-size: 15px;} .lxwma_a p{line-height: 30px;transition:.4s;color: #777;} .lxwm_c {text-align: center;} .lxwm_c p{color: #999;} .lxwm_c a{display: block;width: 40%;line-height: 50px;background: #135fb5;border: 1px solid #135fb5;color: #fff;text-align: center;margin:0 auto;transition:.4s;} .lxwm_c a:hover{background: #fff; color: #135fb5;} .lxwm_c strong{display: block;} .lxwmb{height: auto;overflow: hidden;background: #fff;box-shadow: 0px 0px 8px 5px rgba(0,0,0,.06)} .ltitb strong{display: block;color: #135fb5;} .ltitb p{color: #777;} .lxwmb .forma input{display: block;background: #f2f2f2;width: 100%; line-height: 45px;padding-left:2rem;margin-bottom: 1rem;} .lxwmb textarea{display: block;width: 100%;height: 178px; padding-top: 1rem;padding-left: 2rem;margin-bottom: 2rem;background:#f2f2f2;} .lxwmb .code input{float: left;width: 35%;line-height: 45px;background: #f2f2f2;text-align: center;} .lxwmb .code .verify{float: left;width: 30%;margin: 0 3%;} .lxwmb .code .verify img{max-width: 100%;height: 45px;} .lxwmb .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #f2f2f2;text-align: center; background: #135fb5;transition: .4s;} .lxwmb .code .submit:hover{background: #444;border-radius: 0 20px 0 20px;} .mes-form{height: auto;overflow: hidden;} .lxwmb .code{width: 60%;} @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;} .dsza p{width: 100%;} .topa img{max-width: 40%;float: left;} .in01bd li a{font-size: 12px;line-height: 40px;} .in01bc p{display: none;} .fonta .over-line-2{display: none;} .in01ca a{width: 48%;} .in01ca a:nth-of-type(3){display: none;} .in01ca a{font-size: 12px;} .in02a strong{font-size: 32px;background: url(../images/in02a.png) 200px top no-repeat;} .in04a li{width: 32.5%;} .in06a .swiper-button-next{display: none;} .in06a .swiper-button-prev{display: none;} .foota{padding-left: 15px;} .comloc{margin-top: 6rem;} .comc_a{width: 100%;} .comc_a em{font-size: 30px;} .companyf li strong{font-size: 44px;} .ploc{margin-top: 6rem;} .proab i{width: 25%;} .hfontb i{display: none;} .hfontb span em{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .hfontb p{display: none;} .ban{padding: 8rem 0 6rem 0;} #playercontainer{width: 100% !important;} .lxwmb .code{width: 100%;} .plocation{padding-top:4rem;} .profa .swiper-slide a:hover .pfontb span{font-size: 18px;margin-top:1.5rem;line-height:40px; } .pfontb p{display: none;} .comlocb li:nth-of-type(3) a::after{height: 0px;} .comloca{text-align: left;} .coma_b{width: 100%;height: 270px;} .cmorea a{margin-top: 2%;} .zfonta i{font-size: 24px;} .zfonta span{font-size: 16px;} .honorlist li .hfonta{padding-top: 15%;} .hfonta i{font-size: 18px;} .hfonta span{font-size: 14px;} .location{background: rgba(3,100,132,.8);margin-top: 0px;line-height: 40px;} } @media (min-width: 576px) and (max-width: 768px) { .topa img{max-width: 40%;float: left;} .in01bd li a{font-size: 12px;line-height: 40px;} .in01bc p{display: none;} .fonta .over-line-2{display: none;} .in01ca a{width: 48%;} .in01ca a:nth-of-type(3){display: none;} .in01ca a{font-size: 12px;} .in02a strong{font-size: 32px;background: url(../images/in02a.png) 200px top no-repeat;} .in04a li{width: 32.5%;} .in06a .swiper-button-next{display: none;} .in06a .swiper-button-prev{display: none;} .dsza p{width: 100%;} .foota{padding-left: 15px;} .comloc{margin-top: 6rem;} .comc_a{width: 100%;} .comc_a em{font-size: 30px;} .companyf li strong{font-size: 44px;} .ploc{margin-top: 6rem;} .proab i{width: 25%;} .hfontb i{display: none;} .hfontb span em{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .hfontb p{display: none;} .ban{padding: 8rem 0 6rem 0;} #playercontainer{width: 100% !important;} .lxwmb .code{width: 100%;} .intita span{font-size: 24px;} .in05a .mySwiper .swiper-slide span{font-size: 16px;} .in_07 span{font-size: 24px;} .in_08 img{margin-top: 0px;} .plocation{padding-top:5rem;} .ptitb span{font-size: 22px;} .ptitc span{font-size: 22px;} .prodb strong{font-size: 22px;} .proeb strong{font-size: 22px;} .profa .swiper-slide a:hover .pfontb span{font-size: 22px;margin-top:2.5rem;line-height: 50px; } .hfontb span strong{font-size: 18px;} .pfontb p{display: none;} .comlocb li:nth-of-type(3) a::after{height: 0px;} .comloca{text-align: left;} .coma_b{width: 100%;height: 420px;} .cmorea a{margin-top: 2%;} .location{background: rgba(3,100,132,.8);margin-top: 0px;line-height: 40px;} .ban span{font-size: 24px;} } @media (min-width: 768px) and (max-width:992px) { .topa img{max-width: 40%;float: left;} .in01bd li a{font-size: 12px;line-height: 40px;} .in01bc p{display: none;} .fonta .over-line-2{display: none;} .in01ca a{width: 48%;} .in01ca a:nth-of-type(3){display: none;} .in01ca a{font-size: 12px;} .in02a strong{font-size: 32px;background: url(../images/in02a.png) 200px top no-repeat;} .in04a li{width: 32.5%;} .in06a .swiper-button-next{display: none;} .in06a .swiper-button-prev{display: none;} .foota{padding-left: 15px;} .comloc{margin-top: 6rem;} .comc_a{width: 100%;} .comc_a em{font-size: 30px;} .companyf li strong{font-size: 44px;} .ploc{margin-top: 6rem;} .proab i{width: 25%;} .hfontb i{display: none;} .hfontb span em{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .hfontb p{display: none;} .ban{padding: 8rem 0;} #playercontainer{width: 100% !important;} .lxwmb .code{width: 100%;} .intita span{font-size: 24px;} .in05a .mySwiper .swiper-slide span{font-size: 16px;} .in05a .mySwiper .swiper-slide:last-child{display: none;} .in_08 img{margin-top: 0px;} .in09c {background: url(../images/in09a.jpg) center no-repeat;background-size: 130%; } .in09d {background: url(../images/in09b.jpg) center no-repeat;background-size: 130%; } .in09e {background: url(../images/in09c.jpg) center no-repeat;background-size: 130%; } .plocation{padding-top: 6rem;} .proab{font-size: 13px;} .ptitb span{font-size: 22px;} .ptitc span{font-size: 22px;} .prodb strong{font-size: 22px;} .proeb strong{font-size: 22px;} .profa .swiper-slide a:hover .pfontb span{font-size: 22px;margin-top:2.5rem;line-height: 50px; } .pfontb p{display: none;} .comloca{text-align: left;} .cmorea a{margin-top: 2%;} } @media (min-width: 992px) and (max-width:1200px) { .banner .swiper-slide .bannera img{width: 50%;} .banner .swiper-slide .bannera i{width:80%;margin:1rem auto;} .banner .swiper-slide .bannera span{font-size: 22px;} .in01bd li a{line-height: 32px;} .in02b i{display: none;} .intitb span b{font-size: 22px;} .intitb span p{font-size: 12px;} .intitb a{width: 85px;line-height: 40px;} .in03c li a span{font-size: 16px;} .in04a li{width: 16%} .in05a .mySwiper .swiper-slide span{font-size: 18px;line-height: 30px;} .in06a .swiper-button-next{display: none;} .in06a .swiper-button-prev{display: none;} .in06a .swiper2{padding-bottom: 0;} .in_08 img{margin-top: 0px;} .comc_a{width: 100%;} .comc_a em{font-size: 24px;} .comd_a strong{font-size: 18px;} .comd_a li span em{font-size: 30px;} .comd_a p{font-size: 16px;} .cmorea a{margin-top: 30%;} .proac_a{width: 50%;} .plocation{margin-top: 6rem;} .profa .swiper-slide a:hover .pfontb span{font-size: 22px;margin-top:2.5rem;line-height: 50px; } .intita span{font-size: 24px;} .newsfonta span{font-size: 22px;} .zfonta i{display: none;} } @media (min-width: 1200px) and (max-width:1450px) { .topb b{font-size: 22px;} .in02b i{font-size: 22px;} .in03c li a span{font-size: 16px;} .comd_a li span em{font-size: 32px;} .comd_a p{font-size: 14px;} .cmorea a{margin-top: 40%;} .comd_a strong{font-size: 19px;} .companyf li strong{font-size: 40px;} .zfonta i{font-size: 24px;} .zfonta span{font-size: 16px;} } @media (min-width: 1200px) and (max-width:1605px) { .in05a .mySwiper .swiper-slide{padding: .5rem !important} .in05a .mySwiper .swiper-slide span{font-size: 18px;line-height: 35px;} .in06a .swiper-button-prev{left:45.5%;} .in06a .swiper-button-next{right:45.5%;} } @media (min-width: 1200px) { .container{max-width: 1600px ;} .top .container{max-width: 1600px ;} } @media (max-width:1600px) { .inback{display: none !important} }