body,html{overflow-x: hidden;}
.headernav{width: 100%;z-index: 9999999;}
.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  60px 0;background-color: #ebeff4;}
.indexproduct_title h2{font-size: 48px;color: #000;font-weight: bold;text-align: center;}
.indexproductflex{display: flex;flex-wrap: wrap;}
.indexproductli{margin-bottom: 30px;}
.indexproductbox {height: 100%;background-color: #fff;border: 5px solid #fff;  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;}
.indexproducthd{padding: 30px;border-bottom: 1px solid #e5e5e5;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{display: block;position: relative;overflow: hidden;width: 100%;height: auto;padding-top: 100%;}
.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;}
.indexproduct_con{padding: 20px 15px;display: flex;flex-direction: column;align-items: center;}
.indexproduct_txt h3{font-size: 22px;text-align: center;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;}
.indexproduct_more{margin-top: 25px; display: flex;justify-content: center;align-items: center;padding: 8px 40px;border: 1px solid #003974;border-radius: 30px;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;}
.indexproduct_more p{font-size: 16px;color: #003974;margin-right: 15px;font-weight: bold;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;}
.indexproduct_more span{display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: #003974;border-radius: 50%;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;}
.indexproduct_more i{font-size: 18px;color: #fff;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;}
.indexproductall{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
.indexproductallmore { display: flex;justify-content: center;align-items: center;padding: 10px 60px;border: 1px solid #003974;border-radius: 30px;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;}
.indexproductallmore p{font-size: 16px;color: #003974;margin-right: 15px;font-weight: bold;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;}
.indexproductallmore span{display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: #003974;border-radius: 50%;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;}
.indexproductallmore i{font-size: 18px;color: #fff;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;}
.indexproductli:hover .indexproduct_more,.indexproductallmore:hover{background-color: #003974;}
.indexproductli:hover .indexproduct_more span,.indexproductallmore:hover span{background-color: #fff;}
.indexproductli:hover .indexproduct_more p,.indexproductallmore:hover p{color: #fff;}
.indexproductli:hover .indexproduct_more i,.indexproductallmore:hover i{color: #003974;}
.indexproductli:hover .indexproduct_txt h3{color: #003974;font-weight: bold;}
.indexproductli:hover .indexproductbox {box-shadow: 5px 5px 20px rgba(0,57,116,0.35);border: 5px solid #003974;}
.indexproductli:hover .indexproducthd{border-bottom: 1px solid #003974;}
.indexproductli:hover .indexproductimg img{transform: scale(1.1);} 
.indexproductallmore:hover{padding: 10px 100px;}
.indexproduct_title {
  padding: 0px 35px;
  border: none;
  background: transparent;
  color: #000;
  width:17%;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 margin: 0 auto  50px auto;
  position:relative;
  line-height:45px;
  cursor:pointer;
}
.indexproduct_title span {
  position: absolute;
  background-color: #003974;
  display: block;
  transition: all 200ms;
}
.indexproduct_title .line1,
.indexproduct_title .line3 {
  height: 6px;
  width: 25px;
}
.indexproduct_title .line2,
.indexproduct_title .line4 {
  height: 25px;
  width: 6px;
}
.indexproduct_title .line1,
.indexproduct_title .line2 {
  top: -10px;
  left: 0;
}
.indexproduct_title .line3,
.indexproduct_title .line4 {
  bottom: -10px;
  right: 0;
}
/* 2 */
.indexabout{padding: 90px 0;}
.indexabout_hd{margin-bottom: 50px;}
.indexabout_hdflex,.indexabout_bdflex{display: flex;align-items: center;flex-wrap: wrap;}
.indexabout_hdtitle{display: flex;flex-direction: column;align-items: flex-start;}
.indexabout_hdtitle span{font-size: 24px;color: #000;font-weight: bold;display: block;margin-bottom: 20px;}
.indexabout_hdtitle h2{font-size: 48px;color: #000;font-weight: bold;}
.indexabout_hdtitletxt P{font-size: 16px;color: #000;line-height: 28px;}
.indexaboutmore{margin-top: 30px;display: flex;justify-content: flex-start;align-items: center;}
.indexaboutmore .indexproductallmore{background-color: #003974;}
.indexaboutmore .indexproductallmore p{color: #fff;}
.indexaboutmore .indexproductallmore span{background-color: #fff;}
.indexaboutmore .indexproductallmore i{color: #003974;}
.indexaboutimg img{width: 100%;vertical-align: middle;}
.indexabout_data ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.indexabout_data li{width: 48%;overflow: hidden;display: flex;flex-direction: column;align-items: center;margin: 15px 0;}
.indexabout_databox{ display: flex;justify-content: center;align-items: center;}
.indexabout_data li i{font-size: 50px;color: #003974;text-align: center;display: block;}
.indexabout_data li h3{font-size: 50px;color: #003974;font-weight: bold;}
.indexabout_data li span{font-size: 50px;color: #003974;font-weight: bold;}
.indexabout_data li p{font-size: 22px;text-align: center;color: #003974;}
/* 3 */
.indexgood{padding: 90px 0  60px 0;background-color: #ebeff4;}
.indexgood .indexproduct_title{width: 65%;}
.indexgoodflex{display: flex;flex-wrap: wrap;}
.indexgoodli{margin-bottom: 30px;}
.indexgoodwenan{padding: 50px 15px 40px 15px;z-index: 99;}
.indexgoodwenan h3{z-index: 99; position: relative; font-size: 20px;color: #000;font-weight: bold;margin-bottom: 15px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.indexgoodwenan p{z-index: 99; position: relative; font-size: 16px;color: #000;line-height: 25px;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.indexgoodbox{height: 100%;background-color: #fff; position: relative;overflow: hidden;}
.indexgoodcover{width: 140px;height: 130px;border-radius: 50%;background-color: #003974;position: absolute;top: -35px;right: -55px;transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.indexgoodicon{ font-size: 50px !important;color: #fff;position: absolute;top: 5px;right: 12px;transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
/*.indexgoodli:hover .indexgoodcover{transform: scale(12);}
.indexgoodli:hover .indexgoodwenan h3,.indexgoodli:hover .indexgoodwenan p{color: #fff;}
.indexgoodli:hover .indexgoodicon{color: #003974;}*/
/* 4 */
.indexnew{padding: 90px 0;}
.indexnew .indexproduct_title{width: 60%;}
.indexnewflex{display: flex;flex-wrap: wrap;}
.indexnewbox{height: 100%;background-color: #f6f6f6;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;}
.indexnewimg{position: relative;overflow: hidden;height: auto;width: 100%;display: block;padding-top: 70%;}
.indexnewimg 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;}
.indexnewcon{padding: 20px 15px;}
.indexnewcon h3{ margin-bottom: 10px; font-size: 20px;color: #000;display: -webkit-box;-webkit-line-clamp: 2; -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;}
.indexnewcon p{font-size: 16px;color: #333;line-height: 25px;display: -webkit-box;-webkit-line-clamp: 3; -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;}
.indexnewbottom{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.indexnewbottom span{font-size: 14px;color: #000;}
.indexnewcon .indexproductallmore{background-color: #003974;padding: 5px 30px;}
.indexnewcon .indexproductallmore p{color: #fff;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;}
.indexnewcon .indexproductallmore span{background-color: #fff;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;}
.indexnewcon .indexproductallmore i{color: #003974;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;}
.indexnewcon .indexproductallmore:hover{padding: 5px 30px;}
.indexnewli:hover .indexnewimg img{transform: scale(1.1);}
.indexnewli:hover .indexnewbox{background-color: #003974;}
.indexnewli:hover .indexnewcon h3,.indexnewli:hover .indexnewcon p,.indexnewli:hover .indexnewbottom span{color: #fff;}
.indexnewli:hover .indexnewcon .indexproductallmore{background-color: #fff;border: 1px solid #fff;} 
.indexnewli:hover .indexnewcon .indexproductallmore p{color: #003974;}
.indexnewli:hover .indexnewcon .indexproductallmore span{background-color: #003974;}
.indexnewli:hover .indexnewcon .indexproductallmore i{color: #fff;}
/* footer */
.footer_hd{padding-bottom: 50px;}
.footer{background-color: #000;padding: 80px 0 40px 0;}
.copyrights{ border-top: 1px solid #fff; padding: 15px 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.copyrights p{font-size: 16px;color: #fff;}
.copyrights a{font-size: 16px;color: #fff;}
.copyrights a:hover{text-decoration: underline;}
.footer_way{display: flex;justify-content: flex-start;align-items: center;margin-top: 50px;}
.footer_way a{display: block;width: 40px;height: 40px;line-height: 40px; text-align: center; border-radius: 50%;background-color: #003974;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;}
.footer_way a i{color: #fff;font-size: 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;}
.footer_way a:hover{transform: scale(1.1);background-color: #fff}
.footer_way a:hover i{color: #003974;}
.footer_nav{padding-left: 70px;}
.footer_nav h3,.footer_call h3{font-size: 20px;color: #fff;font-weight: bold;}
.footer_nav span,.footer_call span{display: block;width: 70px;height: 4px;background-color: #003974;margin: 20px 0;}
.footer_nav a{font-size: 16px;color: #fff;display: block;margin-bottom: 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;}
.footer_nav a:hover{text-decoration: underline;}
.footer_call li{display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 20px;}
.footer_call i{font-size: 20px;color: #fff;margin-right: 10px;}
.footer_call p{font-size: 16px;color: #fff;}
.indexalltitle{display: flex;justify-content: center;align-items: center;margin-bottom: 40px;}
.indexalltitle img{width: 50px;height: 50px;}
.indexalltitle h2{font-size: 48px;color: #000;font-weight: bold;margin: 0 10px;text-align: center;}
.indexalltitle .indexalltitleimg1 {margin-top: -40px;display: block;}
.indexalltitle .indexalltitleimg2 {margin-top: 45px;display: block;}
.backtop{display: none;  width: 50px;height: 50px;line-height: 50px;text-align: center;background-color: rgba(0,47,167,0.8);position: fixed;bottom: 10%;right: 3%;z-index: 999999999;cursor: pointer;}
.backtop i{font-size: 32px;text-align: center;color: #fff;}
@media (max-width: 767px){
.indexproduct{padding: 40px 0;}
.indexalltitle h2{font-size: 32px;}
.indexalltitle img{width: 30px;height: 30px;}
.indexabout,.indexgood,.indexnew,.footer{padding: 40px 0;}
.indexabout_hdtitle h2{font-size: 32px;}
.indexabout_hdtitletxt{margin-top: 30px;}
.indexabout_data li i{font-size: 30px;}
.indexabout_data li h3,.indexabout_data li span{font-size: 30px;}
.indexabout_data li p{font-size: 14px;}
.indexnewli {margin-bottom: 30px;}
.footer_nav{display: none;}
.footer_call {margin-top: 30px;}
.footer_hd{padding-bottom: 10px;}
.headernav_logo img{max-height: 50px;}
.headernav{padding: 15px 0;}
}

@media (min-width: 768px) and (max-width: 992px){
  .indexproduct{padding: 40px 0;}
  .indexalltitle h2{font-size: 32px;}
  .indexalltitle img{width: 30px;height: 30px;}
  .indexabout,.indexgood,.indexnew,.footer{padding: 40px 0;}
  .indexabout_hdtitle h2{font-size: 32px;}
  .indexabout_hdtitletxt{margin-top: 30px;}
  .indexabout_data li i{font-size: 30px;}
  .indexabout_data li h3,.indexabout_data li span{font-size: 30px;}
  .indexabout_data li p{font-size: 14px;}
  .indexnewli {margin-bottom: 30px;}
  .footer_nav{display: none;}
  .footer_call {margin-top: 30px;}
  .footer_hd{padding-bottom: 10px;}
  .headernav_logo img{max-height: 50px;}
  .headernav{padding: 15px 0;}
  .indexabout_data li{width: 24%;}
}
@media (min-width: 993px) and (max-width: 1200px){
  .indexproduct{padding: 40px 0;}
  .indexalltitle h2{font-size: 32px;}
  .indexalltitle img{width: 30px;height: 30px;}
  .indexabout,.indexgood,.indexnew,.footer{padding: 40px 0;}
  .indexabout_hdtitle h2{font-size: 32px;}
  .indexabout_hdtitletxt{margin-top: 30px;}
  .indexabout_data li i{font-size: 30px;}
  .indexabout_data li h3,.indexabout_data li span{font-size: 30px;}
  .indexabout_data li p{font-size: 14px;}
  .indexnewli {margin-bottom: 30px;}
  .footer_nav{display: none;}
  .footer_call {margin-top: 30px;}
  .footer_hd{padding-bottom: 10px;}
  .headernav_logo img{max-height: 50px;}
  .headernav{padding: 15px 0;}
  .indexnewbottom{flex-wrap: wrap;}
  .indexproductallmore{margin: 15px auto 0 auto;}
}
@media (min-width: 1201px) and (max-width: 1600px) {}