body,html{overflow-x: hidden;}
em{font-style:initial}
.headernav{width: 100%;z-index: 9999999;position: absolute;top: 0;left: 0;border-bottom: 1px solid #fff;}
.headernav_bd{display: flex;justify-content: space-between;align-items: center;}
.headernav_right{display: flex;justify-content: flex-end;align-items: center;}
.headernav_logo img{max-height: 100px;}
/* 1 */
.indexproduct{padding: 90px 0;}
.indexproduct_title{margin-bottom: 40px;}
.indexproduct_title h2{font-size: 48px;color: #000;font-weight: bold;text-align: center;}
.indexproductflex{display: flex;flex-wrap: wrap;}
.indexproductli{margin: 15px 0;}
.indexproductbox{height: 100%;border: 1px solid #a0a0a0;padding: 30px 20px;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproductimg{position: relative;overflow: hidden;display: block;width: 100%;height: auto;padding-top: 120%;}
.indexproductimg img{width: 100%;vertical-align: middle;position: absolute;top: 0;left: 0;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproductcon{padding: 20px 0 0 0;border-top: 1px dashed #a0a0a0;}
.indexproducttxt h3{word-wrap: break-word; font-size: 30px;text-align: center;font-weight: bold;color: #000;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproducttxt{display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
.indexproductli:hover .indexproducttxt h3{color: #00c4d8;}
.indexproductli:hover .indexproductbox{border: 1px solid #00c4d8;}
.indexproductli:hover .indexproductimg img{transform: scale(1.2);} 
/* 2 */
.indexabout{padding: 200px 0 50px 0; background-color: #f0f3f8;position: relative;overflow: hidden;}
.indexaboutflex{display: flex;align-items: center;flex-wrap: wrap;}
.indexaboutwenzi {position: absolute;top: 75px;left: 0;z-index: 9;display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;}
.indexaboutwenzi img{width: 100%;vertical-align: middle;}
.indexaboutimg img{width: 100%;vertical-align: middle;}
.indexaboutmain h2{font-size: 60px;color: #000;font-weight: bold;margin-bottom: 20px;}
.indexaboutmain h3{font-size: 24px;color: #00c4d8;font-weight: bold;margin-bottom: 20px;}
.indexaboutmain p{font-size: 18px;color: #000;line-height: 28px;margin-bottom: 15px;}
.indexaboutmore{display: inline-block;padding: 10px 60px;background-color: #00c4d8;font-size: 20px;color: #fff;text-align: center;margin-top: 15px;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexaboutmore:hover{background-color: #000;color: #00c4d8;padding: 10px 80px;}
/* 3 */
.indexadvantage{padding: 50px 0 100px 0;background-color: #f0f3f8;}
.indexadvantage_main{margin-top: 90px;}
.indexadvantageflex{display: flex;flex-wrap: wrap;}
.indexadvantage_box{ height: 100%; background-color: #0f1113;padding: 20px 15px;}
.datanum{display: flex;justify-content: center;align-items: center;}
.datanum span{font-size: 60px;color: #fff;font-weight: bold;}
.datanum b{font-size: 60px;color: #fff;font-weight: bold;}
.indexadvantage_box h3{font-size: 24px;color: #fff;text-align: center;font-weight: bold;margin: 5px 0 10px 0;}
.indexadvantage_box p{font-size: 16px;color: #fff;text-align: center;}
.indexadvantage_main .indexadvantage_li:nth-child(2) .indexadvantage_box{height: 100%; transform: scaleY(1.1); background-color: #00c4d8;}
.indexadvantage_main .indexadvantage_li:nth-child(3) .indexadvantage_box{height: 100%;transform: scaleY(1.1); background-color: #00c4d8;}
.indexadvantage_main .indexadvantage_li:nth-child(1),.indexadvantage_main .indexadvantage_li:nth-child(4){margin-top: 10px;}
/* 4 */
.indexcontact{padding: 100px 0;}
.indexcontactflex{display: flex;align-items: center;flex-wrap: wrap;}
.indexcontactmain{padding: 40px 40px;background-color:#f3f6f9;}
.indexcontactli input{width: 100%;padding: 0 10px;height: 40px;line-height: 40px;font-size: 16px;color: #000;border: none;outline: none;background-color: #fff;}
.indexcontactli{margin-bottom: 20px;}
.indexcontactli textarea{width: 100%;padding: 15px;height: 120px;font-size: 16px;color: #000;border: none;outline: none;background-color: #fff;resize: none;}
.agree_check{display: flex;justify-content: flex-start;align-items: flex-start;margin: 30px 0;}
.agree_check span{font-size: 16px;color: #666;flex: 1;margin-left: 10px;}
.indexcontactbtn input{padding: 10px 60px;background-color: #00c4d8; font-weight: bold; color: #fff;font-size: 18px;text-align: center;border: none;outline: none;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexcontactbtn input:hover{background-color: #000;color: #00c4d8;}
.indexcontactwenan h2{font-size: 36px;color: #000;font-weight: bold;margin-bottom: 10px;}
.indexcontactwenan p{font-size: 16px;color: #333;line-height: 28px;}
.indexcontactimg{position: relative;overflow: hidden;width: 100%;height: auto;margin-top: 10px;padding-top: 50%;}
.indexcontactimg img{width: 100%;vertical-align: middle;position: absolute;top: 0;left: 0;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexcontactimg:hover img{transform: scale(1.2);}
/* 5 */
.indexnews{padding: 0 0 60px 0;}
/* footer */
.footer{background-color: #0f1113;padding-top:60px;}
.footer_bd{border-top: 1px solid #fff;padding: 15px 0;}
.footer_bdcon{display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;}
.footer_bdcon p{font-size: 14px;color: #fff;}
.footer_bdcon a{display: inline-block;font-size: 14px;color: #fff;text-transform: uppercase;}
.footer_bdcon span{display: inline;font-size: 14px;color: #00c4d8;text-transform: uppercase;}
.footer_hd{padding-bottom: 60px;}
.footerlogo img{max-height: 100px;vertical-align: middle;}
.footerlist{margin-top: 45px;}
.footerlist li{display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 20px;}
.footerlist li span{width: 45px;height: 45px;line-height: 45px;text-align: center;display: block;border: 1px solid rgba(255,255,255,0.5);margin-right: 15px;}
.footerlist li i{font-size: 26px;color: #fff;}
.footerlist li div{display: flex;flex-direction: column;align-items: flex-start;flex: 1;}
.footerlist li h4{font-size: 16px;color: #fff;font-weight: bold;margin-bottom: 3px;}
.footerlist li p{font-size: 16px;color: #fff;}
.footerlist li p a{font-size: 16px;color: #fff;}
.footernavlist h3,.footer_way h3{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.footernavlist a{font-size: 16px;color: #fff;margin-bottom: 15px;display: block;}
.footernavlist a:hover{color: #00c4d8;text-decoration: underline;}
.footericon{margin-top: 20px;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.footericon a{display: block;width: 45px;height: 45px;line-height: 45px;text-align: center;border: 1px solid rgba(255,255,255,0.5);margin-right: 10px;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.footericon a i{font-size: 28px;color: #fff;}
.footericon a:hover{background-color: #00c4d8;border: 1px solid #00c4d8;transform: scale(0.9);}
.footer_way{display: flex;flex-direction: column;align-items: flex-end;}
.footernavother{padding-left: 50px;}
@media (max-width: 767px){
.headernav{background-color: #00c4d8;position: static;top: auto;left: auto;padding: 10px 0;border-bottom: 1px solid #00c4d8;}
.search i{color: #fff;}
.headernav_logo img{max-height: 60px;}
.indexproduct,.indexcontact,.footer{padding: 40px 0;}
.indexproduct_title h2{font-size: 32px;}
.indexaboutwenzi{display: none;}
.indexabout{padding: 40px 0 20px 0;}
.indexaboutmain h2,.indexcontactwenan h2{font-size: 36px;}
.indexaboutimg {margin-top: 30px;}
.indexadvantage_main{margin-top: 0;}
.indexadvantage_li {margin: 10px 0;}
.indexadvantage{padding: 40px 0;}
.indexadvantage_main .indexadvantage_li:nth-child(2) .indexadvantage_box,.indexadvantage_main .indexadvantage_li:nth-child(3) .indexadvantage_box{transform: none;}
.indexcontactmain{margin-top: 30px;padding: 30px 15px;}
.indexcontactbtn input{margin: 0 auto;display: block;}
.indexnews{padding: 0 0 30px 0;}
.footernone{display: none;}
.footernavother{padding-left: 0;}
.footer_nav {margin-top: 20px;}
.footer_way{align-items: flex-start;margin-top: 20px;}
.footericon{margin-top: 0;}
}

@media (min-width: 768px) and (max-width: 992px){
.headernav{background-color: #00c4d8;position: static;top: auto;left: auto;padding: 10px 0;border-bottom: 1px solid #00c4d8;}
.search i{color: #fff;}
.headernav_logo img{max-height: 60px;}
.indexproduct,.indexcontact,.footer{padding: 40px 0;}
.indexproduct_title h2{font-size: 32px;}
.indexaboutwenzi{display: none;}
.indexabout{padding: 40px 0 20px 0;}
.indexaboutmain h2,.indexcontactwenan h2{font-size: 36px;}
.indexaboutimg {margin-top: 30px;}
.indexadvantage_main{margin-top: 0;}
.indexadvantage_li {margin: 10px 0;}
.indexadvantage{padding: 40px 0;}
.indexadvantage_main .indexadvantage_li:nth-child(2) .indexadvantage_box,.indexadvantage_main .indexadvantage_li:nth-child(3) .indexadvantage_box{transform: none;}
.indexcontactmain{margin-top: 30px;padding: 30px 15px;}
.indexcontactbtn input{margin: 0 auto;display: block;}
.indexnews{padding: 0 0 30px 0;}
.footernone{display: none;}
.footernavother{padding-left: 0;}
.footer_nav {margin-top: 20px;}
.footer_way{align-items: flex-start;margin-top: 20px;}
.footericon{margin-top: 0;}
}
@media (min-width: 993px) and (max-width: 1200px){
.headernav{background-color: #00c4d8;position: static;top: auto;left: auto;padding: 10px 0;border-bottom: 1px solid #00c4d8;}
.search i{color: #fff;}
.headernav_logo img{max-height: 60px;}
.indexproduct,.indexcontact,.footer{padding: 40px 0;}
.indexproduct_title h2{font-size: 32px;}
.indexaboutwenzi{display: none;}
.indexabout{padding: 40px 0 20px 0;}
.indexaboutmain h2,.indexcontactwenan h2{font-size: 36px;}
.indexaboutimg {margin-top: 30px;}
.indexadvantage_main{margin-top: 0;}
.indexadvantage_li {margin: 10px 0;}
.indexadvantage{padding: 40px 0;}
.indexadvantage_main .indexadvantage_li:nth-child(2) .indexadvantage_box,.indexadvantage_main .indexadvantage_li:nth-child(3) .indexadvantage_box{transform: none;}
.indexcontactmain{margin-top: 30px;padding: 30px 15px;}
.indexcontactbtn input{margin: 0 auto;display: block;}
.indexnews{padding: 0 0 30px 0;}
.footernone{display: none;}
.footernavother{padding-left: 0;}
.footer_nav {margin-top: 20px;}
.footer_way{align-items: flex-start;margin-top: 20px;}
.footericon{margin-top: 0;}
}
@media (min-width: 1201px) and (max-width: 1600px) {}