/* ===================首页样式========================== */
/* 公共样式 */
.btn{display: inline-block; width: 186px;height: 48px;border: 3px solid #fff;font-size: 16px;color: #fff;font-weight: 700; border-radius: 25.5px;text-align: center;line-height: 48px;transition: all .4s ease; text-transform: capitalize}
.btn:hover{background-color: #00499e;border: 3px solid #00499e; color: #fff;}
.btnn{background-color: #00499e;border: 3px solid #00499e; margin-right: 30px;    color: #fff;}
.btnnn{border: 3px solid #00499e; color: #00499e; margin-right: 30px;text-transform: capitalize}
/* banner */
.banner-bg{height:100%}
.banner-bg img{width: 100%;height: 100%;object-fit: cover;}
.banner-bg-mb{display:none}
.banner-cont{position:absolute;width:100%;height:100%;left:0;top:0}
.banner-cont .contain{height:100%;display:flex;flex-direction:column;justify-content:center}
.banner-cont span{font-size: 24px; color: #fff;line-height: 1;}
.banner-cont h2{font-size: 60px; font-weight:700;line-height:1;color:#fff;margin: 24px 0 56px;}
.banner .swiper-slide{transform:translateZ(0)}
#banner{overflow:hidden}
#masterslider .ms-slide{-webkit-transition:initial;-moz-transition:initial;-ms-transition:initial;-o-transition:initial;transition:initial}
#masterslider .ms-bullets{position:absolute;left:0;right:0;bottom:128px;width:100%;margin:0 auto;font-size:0;letter-spacing:-4px;z-index:10;text-align:center}
#masterslider .ms-bullets .ms-bullets-count{right:auto;left:0}
#masterslider .ms-bullets .ms-bullet{display:inline-block;font-size:20px;color:#fff;font-family:Arial;border:2px solid #fff;width:13px;height: 13px;border-radius: 50%; letter-spacing:normal;text-align:left;text-indent:-2px;}
#masterslider .ms-bullets .ms-bullet.ms-bullet-selected{color:#00499e;border-color:#00499e;background-color: #00499e;}
.ms-grab-cursor{cursor:unset}

.indmenu{width: 100%;position: relative;}
.indmenu-column{width: 100%;position: absolute;top: -98px;left: 0; z-index: 2;}
.indmenu-items{width: 100%;font-size: 0;box-shadow: 0 0 43px rgba(30, 36, 41, .16);background-color: #fff;opacity: 0;border-radius: 5px; animation: indmenu 1s ease both .2s;}
@keyframes indmenu{0%{opacity: 0;transform: translateY(160px);}100%{opacity: 1;transform: translateY(0);}}
.indmenu-link{display: flex;justify-content: center;flex-direction: column;text-align: center;width: 25%;float: left;height: 238px;transition: all .6s ease;position: relative;}
.indmenu-2 .indmenu-link{width: 50%;}
.indmenu-3 .indmenu-link{width: 33.3333%;}
.indmenu-4 .indmenu-link{width: 25%;}
.indmenu-5 .indmenu-link{width: 20%;}
.indmenu-6 .indmenu-link{width: 16.6666%;}
.indmenu-link::after{content: "";position: absolute;width: 1px;height: 100%;background: #f5f5f5;right: 0;top: 50%;transform: translateY(-50%);transition: all .4s ease;}
.indmenu-link:last-child:after{display: none;}
.indmenu-link i{width: 100%;height: 54px;position: relative;display: block;text-align: center;}
.indmenu-link i img{max-height: 100%;position: absolute;transition: all .4s ease;left: 0;right: 0;margin: 0 auto;}
.indmenu-link i img.indmenu-link-s{opacity: 1;}
.indmenu-link i img.indmenu-link-h{opacity: 0;}
.indmenu-link h2{font-size: 18px;margin-top: 20px;color: #495870;width: 100%;transition: all .4s ease;}
.indmenu-link:hover{background: #00499e;}
.indmenu-link:hover::after{opacity: 0;}
.indmenu-link:hover i img.indmenu-link-s{opacity: 0;}
.indmenu-link:hover i img.indmenu-link-h{opacity: 1;}
.indmenu-link:hover h2{color: #fff;}

.indprod{width: 100%;background-color: #f5f5f5;}
.indprod-show{width: 100%;}
.indprod-show_lft{float: left;width: 41.6666%;}
.indprod-img{width: 100%;height: 526px;display: flex;justify-content: center;align-items: center;background-color: #fff;}
.indprod-img img{max-width: 90%;max-height: 90%;object-fit: cover;transform: scale(0.96);transition: all .4s ease;}
.inprod-cont{width: 100%;background-color: #fff;height:91px;display:flex;align-items:center;padding: 0 28px 8px;border-top: 1px solid #f5f5f5;transition: all .4s ease;}
.inprod-cont h2{font-size: 20px;color: #333;transition: all .4s ease;}
.inprod-show_rgt{float: right;width: 100%;}
.inprod-show_rgt ul{display:flex;flex-wrap:wrap}
.inprod-show_rgt li{width: 24%;
    float: left;
    margin: 0 1% 1% 0;
    background: #fff;}

.inprod-item{width: 100%;}
@media only screen and (min-width: 1400px){
.inprod-item .indprod-img{height: 400px;}
}

@media screen and (max-width: 1410px){
.inprod-item .indprod-img{height: 300px;}
}

.indprod-show_lft:hover .inprod-cont{background-color: #00499e;}
.indprod-show_lft:hover .inprod-cont h2{color: #fff;}
.indprod-show_lft:hover .indprod-img img{transform: scale(1);}
.inprod-show_rgt li:hover .inprod-cont{background-color: #00499e;}
.inprod-show_rgt li:hover .inprod-cont h2{color: #fff;}
.inprod-show_rgt li:hover .indprod-img img{transform: scale(1);}

.indabout{width: 100%;padding: 120px 0 50px;}
.indabout-items{width: 100%;}
.indabout-lft{width: calc(100% - 700px);float: left;padding:24px 132px 0 0;}
.indabout-lft span{font-size: 16px;color: #00499e;font-weight: 700;}
.indabout-lft h2{font-size: 37px;color: #0057a6;line-height: 44px;margin: 16px 0 24px;}
.indabout-lft p{font-size: 16px;color: #868d97;line-height: 28px;}
.indabout-lft .btn{background-color: #00499e;border-color: #00499e;margin-top: 40px;}
.indabout-lft .btn:hover{background-color: transparent;border: 3px solid #00499e;color: #00499e;}
.indabout-rgt{width: 700px;float: right;position: relative;overflow: hidden;border-top-left-radius:30px;border-bottom-right-radius:30px;}
.indabout-rgt img{width: 100%;height: 438px; object-fit: cover;transition: all .4s ease;}
.indabout-rgt i{display: inline-block;width: 30px;height: 30px;background: url('../image/video.png') no-repeat center;position: absolute;right: 54px;bottom: 40px;cursor: pointer;transition: all .4s ease;}
.indabout-rgt:hover img{transform:scale(1.06);}
.indabout-rgt:hover i{animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;}
@keyframes tada{0%{transform:scale(1);}10%, 20%{transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;}40%{transform:perspective(400px) rotateY(-10deg);}70%{transform:perspective(400px) rotateY(10deg);}100%{transform:perspective(400px) rotateY(0deg);opacity:1;}}

.indabout-column{width: 100%;margin-top: 88px;}
.indabout-column ul li{width: 25%;float: left; padding-right: 40px;}
.indabout-icon{width: 100%;height: 52px;margin-bottom: 28px;}
.indabout-icon img{max-width: 100%;object-fit: cover;}
.indabout-content{width: 100%;}

@media only screen and (min-width: 1400px){
.indabout-content h2{font-size: 20px;color: #3b4652;margin-bottom: 24px; text-transform: capitalize;}
}

@media screen and (max-width: 1410px){
.indabout-content h2{font-size: 16px;color: #3b4652;margin-bottom: 24px; text-transform: capitalize;}
}
.indabout-content p{font-size: 16px;color: #868d97;line-height: 22px;}

.indvalue{width: 100%;background-position: left top;background-repeat: no-repeat;}
.indvalue-item{width: 100%;text-align: center;height: 602px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.indvalue-item p{font-size: 28px;color: #fff;line-height: 48px;}

.indvalu-numscroll{width: 100%;position: relative;}
.indvalu-shownum{width: 100%;position: absolute;top: -150px;left: 0; z-index: 2;}
.indvalu-shownum ul{width: 100%;font-size: 0;overflow: hidden; box-shadow: 0 0 43px rgba(30, 36, 41, .16);background-color: #00499e;opacity: 0;border-radius: 5px; animation: indnum 1s ease both .2s;}
@keyframes indnum{0%{opacity: 0;transform: translateY(160px);}100%{opacity: 1;transform: translateY(0);}}
.indvalu-shownum ul li{display: flex;justify-content: center;flex-direction: column;text-align: center;width: 25%;float: left;height: 238px;transition: all .6s ease;position: relative;}
.indvalu-shownum-2 ul li{width: 50%;}
.indvalu-shownum-3 ul li{width: 33.3333%;}
.indvalu-shownum-4 ul li{width: 25%;}
.indvalu-shownum-5 ul li{width: 20%;}
.indvalu-shownum-6 ul li{width: 16.6666%;}
.shownum-cont{width: 100%;}
.inakcome-shownum li:last-child .shownum-cont{border: none;}
.shownum-cont h6{font-size: 52px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.shownum-cont p{font-size: 18px;color: #fff;line-height: 20px;}


.indnews{width: 100%;padding: 210px 0 120px;background-color: #f7f7f7;}
.indnews-title{width: 100%;text-align: center;}
.indnews-title span{font-size: 16px;color: #00499e;font-weight: 700;}
.indnews-title h2{font-size: 52px;color: #182141;font-weight: 700;margin-top: 18px;line-height: 1;}
.indnews-items{width: 100%;margin-top: 46px;}
.indnews-lft{float: left;width: 48%;margin-right: 4%;}
.indnews-img{width: 100%;overflow: hidden;}
.indnews-img img{width: 100%;object-fit: cover;height: 362px;transition: all .4s ease;}
.indnews-content{width: 100%;padding: 40px 26px 40px;background-color: #fff;}
.indnews-content h2{font-size: 16px;color: #58616b;line-height: 22px;margin-bottom: 16px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;min-height: 44px;transition: all .4s ease;}
.indnews-content span{font-size: 14px;color: #888;line-height: 22px;}
.indnews-lft:hover .indnews-img img{transform:scale(1.1) ;}
.indnews-lft:hover .indnews-content h2{color: #00499e;}
.indnews-rgt{float: right;width: 48%;}
.indnews-rgt ul li{width: 100%; background-color: #fff;padding: 0 40px 0 48px;}
.indnews-menu{display: inline-block; width: 100%;border-bottom: 1px dashed #ebebeb;padding: 46px 60px 46px 0;position: relative;}
.indnews-menu::after{content: '';width: 16px;height: 24px;background: url('../image/news_Arr.png')no-repeat center;position: absolute;right: 0;top: 45px;}
.indnews-details{width: 100%;}
.indnews-details h2{font-size: 16px;color: #58616b;line-height: 22px;margin-bottom: 16px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;min-height: 44px;transition: all .4s ease;}
.indnews-details span{font-size: 14px;color: #888;line-height: 22px;}
.indnews-rgt ul li:hover .indnews-details h2{color: #00499e;}

.indcontact{width: 100%;padding: 118px 0 128px;}
.indcontact-title{width: 100%;}
.indcontact-title h2{font-size: 56px;color: #233344;font-weight: 700;line-height: 1;}
.indcontact-items{width: 100%;margin-top: 56px;display: flex;justify-content: space-between;}
.indcontact-way.site{width: 60%;}
.indcontact-way.phone{width: 30%;}
.indcontact-way h2{font-size: 19px;color: #004fa3;font-weight: 700;margin-bottom: 24px;line-height: 1;}
.indcontact-way p{font-size: 28px;color: #1b2443;line-height: 38px;}

.help{width: 100%;background-position: left top;background-repeat: no-repeat;}
.help .contain{display: flex;justify-content: space-between;align-items: center;height: 195px;}
.help h2{width: 50%; font-size: 39px;color: #fff;}
.help .help-seek{width: 50%;text-align: right;}
.help .help-seek label{position: relative;}
.help .help-seek label input{width: 460px;height: 58px;border-radius: 25.5px;font-size: 18px;color: #fff; padding-left:28px;padding-right: 128px; border: 3px solid #fff;background-color: transparent;}
.help .help-seek label input::placeholder{color: #fff;font-size: 16px;}
.help .help-seek label span{display: inline-block; width: 124px;height: 54px;line-height: 54px;background-color: #fff;font-size: 17px;color: #003f90;font-weight: 700;text-align: center;border-radius: 25.5px;position: absolute;right: 0;top: -16px;}
/* ------------------------c-PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indprod-img {height: 522px;}
    .indabout-lft {width: calc(100% - 618px);padding: 24px 68px 0 0;}
    .indabout-lft h2 {font-size: 32px;line-height: 40px;margin: 10px 0 20px;}
    .indabout-lft .btn {margin-top: 32px;}
    .indabout-rgt {width: 618px;}
    .indabout-column ul li {padding-left: 20px;}
    .indnews {padding: 168px 0 120px;}
    .inprod-cont {height: 94px;}
    .banner-cont span{font-size: 23px;}
    .banner-cont h2{font-size: 52px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indmenu-link {height: 188px;}
    .indprod {padding: 128px 0 88px;}
    .indprod-img {height: 498px;}
    .inprod-cont {padding: 0 20px 4px;height:80px;}
    .indabout {padding: 80px 0 98px;}
    .indabout-lft {width: calc(100% - 488px);padding: 18px 48px 0 0;}
    .indabout-lft h2 {font-size: 22px;line-height: 32px;}
    .indabout-lft p {font-size: 14px;line-height: 24px;}
    .indabout-lft .btn {margin-top: 28px;}
    .indabout-rgt {width: 488px;}
    .indvalue-item {height: 528px;}
    .indvalu-shownum ul li {height: 188px;}
    .indvalu-shownum {top: -128px;}
    .indnews {padding: 128px 0 88px;}
    .indnews-title h2 {font-size: 32px;margin-top: 12px;}
    .indnews-img img {height: 290px;}
    .indnews-menu {padding: 34px 60px 34px 0;}
    .indcontact {padding: 80px 0 88px;}
    .indcontact-title h2 {font-size: 32px;}
    .indcontact-items {margin-top: 38px;}
    .indcontact-way h2 {font-size: 18px;margin-bottom: 20px;}
    .indcontact-way p {font-size: 20px;line-height: 32px;}
    .indhelp h2 {font-size: 28px;}
    .indhelp .indhelp-seek label input {height: 48px;}
    .indhelp .indhelp-seek label span {height: 48px;line-height: 48px;font-size: 16px;top: -12px;}
    .inprod-item .indprod-img {height: 198px;}
    .banner-cont span{font-size: 21px;}
    .banner-cont h2{font-size: 42px;}

}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-cont h2 {font-size: 52px;}
    .indmenu-link h2 {font-size: 14px;}
    .indprod {padding: 128px 0 68px;}
    .indprod-img {height: 422px;}
    .inprod-cont h2 {font-size: 16px;}
    .inprod-item .indprod-img {height: 168px;}
    .indabout { padding: 60px 0 68px;}
    .indabout-lft {width:100%;padding:0;}
    .indabout-lft h2 {font-size: 22px;line-height: 32px;}
    .indabout-lft p {font-size: 14px;line-height: 24px;}
    .indabout-lft .btn {margin-top: 28px;}
    .indabout-rgt {width:100%;margin-top: 28px;}
    .indvalue-item {height: 468px;}
    .indvalue-item p { font-size: 20px;line-height: 40px;}
    .indvalu-shownum ul li {height: 168px; }
    .indvalu-shownum {top: -108px;}
    .shownum-cont h6 {font-size: 42px;}
    .indnews {padding: 108px 0 68px;}
    .indcontact {padding: 60px 0 68px;}
    .indhelp .indhelp-seek label input {width: 418px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-cont span {font-size: 20px;}
    .banner-cont h2 {font-size: 28px;margin: 20px 0 32px;}
    .btn {width: 148px;height: 42px;line-height: 42px;}
    .indmenu-column { position: static; top: 0px;padding-top: 32px; }
    .indmenu-4 .indmenu-link {width: 50%;}
    .indprod { padding: 40px 0 48px;}
    .indprod-show_lft {width:100%;margin-bottom: 28px;}
    .indprod-img { height: auto;padding: 80px 0;}
    .inprod-cont {padding: 20px 10px;height:auto}
    .inprod-show_rgt {width: 100%;}
    .inprod-item .indprod-img {padding: 0;}
    .indabout {padding: 40px 0 48px;}
    .indabout-rgt img {height: 288px;}
    .indabout-column {margin-top: 42px;}
    .indabout-column ul li {width: 50%;padding-left: 0px;margin-top: 20px;}
    .indabout-icon {margin-bottom: 20px;}
    .indabout-content {padding-right: 10px;}
    .indabout-content h2 {font-size: 16px;margin-bottom: 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .indabout-content p {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;min-height: 66px;}
    .indvalue-item {height: 328px;}
    .indvalue-item p {font-size: 18px;line-height: 28px;}
    .indvalu-shownum {position: static;top: 0px;padding-top: 32px;}
    .indvalu-shownum ul li {width: 50%;height: auto;padding: 20px 10px;}
    .indnews {padding: 40px 0 48px;}
    .indnews-title h2 {font-size: 22px; margin-top: 10px; }
    .indnews-items {margin-top: 32px;}
    .indnews-lft {width: 100%; margin-right: 0%;margin-bottom: 28px;}
    .indnews-img img {height: 260px;}
    .indnews-content {padding: 32px 20px 32px;}
    .indnews-rgt {width: 100%;}
    .indnews-rgt ul li {padding: 0 20px 0 20px;}
    .indnews-menu { padding: 20px 32px 20px 0;}
    .indnews-details h2 {margin-bottom: 12px;}
    .indcontact {padding: 40px 0 48px;}
    .indcontact-title h2 {font-size: 22px;}
    .indcontact-items {margin-top: 28px;flex-direction: column;}
    .indcontact-way h2 {font-size: 16px;margin-bottom: 12px;}
    .indcontact-way p {font-size: 14px;line-height: 24px;}
    .indcontact-way.site {width: 100%;}
    .indcontact-way.phone {width: 100%;margin-top: 28px;}
    .help .contain {flex-direction: column;height: 168px;}
    .help h2 {font-size: 22px;width: 100%;}
    .help .help-seek {width: 100%;}
    .help .help-seek label input {width: 100%;padding-right: 108px;}
    .help .help-seek label span {font-size: 14px;width: 108px;}
    
}