@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;overflow-x: hidden; position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
ul{margin-bottom: 0px;}
.c10{color: #4ab6c5;}
.clear{clear: both;}
/*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;}
.pf_12{font-size: 12px;line-height: 25px;}
.pf_15{font-size: 15px;line-height: 30px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;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_44{font-size: 44px;line-height: 60px;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
@font-face {font-family:av;src: url('../css/AVIANB.TTF');}
#dituContent label {max-width: unset!important;text-align: center;}
.sa{line-height: 45px;}
/*top*/
.topa{position: fixed;top:0;width: 100vw; z-index: 88;transition:.4s;}
.topa:hover{background: #fff !important;}
.topa:hover .menu li span a{color: #444 !important;}
.topa:hover .color{display: block !important;}
.topa:hover .white{display: none !important;}
.topa:hover .topac i{color: #444 !important;}
.topa:hover .mobmenu i{color: #444 !important;}
.topaa .color{display: none;}
.topaa img{display: block;max-width: 100%;margin:0 auto;}
.topac{width: 20%;float: right;text-align: center;line-height: 97px;}
.topac a{display: block;position: relative;width: 40px;}
.topac .toppro{width: 60px;position: relative;}
.topac .toppro:before{display: block; position: absolute;content: "";width: 1px;height: 15px;background: #fff;top:42%;left:-25px;transition:.4s;}
.topac i{font-size: 24px; ;color: #fff;}
.topab .menu{width: 80%;float: right;}
.menu li{float: right;width:8%;}
.menu li span a{display: block;transition:.4s;position: relative;text-align: center;line-height: 97px;font-size: 15px;font-weight:300;color: #fff;}
.menu li span em{display: block;margin:0 auto;width: 0px;height: 3px;background: #1daa70;transition: all 0.3s ease 0s;}
.menu li span:hover a{color: #1daa70;}
.menu li span:hover em{width: 30%;}
.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 88;left:0;top:100px;width:100%;height:0;overflow: hidden;opacity:0;color: #fff; transition: all 0.3s ease 0s;
;background: rgba(0,178,155,.9); /* fallback for old browsers */
background: -webkit-linear-gradient(to right, rgba(47,179,133,.9), #1bb38d, rgba(0,178,155,.9)); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, rgba(47,179,133,.9), #1bb38d, rgba(0,178,155,.9)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.menu li .submenu .subleft{width: 80%;}
.menu li .submenu .subleft span{display: block;font-size: 16px;line-height: 50px;}
.menu li .submenu .subleft span b{font-size: 26px;text-transform: uppercase;font-weight: normal;letter-spacing: 2px;}
.menu li .submenu .subleft p{color: rgba(255,255,255,.8);line-height: 45px;margin-bottom: 2rem;font-size: 15px;}
.menu li .submenu .subleft dd{float: left;width: 15%;background:#01ccae;margin-right: .5rem;text-align: center;line-height: 40px;transition:.4s;}
.menu li .submenu .subleft dd a{display: block; color: rgba(255,255,255,.95);transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.menu li .submenu .subleft dd:hover{background: #fff;}
.menu li .submenu .subleft dd:hover a{color:#444;}
.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 #1daa70;outline: none;color: #fff;width: 20%;}
.btn{border-radius: 0px !important;}
.mobmenu{text-align: right;}
.mobmenu span{display: block;line-height: 55px;background: #444;padding-left: 1rem;}
.mobmenu .toolbar{position: relative;}
.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: 0px;top: -25px;}
.mobmenu .menu-left {float: right;}
.mobmenu .sidebar{display: none;width: 100%;height: 2000%;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: 2000%;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 ul{text-align: left;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(62,62,62,.2);transition:.4s;padding-left: 1rem;}
.mobmenu .sidebar li i{color: #666;float: right;margin-right: .5rem;}
.mobmenu .sidebar li a:hover{background: #1daa70;color: #fff;}
.mobmenu .sidebar li a:hover i{color: #fff;}
.menutip{height: auto;overflow: hidden;}
.menutip a{float: left;width: 30%;text-align: center;font-weight: 400;transition:.4s;}
.menutip a p{color: #777;line-height: 30px;}
.menutip a:hover {color: #1c4f9a;}
/*棣栭〉澶у浘*/
.banner {position: relative;height: auto !important;z-index: 1;top:0;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide a{display:block;width:100%;height: auto !important;}
.banner .swiper-slide a img{ width: 100%; height: auto;}
.banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 20px;text-align: center;bottom: 6% !important;width: 100%;z-index: 9999;}
.banner .swiper-pagination-bullet{transition:.4s;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 25px;}
.banner .swiper-pagination-bullet-active{width: 50px;height: 8px;border-radius:20px;background:#4ab6c5;}
#swiper-slide1{position: relative;}
#swiper-slide1 .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.4);text-align: center;padding-top: 12%;}
#swiper-slide1 .bannera img{max-width: 100%;}
#swiper-slide1 .bannera span{display: block;font-size: 70px;line-height: 100px;color:#fff;margin-top: 2%;font-weight: bold;}
#swiper-slide1 .bannera em{display: block;width: 40px;height: 4px;background: #02b29a;margin:1.5rem auto;}
#swiper-slide1 .bannera p{font-size: 30px;letter-spacing: 1px; line-height: 60px;color:#fff;text-align: center;text-transform: uppercase;font-family: fz;}
#swiper-slide1 .bannera i{display: block; font-size: 34px;font-weight: 50;color: rgba(255,255,255,.8);letter-spacing: 1px;}
/*in_01*/
.in_01{height: auto;overflow: hidden;background: url(../images/in01bg.jpg) center top no-repeat #e4e4e4;}
.intita {text-align: center;}
.intita span{display: block; text-transform: uppercase;color: #b4b4b4;}
.intita strong{display: block;}
.intita i{display: block;width: 20px;height: 2px;background: #2eb382;margin:1rem auto;}
.in01a li a{display: block; transition:.4s;position: relative;line-height:50px;}
.in01a li a span{display: block;width: 100%; background: #fff;color: #777;transition:.5s;position: relative;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in01a li a:hover > div{width: 1em;height: 1em;}
.in01a li a span:hover {transform:scale(0.95,0.87);background: #2eb382;}
.in01a li a span:hover {color: #fff;}
.in01a li a span:hover i{color: #fff;}
.in01a li a:hover .line_tl {border-top-width: 1px;border-left-width: 1px;}
.in01a li a:hover .line_tr {border-top-width: 1px;border-right-width: 1px;}
.in01a li a:hover .line_bl {border-bottom-width: 1px;border-left-width: 1px;}
.in01a li a:hover .line_br {border-bottom-width: 1px;border-right-width: 1px;}
.in01a li a > div{position: absolute;border-style: solid;border-width: 0;width: 0em;height: 0em;transition: all 0.5s;-webkit-transition: all 0.5s;}
.in01a li .line_tl {left: -3px;top: -3px;border-top-width: 0px;border-left-width: 0px;border-color: #2eb382;}
.in01a li .line_tr {right: -3px;top: -3px;border-top-width: 0px;border-right-width: 0px;border-color: #2eb382;}
.in01a li .line_bl {left: -3px;bottom: -3px;border-bottom-width: 0px;border-left-width: 0px;border-color: #2eb382;}
.in01a li .line_br {right: -3px;bottom: -3px;border-bottom-width: 0px;border-right-width: 0px;border-color: #2eb382;}
.in01a li a i{color: #555;font-size: 22px;margin-right: .5rem;transition:.4s;}
.in01a li:nth-of-type(2) a i{font-size: 24px;}
.in01a li:nth-of-type(3) a i{font-size: 26px;}
.in01a li:nth-of-type(7) a i{font-size: 26px;}
.in01a li:nth-of-type(8) a i{font-size: 30px;}
.in01a li:nth-of-type(9) a i{font-size: 32px;}
.in01b li a{display: block;position: relative;}
.in01b li a:hover .infonta{height: 100%;background: rgba(29,170,112,.85);box-shadow: 0px 0px 8px 5px #d2d4d4}
.in01b li a:hover .infonta span{font-size: 22px;margin-top: 2.5rem;line-height: 30px; }
.in01b li img{display: block;width: 100%;}
.infonta {text-align: center;color: #fff;height: 50px;width: 100%; overflow: hidden;position: absolute;background: rgba(29,170,112,1);bottom: 0;transition:.6s;}
.infonta span{display: block;line-height: 50px;transition:.4s;}
.infonta p{line-height: 30px;color: rgba(255,255,255,.85)}
.infonta i{display: block;width: 45px;height: 45px;line-height: 45px; border-radius: 30px;background: #fff;text-align: center;margin:.5rem auto 0 auto;}
.infonta i em{color: #1daa70;font-size:26px;}
.pic{display: block;width: 100%;height: 0;padding-bottom: 90%;position: relative;overflow: hidden;}
.inmorea a{display: block;width: 200px;margin:1.5rem auto 0 auto;text-align: center; line-height: 45px;color: #666;border-radius: 50px;border: 1px solid rgba(29,170,112,1);transition:.4s;}
.inmorea a:hover{background: #1daa70;color: #fff;}
.inbg{height: auto;overflow: hidden; background: url(../images/in05bg.jpg) center bottom no-repeat #f9fbfa;}
.in02a span{display: block;text-transform: uppercase;color: #999;}
.in02a strong{display: block;}
.in02a i{display: block;color: rgba(29,170,112,1)}
.in02b dd a{display: block; height: auto;overflow: hidden;background: #f5f5f5;border-radius: 160px;text-align: center;padding:.75rem 0 1.25rem 0;transition:.4s;}
.in02b dd a:hover{background: #59C173;box-shadow: 20px 22px 10px -5px rgba(29,170,112,.2); /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2fb383, #15b290, #01b29a); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2fb383, #15b290, #01b29a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.in02b dd a:hover{color: #fff;}
.in02b dd a:hover i{color: #fff;}
.in02b dd a i{font-size: 40px;color: #1daa70;transition:.4s;}
.in02b dd a span{display: block;}
.in_02 p{color: #777;}
.inmoreb a{display: block;width: 200px;margin-top:1.5rem;text-align: center; line-height: 45px;color: #666;border-radius: 50px;border: 1px solid #1daa70;background: #1daa70;color: #fff;transition:.4s;}
.inmoreb a:hover{background: #fff;color: #444;}
.in_02 img{max-width: 100%;}
.in03a {height: auto;overflow: hidden;;position: relative;}
.in03a .gallery-top{position: relative;z-index: 1;}
.in03c{color: #fff;margin-top: -126px;position: relative;width: 100%;z-index: 3;}
.in03a .gallery-thumbs::before{background: rgba(0,0,0,.2);position: absolute;content: "";width: 140%;left:-20%;height: 100%;bottom: 0;}
.in03a .gallery-thumbs .swiper-slide{cursor: pointer;text-align: center;border-left: 1px solid rgba(255,255,255,.3);transition:.4s;}
.in03a .gallery-thumbs .swiper-slide:hover{background: #22ad75;}
.in03a .gallery-thumbs .swiper-slide-thumb-active{background: #22ad75;}
.in03a .gallery-thumbs .swiper-slide:first-child{border-left: none;}
.in03a .gallery-thumbs .swiper-slide i{font-size: 32px;}
.in03a .gallery-thumbs .swiper-slide span{display: block;font-size: 16px;line-height: 30px;}
.in03a .gallery-top .swiper-slide {display: block;position: relative;height: auto;overflow: hidden;}
.in03a .gallery-top .swiper-slide img{width: 100%;}
.in03a .gallery-top .swiper-slide .in03b{position: absolute;top:20%;width: 100%;color: #fff;}
.in03a .gallery-top .swiper-slide .in03b span{display: block;font-size: 24px;line-height: 50px;}
.in03a .gallery-top .swiper-slide .in03b em{display: block;width: 30px;height: 1px;background: #fff;margin:1rem 0;}
.in03a .gallery-top .swiper-slide .in03b p{line-height: 30px;color: rgba(255,255,255,.8);width: 50%;}
.in03a .gallery-top .swiper-slide .in03b a{display: block;width: 140px;line-height: 45px;border:1px solid #fff;text-align: center;color: #fff;transition:.4s;}
.in03a .gallery-top .swiper-slide .in03b a:hover{background: #fff;color: #444;}
.in_04{height: auto;overflow: hidden;}
.in_04 li a{display: block; height: auto;border: 1px solid #f1f1f1;position: relative;text-align: center;transition:.4s;}
.in_04 li a img{display: block;width: 100%;position: relative;z-index: 1;}
.in_04 li a i{color: #1daa70;font-size: 50px;transition:.4s;}
.fugai{display: block; width: 100%;height: 100%;top:0; background: rgba(29,170,112,0);position: absolute;z-index: 2;transition:.4s;}
.in04a{position: absolute;z-index: 3;top:0; text-align: center;width: 100%;}
.in04a span{display: block;font-weight: 100;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in04a p{color: #777;transition:.4s;}
.in04a em{display: block;width: 180px;line-height: 45px;background: #fff;border-radius: 40px;margin:0 auto;color: #777;transition:.4s;}
.in_04 li:hover a{transform: translate3d(0,-35px,0);color: #fff;box-shadow: 0px 0px 8px 5px #d2d4d4}
.in_04 li:hover a em{background: #333338;color: #fff;}
.in_04 li:hover .fugai{background: rgba(29,170,112,.8);}
.in_04 li:hover i{color: #fff;}
.in_04 li:hover p{color: #fff;}
.in_05{height: auto;overflow: hidden;}
.in05a span{display: block; text-transform: uppercase;color: #999;}
.in05a strong{display: block;}
.in05a b{display: block;color: #1daa70}
.in05a em{display: block;width: 20px;height: 2px;background: #2eb382;margin:1rem 0;}
.in05a p{line-height: 30px;color: #777;}
.in05b li{text-align: center;}
.in05b li i{font-size: 46px;color: #1daa70;}
.in05b li span{display: block;}
.in05b li strong {font-size: 46px;font-family: impact;}
.in05b li p{color: #777;line-height: 30px;}
.in05a img{max-width: 100%;}
.in_06{height: auto;overflow: hidden;background: #f8f9fa;}
.in_06 .swiper-slide a{display: block;height: auto;overflow: hidden; background: #fff;position: relative;transition: all linear 0.3s;}
.in_06 .swiper-slide a:hover img{transform: scale(1.06, 1.06)}
.in_06 .swiper-slide a:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-2px,0);}
.in_06 .swiper-slide a:hover i::before{top:18px;left: -8px;width: 30px;height: 30px;background: rgba(29,170,112,.3)}
.in_06 .swiper-slide a:hover i::after{top:18px;right:30px;width: 30px;height: 30px;background: rgba(29,170,112,.3)}
.in_06 .swiper-slide img{display: block;max-width: 100%;transition:all 1.5s;}
.in06a {transition:all 0.6s ease 0s;height: auto;}
.in06a span{display: block;font-size:17px;line-height: 50px;height: 50px;overflow: hidden;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in06a p{line-height: 30px;height: 60px;overflow: hidden; color: #777;}
.in06a i{display: block;color: #777;line-height: 50px;font-style: normal;margin-top:1rem;padding-top: .5rem;font-weight: bold; position: relative;border-top: 1px solid #eee;}
.in06a i::before{position: absolute;content: "";top:0px;left: 8px; width: 0px;height: 0px;border-radius: 60px;background: rgba(29,170,112,0);transition:.4s;}
.in06a i::after{position: absolute;content: "";top:0px;right:45px; width: 0px;height: 0px;border-radius: 60px;background: rgba(29,170,112,0);transition:.4s;}
.in06a i em{font-size: 14px;font-weight: normal;color: #666;position: relative;z-index: 2;}
.in06a i b{float: right;font-weight: normal;position: relative;z-index: 2;}
.inimgc{height: auto;overflow: hidden;}
.in_07 ul{border-top: 1px solid #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;}
.in_07 li {position: relative;height: auto;overflow: hidden;}
.in_07 li span{display: block;line-height: 100%; position: absolute;z-index: 2;color: #fff;text-align: center;background: rgba(29,170,112,0);
opacity: 0;bottom: -100%;transition:.4s; font-size: 22px;letter-spacing: 2px; width: 100%;height: 100%;padding-top:30%;}
.in_07 li img{display: block;width: 100%;border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.in_07 li:hover span{background: rgba(29,170,112,1);opacity: 1;bottom: 0;}
/*鑴氭*/
.footer{height: auto;overflow: hidden;background:#3f3f3f;color: #9d9d9d; }
.foota{height: auto;overflow: hidden;}
.footaa li{float: left;width: 20%; line-height: 35px; }
.footaa li span{display: block;line-height: 60px;font-size: 16px;background:#3f3f3f;margin-bottom: .5rem;position: relative;}
.footaa li span::before{position: absolute;content: "";width: 6px;height: 2px;background: #1daa70;top:48%;left:-15px;}
.footaa li span a{display: block;color: #fff;}
.footaa li p{line-height: 35px;}
.footaa li p a{display: block;color: #969696;transition:.4s;}
.footaa li p a:hover{color: #fff;}
.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;}
.footac span{display: block;line-height: 30px;color: rgba(255,255,255,.8);}
.footac p{color: #fff;font-family: impact;}
.footad a{display: block;width: 160px;text-align: center;color: #fff; line-height: 45px;background: #2fb383;
background: -webkit-linear-gradient(to right, #2fb383, #16b290, #00b29b);
background: linear-gradient(to right, #2fb383, #16b290, #00b29b);
}
.footad a:hover{background: #06eacd;
background: -webkit-linear-gradient(to right, #06eacd, #16b290, #2fb383);
background: linear-gradient(to right, #06eacd, #16b290, #2fb383);}
.footb{height: auto;overflow: hidden;border-top: 1px solid #535353;color: #8b8b8b;line-height: 55px;}
.footb a{color: #8b8b8b;}
.cursor {pointer-events: none;position: fixed;top: 0;left: 0;z-index: 2209;width: 16px;height: 16px;background-color: #f8ad18;border-radius: 50%;}
.follow {pointer-events: none;position: fixed;width: 60px;height: 60px;top: 0;left: 0;z-index: 2209;background: rgba(248, 173, 24, 0.15);border-radius: 80%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.back{position: fixed;bottom: 20vh;right:2%;z-index:88;width:60px; height:60px;line-height: 60px;background:#1daa70;transition:.4s;
display: none;border-radius: 100px;text-align: center;}
.back:hover {background:rgba(209,0,0,.6);}
.back .gotop {position: relative;width:60px; height:60px;border-radius: 50%;
-webkit-border-radius: 50%;
align-items: center;
justify-content: center;
z-index: 2;}
.back .gotop i{font-size: 24px; color: #fff;}
.gotop .master_aperture{background-color:rgba(29,170,112,.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(29,170,112,.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(29,170,112,.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(29,170,112,1);}
.bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite; background: rgba(29,170,112,.3);}
.bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite; background: rgba(29,170,112,.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;
}
}
/*pubilc*/
.zimenu{position: relative;z-index: 2;}
.zimenu ul{line-height: 60px;background: #fff;box-shadow:0px 9px 15px 0px #ebebeb;margin-top: -30px;}
.zimenu li a{display: block; text-align: center;font-size: 15px;position: relative;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.zimenu li a::after{position: absolute;content:"";width: 1px;height: 15px;right:0;background: #cccccc;top:35%;}
.zimenu li:last-child a::after{height: 0px;}
.zimenu li a:hover{background: #22ad75;color: #fff;}
.comban{height: auto;overflow: hidden;background: url(../images/comban.jpg) center no-repeat;padding: 10rem 0;color: #fff;}
.casesban{height: auto;overflow: hidden;background: url(../images/casesban.jpg) center no-repeat;padding: 10rem 0;color: #fff;}
.jszcban{height: auto;overflow: hidden;background: url(../images/jszcban.jpg) center no-repeat;padding: 10rem 0;color: #fff;}
.jjfaban{height: auto;overflow: hidden;background: url(../images/jjfaban.jpg) center no-repeat;padding: 10rem 0;color: #fff;}
.newsban{height: auto;overflow: hidden;background: url(../images/newsban.jpg) center no-repeat;padding: 10rem 0;color: #fff;}
.contactban{height: auto;overflow: hidden;background: url(../images/contactban.jpg) center no-repeat;padding: 10rem 0;color: #fff;}
.proban{height: auto;overflow: hidden;background: url(../images/proban.jpg) center no-repeat;padding: 10rem 0;color: #fff;}
.qqscban{height: auto;overflow: hidden;background: url(../images/qqscban.jpg) center no-repeat;padding: 10rem 0;color: #fff;}
.ban strong{display: block;font-size: 60px;color: rgba(255,255,255,.1);text-transform: uppercase;}
.ban span{display: block;font-weight: bold;margin-top: -40px;}
.ban p{line-height: 40px;margin-top: .5rem;color: rgba(255,255,255,.7);}
.ban p a{color: rgba(255,255,255,.7);transition:.4s;}
.ban p a:hover{color: rgba(255,255,255,1);}
/*company*/
.companya{height: auto;overflow: hidden;background: url(../images/coma.png) bottom right no-repeat;}
.companya li span{display: block;}
.companya li span i{font-size: 46px;color: #aeaeae;}
.companya li span b{font-size: 44px;color: #4c4c4c;}
.companya li p{color: #999;width: 60%;line-height:25px;}
.comtit span{display: block;font-weight: 100;}
.comtit i{display: block; color: #bbb;text-transform: uppercase;}
.comtit p{color: #7c7c7c;}
.coma{height: auto;overflow: hidden;background: rgba(34,173,117,.7);color: #fff;}
.coma span{display: block;font-weight: 100;}
.coma strong{display: block;position: relative;padding-right: 95px;}
.coma strong::after{position: absolute;content: "";width: 80px;height: 1px;background: #fff;top:45%;right:0;}
.comtitb_a{height: auto;overflow: hidden;position: relative;width: 50%;}
.comtitb_a strong{position: absolute;z-index: 1;font-size: 120px;color: rgba(0,0,0,.1);text-transform: uppercase;top:0;line-height: 100px;height: 100px;}
.comtitb_a span{display: block;font-weight: 100;}
.comtitb_a p{font-weight: 100;color: #bbb;}
.comtitb_a i{display: block;width: 25px;height: 3px;background: #cbd5d7;margin-top: 2rem;}
.comtitb_b{font-weight: 100;}
.comb{line-height: 30px;color: #777;}
.zzjg img{max-width: 100%;}
/*qywh*/
.qywha{height: auto;overflow: hidden;}
.qywhtita {text-align: center;}
.qywhtita span{display: block;}
.qywhtita p{color: #7c7c7c;}
.qywh_a{text-align: center;}
.qywh_a li em{display: block;width: 85px;line-height: 65px;padding-top: 10px; border-radius: 80px;margin:0 auto; background: #1cc495; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #21b17b, #1ebc8a, #1cc495); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #21b17b, #1ebc8a, #1cc495); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.qywh_a li i{font-size: 36px;color: #fff;}
.qywh_a li span{display: block;font-weight: 100;}
.qywh_a li p{color: #7c7c7c;font-weight: 100;line-height: 25px;}
.qywh_a img{display: block;max-width: 100%;margin:0 auto;}
.qywhb{height: auto;overflow: hidden;background: url(../images/qywhb.jpg) center no-repeat;}
.qywhb_a{text-align: center;}
.qywhb_a li:hover .qywhb_b{background: rgba(0,0,0,.8)}
.qywhb_b {height: auto;overflow: hidden;background: rgba(0,0,0,.6);position: relative;transition:.4s;}
.qywhb_b span{display: block; color:#fff;font-weight: 100;}
.qywhb_b span i{display: block; color: rgba(255,255,255,.6);text-transform: uppercase;font-size: 18px;line-height: 30px;}
.qywhb_b p{line-height: 45px;font-size: 18px;color: #fff;}
.qywhb_b strong{display: block;position: absolute;bottom: 0;left:0; line-height: 60px;background: rgba(0,0,0,.9);width: 100%;text-align: center;color:#fff;font-weight: 100; }
/*fzlc*/
.fzlca{height: auto;overflow: hidden;background: url(../images/fzlca.jpg) center no-repeat;margin-top: -30px;z-index: 1;position: relative;}
/*product*/
.ptype{position: relative;}
.ptype .swiper-slide {text-align: center;}
.ptype .swiper-slide:nth-of-type(2) i{font-size: 40px;}
.ptype .swiper-slide:nth-of-type(3) i{font-size: 40px;}
.ptype .swiper-slide:nth-of-type(7) i{font-size: 40px;}
.ptype .swiper-slide:nth-of-type(8) i{font-size: 44px;}
.ptype .swiper-slide:nth-of-type(9) i{font-size: 44px;}
.ptype .swiper-slide:nth-of-type(10) i{font-size: 40px;}
.ptype .swiper-slide:hover em{background: #22ad75;}
.ptype .swiper-slide:hover i{color: #fff;}
.ptype .swiper-slide:hover span{color: #22ad75;}
.ptype .swiper-slide em{display: block;width: 70px;border-radius: 70px;background: #fff; line-height:70px;height:70px;margin:0 auto;transition:.4s;}
.ptype .swiper-slide i{font-size: 34px;transition:.4s;}
.ptype .swiper-slide span{display: block;line-height: 30px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.ptype .swiper-button-prev::after {display: none;}
.ptype .swiper-button-next::after {display: none;}
.anniu i{font-size: 40px;color: #b8b8b8;font-weight: 100;}
.prolist li a{background: #f8f9fa;height: auto;overflow: hidden;transition: all linear 0.3s;}
.prolist li:hover a{box-shadow: rgba(4,4,4,0.1) 0 0 10px 8px;transform: translate3d(0,-2px,0);}
.prolist li:hover a .pfonta i{color: #22ad75}
.prolist li:hover a .pfonta i b{top:0px;transform: skewX(0deg);}
.prolist li:hover a .pfonta i em{transform: skewX(0deg);border: 1px solid #22ad75;box-shadow: 5px 10px 10px 0px rgba(34,173,117,.2)}
.prolist li a .pfonta {width: 50%;}
.prolist li a .pfonta strong{display: block;color: #22ad75;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.prolist li a .pfonta p{color: #777;line-height: 30px;}
.prolist li a .pfonta i{display: block;width: 150px;line-height: 40px;position: relative;color: #777;text-align: center;transition: all linear 0.3s;}
.prolist li a .pfonta i em{position: absolute;z-index: 1; display: block;width: 100%;height: 40px;border: 1px solid #ddd; transform: skewX(-10deg);transition: all linear 0.3s;}
.prolist li a .pfonta i b{position: absolute;z-index: 1;top:-10px;right:-10px; display: block;width: 17px;height: 40px;border-radius: 2px;background: #22ad75;transition: all linear 0.3s;transform: skewX(-10deg);}
.prolist li a .pimga {width: 50%;}
.prolist li a .pimga img{max-width: 100%;}
.proa{height: auto;overflow: hidden;background: url(../images/proa.jpg) center top repeat-x #ebeef3;}
.proa_a img{max-width: 100%;}
.proa_c {background: #eef1f6;}
.proa_c strong{display: block;font-size: 18px;line-height: 50px;color: #444;}
.proa_d {line-height: 30px;color: #777;}
.proa_d span{color: #444;}
.protita{height: auto;overflow: hidden;}
.protita span{display: block;color: #22ad75;}
.protita strong{display: block;}
.protitb{height: auto;overflow: hidden;border-top: 1px solid rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.1)}
.protitb li {line-height: 47px;}
.protitb li em{display: block;float: left; width: 47px;height: 47px;border: 1px solid rgba(0,0,0,.2);text-align: center;margin-right: .75rem;font-size: 15px;border-radius: 5px;}
.protitb li em i{font-size: 42px;}
.protitc strong i{font-weight: normal;font-size: 22px;float: left;margin-right: .75rem;}
.protitc p{line-height: 25px;color: #777;}
.protitd a{display: block;width: 140px;line-height: 42px;text-align: center;border: 1px solid #22ad75;background: #fff;color: #22ad75;margin-left: .75rem;transition:.4s}
.protitd a:hover{background: #22ad75;color: #fff;}
.prob{height: auto;overflow: hidden;background: url(../images/prob.jpg) center fixed;}
.proc{height: auto;overflow: hidden;background: url(../images/proc.jpg) center fixed;}
.proe{height: auto;overflow: hidden;background: url(../images/proe.jpg) center fixed;}
.proba span{display: block;color: #fff;}
.proba i{display: block;width: 60px;height: 3px;background: #22ad75;margin:1.5rem 0;}
.proba p{color: rgba(255,255,255,.9);}
.proba img{display: block;margin:0 auto; max-width: 100%;}
.proba a:hover {}
.proba a{display: block;width: 150px;line-height: 40px;position: relative;color: #fff;text-align: center;transition: all linear 0.3s;}
.proba a em{position: absolute;z-index: 1; display: block;width: 150px;height: 40px;border: 1px solid #ddd; transform: skewX(-10deg);transition: all linear 0.3s;}
.proba a b{position: absolute;z-index: 1;top:-10px;right:-10px; display: block;width: 17px;height: 40px;border-radius: 2px;background: #22ad75;transition: all linear 0.3s;transform: skewX(-10deg);}
.proba a:hover{color: #22ad75}
.proba a:hover b{top:0px;transform: skewX(0deg);}
.proba a:hover em{transform: skewX(0deg);border: 1px solid #22ad75;box-shadow: 5px 10px 10px 0px rgba(34,173,117,.2)}
.prod {height: auto;overflow: hidden;background: #f8f8f8;}
.prod li .prod_a{height: auto;overflow: hidden;background: #fff;transition: all linear 0.3s;position: relative;}
.prod li:hover .prod_a{box-shadow: rgba(4,4,4,0.1) 0 0 10px 8px;transform: translate3d(0,-2px,0);}
.prod li:hover .prod_a i{top: 40%;font-size: 130px;}
.prod li .prod_a span{display: block; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.prod li .prod_a p{text-transform: uppercase;color: #bbb;position: relative;z-index: 2;}
.prod li .prod_a i{position: absolute;right:4%;top:10%; font-size: 120px;color: #f1f2f3;transition: all linear 0.3s; }
.prof{height: auto;overflow: hidden;background: url(../images/prof.jpg) center top no-repeat #e6eff6;}
.prof_a li{float: left;width: 50%; border-top: 1px solid rgba(4,4,4,.1);padding: 1rem 0;}
.prof_a li span{display: block;color: #bbb;}
.prof_a li p{display: block;font-size: 22px;line-height: 40px;}
.prof_a li:last-child p{font-size: 15px;}
.prof_b .forma{height: auto;overflow: hidden;}
.prof_b .forma span{display: block;font-size: 20px;line-height: 55px;}
.prof_b .forma input{float: left;width: 49%;margin-right: 2%;line-height: 55px;background: #fff;border: 1px solid #eee;padding-left: .5rem;}
.prof_b .forma input:last-child{margin-right: 0px;}
.prof_b .form-tr{margin: 1rem 0;}
.prof_b textarea {display: block;width: 100%;height: 165px;background: #fff;border: 1px solid #eee;line-height: 35px;padding-left: .5rem;}
.prof_b .code {width: 60%;}
.prof_b .code input {width: 31%;line-height: 43px;float: left;background: #fff;border: 1px solid #eee;padding-left: .5rem;}
.prof_b .code .verify {cursor: pointer;float: left;margin:0 2%;width: 35%;height: 55px;text-align: center;margin-bottom: 1rem;}
.prof_b .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 55px;border: 1px solid #eee;}
.prof_b .submit{clear: both; display: block;width: 150px;line-height: 40px;position: relative;color: #777;text-align: center;transition: all linear 0.3s;}
.prof_b .submit em{position: absolute;z-index: 1; display: block;width: 150px;height: 40px;border: 1px solid #ddd; transform: skewX(-10deg);transition: all linear 0.3s;}
.prof_b .submit b{position: absolute;z-index: 1;top:-10px;right:-10px; display: block;width: 17px;height: 40px;border-radius: 2px;background: #22ad75;transition: all linear 0.3s;transform: skewX(-10deg);}
.prof_b .submit:hover b{top:0px;transform: skewX(0deg);}
.prof_b .submit:hover em{transform: skewX(0deg);border: 1px solid #22ad75;box-shadow: 5px 10px 10px 0px rgba(34,173,117,.2)}
/*qqsc*/
.qqsca{height: auto;overflow: hidden;margin-top: -30px; background: #fafafa;}
.qqsca_a{background: url(../images/qqscb.jpg) 90% bottom no-repeat #fff;}
.qqsca_a p{color: #777;line-height: 45px;}
.qqscb li {text-align: center;}
.qqscb li span{display: block;line-height: 45px;font-size: 18px;margin-top: .5rem;transition:.4s;}
.qqscb li p{line-height: 25px;color: #777;}
.qqscb li:hover em{transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 鍜 Chrome */
-o-transform:rotate(7deg); border: 1px dashed #22ad75;}
.qqscb li:hover em::before{transform:rotate(5deg);
-ms-transform:rotate(5deg); /* IE 9 */
-moz-transform:rotate(5deg); /* Firefox */
-webkit-transform:rotate(5deg); /* Safari 鍜 Chrome */
-o-transform:rotate(5deg); border: 1px dashed #22ad75;}
.qqscb li:hover span{color: #22ad75;}
.qqscb li em{display: block;position: relative;width: 150px;height: 150px;line-height: 150px;transition:.4s;text-align: center;margin:0 auto; border: 1px dashed #e9e9e9;border-radius: 100px;}
.qqscb li em::before{display: block; position: absolute;content: "";width: 130px;height: 130px;left: 10px;top:10px;transition:.4s; z-index: 1;border: 1px dashed #e9e9e9;border-radius: 100px;}
.qqscb li i{font-size: 60px;color:#22ad75}
.qqscb li p{line-height: 30px;color: #999;}
.qqscb li:nth-of-type(3) i{font-size: 64px;}
.qqscb li:nth-of-type(4) i{font-size: 48px;}
.qqscc_a a{display: block;position: relative;}
.qqscc_a a:hover span{color: rgba(255,255,255,1);}
.qqscc_a a:hover em{height: 80%;}
.qqscc_a a em{position: absolute;width: 100%;height: 30%;bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.7)10%,rgba(0,0,0,0.4)60%, rgba(0,0,0,0)98%);;color: #fff;transition:.4s;}
.qqscc_a a span{position: absolute;z-index: 3; bottom: 0;line-height:70px;padding-left: 2rem;color: rgba(255,255,255,.8); font-size: 22px;transition:.4s;}
.qqscc_a a img{display: block;width: 100%;}
.qqscc_b li a{display: block;position: relative;height: auto;overflow: hidden;}
.qqscc_b li a:hover span{color: rgba(255,255,255,1);}
.qqscc_b li a:hover em{height: 80%;}
.qqscc_b li em{position: absolute;width: 100%;height: 30%;bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.7)10%,rgba(0,0,0,0.4)60%, rgba(0,0,0,0)98%);;color: #fff;transition:.4s;}
.qqscc_b li span{position: absolute;z-index: 3; bottom: 0;line-height:70px;padding-left: 2rem;color: rgba(255,255,255,.8); font-size: 22px;transition:.4s;}
.qqscc_b li img{display: block;width: 100%;}
.qqscd_a{text-align: center;}
.qqscd_a em{display: block;width: 120px;line-height: 75px;padding-top: .5rem;position: relative; background: #b1b1b1;border: 10px solid #f7f7f7;border-radius: 60px;text-align: center;color: #fff;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;
}
.qqscd_a em:after{position: absolute;content: "";display: block;width: 100px;height: 100px;border-radius: 100px;
top: -1px;
left: -1px;
z-index: -1;
box-shadow: 0 0 0 2px rgba(34,173,117,0.1);
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.qqscd_a em:hover {
background: rgba(34,173,117,1);
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}
.qqscd_a em:hover:after {
-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(34,173,117,1);
}
40% {
opacity: 0.5;
background: rgba(34,173,117,1);
box-shadow: 0 0 0 2px rgba(34,173,117,0.1), 0 0 10px 10px #22ad75, 0 0 0 10px rgba(34,173,117,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(34,173,117,0.1), 0 0 10px 10px #22ad75, 0 0 0 10px rgba(34,173,117,0.5);
-webkit-transform: scale(1.2);
background: rgba(34,173,117,1);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(34,173,117,0.1), 0 0 10px 10px #22ad75, 0 0 0 10px rgba(34,173,117,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(34,173,117,0.1), 0 0 10px 10px #22ad75, 0 0 0 10px rgba(34,173,117,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(34,173,117,0.1), 0 0 10px 10px #22ad75, 0 0 0 10px rgba(34,173,117,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(34,173,117,0.1), 0 0 10px 10px #22ad75, 0 0 0 10px rgba(34,173,117,0.5);
transform: scale(1.2);
opacity: 0;
}
}
.qqscd_a em i{font-size: 50px;}
.qqscd_a span{display: block;line-height: 25px;margin-top: .5rem;color: #777;}
.qqsce{height: auto;overflow: hidden;background: url(../images/qqscea.jpg) center top repeat fixed;padding: 6% 0 10% 0;}
.qqscea a{display: block;width: 16%;line-height: 42px;text-align: center;border: 1px solid #22ad75;color: #22ad75;margin-left: .75rem;transition: .4s;border-radius: 30px;}
.qqscea a i{font-size: 22px;}
.qqscea a:hover{background: #22ad75;color: #fff;}
.qqscea a:nth-of-type(1) i{font-size: 16px;}
.qqscea a:nth-of-type(2){border: 1px solid #fff;color: #fff;}
.qqscea a:hover:nth-of-type(2){border: 1px solid #22ad75;}
/*jszca*/
.jszca{height: auto;overflow: hidden;}
.jszctit span{display: block; }
.jszctit p{color: #777;font-size: 16px;line-height: 35px;}
.jszca ul li{text-align: center;transition:.4s;}
/*.jszca ul li:nth-of-type(1){background: url(../images/houra.png) center top no-repeat no-repeat;}
.jszca ul li:nth-of-type(2){background: url(../images/hourb.png) center top no-repeat no-repeat;}
.jszca ul li:nth-of-type(3){background: url(../images/hourc.png) center top no-repeat no-repeat;}
.jszca ul li:nth-of-type(4){background: url(../images/hourd.png) center top no-repeat no-repeat;}*/
.jszca ul li img{display: block;margin:0 auto;}
.jszca ul li span{display: block;font-weight: 100;margin-top: 1rem;}
.jszca ul li p{color: #777;}
.jszcb_a{height: auto;overflow: hidden;background: url(../images/jszca.png) right top no-repeat;padding: 28% 0 6% 0;}
.jszcb_a span{display: block;color: #999;}
.jszcb_a p{font-family: av;}
.jszcc{height: auto;overflow: hidden;background: #f6f6f6;}
.jszcc_a strong{display: block;line-height: 60px;font-size: 18px;color: #444;}
.jszcc_a p{color: #777;line-height: 35px;font-size: 16px;}
/*case*/
.caselist{height: auto;overflow: hidden;}
.caselist strong{display: block;font-size: 80px;color: #22ad75;font-family: av;margin-top: -60px;}
.caselist span{display: block;line-height: 50px;font-size: 16px;color: #777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
/*news*/
.newsa{height: auto;overflow: hidden;background: url(../images/newsa.jpg) center no-repeat;}
.newsaa .swiper-slide{height: auto;overflow: hidden;}
.newsaa .swiper-slide:hover i{color: #22ad75}
.newsaa .swiper-slide:hover i b{top:0px;transform: skewX(0deg);}
.newsaa .swiper-slide:hover i em{transform: skewX(0deg);border: 1px solid #22ad75;box-shadow: 5px 10px 10px 0px rgba(34,173,117,.2)}
.newsaa .swiper-pagination-bullet{width: 10px;height: 10px;}
.newsaa .swiper-pagination-bullet-active{background: #22ad75;width: 25px;border-radius: 5px;}
.newsaa .swiper-pagination{text-align: right;}
.n_a{height: auto;overflow: hidden;}
.n_a strong{display: block;color: #444;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.n_a p:nth-of-type(1){color: #999;line-height: 30px;font-weight: bold;font-size: 16px;font-family: av;}
.n_a p{line-height:30px;color: #777;}
.n_a i{display: block;width: 150px;line-height: 40px;position: relative;color: #777;text-align: center;transition: all linear 0.3s;}
.n_a i em{position: absolute;z-index: 1; display: block;width: 150px;height: 40px;border: 1px solid #ddd; transform: skewX(-10deg);transition: all linear 0.3s;}
.n_a i b{position: absolute;z-index: 1;top:-10px;right:-10px; display: block;width: 17px;height: 40px;border-radius: 2px;background: #22ad75;transition: all linear 0.3s;transform: skewX(-10deg);}
.n_b {height: auto;overflow: hidden;background: #fff;padding: 10px;box-shadow: 0px 0px 5px 5px #eee;}
.n_b img{display: block;width: 100%;}
.newsb{height: auto;overflow: hidden;}
.newsb li img{display: block;max-width: 100%;transition: all 1s ease}
.newsb li a{display: block;height: auto;overflow: hidden; background: #fff;position: relative;box-shadow: 0px 0px 4px 4px #eee;transition: all 1s ease}
.newsb li a:hover img{transform: scale(1.06, 1.06)}
.newsb li a:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-2px,0);}
.newsb li a:hover i::before{top:18px;left: -8px;width: 30px;height: 30px;background: rgba(29,170,112,.3)}
.newsb li a:hover i::after{top:18px;right:30px;width: 30px;height: 30px;background: rgba(29,170,112,.3)}
.n_d {transition:all 0.6s ease 0s;height: auto;}
.n_d span{display: block;font-size:17px;line-height: 50px;height: 50px;overflow: hidden;font-weight: bold;}
.n_d p{line-height: 30px;height: 60px;overflow: hidden; color: #777;}
.n_d i{display: block;color: #777;line-height: 50px;font-style: normal;margin-top:1rem;padding-top: .5rem;font-weight: bold; position: relative;border-top: 1px solid #eee;}
.n_d i::before{position: absolute;content: "";top:0px;left: 8px; width: 0px;height: 0px;border-radius: 60px;background: rgba(29,170,112,0);transition:.4s;}
.n_d i::after{position: absolute;content: "";top:0px;right:45px; width: 0px;height: 0px;border-radius: 60px;background: rgba(29,170,112,0);transition:.4s;}
.n_d i em{font-size: 14px;font-weight: normal;color: #666;position: relative;z-index: 2;}
.n_d i b{float: right;font-weight: normal;position: relative;z-index: 2;}
/*鏂伴椈璇︽儏*/
.sidetit{height: auto;overflow: hidden;background: #27a257;color:#109243;font-size: 18px;text-align: center;padding: 1rem 0;text-transform: uppercase;font-family: impact;}
.sidetit span{font-size: 24px;line-height: 40px;font-weight: bold;color: #fff;}
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;}
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa img{display: block;margin:.5rem auto;max-width: 100%;}
.newsaa p{line-height: 30px;}
.newsinfob{height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;transition:.4s;}
.newsinfob li:hover{background: #27a257;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;font-family: av;}
#prev_next{height: auto;overflow: hidden;border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #27a257 !important;}
/*contact*/
.contacta{height: auto;overflow: hidden;margin-top: -30px;background: #eeeeee;}
.con_a{height: auto;overflow: hidden;background: #fff;}
.con_aa strong{display: block;color: #27a257}
.con_aa p{line-height: 40px;color: #999;text-transform: uppercase;font-size: 13px;}
.con_aa i{display: block;width: 20px;height: 2px;background: #888;margin: 1rem 0;}
.con_ab li{line-height: 35px;color: #777;}
.con_ab li i{color: #27a257;}
.con_ac{background: #27a257;color: #fff;}
.con_ac i{display: block;width: 20px;height: 1px;background: #fff;margin: 1rem 0;}
.con_ac span{display: block;font-size: 16px;line-height: 40px;}
.con_ac strong em{font-size: 14px;font-weight: normal;}
/*jjfa*/
.jjfaimga{background: url(../images/jjfaimga.jpg) center no-repeat;}
.jjfaimgb{background: url(../images/jjfaimgb.jpg) center no-repeat;}
.jjfaimgc{background: url(../images/jjfaimgc.jpg) center no-repeat;}
.jjfaimgd{background: url(../images/jjfaimgd.jpg) center no-repeat;}
.jjfainfo{height: auto;overflow: hidden;}
.jjfainfo h5{display: block; height: auto;overflow: hidden;background: url(../images/jjfaa.png) left no-repeat;width: 35%;text-align: center;}
.jjfainfo span{color: #444;}
.jjfacontent p{line-height: 30px;color: #777;}
.jjfacontent 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;height: auto;overflow: hidden; position: relative;border: 1px solid #efefef;}
.honorlist li img{display:block;max-width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfonta{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.hfonta{position: absolute;z-index: 8;bottom: 100%;width: 100%;color: #fff;height: 100%;padding-top:20%;overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.hfonta span{display: block; line-height: 30px;font-size: 15px;}
.hfonta i{font-size: 42px;}
.imga{border: 1px solid #eee;display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
@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;}
.topab {display: none;}
.topaa{padding:.5rem;}
.topaa img{max-width: 70%;float: left;}
.in04a em{width: 100%;}
.in05b li strong{font-size: 22px;}
.in01a li a i{display: none;}
.pic{padding-bottom: 105%;}
.in01b li a:hover .infonta span{font-size: 14px;}
.in05b li span{font-size: 13px;}
.in05b li strong{font-size: 15px;}
.in05b li i{font-size: 22px;}
.in03a .gallery-thumbs{position: relative;}
.in03a .gallery-top .swiper-slide img{width: 375%;}
.in03a .gallery-top .swiper-slide .in03b p{width: 100%;}
.in03a .gallery-top .swiper-slide .in03b{top:6%;}
.in03a .gallery-top .swiper-slide .in03b b{font-size:22px;}
.in03a .gallery-top .swiper-slide .in03b span{font-size: 16px;}
.in03a .gallery-thumbs{left:0;width: 100%;}
.in03a .gallery-thumbs .swiper-slide i{font-size: 20px;}
.in03a .gallery-top .swiper-slide .in03b em{margin:.25rem 0;}
.in03a .gallery-thumbs .swiper-slide span{font-size: 14px;}
.in02b dd a i{font-size: 22px;}
.in06a i b{display: none;}
.in06a span{font-size: 14px;}
.in_07 li span{font-size: 14px;}
.footer{padding-bottom: 18%;}
.ban strong{font-size: 30px;}
.comban{padding: 6rem 0;}
.casesban{padding: 6rem 0;}
.jszcban{padding: 6rem 0;}
.jjfaban{padding: 6rem 0;}
.newsban{padding: 6rem 0;}
.contactban{padding: 6rem 0;}
.proban{padding: 6rem 0;}
.qqscban{padding: 6rem 0;}
.ban p{margin-top: 0px;line-height: 30px;}
.companya li span i{font-size: 22px;}
.companya li span b{font-size: 16px;}
.companya li p{width: 100%;}
.coma .d-flex{display: block !important;}
.companyb .d-flex{display: block !important;}
.comtitb_a{width: 100%;}
.comtitb_a strong{font-size: 68px;line-height: 80px;}
.comtitb_a i{margin: 1rem 0;}
.qywh_a li em{width: 60px;line-height: 45px;}
.qywh_a li i{font-size: 22px;}
.qywhb_b p{font-size: 14px;line-height: 30px;}
.qywhb_b strong{line-height:45px;}
.zimenu li a{font-size: 12px;}
.hfonta i{font-size: 22px;}
.hfonta span{font-size: 14px;}
.ptype .swiper-slide i{font-size: 22px;}
.ptype .swiper-slide:nth-of-type(2) i{font-size: 22px;}
.ptype .swiper-slide:nth-of-type(3) i{font-size: 22px;}
.ptype .swiper-slide:nth-of-type(7) i{font-size: 22px;}
.ptype .swiper-slide:nth-of-type(8) i{font-size: 24px;}
.ptype .swiper-slide:nth-of-type(9) i{font-size: 24px;}
.ptype .swiper-slide:nth-of-type(10) i{font-size: 22px;}
.prolist li a .pfonta p{font-size: 13px;line-height: 25px;}
.proa_d span{font-size: 16px !important;}
.prof_a li p{font-size: 16px;}
.prof_b .code{width: 100%;}
.qqsca img{max-width: 100%;}
.qqscc_a a span{font-size: 16px;}
.qqscc_b li span{font-size: 16px;}
.qqscea a{width: 45%;line-height: 35px;}
.qqscd_a em{width: 90px;line-height:45px;}
.qqscd_a em i{font-size: 36px;}
.jszca ul li img{width: 60%;margin:0 auto;}
.jszcb_a{background-size: 100%;}
.jjfainfo h5{width: 45%;background: none;text-align: left;}
.jjfacontent span{font-size: 16px !important}
.n_d i b{display: none;}
.mkdf-content-holder .row{margin-top: 35%;}
.in04a p{max-height: 90px;overflow: hidden;font-size: 14px;line-height: 30px;}
.companya{background-size: 60%;}
.qqsca_a p{line-height: 30px;}
.prolist li a .pfonta{width: 48%;}
.prolist li a .pfonta i{width: 120px;}
.jjfacontent td:nth-of-type(2){display: none;}
}
@media (min-width: 576px) and (max-width: 768px){
.topab {display: none;}
.topaa{padding:.5rem;}
.topaa img{max-width: 70%;float: left;}
.in04a em{width: 100%;}
.in05b li strong{font-size: 22px;}
.in01a li a i{display: none;}
.pic{padding-bottom: 105%;}
.in01b li a:hover .infonta span{font-size: 14px;}
.in05b li span{font-size: 13px;}
.in05b li strong{font-size: 15px;}
.in05b li i{font-size: 22px;}
.in03a .gallery-thumbs{position: relative;}
.in03a .gallery-top .swiper-slide img{width: 230%;}
.in03a .gallery-top .swiper-slide .in03b p{width: 100%;}
.in03a .gallery-top .swiper-slide .in03b{top:6%;}
.in03a .gallery-top .swiper-slide .in03b b{font-size:22px;}
.in03a .gallery-top .swiper-slide .in03b span{font-size: 16px;}
.in03a .gallery-thumbs{left:0;width: 100%;}
.in03a .gallery-thumbs .swiper-slide i{font-size: 20px;}
.in03a .gallery-top .swiper-slide .in03b em{margin:.25rem 0;}
.in03a .gallery-thumbs .swiper-slide span{font-size: 14px;}
.in02b dd a i{font-size: 22px;}
.in06a i b{display: none;}
.in06a span{font-size: 14px;}
.in_07 li span{font-size: 14px;}
.ban strong{font-size: 30px;}
.comban{padding: 6rem 0;}
.casesban{padding: 6rem 0;}
.jszcban{padding: 6rem 0;}
.jjfaban{padding: 6rem 0;}
.newsban{padding: 6rem 0;}
.contactban{padding: 6rem 0;}
.proban{padding: 6rem 0;}
.qqscban{padding: 6rem 0;}
.ban p{margin-top: 0px;line-height: 30px;}
.companya li span i{font-size: 22px;}
.companya li span b{font-size: 16px;}
.companya li p{width: 100%;}
.coma .d-flex{display: block !important;}
.companyb .d-flex{display: block !important;}
.comtitb_a{width: 100%;}
.comtitb_a strong{font-size: 68px;line-height: 80px;}
.comtitb_a i{margin: 1rem 0;}
.qywh_a li em{width: 60px;line-height: 45px;}
.qywh_a li i{font-size: 22px;}
.qywhb_b p{font-size: 14px;line-height: 30px;}
.qywhb_b strong{line-height:45px;}
.zimenu li a{font-size: 12px;}
.hfonta i{font-size: 22px;}
.hfonta span{font-size: 14px;}
.ptype .swiper-slide i{font-size: 22px;}
.ptype .swiper-slide:nth-of-type(2) i{font-size: 22px;}
.ptype .swiper-slide:nth-of-type(3) i{font-size: 22px;}
.ptype .swiper-slide:nth-of-type(7) i{font-size: 22px;}
.ptype .swiper-slide:nth-of-type(8) i{font-size: 24px;}
.ptype .swiper-slide:nth-of-type(9) i{font-size: 24px;}
.ptype .swiper-slide:nth-of-type(10) i{font-size: 22px;}
.prolist li a .pfonta p{font-size: 13px;line-height: 25px;}
.proa_d span{font-size: 16px !important;}
.prof_a li p{font-size: 16px;}
.prof_b .code{width: 100%;}
.qqsca img{max-width: 100%;}
.qqscc_a a span{font-size: 16px;}
.qqscc_b li span{font-size: 16px;}
.qqscea a{width: 45%;line-height: 35px;}
.qqscd_a em{width: 90px;line-height:45px;}
.qqscd_a em i{font-size: 36px;}
.jszca ul li img{width: 60%;margin:0 auto;}
.jszcb_a{background-size: 100%;}
.jjfainfo h5{width: 45%;background: none;text-align: left;}
.jjfacontent span{font-size: 16px !important}
.n_d i b{display: none;}
.mkdf-content-holder .row{margin-top: 35%;}
.companya{background-size: 60%;}
.jjfainfo h5{font-size: 24px;background: none;text-align: left;}
.prolist li a .pfonta{width: 48%;}
}
@media (min-width: 768px) and (max-width: 992px) {
.topab {display: none;}
.topaa{padding:.5rem;}
.topaa img{max-width: 70%;float: left;}
.in03a .gallery-top .swiper-slide .in03b{top:10%;}
.in03a .gallery-top .swiper-slide img{width:210%;}
.in05a b{font-size: 22px;}
.in_07 ul{border-right: none;}
.companya{background-size: 40%;}
.comtitb_a strong{font-size: 70px;}
.comtitb_a span{font-size: 28px;}
.jszcb_a{background-size: 100%;}
.jjfainfo h5{font-size: 24px;background: none;text-align: left;}
.n_a strong{font-size: 18px;}
.qqscea a{width: 20%;}
.newsaa p{font-size: 14px;line-height: 25px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.menu li{width: 11%;}
.topac .toppro:before{width:0px;}
.topac{width: 12%;}
.topab .menu{width: 88%;}
.in05a b{font-size: 22px;}
.in03a .gallery-top .swiper-slide img{width: 190%;}
.in04a span{font-size: 16px;line-height: 30px;}
.in04a p{font-size: 14px;}
.in02b dd a i{font-size: 26px;}
.in02b dd a span{font-size: 14px;}
.in05a strong{display: none;}
.in05b li strong{font-size: 30px;}
.in_07 li:nth-of-type(9) img{display: none;}
.footb_b{display: none;}
.prolist li a .pfonta strong{font-size: 16px;}
.protita strong{font-size: 22px;line-height: 30px;border-bottom: 1px solid #dcdcdc;padding-bottom: 1rem;}
.protitb{display: none;}
.protita span{display: none;}
.prod li .prod_a p{font-size: 14px;}
.coma strong{font-size: 22px;}
.comtitb_a strong{font-size: 100px;}
.jszcb_a{background-size: 100%;}
.jjfainfo h5{background: none;text-align: left;}
.con_aa p{display: none;}
.in_07 ul{border-right: none;}
.qqsca_a p{line-height: 30px;}
}
@media (min-width: 1200px) {
.container{max-width: 1400px;}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.menu li{width: 10%;}
.in03a .gallery-top .swiper-slide .in03b{top:10%;}
.in03a .gallery-top .swiper-slide img{width: 130%;}
.footb_b{display: none;}
.jjfainfo h5{width: 40%;}
}
@media (max-width: 1400px) {
.back{display: none !important;}
.in_07 li:nth-of-type(9){display: none;}
.in_07 ul{border-right: none;}
}
@media (min-width: 1400px) and (max-width: 1660px) {
.in03a .gallery-top .swiper-slide img{width: 120%;}
.menu li{width: 10%;}
}