@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 鏍峰紡 */
.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;}
.over-line-6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}
/*淇敼婊氬姩鏉?/
::-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_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;}
.pf_40{font-size: 40px;line-height: 55px;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*//*top*/
.top{position: fixed;z-index: 88;top:0;width: 100%;}
.topa a{display: block;}
.topa img{display: block;max-width: 100%;margin:0 auto;}
.topb{position: relative;}
.topb::before{position: absolute;content: "";left:0;top:25%;height: 20px;width: 1px;background: rgba(255,255,255,.8);}
.topb a{display: block;border: 1px solid rgba(255,255,255,.8);text-align: center;border-radius: 60px;width: 35px;line-height: 32px; margin:0 .5rem;transition:.4s;}
.topb a:hover{background: #bb1c14;border: 1px solid #bb1c14;}
.topb a i{color: #fff;}
.topb span{color: #fff;}
.topb span b{font-size: 32px;font-family: fz;line-height: 30px;color: #f13f36;}
.search-text{border: 1px solid #ddd;line-height: 38px;padding-left: 5px;width: 80%;}
.fdj{width: 55px;height: 40px; line-height: 40px;background: url(../images/fdj.png) center no-repeat #ce000c;outline: none;color: #fff;width: 20%;transition:.4s;}
.fdj:hover{background: url(../images/fdj.png) center no-repeat #444;}
.btn{border-radius: 0px !important;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li span{display: block;position: relative;line-height: 94px; 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:95px;left:0; width:100%;height:0;overflow: hidden;opacity:0;background:url(../images/navabg.jpg) center bottom no-repeat;transition: all 0.3s ease 0s;}
.menu li .submenu .suba strong{display: block;color: #bb1c14;}
.menu li .submenu .suba p{line-height: 30px;color: #999;width: 50%;margin:0 auto;}
.menu li .submenu .suba a{display: block;width: 160px;line-height: 45px;background: #bb1c14;border: 1px solid #bb1c14; color: #fff;transition:.4s;text-align: center;margin:1rem auto;border-radius: 60px;}
.menu li .submenu .suba a:hover{background: #fff;color: #bb1c14;}
.menu li .submenu .subb_a {height: auto;overflow: hidden;}
.menu li .submenu .subb_a img{display: block;max-width: 100%;transition: all 0.3s ease 0s;margin:0 auto;}
.menu li .submenu .subb a:hover img{transform: scale(1.05, 1.05)}
.menu li .submenu .subb a:hover p{color: #bb1c14;}
.menu li .submenu .subb p{line-height: 40px;color: #777;transition:.4s}
.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: 32px;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;background: #bb1c14;text-align: center;padding: 1rem;}
.mobmenu .sidebar nav span img{display: block;max-width: 100%;margin:0 auto;}
.mobmenu .sidebar nav strong{display: block;font-size: 18px;text-align: center;color: #444;margin: 1rem 0;}
.mobmenu .sidebar ul{margin:4%;border-top: 1px solid #cfcfcf;height: auto;overflow: hidden;}
.mobmenu .sidebar li{float: left;width: 50%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;transition: .4s;padding-left: 1rem;}
.mobmenu .sidebar li a:hover{background: #bb1c14;color: #fff;}
.mobmenu .sidebar li i{font-size: 20px;}
.mtel{padding: 1rem;color: #444;}
.mtel i{float: left;font-size: 36px;color: #bb1c14;margin-right: .5rem;}
.mtel b{display: block;color: #bb1c14;font-family: fz;font-size: 32px;line-height: 30px;}
/*棣栭〉澶у浘*/
.banner {height: auto;overflow: hidden;z-index: 3;}
.banner .swiper-slide a{display: block;position: relative;}
.banner .swiper-slide .bannera{position: absolute;width: 100%;top:30%;color: #fff;z-index: 3;}
.banner .swiper-slide .bannera span{display: block;font-size: 120px;text-transform: uppercase;font-family: fz;font-weight: bold;line-height:65px;
background-image:linear-gradient(to bottom, rgba(255,255,255,.8), rgba(255,255,255,0));-webkit-background-clip:text;color: transparent;opacity: 0;transition-delay: .4s;}
.banner .swiper-slide .bannera strong{display: block;font-size: 72px;opacity: 0;transition-delay: .6s;}
.banner .swiper-slide .bannera p{font-size:32px;margin-top:2rem;opacity: 0;transition-delay: .8s;;}
.banner .swiper-slide .bannera i{display: block;width: 35px;height: 2px;background: #fff;margin-top: 1.5rem;opacity: 0;transition-delay: 1.0s;}
.ania{-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .9s ease .5s;transition-duration:1s;}
.banner .swiper-slide-active .bannera span{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.banner .swiper-slide-active .bannera strong{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.banner .swiper-slide-active .bannera p{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.banner .swiper-slide-active .bannera i{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.banner .swiper-slide .bannerb{position: absolute;width: 100%;top:30%;color: #fff;z-index: 3;text-align: center;}
.banner .swiper-slide .bannerb span{display: block;font-size: 100px;opacity: 0;transition-delay: .4s;}
.banner .swiper-slide .bannerb strong{display: block;font-size: 32px;text-transform: uppercase;font-size: 32px;font-family: fz;font-weight: normal;letter-spacing: 3px;opacity: 0;transition-delay: .6s;}
.banner .swiper-slide .bannerb p{font-size:32px;margin-top:2rem;background: url(../images/bimgb.png)center no-repeat;line-height: 65px;text-align: center;opacity: 0;transition-delay: .8s;}
.banner .swiper-slide .bannerb p b{color: #fad00a;}
.banner .swiper-slide-active .bannerb span{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.banner .swiper-slide-active .bannerb strong{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.banner .swiper-slide-active .bannerb p{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.banner .swiper-slide .bannerc{position: absolute;width: 100%;top:50%;color: #fff;z-index: 3;text-align: center;}
.banner .swiper-slide .bannerc span {display: block;max-width: 100%;opacity: 0;transition-delay: .4s;}
.banner .swiper-slide .bannerc span img{max-width: 100%;}
.banner .swiper-slide .bannerc p{font-size:24px;margin-top:2rem;background:#bb1c14;line-height: 65px;width: 74%; text-align: center;opacity: 0;transition-delay: .6s;margin:0 auto;}
.banner .swiper-slide .bannerc p b{color: #fad00a;}
.banner .swiper-slide-active .bannerc span{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.banner .swiper-slide-active .bannerc p{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.banner .swiper-slide-active .bimg img{animation: bimg 6s linear 0s;}
.banner .swiper-slide .bimg{display: block;height: auto;overflow: hidden;}
.banner .swiper-slide .bimg img{display: block;width: 100%;transition:all 1.2s ease 0s;}
@keyframes bimg {
0% {
transform: scale(1);
animation-timing-function: ease-in;
}
100% {
transform: scale(1.1);
animation-timing-function: ease-out;
}
}
.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;background: url(../images/in01bg.jpg)left top repeat;position: relative;z-index: 3;}
.in01aa strong{display: block;}
.in01aa p{display: block;color: #999;text-transform: uppercase;}
.in01ab p {color: #777;}
.in01b{height: auto;overflow: hidden;}
.in01b img{display: block;margin:0 auto; max-width: 90%;border-radius: 350px;}
.in01c span{border-right: 1px solid #dfdfdf;text-align: center;}
.in01c span:last-child{border-right:none;}
.in01c strong{font-size: 46px;color:#bb1c14;font-family: impact; }
.in01c p{color:#777;}
.in01ba{text-align: center;margin-top: -135px;float: right;margin-right: 60px;}
.in01ba em{display: block;width:120px;height: 120px;line-height: 40px; padding-top: 1.5rem;position: relative; background: #ffffff;box-shadow: 0px 0px 10px 0px #eee; border-radius: 60px;text-align: center;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;
}
.in01ba a:hover em{background: #fad7d7;}
.in01ba em:after{position: absolute;content: "";display: block;width: 120px;height: 120px;border-radius: 60px;
top: 0px;
left: 0px;
z-index:1;
box-shadow: 0 0 0 2px rgba(191,212,252,0.1);
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
-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(191,212,252,1);
}
40% {
opacity: 0.5;
background: rgba(191,212,252,1);
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(191,212,252,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(191,212,252,0.5);
-webkit-transform: scale(1.2);
background: rgba(191,212,252,1);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(191,212,252,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(191,212,252,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(191,212,252,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(191,212,252,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(191,212,252,0.5);
transform: scale(1.2);
opacity: 0;
}
}
.in01ba span{display: block;}
.in_02{height: auto;overflow: hidden;position: relative;z-index: 3;}
.in_02 .mySwiper2 .swiper-slide{position: relative;}
.in_02 .mySwiper2 .swiper-slide img{max-width: 100%;}
.in_02 .mySwiper2 .in02a{position: absolute;bottom: 0;left:0;background: rgba(0,0,0,.6);width: 100%;color: #fff;}
.in_02 .mySwiper2 .in02a span{display: block;}
.in_02 .mySwiper2 .in02a p{color: rgba(255,255,255,.8);}
.in_02 .mySwiper2 .in02a a {float: right; display: block;width: 180px;line-height: 55px;background: #bb1c14;border: 1px solid #bb1c14; color: #fff;text-align: center;border-radius: 15px 0 15px 0;font-size: 16px;transition:.4s;}
.in_02 .mySwiper2 .in02a a:hover {background: #fff;color: #bb1c14;border-radius:0px;}
.in_02 .mySwiper .swiper-slide{background: #f2f3f4;border-right: 1px solid #fff;text-align: center;position: relative;padding: 5rem 3rem;transition:.4s;}
.in_02 .mySwiper .swiper-slide i{color: #f2f3f4;font-size: 22px;transition:.4s;}
.in_02 .mySwiper .swiper-slide span{display: block;font-size: 28px;transition:.4s;height: 50px;}
.in_02 .mySwiper .swiper-slide strong{position: absolute;color: rgba(51,51,51,.1); font-family: impact;font-size:100px;left:40%;transition:.4s;bottom:-65px;}
.in_02 .mySwiper .swiper-slide:hover {background: #bb1c14;color: #fff;}
.in_02 .mySwiper .swiper-slide:hover span{font-size: 22px;height: 50px;padding-top: 20px;line-height: 30px;}
.in_02 .mySwiper .swiper-slide:hover strong{bottom:-45px;}
.in_02 .mySwiper .swiper-slide-thumb-active {background: #bb1c14;color: #fff;}
.in_02 .mySwiper .swiper-slide-thumb-active span{font-size: 22px;height: 50px;padding-top: 20px;line-height: 30px;}
.in_02 .mySwiper .swiper-slide-thumb-active strong{bottom:-45px;}
.in_03{border-bottom: 1px solid #e8e8e7;position: relative;z-index: 3;background: #fff;}
.in_03 .intitc{padding: 7rem 1rem!important;}
.intitc {height: auto;overflow: hidden;}
.intitc strong{display: block;font-size: 48px;color: #333333;text-transform: uppercase;letter-spacing: 2px;}
.intitc strong i{color: #bb1c14;font-style: normal;}
.intitc span{display: block;font-weight: 100;}
.intitc span b{font-weight: 600;}
.intitc em{display: block;width: 30px;height: 3px;background: #bb1c14;margin:1rem 0;}
.in03b p{color: #777;}
.in03c_b img{display: block;margin:0 auto;}
.in03c_a{height: 70px;width: 70px; overflow: hidden;position: relative;text-align: center;margin:0 auto;}
.in03cimga{position: absolute;z-index: 3;left:36%;top:40%;}
.intita {text-align: center;}
.intita strong{font-size: 56px;display: block;text-align: center;color: rgba(0,0,0,.05);text-transform: uppercase;}
.intita span{display: block;margin-top: -60px;font-weight: bold;}
.intita p{color: #999;}
.in_04{position: relative;z-index: 3;background: #fff;}
.in04a{height: auto;overflow: hidden;background: #f8f9f9;text-align: center;transition:.4s;}
.in04a strong{font-size: 48px;font-family: fz;}
.in04a p{color: #777;}
.in04a sup{font-size: 22px;font-family: fz;font-weight: bold;}
.in04a i{display: block;width: 130px;height: 3px;background: #bb1c14;margin:0 auto;transition:.4s;}
.in04a:hover {background: #bb1c14;color: #fff;}
.in04a:hover i{background: #fff;width: 150px;}
.in04a:hover p{color: #fff;}
.in_05{position: relative;height: auto;overflow: hidden;}
.in05b{position: fixed;z-index: 0;width: 100%;height: 100%;bottom: 0;}
.in05b::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.6);left:0;top:0;z-index: 3;}
.in_05 ul{position: relative;z-index: 8}
.in_05 li{cursor: pointer;}
.in05a{height: 400px;position: relative;z-index: 5;}
.in05a:before{position: absolute;content: ""; z-index: 2;width: 100%;height: 1px;background: #fff;left:0;top:0;}
.in05a li{text-align: center;line-height: 55px;color: #fff;z-index: 1;position: relative;}
.in05a li a{color: #fff;}
.in05c{position: relative;}
.in05c img{position: relative;z-index: 2;max-width: 100%;}
.in05c::before{position: absolute;content: "";width: 100%;height: 99%;left:0;top:0;background: rgba(0,0,0,.4);z-index: 3;transition:all .6s ease 0s}
.in05e{position: absolute;z-index: 5;color: #fff;text-align: center;padding-top: 35%;width: 100%;}
.in05e em{font-size: 48px;}
.in05e span{display: block;}
.in05e p{text-transform: uppercase;line-height: 30px;color: rgba(255,255,255,.8);}
.in05d{position: absolute;z-index: 1;background: #fff;width: 100%;text-align: center;top:0;transition:all .6s ease 0s;}
.in05d em{display: block;width: 35px;height: 2px;background: #bb1c14;margin:1rem auto;}
.in05d p{color: #777;}
.in05d a{margin:0 auto;}
.in_05 li:hover .in05d{top:99%;}
.in_05 li:hover b{background: #bb1c14;}
.in_05 li:hover .in05c::before{background: rgba(0,0,0,0);}
.in_05 li:hover b:after{-webkit-animation: sonarEffectb 1.6s ease-out 75ms infinite;
-moz-animation: sonarEffectb 1.6s ease-out 75ms infinite;
animation: sonarEffectb 1.6s ease-out 75ms infinite;}
.in05c b{display: block;width: 12px;height: 12px;border-radius: 20px;background: #fff;margin:-6px auto;position: relative; z-index: 6;
-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;}
.in05c b:after{position: absolute;content: "";display: block;width: 12px;height: 12px;border-radius: 20px;
top: 0px;
left: 0px;
z-index:1;
box-shadow: 0 0 0 2px rgba(191,212,252,0.1);
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
-webkit-animation: sonarEffecta 1.6s ease-out 75ms infinite;
-moz-animation: sonarEffecta 1.6s ease-out 75ms infinite;
animation: sonarEffecta 1.6s ease-out 75ms infinite;
}
@-webkit-keyframes sonarEffecta {
0% {
opacity: 0.3;
background: rgba(191,212,252,1);
}
40% {
opacity: 0.5;
background: rgba(191,212,252,1);
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 7px 7px #fff, 0 0 0 7px rgba(191,212,252,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 7px 7px #fff, 0 0 0 7px rgba(191,212,252,0.5);
-webkit-transform: scale(1.1);
background: rgba(191,212,252,1);
opacity: 0;
}
}
@-moz-keyframes sonarEffecta {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 7px 7px #fff, 0 0 0 7px rgba(191,212,252,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 7px 7px #fff, 0 0 0 7px rgba(191,212,252,0.5);
-moz-transform: scale(1.1);
opacity: 0;
}
}
@keyframes sonarEffecta {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 7px 7px #fff, 0 0 0 7px rgba(191,212,252,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(191,212,252,0.1), 0 0 7px 7px #fff, 0 0 0 7px rgba(191,212,252,0.5);
transform: scale(1.1);
opacity: 0;
}
}
@-webkit-keyframes sonarEffectb {
0% {
opacity: 0.3;
background: rgba(187,28,20,1);
}
40% {
opacity: 0.5;
background: rgba(187,28,20,1);
box-shadow: 0 0 0 2px rgba(187,28,20,0.1), 0 0 7px 7px #bb1c14, 0 0 0 7px rgba(187,28,20,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(187,28,20,0.1), 0 0 7px 7px #bb1c14, 0 0 0 7px rgba(187,28,20,0.5);
-webkit-transform: scale(1.1);
background: rgba(187,28,20,1);
opacity: 0;
}
}
@-moz-keyframes sonarEffectb {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(187,28,20,0.1), 0 0 7px 7px #bb1c14, 0 0 0 7px rgba(187,28,20,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(187,28,20,0.1), 0 0 7px 7px #bb1c14, 0 0 0 7px rgba(187,28,20,0.5);
-moz-transform: scale(1.1);
opacity: 0;
}
}
@keyframes sonarEffectb {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(187,28,20,0.1), 0 0 7px 7px #bb1c14, 0 0 0 7px rgba(187,28,20,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(187,28,20,0.1), 0 0 7px 7px #bb1c14, 0 0 0 7px rgba(187,28,20,0.5);
transform: scale(1.1);
opacity: 0;
}
}
.in_06{height: auto;overflow: hidden;background:url(../images/in06bg.jpg) center top repeat;position: relative;z-index: 3;}
.intitb span{display: block;}
.intitb strong{display: block;}
.intitb span b{font-size: 72px;color: #bb1c14;font-family: fz;text-transform: uppercase;}
.intitb p{color: #777;}
.inmore a {display: block;width: 180px;line-height: 55px;background: #bb1c14;border: 1px solid #bb1c14; color: #fff;text-align: center;border-radius: 15px 0 15px 0;font-size: 16px;transition:.4s;}
.inmore a:hover {background: #fff;color: #bb1c14;border-radius:0px;}
.in06a{margin-top: 6rem;}
.in06a .swiper-slide a{display: block;position: relative;}
.in06a .swiper-slide a:hover span{background: rgba(187,28,20,.5);}
.in06a .swiper-slide a:hover img{transform: scale(1.05, 1.05)}
.in06a .swiper-slide span{position: absolute;background: rgba(0,0,0,.8);text-align: center;color: #fff;bottom: 0;left:0;width: 100%;line-height: 55px;transition:.4s;}
.in06b{position: relative;}
.in06b img{max-width: 100%;}
.in06b_a{position: absolute;bottom: 12%;left:40%;}
.in06b_a .in01ba{margin-top: 0px;margin-right: 0px;z-index: 2;position: relative;}
.in06b:hover .in06b_b{width: 250px;}
.in06b:hover .in06b_c{width: 250px;}
.in06b_b{position: absolute;right:60px;top:23%;height: 60px;overflow: hidden; background: #fff;font-size: 22px;width: 0px;line-height: 60px;border-radius: 50px 0 0 50px;padding-left: 20px;z-index: 0;transition:.4s;}
.in06b_c{position: absolute;left:60px;top:23%;height: 60px;overflow: hidden; background: #fff;font-size: 22px;width:0px;line-height: 60px;border-radius: 0 50px 50px 0 ;padding-right: 20px;text-align: right;transition:.4s;z-index: 0;}
.in_07 {position: relative;z-index: 3;background: #fff;}
.in_07 img{max-width: 100%;}
.in07a{border: 1px solid #eee;border-right: none; text-align: center;line-height: 60px;}
.in07a a{border-right: 1px solid #eee;font-size: 15px;transition:.4s;}
.in07a a:hover{background: #bb1c14;color: #fff;}
.in07b a{display: block;background: url(../images/in07b.png) center center no-repeat #f8f8f8;height: auto;overflow: hidden;position: relative;transition:.4s;}
.in07b a:hover{background:url(../images/in07bh.jpg) center center no-repeat;color: #fff;}
.in07b a:hover b{color: #ab1a12;}
.in07b a:hover span{color: #fff;}
.in07b a:hover p{color: #fff;}
.in07b a:hover em{color: #fff;}
.in07b a b{position: absolute;z-index: 1;font-size: 80px;font-family: impact;color: #f2f2f2;right:3%;top:-40px;text-transform: uppercase;transition:.4s;}
.in07b strong{position: relative;z-index: 3;}
.in07b span{display: block;color: #999;line-height: 35px;transition:.4s;}
.in07b p{line-height: 30px;color: #666;transition:.4s;}
.in07b em{display: block;color: #bfbfbf;text-transform: uppercase;transition:.4s;}
.in07b .swiper-slide-active{background:url(../images/in07a.jpg) center bottom no-repeat #bb1c14;color: #fff;}
.in07b .swiper-button-next{ right: 0; top:45%; outline: none;width: 40px; height: 40px;background:rgba(187,28,20,0.8);transition:.4s;border-radius: 60px;}
.in07b .swiper-button-next i{color: #fff;}
.in07b .swiper-button-prev{ left: 0; top:45%; outline: none;width: 40px; height: 40px;background:rgba(187,28,20,0.8);transition:.4s;border-radius: 60px;}
.in07b .swiper-button-prev i{color: #fff;}
.in07b .swiper-button-prev:after,.in07b .swiper-button-next:after{display: none;}
.in07b .swiper-button-prev:hover{background: rgba(0,0,0,0.8);}
.in07b .swiper-button-next:hover{background: rgba(0,0,0,0.8);}
/*鑴氭*/
.footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center bottom repeat;position: relative;z-index: 3}
.foottit {color: #fff;}
.foottit span{display: block;font-family: fz;}
.footaa{border-bottom: 1px solid rgba(255,255,255,.1);}
.footab{color: #7c7c7c;}
.footab strong{color: #fff;}
.footab strong a{display: block;color: #fff;}
.footab 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);}
.footb{border-left: 1px solid rgba(255,255,255,.1);}
.footba{line-height: 35px;color: #8d97a0;}
.footba p{font-size: 15px;}
.ewm {width: 160px;text-align: center;}
.ewm span{display: block;color: rgba(255,255,255,.8);line-height: 40px;}
.footc {line-height: 50px;border-top: 1px solid rgba(255,255,255,.1);color: #7c7c7c;}
.footc a{color: rgba(255,255,255,.6);}
.footc a:hover{color: rgba(255,255,255,1);}
.footnav{position: fixed;display: none; left: 0;bottom:0;width: 100%;background:#fff;z-index: 888;border-top: 1px solid rgba(0,0,0,.3)}
.footnav li{float: left;text-align: center;width: 21%}
.footnav li em{display: block;width: 30px;line-height: 30px;border-radius: 60px;background: #bb1c14;margin:.75rem auto 0 auto;}
.footnav li em i{color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 16%;}
.footnav li:nth-of-type(4) a{border-right: none;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;}
.footnav li a:hover{color: #d0121b}
.inback{position: fixed;bottom: 20vh;right:2%;z-index:88;width:60px; height:60px;line-height: 60px;background:#bb1c14;transition:.4s;
display: none;border-radius: 100px;text-align: center;}
.inback:hover {background:rgba(187,28,20,.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{color: #fff;}
.gotop .master_aperture{background-color:rgba(187,28,20,.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:36px;}
.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(187,28,20,.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(187,28,20,.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(187,28,20,1);}
.bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite; background: rgba(187,28,20,.3);}
.bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite; background: rgba(187,28,20,.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;
}
}
/*绠€浠?/
.fwzc_ban {height: auto;overflow: hidden;padding-top:18%;color: #fff;background: url(../images/fwzc_ban.jpg) center top no-repeat fixed;}
.contact_ban {height: auto;overflow: hidden;padding-top:18%;color: #fff;background: url(../images/contact_ban.jpg) center top no-repeat fixed;}
.cases_ban {height: auto;overflow: hidden;padding-top:18%;color: #fff;background: url(../images/cases_ban.jpg) center top no-repeat fixed;}
.news_ban {height: auto;overflow: hidden;padding-top:18%;color: #fff;background: url(../images/news_ban.jpg) center top no-repeat fixed;}
.cxzz_ban {height: auto;overflow: hidden;padding-top:18%;color: #fff;background: url(../images/cxzz_ban.jpg) center top no-repeat fixed;}
.pro_ban {height: auto;overflow: hidden;padding-top:18%;color: #fff;background: url(../images/pro_ban.jpg) center top no-repeat fixed;}
.ban{line-height: 50px;border-top: 1px solid rgba(255,255,255,.2);text-align: right;}
.ban a{color: #fff;transition:.4s;}
.ban a:hover{color: rgba(255,255,255,.6);}
.location{position: relative;z-index: 3;}
.location span{width: 224px;height: 260px; background: url(../images/location.png) center top no-repeat;color: #fff;padding: 8rem 0 0 2rem;margin-top: -13rem;font-weight: bold;}
.location span strong{display: block;font-weight: normal;}
.location span strong b{font-size: 60px;}
.location ul{width: 40%;}
.location .row{margin:0;}
.location li{padding: 0;}
.location li a{text-align: center;display: block;position: relative;line-height: 50px;transition:.4s;}
.location li a:hover{color: #bb1c14}
.location li a::after{position: absolute;content: "";width: 1px;height: 15px;right:0;top:35%;background: rgba(0,0,0,.2)}
/*company*/
.companya{height: auto;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat fixed;padding: 10% 0 4% 0;}
.coma_d{height: auto;overflow: hidden;background: #f7f7f8;}
.coma_a span{display: block;font-weight: 100;}
.coma_a img{display: block;max-width: 100%;}
.coma_b{border: 1px solid rgba(255,255,255,.6);line-height: 50px;width: 60%;}
.coma_b li a{display: block;text-align: center;color: #fff;border-right: 1px solid rgba(255,255,255,.6);transition:.4s;}
.coma_b li a:hover{background: #bb1c14;color: #fff;}
.coma_b li:last-child a{border-right: none;}
.coma_c{text-align: center;}
.coma_c i{font-size: 28px;color: #bb1c14;}
.companyb{height: 600px;overflow: hidden;background: url(../images/companyb.jpg) center no-repeat;}
.comb_a{margin-top: 6rem;height: auto;overflow: hidden;}
.comb_a li i{color: #bb1c14;font-size: 24px;}
.comb_a li:nth-of-type(1) i{font-size: 28px;}
.comb_a li:nth-of-type(2) i{font-size: 28px;}
.comb_a li p{color: #999;}
.comc_a li .comc_b{background: url(../images/comc_a.jpg) center no-repeat;text-align: center;color: #fff;position: relative;padding: 9rem 3rem;}
.comc_a li:hover .comc_b{transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.comc_a li:hover .comc_b::before{background: rgba(0,0,0,0);}
.comc_a li .comc_b::before{position: absolute;content: "";width: 100%;height: 100%;left:0;top:0;background: rgba(0,0,0,.2);z-index: 1;transition:.4s;}
.comc_a li .comc_b i{font-size: 36px;z-index: 3;position: relative;}
.comc_a li .comc_b span{display: block;z-index: 3;position: relative;}
.comc_a li .comc_b p{font-size: 16px;line-height: 35px;z-index: 3;position: relative;}
.comc_a li:nth-of-type(2) .comc_b{background: url(../images/comc_b.jpg) center no-repeat;}
.comc_a li:nth-of-type(3) .comc_b{background: url(../images/comc_c.jpg) center no-repeat;}
.companyd{height: auto;overflow: hidden;background: url(../images/companyd.jpg) center no-repeat fixed;}
.intitd {height: auto;overflow: hidden;}
.intitd strong{display: block;font-size: 48px;color: #fff;text-transform: uppercase;letter-spacing: 2px;}
.intitd strong i{color: #bb1c14;font-style: normal;}
.intitd span{display: block;font-weight: 100;color: #fff;}
.intitd span b{font-weight: 600;}
.intitd em{display: block;width: 30px;height: 3px;background: #bb1c14;margin:1rem 0;}
.comd_a{height: auto;overflow: hidden;}
.comd_a .swiper-slide a{display: block;position: relative;}
.comd_a .swiper-slide a:hover .comd_b::after{width: 100%;}
.comd_a .swiper-slide a:hover img{transform: scale(1.05, 1.05)}
.comd_a .comd_b{background: #fff;width: 70%;height: auto;overflow: hidden;position: absolute;z-index: 3;text-align: center;left:15%;bottom: 4%;}
.comd_a .comd_b i{color: #bb1c14;font-size: 22px;}
.comd_a .comd_b::after{position: absolute;content: ""; left: 0;bottom: 0;width: 0px;height: 2px;background: #bb1c14;transition:.4s;}
.comd_a .comd_b p{line-height: 30px;color: #777;text-transform: uppercase;font-family: cursive;}
.companye{height: auto;overflow: hidden;background: url(../images/companye.jpg) center bottom no-repeat #fff;}
.companye .inmore{margin-top: 30%;}
.companye .inmore a{margin:0 auto;}
/*product*/
.probox{position: relative;height: auto;overflow: hidden;}
.producta{height: auto;overflow: hidden;background: url(../images/producta.jpg) center top no-repeat;}
.productb{margin:10% 0;border: 1px solid rgba(255,255,255,.2);border-bottom: 0;}
.productb li{text-align: center;}
.productb li a{display: block; color: #fff;border-bottom: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2);transition:.4s;}
.productb li a:hover{background: #bb1c14;color: #fff;}
.productb li a:hover strong{color: #fff;}
.productb li:nth-of-type(4n+0) a{border-right:none;}
.productb li strong{display: block;font-size: 60px;font-family: impact;color: rgba(255,255,255,.2);transition:.4s;}
.productb li p{text-transform: uppercase;color: rgba(255,255,255,.7);}
.prolista a{display: block;position: relative;}
.prolista a:hover img{transform: scale(1.05, 1.05)}
.prolista a:hover span{line-height: 40px;}
.prolista span{position: absolute;bottom: 0;left:0;width: 100%;background: linear-gradient(to top, rgba(0,0,0,2)10%,rgba(0,0,0,0.4)60%, rgba(0,0,0,0)98%);transition:.4s;line-height: 50px;color: #fff;text-align: center;}
.p-75{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.p-75 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.p-66{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.p-66 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.plogo{padding: 3.94rem;border-bottom: 1px solid rgba(255,255,255,.2);}
.prolistb{height: auto;overflow: hidden;background: #f5f6fa;border-top: 1px solid #ededed;}
.prolist li .prolistb_a{display: block;transition: all linear 0.3s;background: #fff;}
.prolist li .prolistb_a:hover{box-shadow: rgba(255,255,255,0.1) 0 0 10px 8px;transform: translate3d(0,-5px,0); }
.p_a{float: left;width: 50%;}
.p_a .p-75{border: 1px solid #eee;}
.p_a img:hover{transform: scale(1.05, 1.05)}
.p_atit a{background: #f8e8e7;padding: 7px 25px;color: #bb1c14;transition:.4s;}
.p_atit a:hover{background: #bb1c14;color: #fff}
.p_atit i{color: #bb1c14;font-size: 22px;}
.p_b{float: right;width: 50%;}
.p_b strong{border-bottom: 1px dashed #eee;line-height: 50px;}
.p_b li span {color: #bb1c14;font-weight: bold;}
.p_b li p{line-height: 35px;color: #777;}
/*product_info*/
.pro_left{padding: 5% 5% 5% 8%;float: left;width: 60%;}
.pro_right{float: right;width: 40%;right: 0;top:0px;z-index:8;height: 100vh;}
.prorbox{position: sticky;top: 95px;background: #f8f8f8;}
.prorabox{padding: 13% 19% 0 9%;}
.pr_a span{display: block;background: #bb1c14;color: #fff;width: 60%;line-height: 48px;border-radius: 60px;text-align: center;}
.pr_aa{border-bottom: 1px solid #e9e9e9}
.pr_a strong{font-weight: normal;}
.pr_a p{color: #999;}
.pr_b li{text-align: center;}
.pr_b li i{color:#bb1c14;font-size: 46px;}
.pr_b li span{display: block;line-height: 35px;color: #777;}
.pr_c{height: auto;overflow: hidden;margin: 3rem 0; line-height: 50px;background: url(../images/pr_c.png) left 0px no-repeat;padding-left: 2.5rem;}
.pr_c em{color:#bb1c14;}
.pr_d{height: auto;overflow: hidden;background:url(../images/pr_d.jpg) left center no-repeat #bd1c14;padding: 8% 18% 8% 10%;color: #fff; }
.ptel{height: auto;overflow: hidden;background:url(../images/ptel.png) left center no-repeat;padding-left: 3.5rem;}
.ptel span{display: block;font-size: 14px;line-height: 30px;}
.ptel p{font-family: fz;}
.pr_d a{display: block;width: 60px;height: 60px;padding-top: 8px; background: #fff;text-align: center;background: #fff;color: #bb1c14;border-radius: 60px;transition: .4s;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;
}
.pr_d a::before{position: absolute;content: "";display: block;width: 60px;height: 60px;border-radius: 60px;
top: 0px;
left: 0px;
z-index:1;
box-shadow: 0 0 0 2px rgba(191,212,252,0.1);
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
-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;}
.pr_d a:hover{background: #444;color: #fff;}
.pr_d a span{display: block;}
.ptit{line-height: 60px;border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;background: #f7f7f7;}
.ptit li a{display: block;text-align: center;position: relative;transition: .4s}
.ptit li a:hover{color: #bb1c14}
.ptit li a::after{position: absolute;right:0;top:40%;width: 1px;height: 15px;content: "";background: #c5c5c5;}
.ptita{text-align: center;width: 120px;position: relative;margin:0 auto;}
.ptita strong{display: block;}
.ptita strong::before{position: absolute;content: "";width: 100%;height: 4px;background: rgba(187,28,20,.6);bottom: 8px;left:0;}
.prob p{line-height: 30px;color: #777;}
.proca li:nth-of-type(2) .procaa em i{font-size: 28px;top:40%;}
.proca li:hover .procaa em{transform:rotate(-25deg);}
.proca li:hover .procaa{transform: translate3d(0,-5px,0);}
.procaa{display: block;width: 150px;height: 150px;padding-top: 15px; text-align: center;margin:0 auto;position: relative;transition: .4s}
.procaa em{display: block;width: 150px;height: 155px; position: absolute;z-index: 1;background:url(../images/procaa.png) center no-repeat;top:0;left:0;transition: .4s}
.procaa em i{font-size: 32px;right:-12px;top:37%;position: absolute;color: #de2f26}
.procaa strong{font-size: 36px;color: #bb1c14;font-family: fz;height: 35px;}
.procaa span{display: block;font-size: 22px;}
.procaa p{text-transform: uppercase;color: #999;font-family: fz;}
.procb{height: auto;overflow: hidden;background:url(../images/procb.jpg) center no-repeat;}
.procb a{display: block;width: 160px;line-height: 45px;border-radius: 30px;border: 1px solid rgba(255,255,255,.6);margin:0 auto;text-align: center;color: #fff;transition: .4s}
.procb a:hover{background: #bb1c14; color: #fff;}
.prodb{width: 80%;margin:0 auto;}
.prodba{box-shadow: 0px 0px 5px 5px #eee;text-align: center;transition: .4s}
.prodba:hover {background: #bb1c14;color: #fff;}
.prodba:hover span{color: #fff;}
.prodba:hover p{color: #fff;}
.prodba span{display: block;color: #bb1c14;font-size: 32px;font-family: fz;transition: .4s}
.prodba p{line-height: 30px;color: #777;}
.proda strong{display: block;text-align: center;color: #bb1c14}
.proda p{text-transform: uppercase;color: #777;}
.proe .swiper-slide a{display: block; text-align: center;position: relative;height: auto;overflow: hidden;border: 1px solid #eee;}
.proe .swiper-slide a:hover img{transform: scale(1.05, 1.05)}
.proe .swiper-slide a:hover span{background: #bb1c14;color: #fff;}
.proe .swiper-slide span{position: absolute;left:0;bottom: 0;width: 100%;line-height: 50px;background: rgba(0,0,0,.6);color: #fff;transition: .4s}
/*news*/
.cases{height: auto;overflow: hidden;background: #f8f8f8;}
.casesa{height: auto;overflow: hidden;border-bottom: 1px solid #e2e2e2;}
.casesa li:hover .cfonta{background: #f7f7f7;}
.casesa li:hover .cimga i{opacity: 1;}
.casesa li:hover .cimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 8.5rem;}
.casesa li:hover .cimga img{transform: scale(1.05, 1.05)}
.casesa li:hover .cfonta i::before{width: 15px;height: 3px;left:-20px;top:35%;}
.caseslist{height: auto;overflow: hidden;}
.caseslist li a{height: auto;overflow: hidden;}
.caseslist li:hover .cfonta{background: #f7f7f7;}
.caseslist li:hover .cimga i{opacity: 1;}
.caseslist li:hover .cimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 6.5rem;}
.caseslist li:hover .cimga img{transform: scale(1.05, 1.05)}
.caseslist li:hover .cfonta i::before{width: 15px;height: 3px;left:-20px;top:35%;}
.cfonta{height: auto;overflow: hidden; transition:.4s;border: 1px solid #e7e7e7;background: #fff;}
.cfonta i{display: block;position: relative;color: #777;}
.cfonta i::before{position: absolute;content: "";width: 3px;height: 15px;background: #bb1c14;left:-10px;top:15%;transition: .4s}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.cimga em{display: block;background:url(../images/casesa.png) right top no-repeat;position: absolute;right:0;top:0;z-index: 8;width: 113px;height: 113px;}
.cimga 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;}
.cimga span i{font-size: 44px;opacity: 0;}
.cimga span p{font-family: fz;}
/*fwzc*/
.fwzctit{text-align: center;}
.fwzctit strong{display: block;}
.fwzctit strong b{color: #bb1c14;}
.fwzctit strong i{font-size: 24px;}
.fwzctit p{color: #777;}
.fwzca_a {text-align: center;}
.fwzca_a i{display: block;width: 35px;height: 35px;border-radius: 60px;position: relative;top:0; background: rgba(187,28,20,.1);margin:0 auto;animation: myfirst 2s infinite linear;
-webkit-animation: myfirst 2s infinite linear;}
.fwzca_a strong{display: block;font-size: 60px;margin-top: -4rem;}
@-webkit-keyframes myfirst {
from {top:-10%;}
to {top: 10%;}
}
@-moz-keyframes myfirst {
from {top:-10%;}
to {top: 10%;}
}
@-ms-keyframes myfirst {
from {top:-10%;}
to {top: 10%;}
}
@-o-keyframes myfirst {
from {top:-10%;}
to {top: 10%;}
}
@keyframes myfirst {
from {top:-10%;}
to {top: 10%;}
}
.fwzca_a p{color: #777;}
.fwzca_b{line-height: 30px;color: #777;text-align: center;}
.fwzcb{height: auto;overflow: hidden;background: #f9f9f9;}
.fwzcb_a li .fwzcb_c{background: #fff;text-align: center;transition:.4s;}
.fwzcb_a li .fwzcb_c:hover{background:#bb1c14;color: #fff;}
.fwzcb_a li .fwzcb_c:hover i{background: #fff;}
.fwzcb_a li .fwzcb_c:hover i em{color: #bb1c14;}
.fwzcb_a li .fwzcb_c:hover strong::after{background: #fff;}
.fwzcb_a li .fwzcb_c:hover p{color: #fff;}
.fwzcb_a li .fwzcb_c:hover .loader-73{background: #fff;}
.fwzcb_a li .fwzcb_c:hover .loader-73::after{background: #fff;}
.fwzcb_a li .fwzcb_c:hover .loader-73::before{background: #fff;}
.fwzcb_a li .fwzcb_c i{width: 60px;height: 60px;padding-top: 10px; border-radius: 60px;margin:0 auto;display: block;background: #bb1c14;text-align: center;transition:.4s;}
.fwzcb_a li .fwzcb_c i em{font-size: 24px;color: #fff;}
.fwzcb_a li .fwzcb_c strong{display: block;position: relative;margin-top:2rem;}
.fwzcb_a li .fwzcb_c p{line-height: 30px;color: #777;transition:.4s;}
.fwzcb_b {background: #bb1c14;color: #fff;width:30%;border-radius: 60px;line-height: 60px;margin:0 auto;text-align: center;}
/*cxwh*/
.cxwha_a .slideTxtBox{position: relative;height: auto;overflow: hidden;}
.cxwha_a .slideTxtBox .hd{position: absolute;z-index: 3;top:0;width: 100%;}
.cxwha_a .slideTxtBox .hd li{text-align: center;color: #fff;background: rgba(0,0,0,.2);position: relative;padding: 8% 0;transition:.4s;cursor: pointer;}
.cxwha_a .slideTxtBox .hd li:hover{background: rgba(0,0,0,0);}
.cxwha_a .slideTxtBox .hd li::after{position: absolute;content: ""; right:0;top:0;width: 1px;height: 100%;background: rgba(255,255,255,.4);}
.cxwha_a .slideTxtBox .hd li span{display: block;margin-bottom: 120%;font-family: fz;}
.cxwha_a .slideTxtBox .hd li i{font-size: 36px;}
.cxwha_a .slideTxtBox .bd{position: relative;z-index: 1;top:0;}
.cxwha_a .slideTxtBox .bd ul img{max-width: 100%;}
.cxwhb_a .swiper-slide a{display: block;border: 15px solid #eceae9;position: relative;height: auto;overflow: hidden;}
.cxwhb_a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.cxwhb_a .swiper-slide:hover img{transform: scale(1.05, 1.05)}
.cxwhb_a .swiper-slide:hover .cx_a{bottom: 0;}
.cximg{height: auto;overflow: hidden;}
.cx_a{position: absolute;bottom: -35px;background: rgba(0,0,0,0.6);color: #fff;width: 100%;transition:.8s;}
.cx_a span{display: block;font-size: 16px;line-height: 55px;position: relative;}
.cx_a span::after{position: absolute;content: "";width: 30px;height: 2px;background: #fff;bottom: 0;left:0;}
.cx_a p{color: #c1c1c1;line-height: 40px;}
.cxwhb_c strong{display: block; width: 50%;margin:0 auto;}
.cxwhb_e{position: relative;background: #f8f8f8;text-align: center;height: auto;overflow: hidden;}
.cxwhb_e:hover .cx_c{top:0;}
.cxwhb_e:hover .cx_b{opacity: 0;}
.cx_b {transition:.4s;}
.cx_b i{color: #bb1c14;font-size: 36px;}
.cx_b em{color: #bb1c14;}
.cx_c{position: absolute;z-index: 3;background: url(../images/cxwhb_e.jpg) center repeat;color: #fff;left:0;top:0;padding: 5rem 2rem;top:100%;transition:.4s;width: 100%;}
.cx_c span{display: block;}
.cx_c span b{font-size: 70px}
.zzwhlist{height: auto;overflow: hidden;}
.zzwhlist li a{display: block;position: relative;}
.zzwhlist li a:hover span{background: #bb1c14;color: #fff;}
.zzwhlist li a:hover img{transform: scale(1.05, 1.05);}
.zzwhlist li a span{line-height: 55px;border: 1px solid #e4e4e4;text-align: center;background: #f8f8f8;transition:.4s;}
.zzimg{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.zzimg img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.jxwha_a{height: auto;overflow: hidden;position: relative;}
.jxwha_b {position: absolute;width: 100%;bottom: 20px;}
.jxwha_a .mySwiper2 .swiper-slide img{display: block;max-width: 100%;}
.jxwha_a .mySwiper .swiper-slide{text-align: center;position: relative;transition:.4s;}
.jxwha_a .mySwiper .swiper-slide img{display: block;max-width: 100%;border: 3px solid #fff;transition:.4s;}
.jxwha_a .mySwiper .swiper-slide:hover img{border: 3px solid #bb1c14;}
.jxwha_a .mySwiper .swiper-slide span{transition:.4s;line-height: 45px;text-align: center;color:rgba(255,255,255,.8);}
.jxwha_a .mySwiper .swiper-slide-thumb-active img{border: 3px solid #bb1c14;}
.jxwhb_a .mySwiper {line-height: 80px;border: 1px solid #f7f7f7;background: #f7f7f7;}
.jxwhb_a .mySwiper .swiper-slide{text-align: center;font-size: 16px;position: relative;transition:.4s;}
.jxwhb_a .mySwiper .swiper-slide:hover{background: #bb1c14;color: #fff;}
.jxwhb_a .mySwiper .swiper-slide-thumb-active{background: #bb1c14;color: #fff;}
.jxwhb_a .mySwiper .swiper-slide::after{position: absolute;content: "";right:0;top:40%;width: 1px;height: 15px;background:rgba(0,0,0,.2);}
.jxwhb_a .mySwiper2 {line-height: 35px;}
.jxwhb_a .mySwiper2 .swiper-slide{height: 700px;overflow-y: scroll;}
.jxwhb_a .mySwiper2 p{font-size: 15px;line-height: 30px;color: #777;}
.jxwhb_a .mySwiper2 p i{font-size: 18px;color: #bb1c14;}
.jxwhb_a .mySwiper2 span{background: #bb1c14;font-size: 16px;color: #fff;padding: 10px 20px;border-radius: 60px;margin:1rem 0;}
.jxwhb_a .mySwiper2 img{display: block;margin-top: 1rem;max-width: 100%;}
.pzwha_a .swiper-slide{height: auto;overflow: hidden;position: relative;-webkit-transition: all .4s linear;transition: all .4s linear;}
.pzwha_a .swiper-slide img{width: 100%;}
.pzwha_b{position: absolute;z-index: 3;bottom: 0;left: 0;height: 90px;width: 100%;transition:.4s;
background: linear-gradient(to top, rgba(0,0,0,.4)10%,rgba(0,0,0,.2)60%, rgba(0,0,0,0)98%);color: #fff;}
.pzwha_b span{display: block; height: 90px;line-height: 90px;font-size: 22px;overflow: hidden;}
.pzwha_b span i{float: right;}
.pzwha_b p{line-height: 30px;color: #eee;}
.pzwha_a .swiper-slide:hover .pzwha_b{height: 100%;background: rgba(0,0,0,.6);color: #fff;padding: 3rem !important;}
.pzwha_a .swiper-slide:hover{box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-2px,0);transform: scale(1.04,1.04);transition: all linear 0.4s;}
.pzwhb{height: auto;overflow: hidden;background:url(../images/pzwhb.jpg) center top no-repeat;padding: 7rem 0;}
.pzwhb_a{height: auto;overflow: hidden;}
.pzwhb_a li{text-align: center;color: #fff;}
.pzwhb_a li span{display: block;font-family: fz;font-size: 80px;}
.pzwhb_a li p{line-height: 35px;width: 50%;margin:0 auto;}
.pzwhb_b{background: #bb1c14;color: #fff;width: 35%;border-radius: 60px;line-height: 60px;margin: 0 auto;text-align: center;}
/*鑽h獕*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfonta{background: rgba(0,0,0,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,0,0,0);transition: .4s;}
.hfonta span{font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.hfonta i{font-size: 50px;}
.h-75{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;}
.h-75a{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.h-75a img{display: block;margin:0 auto; max-width: 100%;max-height: 100%;transition: 0.3s;}
/*鏂伴椈*/
.newslist{height: auto;overflow: hidden;}
.newslist ul li{border-bottom: 1px dashed #eee;}
.newslist ul li a{display: block;transition:.4s;position: relative; }
.newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist ul li:hover span{color: #bb1c14;}
.newslist ul li:hover strong{color: #bb1c14;}
.time {display: block;line-height: 30px;color: #999;}
.newsfonta b{display:block;line-height: 50px; font-family: fz;font-size:50px;color: #ffefef;transition:.4s;}
.newsfonta strong{position: relative;z-index: 2;transition: .4s; }
.newsfonta p{line-height: 30px;color: #777;}
.nimga{height: auto;overflow: hidden;box-shadow: rgba(0,0,0,0.1) 0px 0px 7px 4px;padding: .5rem;}
.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;}
.sidetit{line-height: 50px;text-align: center;padding: 1rem 0;text-transform: uppercase;position: relative;background: #bb1c14;}
.sidetit strong{display: block;color: #b01008;font-family: fz;font-size: 30px;line-height: 60px;}
.sidetit span{display: block;margin-top: -40px;color: #fff;}
.sidea{padding: 2% 0;height: auto;overflow: hidden;}
.sidea li{height: auto;overflow: hidden;background: #f5f7fa;transition:.4s;}
.sidea li:hover{background: #bb1c14;color: #fff;}
.sidea li:hover span{color: #fff;}
.sidea li:hover p{color: #fff;}
.sidea li img{max-width: 100%;}
.sidea li span{display: block;line-height: 25px;margin:10px 0;color: #666;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.sidea li p{line-height: 25px;color: #666;font-size: 13px;}
.sidea dl{height: auto;overflow: hidden;background: #f5f7fa;border-top: 1px dashed #dae6f9;}
.sidea dl dd{line-height: 35px;margin-bottom: 0px;}
.sidea dl dd a{display: block;position: relative;padding-left: 1rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;color: #777;transition:.4s;}
.sidea dl dd a:hover{color: #bb1c14;}
.sidea dl dd a:hover::before{background: #bb1c14;}
.sidea dl dd a::before{position: absolute;content: "";top:40%;left:0;width: 5px;height: 5px;background: #555;border-radius: 20px;}
.page{border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;height: auto;overflow: hidden;}
#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: #bb1c14 !important;}
.back a{float: right; display: block;width: 140px;line-height: 45px;color: #fff; border:1px solid #bb1c14;border-radius: 5px;text-align: center;;transition:.4s;background: #bb1c14}
.back a:hover{border-radius: 40px}
/*鑱旂郴*/
.lxwma{margin-top: -50px;position: relative;z-index: 0;}
.lxwma_a{width: 50%;position: absolute;right:0;top:0;background: url(../images/lxwma.jpg) center no-repeat;transition:.4s;height: auto;overflow: hidden;padding: 5.5%;}
.contita{background: url(../images/contita.png) center top no-repeat;padding-top: 3rem;}
.contita strong{display: block;}
.contita strong b{color: #bb1c14}
.contita span{display: block;color: #777;}
.contita i{display: block;width: 35px;height: 3px;background: #bb1c14;margin-top: .75rem;}
.lxwm_b p{line-height: 40px;color: #555;}
.lxwm_b p i{color: #777;font-size: 22px;}
.lxwm_c{;text-align: center;width: 160px;padding: 10px;border: 1px solid #eee;}
.lxwm_c img{display: block;max-width: 100%;}
.lxwm_c span{display: block;line-height: 40px;background: #bb1c14;color: #fff;margin-top: 1px;}
.lxwmb span{display: block;color: #777;}
.lxwmb_a {height: auto;overflow: hidden;background: #fafafa;}
.lxwmb_a .forma input{display: block;float: left; width: 49%;margin-right: 2%;background: #fff; line-height: 45px;padding-left:1rem;margin-bottom: 1rem;}
.lxwmb_a textarea{display: block;width: 100%;padding-top: 1rem;padding-left: 1rem;margin-bottom: 2rem;background:#fff;}
.lxwmb_a .forma input:nth-of-type(2){margin-right: 0px;}
.lxwmb_a .code input{float: left;width: 35%;line-height: 45px;text-align: center;}
.lxwmb_a .code .verify{float: left;width: 30%;margin: 0 3%;}
.lxwmb_a .code .verify img{max-width: 100%;height: 45px;}
.lxwmb_a .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #efefef;text-align: center; background: #bb1c14;transition: .4s;}
.lxwmb_a .code .submit:hover{background: #444;border-radius:50px;}
.mes-form{height: auto;overflow: hidden;}
.lxwmb_a .code{width: 36%;}
@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;}
.in01c strong{font-size: 14px;}
.in01c p{font-size: 13px;}
.in_02 .mySwiper2 .swiper-slide img{max-width: 120%;}
.in_02 .mySwiper2 .in02a p{display: none;}
.in_02 .mySwiper2 .in02a a{width: 140px;line-height: 40px;float: left;border-radius: 8px 0 8px 0;font-size: 13px;}
.in_02 .mySwiper .swiper-slide{padding: 2rem 1rem;}
.in_02 .mySwiper .swiper-slide span{font-size: 22px;}
.in_02 .mySwiper .swiper-slide strong{font-size: 70px;left:30%;}
.in_03 .intitc{padding: 1rem !important}
.in04a strong{font-size: 36px;}
.in05a{height: 50px;}
.in05d{display: none;}
.in05c::before{height: 98%;}
.inmore a{width: 140px;line-height: 40px;float: left;border-radius: 8px 0 8px 0}
.in06b_a{zoom:.6;}
.coma_b{width: 100%;}
.companya{padding: 40% 0 4% 0}
.coma_e{max-width: 15% !important;}
.companye{background-size: 120%;}
.in_04 .col-6{padding-left: .5rem;padding-right: .5rem;}
.in04a p{font-size: 13px;}
.in05e p{display: none;}
.fwzc_ban{padding-top: 40%;}
.pro_ban{padding-top: 40%;}
.pzwha_a .swiper-slide:hover .pzwha_b{padding: 2rem !important;}
.cases_ban{padding-top: 40%;}
.cxzz_ban{padding-top: 40%;}
.contact_ban{padding-top: 40%;}
.location span{display: none;}
.location ul{width: 100%;}
.hfonta i{font-size: 22px;}
.producta{background: url(../images/mproducta.jpg) center top no-repeat;}
.productb{margin:40% 0 10% 0;}
.plogo{padding:3.3rem 3rem;}
.pro_right{display: none !important;}
.pro_left{width: 100%;padding:1rem;}
.MagnifierMain{line-height: inherit !important;}
.procaa{zoom:.8;}
.prodb{width: 100%;}
.prodba span{font-size: 26px;}
.caseslist li:hover .cimga span{padding-top:.5rem;}
.cxwha_a .slideTxtBox .bd ul img{max-width: 180%;}
.cxwha_a .slideTxtBox .hd li i{font-size: 26px;}
.cxwha_a .slideTxtBox .hd li p{font-size: 12px;line-height: 25px;}
.cxwha_a .slideTxtBox .hd li span{margin-bottom:20%;}
.cxwhb_c strong{width: 100%;}
.cx_c{padding: 2rem;}
.cx_c span b{font-size: 40px;}
.jxwhb_a .mySwiper .swiper-slide{font-size: 14px;}
.jxwhb_a .mySwiper2 .swiper-slide{height:510px;}
.pzwhb{padding: 3rem 0;}
.pzwhb_a li span{font-size: 32px;}
.pzwhb_a li p{width: 100%;}
.pzwhb_b{width: 100%;}
.fwzcb_b{width: 100%;}
.lxwma{margin-top: 0px;}
.lxwma_a{position: relative;width: 100%;}
.lxwmb_a .code{width: 100%;}
.common-inner .inner-right .de-contact .contact-map #dituContent{height: 360px !important;}
.intitb span b{font-size: 42px;}
.fwzca_a strong{font-size: 42px;}
.in07b .swiper-button-prev{display: none;}
.in07b .swiper-button-next{display: none;}
.pzwha_a .swiper-slide:hover .pzwha_b{height: 100%;}
.cxwha_a .slideTxtBox{height: 250px;}
.prodb .col-6{padding-left: .5rem;padding-right: .5rem;}
.prodb .col-4{padding-left: .5rem;padding-right: .5rem;}
.fwzcb_a .col-6{padding-left: .5rem;padding-right: .5rem;}
}
@media (min-width: 576px) and (max-width: 768px) {
.pf_16{font-size: 14px;line-height: 30px;}
.pf_18{font-size: 16px;line-height: 35px;}
.pf_22{font-size: 18px;line-height: 40px;}
.pf_24{font-size: 18px;line-height: 40px;}
.pf_32{font-size: 24px;line-height: 40px;}
.topa img{float: left;}
.in01c strong{font-size: 22px;}
.in_02 .mySwiper2 .swiper-slide img{max-width: 200%;}
.in_02 .mySwiper2 .in02a p{display: none;}
.in_02 .mySwiper2 .in02a a{width: 140px;line-height: 40px;float: left;border-radius: 8px 0 8px 0}
.in_02 .mySwiper .swiper-slide{padding: 2rem 1rem;}
.in_02 .mySwiper .swiper-slide span{font-size: 22px;}
.in_02 .mySwiper .swiper-slide strong{font-size: 70px;left:30%;}
.in_03 .intitc{padding: 1rem !important}
.in04a strong{font-size: 36px;}
.in05a{height: 50px;}
.in05d{display: none;}
.in05c::before{height: 99%;}
.inmore a{width: 140px;line-height: 40px;float: left;border-radius: 8px 0 8px 0}
.in06b_a{zoom:.6;}
.coma_b{width: 100%;}
.companya{padding: 40% 0 4% 0}
.coma_e{max-width: 15% !important;}
.companye{background-size: 100%;}
.pzwha_a .swiper-slide:hover .pzwha_b{padding: 1rem !important;}
.fwzc_ban{padding-top: 40%;}
.pro_ban{padding-top: 40%;}
.cases_ban{padding-top: 40%;}
.cxzz_ban{padding-top: 40%;}
.contact_ban{padding-top: 40%;}
.location span{display: none;}
.location ul{width: 100%;}
.hfonta i{font-size: 22px;}
.producta{background: url(../images/mproducta.jpg) center top no-repeat;}
.productb{margin:40% 0 10% 0;}
.plogo{padding:3.3rem 3rem;}
.pro_right{display: none !important;}
.pro_left{width: 100%;padding:1rem;}
.MagnifierMain{line-height: inherit !important;}
.procaa{zoom:.8;}
.prodb{width: 100%;}
.prodba span{font-size: 26px;}
.caseslist li:hover .cimga span{padding-top:.5rem;}
.cxwha_a .slideTxtBox .bd ul img{max-width: 130%;}
.cxwha_a .slideTxtBox .hd li i{font-size: 26px;}
.cxwha_a .slideTxtBox .hd li p{font-size: 12px;line-height: 25px;}
.cxwha_a .slideTxtBox .hd li span{margin-bottom:20%;}
.cxwhb_c strong{width: 100%;}
.cx_c{padding: 2rem;}
.cx_c span b{font-size: 40px;}
.jxwhb_a .mySwiper .swiper-slide{font-size: 14px;}
.jxwhb_a .mySwiper2 .swiper-slide{height:510px;}
.pzwhb{padding: 3rem 0;}
.pzwhb_a li span{font-size: 32px;}
.pzwhb_a li p{width: 100%;}
.pzwhb_b{width: 100%;}
.fwzcb_b{width: 100%;}
.lxwma{margin-top: 0px;}
.lxwma_a{position: relative;width: 100%;}
.lxwmb_a .code{width: 100%;}
.common-inner .inner-right .de-contact .contact-map #dituContent{height: 360px !important;}
.in07b strong{font-size: 16px;}
.intitb strong{font-size: 24px;}
.pzwha_a .swiper-slide:hover .pzwha_b{height: 100%;}
.pzwha_b p{line-height: 20px;font-size: 13px;}
}
@media (min-width: 768px) and (max-width:992px) {
.banner .swiper-slide .bannera strong{font-size: 46px;}
.banner .swiper-slide .bannera p{font-size: 16px;}
.banner .swiper-slide .bannerb span{font-size: 50px;}
.banner .swiper-slide .bannerb p{font-size: 22px;}
.banner .swiper-slide .bannerc span img{max-width: 80%;}
.banner .swiper-slide .bannerc p{font-size: 14px;width: 100%;}
.topa img{float: left;}
.in01c strong{font-size: 22px;}
.in_02 .mySwiper2 .swiper-slide img{max-width: 200%;}
.in_02 .mySwiper2 .in02a p{display: none;}
.in_02 .mySwiper2 .in02a a{width: 140px;line-height: 40px;float: left;border-radius: 8px 0 8px 0}
.in_02 .mySwiper .swiper-slide{padding: 2rem 1rem;}
.in_02 .mySwiper .swiper-slide span{font-size: 22px;}
.in_02 .mySwiper .swiper-slide strong{font-size: 70px;left:30%;}
.in_03 .intitc{padding: 1rem !important}
.in04a strong{font-size: 36px;}
.in05a{height: 50px;}
.in05d{display: none;}
.in05c::before{height: 99%;}
.inmore a{width: 140px;line-height: 40px;float: left;border-radius: 8px 0 8px 0}
.in06b_a{zoom:.9;}
.coma_b{width: 100%;}
.companya{padding: 40% 0 4% 0}
.coma_e{max-width: 15% !important;}
.companye{background-size: 108%;}
.pzwha_a .swiper-slide:hover .pzwha_b{padding: 1rem !important;}
.fwzc_ban{padding-top: 34%;}
.pro_ban{padding-top: 34%;}
.cases_ban{padding-top: 34%;}
.cxzz_ban{padding-top: 34%;}
.contact_ban{padding-top: 34%;}
.location span{display: none;}
.location ul{width: 100%;}
.hfonta i{font-size: 22px;}
.producta{background: url(../images/mproducta.jpg) center top no-repeat;}
.productb{margin:34% 0 10% 0;}
.plogo{padding:3.3rem 3rem;}
.pro_right{display: none !important;}
.pro_left{width: 100%;padding:1rem;}
.MagnifierMain{line-height: inherit !important;}
.procaa{zoom:.8;}
.prodb{width: 100%;}
.prodba span{font-size: 26px;}
.caseslist li:hover .cimga span{padding-top:.5rem;}
.cxwha_a .slideTxtBox .bd ul img{max-width:100%;}
.cxwha_a .slideTxtBox .hd li i{font-size: 26px;}
.cxwha_a .slideTxtBox .hd li p{font-size: 12px;line-height: 25px;}
.cxwha_a .slideTxtBox .hd li span{margin-bottom:20%;}
.cxwhb_c strong{width: 100%;}
.cx_c{padding: 2rem;}
.cx_c span b{font-size: 40px;}
.jxwhb_a .mySwiper .swiper-slide{font-size: 14px;}
.jxwhb_a .mySwiper2 .swiper-slide{height:510px;}
.pzwhb{padding: 3rem 0;}
.pzwhb_a li span{font-size: 32px;}
.pzwhb_a li p{width: 100%;}
.pzwhb_b{width: 100%;}
.fwzcb_b{width: 100%;}
.lxwma{margin-top: 0px;}
.lxwma_a{position: relative;width: 100%;}
.lxwmb_a .code{width: 100%;}
.common-inner .inner-right .de-contact .contact-map #dituContent{height: 360px !important;}
.comc_a li .comc_b{padding: .5rem;}
.comc_a li .comc_b p{font-size: 13px;}
.p_atit a{padding: 7px 10px;}
.pzwha_a .swiper-slide:hover .pzwha_b{height: 80%;}
}
@media (min-width: 992px) and (max-width:1200px) {
.banner .swiper-slide .bannera strong{font-size: 50px;}
.banner .swiper-slide .bannera p{font-size: 20px;}
.banner .swiper-slide .bannerb span{font-size: 56px;}
.banner .swiper-slide .bannerb p{font-size: 26px;}
.banner .swiper-slide .bannerc span img{max-width: 80%;}
.banner .swiper-slide .bannerc p{font-size: 14px;}
.in_02 .mySwiper2 .in02a p{font-size: 14px;line-height: 25px;}
.intitc span{font-size: 24px;}
.in05a{height: 260px;}
.in05d p{font-size: 14px;line-height: 25px;}
.in05d .inmore {display: none;}
.intitb strong{font-size: 24px;margin-top: 1rem !important;}
.intitb span b{font-size: 48px;}
.intitc span{font-size: 24px;}
.comc_a li .comc_b{padding: 1rem;}
.p_atit a:nth-of-type(2){display: none;}
.p_b .inmore a{line-height: 45px;width: 100%;}
.p_b li p{line-height: 25px;}
.p_b strong{font-size: 16px;}
.pr_a span{width: 80%;}
.pr_a strong{font-size: 20px;}
.procaa{zoom:0.7;}
.prodb{width: 100%;}
.prodba span{font-size: 24px;}
.fwzcb_b{width: 60%;}
.lxwma_a{padding: 9.6% 5.5%}
.location span{zoom:.6;}
.cxwha_a .slideTxtBox .bd ul img{max-width: 132%;}
.cx_c span b{font-size: 42px;}
.cxwhb_c strong{width: 80%;}
.jxwhb_a .mySwiper2 .swiper-slide{height: 500px;}
.pzwhb_b{width: 80%;}
.pzwha_a .swiper-slide:hover .pzwha_b{padding: 1rem !important;}
.pzwha_a .swiper-slide:hover .pzwha_b{height: 98%;}
.in01c strong{font-size: 40px;}
.in06b_a{zoom:.8;}
.companye{background-size: 116%;}
.cfonta i{display: none;}
.lxwma{margin-top: -30px;}
}
@media (min-width: 1200px) and (max-width:1400px) {
.topb span b{font-size: 26px;}
.banner .swiper-slide .bannera strong{font-size: 54px;}
.banner .swiper-slide .bannera p{font-size: 24px;}
.banner .swiper-slide .bannerb span{font-size: 62px;}
.banner .swiper-slide .bannerc span img{max-width: 80%;}
.banner .swiper-slide .bannerc p{font-size: 18px;}
.intitb strong{font-size: 24px;margin-top: 1rem !important;}
.intitb span b{font-size: 48px;}
.intitc span{font-size: 26px;}
.in04a p{font-size: 14px;}
.in_04 li:last-child{display: none !important;}
.in05d{top:-110px;padding: 1rem !important;}
.in05d p{line-height: 30px;font-size: 14px;}
.in06a{margin-top: 3rem;}
.cx_c span b{font-size: 48px;}
.pzwha_b p{line-height: 25px;font-size: 13px;}
.pzwhb_a li p{width: 80%;}
.pzwhb_b{width: 60%;}
.p_atit a{padding: 7px 10px;}
.pr_a strong{font-size: 24px;}
.procaa{zoom:0.7;}
.prodb{width: 100%;}
.prodba span{font-size: 24px;}
.fwzcb_b{width: 60%;}
.lxwma_a{padding: 8.8% 5.5%}
.location span{zoom:.8;}
.cxwha_a .slideTxtBox{height: 580px}
}
@media (min-width: 1200px) and (max-width:1500px) {
.in05d{padding: 1rem !important;}
}
@media (min-width: 1400px){
.cxwha_a .slideTxtBox{height: 666px}
}
@media (min-width: 1200px) {
.container{max-width: 1600px;}
}
@media (max-width: 1700px) {
.inback{display: none !important;}
}
@media screen and (max-height:850px){
.prorabox{padding: 7% 19% 0 9%}
}