.headerEn{ padding: 10px 3%; width: 100%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 2; left: 0; top: 0;}
.headerEn.on{ background-color: rgba(255, 255, 255, 1); box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);}
.headerEn .logo{ height: 52px;}
.headerEn .tel{ font-size: 20px; font-weight: bold; color: #596EFB;}
.headerEn .tel .icon{ width: 24px;vertical-align: sub;}



.i_ban{ font-size: 0; position: relative;}
.i_ban .tp{ width: 100%;  height: 428px; object-fit: cover;}
.ibanIntro{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.ibanIntro .inner{ width: 770px; max-width: 100%;}
.ibanIntro .tit{ font-size: 48px; line-height: 1; color: #172641;}
.ibanIntro .nr{ font-size: 14px; line-height: 1.72;  margin-top: 25px; color: #888;}



.ibanIntro .mandiv{ margin-top:25px;}
.ibanIntro .mandiv .sbtn{ font-size: 16px; margin-right: 16px; padding: 0.4em 2em;}

.proTit{ font-size: 32px; text-align: center; font-weight: bold; color: #333;}
.pro{ margin-top: 70px;}
.proPart{ padding: 80px 0;}
.proPart .wp{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.proPart .tparea{ font-size: 0; width: 46%;}
.proPart .tparea .tp{ width: 100%;}
.proPart .intro{ width: 50%;}
.proPart .intro .info{}
.proPart .intro .info .tit{ font-size: 24px; font-weight: bold; color: #333;}
.proPart .intro .info .nr{ font-size: 16px; margin-top: 15px; color: #333;}
.proLists{ margin-top: 10px;}
.proItem{ padding: 15px 0; cursor: pointer; border-bottom: 1px solid #EFEFEF;}
.proLists .proItem:nth-last-child(1){ border-bottom: none;}
.proItem .tit{ position: relative; font-size: 18px; font-weight: bold; padding: 0 32px; color: #333;}
.proItem .tit .icon{ width: 20px; position: absolute; left: 0; top: 4px;}
.proItem .tit .arr{ width: 24px; position: absolute; right: 0; top: 2px; cursor: pointer; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.proItem .desc{ font-size: 14px; color: #888; margin-top: 5px; display: none;}
.act_pro .arr{ transform: rotate(45deg) !important; -webkit-transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; -o-transform: rotate(45deg) !important; }
.proPart:nth-child(2n+1){ background-color: #FAFBFF;}
.proPart:nth-child(2n+1) .wp{ flex-direction: row-reverse;}

.footerEn{ background-color: #171717; color: rgba(255, 255, 255, .7);}
.f_t{ padding: 50px  0 24px; display: flex; justify-content: space-between; align-items: center;}
.fcon{ flex: 1; min-width: 0;}
.fcon .tit{ font-size: 24px; font-weight: bold;}
.fcon .nr{ margin-top: 10px;}
.fcon .nr .list{ font-size: 12px;}
.fcon .nr .list .mc{ display: inline-block; min-width:6em;}
.fcode{ width: 120px; text-align: center;}
.fcode .tp{ width: 80px;}
.fcode .tit{ margin-top: 5px; font-size: 12px;}
.f_b{ font-size: 12px; color: #fff; padding: 1em 0; text-align: center; opacity: .7; border-top: 1px solid #333;}





 

@media only screen and (max-width: 1199px){
}
@media only screen and (max-width: 756px){
.headerEn{ padding: 6px 3%;  }
.headerEn .logo{ height: 40px;}
.headerEn .tel{ font-size:14px;}
.headerEn .tel .icon{ width: 16px;}

.i_ban .tp{ height: 330px;}
.ibanIntro .inner{ text-align: center;}
.ibanIntro .tit{ font-size: 24px; font-weight: 600; }
.ibanIntro .nr{ font-size: 12px;}
.ibanIntro .mandiv{ margin-top: 20px;}
.ibanIntro .mandiv .sbtn{ font-size: 14px; margin-right: 10px;}

.proTit{ font-size: 24px;}
.pro{ margin-top: 50px;}
.proPart{ padding:40px 0;}
.proPart .tparea{ width: 100%; margin-top: 40px;}
.proPart .intro{ width:100%; margin-top: 20px;}
.proPart .intro .info .tit{ font-size: 18px; }
.proPart .intro .info .nr{ font-size: 14px;}

.proItem .tit{  font-size: 16px;}
.proItem .tit .icon{ width: 16px; top: 4px;}
.proItem .tit .arr{ width: 18px;right: 0; top: 2px; }

.f_t{ padding: 20px  0 ; }
.fcon{ flex: 1; min-width: 0;}
.fcon .tit{ font-size: 18px;}
}