@charset "utf-8";

/*---------------------------------------------------*/
.indexA {padding: 80px 0 110px;}
.indexA .tit {text-align: center;}
.indexA .tit h3 {font-size: 40px;text-align: center;color: #171717;font-family: var(--font-family1);line-height: 1;text-transform: uppercase;} 
.indexA .tit p {font-size: 18px;color: #7D7D7D;line-height: 1;margin-top: 25px;}
.indexA ul {display: flex;flex-wrap: wrap;margin: 55px -15px 0;}
.indexA ul li {width: calc(100% / 6);padding: 0 10px;text-align: center;}
.indexA ul li a {display: block;border-radius: 18px;overflow: hidden;}
.indexA ul li a .box {background: #F9F9F9;border-radius: 18px;padding: 30px 0;}
.indexA ul li a .box .pic {width: 115px;height: 115px;display: flex;justify-content: center;align-items: center;margin: 0 auto;border-radius: 50%;border: 2px solid #A2A2A2;transition: all 0.5s ease 0s;}
.indexA ul li a .box em {display: inline-block;width: 24px;line-height: 24px;text-align: center;background: #F69222;border-radius: 50%;margin: 5px auto 0;opacity: 0;transform: translateY(10px);transition: all 0.5s ease 0s;}
.indexA ul li a .box em i {font-size:16px;color:#000;}
.indexA ul li a .box .pic img:last-child {display: none;}
.indexA ul li a .t {padding: 30px 30px 10px;font-size: 18px;line-height: 20px;color: #313131;transition: all 0.5s ease 0s;}
.indexA ul li a .t p {height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.indexA ul li a:hover {background: #0E3872;}
.indexA ul li a:hover .box {background: transparent;} 
.indexA ul li a:hover .box .pic {border-color: transparent;}
.indexA ul li a:hover .box em {opacity: 1;transform: translateY(0);transition: all 0.5s ease 0s;}
.indexA ul li a:hover .box .pic img:first-child {display: none;}
.indexA ul li a:hover .box .pic img:last-child {display: block;}
.indexA ul li a:hover .t {color: #fff;transform: translateY(-20px);}


.indexB {padding: 75px 0;background: #F4F4F4;position: relative;}
.indexB::after {content: '';display: block;height: 100%;width: 23.85%;background: #0E3872;position: absolute;left: 0;top: 0;z-index: 0;}
.indexB .wp {display: flex;align-items: center;position: relative;z-index: 10;}
.indexB .txt {flex: 1;margin-left: 70px;}
.indexB .txt .t {font-size: 18px;line-height: 2;color: #676767;}
.indexB .txt .t h3 {font-size: 40px;color: #171717;font-family: var(--font-family1);text-transform: uppercase;line-height: 1;}
.indexB .txt .t h5 {font-size: 24px;line-height: 30px;color: #171717;margin-top: 15px;}
.indexB .txt .t p {margin-top: 15px;}
.indexB .txt ul {display: flex;flex-wrap: wrap;margin: 25px -10px 0;}
.indexB .txt ul li {width: 50%;padding: 9px 10px;}
.indexB .txt ul li .column {display: flex;justify-content: space-between;align-items: center;padding: 10px 20px 10px 25px;background: #0E3872;border-radius: 6px;}
.indexB .txt ul li:nth-child(2) .column,.indexB .txt ul li:nth-child(3) .column {background: #F69222;}
.indexB .txt ul li p {color: #fff;line-height: 1;font-size: 22px;flex: 1;margin-left: 25px;}
.indexB .txt .more {margin-top: 30px;}
.indexB .txt .more a {display: block;font-size: 18px;color: #F69222;transition: all 0.3s ease 0s;text-decoration: underline;}
.indexB .txt .more a:hover {color: #0E3872;}

.indexB .pic {width: 46.72%;position: relative;}
.indexB .pic img {width: 100%;}
.indexB .pic::after {content: url('../images/bg1.png');position: absolute;left: -30px;bottom: 50px;}


.indexC {padding: 75px 0;}
.indexC .tit {display: flex;justify-content: space-between;align-items: center;}
.indexC .tit .page{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;}
.indexC .tit .swiper-button-prev,.indexC .tit .swiper-button-next{position:static;width:32px;height:32px;line-height:32px;overflow:hidden;background:#0E3872;margin-top:0;text-align:center;color:#fff;border-radius: 50%;margin: 0 3px;transition: all 0.3s ease 0s;}
.indexC .tit .swiper-button-next::after,.indexC .tit .swiper-button-prev::after {display:none;}
.indexC .tit .swiper-button-prev i,.indexC .tit .swiper-button-next i{color:inherit;font-size:22px;display:inline-block;margin-top:1px;}
.indexC .tit .swiper-button-prev:hover,.indexC .tit .swiper-button-next:hover{background: #F69222;}

.indexC .tit h3 {font-size: 40px;color: #171717;font-family: var(--font-family1);line-height: 1;text-transform: uppercase;}
.indexC .list {margin-top: 50px;}
.indexC .list .swiper-slide ul {display: flex;flex-wrap: wrap;margin: -25px -13px;}
.indexC .list .swiper-slide ul li {width: 25%;padding: 25px 13px;}
.indexC .list .swiper-slide ul li .pic {overflow: hidden;}
.indexC .list .swiper-slide ul li .pic img {width: 100%;transition: all 0.3s ease 0s;}
.indexC .list .swiper-slide ul li .txt {margin-top: 20px;}
.indexC .list .swiper-slide ul li .txt h5 {font-size: 20px;color: #171717;line-height: 1;font-family: var(--font-family1);}
.indexC .list .swiper-slide ul li .txt p {margin-top: 15px;color: #535353;line-height: 1;}
.indexC .list .swiper-slide ul li .txt em {display: inline-block;width: 150px;line-height: 26px;background: #0E3872;border-radius: 15px;text-align: center;color: #fff;border: 2px solid #0E3872;font-size: 18px;margin-top: 25px;transition: all 0.3s ease 0s;}

.indexC .list .swiper-slide ul li .pic:hover img {transform:scale(1.03);}
.indexC .list .swiper-slide ul li .txt em:hover {border-color:#F69222;}

.indexC .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:none;font-size:0;}
.indexC .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;background:#0E3872;border-radius:50%;opacity:1;}
.indexC .swiper-pagination-bullet-active{background:#F69222;}

.index-contact {background: #f4f4f4;padding: 60px 0 100px;position: relative;}
.index-contact::after {content: url('../images/bg2.png');position: absolute;bottom: -31px;left: 13%;}
.index-contact .tit {text-align: center;max-width: 770px;margin: 0 auto;}
.index-contact .tit h3{font-size: 40px;color: #171717;line-height: 48px;text-transform: uppercase;font-family: var(--font-family1);}
.index-contact .form {display: flex;justify-content: space-between;max-width: 1420px;margin: 50px auto 0;}
.index-contact .form .submit {width: 210px;line-height: 46px;text-align: center;display: block;color: #fff;font-size: 18px;cursor: pointer;font-family: var(--font-family1);transition:all .2s ease 0s;background: #0E3872;}
.index-contact .form .submit:hover {background: #F69222;}
.index-contact .form input[type="text"],.index-contact .inquirbox textarea {font-size: 16px;border: 1px solid #DFDFDF;line-height: 22px;text-align: left;color: #333;box-sizing: border-box;background: #fff;border-radius: 0;width: 27.25%;padding: 0 22px;}
.index-contact .form input[type="text"]:focus,.index-contact .form textarea:focus{outline:0}


.indexD {padding: 65px 0 75px;background: url('../images/indexdbg.jpg') no-repeat;background-size: 100% auto;}
.indexD .tit {text-align: center;}
.indexD .tit h3 {font-size: 40px;color: #fff;line-height: 48px;text-transform: uppercase;font-family: var(--font-family1);}
.indexD .service ul {margin-top: 55px;display: flex;flex-wrap: wrap;}
.indexD .service ul li {width: calc(100% / 6);background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.23);position: relative;overflow: hidden;}
.indexD .service ul li .pic {text-align: center;padding: 50px 10px;}
.indexD .service ul li .pic h5 {font-size: 18px;color: #fff;line-height: 1;height: 36px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 15px;}
.indexD .service ul li .txt {position: absolute;top: 0;bottom: 0;left: 0;right: 0;visibility: hidden;transform: translateY(100%);transition:all .4s ease 0s;background: #F69222;text-align: center;padding: 20px 10px;}
.indexD .service ul li .txt p {font-size: 16px;color: #1a1a1a;margin-top: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.indexD .service ul li .txt h5 {font-size: 18px;color: #1a1a1a;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.indexD .service ul li:hover .txt{visibility: visible;transform: translateY(0);} 

.indexD .cert-list {margin-top: 80px;}
.indexD .cert-list .list {position: relative;padding: 0 100px;margin-top: 50px;}
.indexD .cert-list .swiper-button-prev,.indexD .cert-list .swiper-button-next{width:50px;height:50px;line-height:50px;overflow:hidden;border-radius:0;background:none;margin-top:-25px;text-align:center;color:#fff;}
.indexD .cert-list .swiper-button-next::after,.indexD .cert-list .swiper-button-prev::after {display:none;}
.indexD .cert-list .swiper-button-prev i,.indexD .cert-list .swiper-button-next i{color:inherit;font-size:40px;display:inline-block;margin-top:1px;}
.indexD .cert-list .swiper-button-prev,.indexD .cert-list .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
.indexD .cert-list .swiper-button-next,.indexD .cert-list .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}
.indexD .cert-list .swiper-button-prev:hover,.indexD .cert-list .swiper-button-next:hover{color:#F69222;}

.indexD .cert-list .swiper-pagination-bullets{position:static;width:100%;display:none;margin-top:20px;}
.indexD .cert-list .swiper-pagination-bullet {width:10px;height:10px;margin:0 3px;background:#C1C1C1;border-radius:50%;opacity:1;box-sizing:border-box;}
.indexD .cert-list .swiper-pagination-bullet-active{background:#F69222;}

.indexE {padding: 60px 0;}
.indexE .tit {text-align: center;}
.indexE .tit h3 {font-size: 40px;color: #111111;line-height: 1;text-transform: uppercase;font-family: var(--font-family1);}
.indexE ul {margin: 45px -30px 0;display: flex;}
.indexE ul li {width: 33.333%;padding: 0 30px;}
.indexE ul li .box {padding: 100px 55px 150px 45px;box-sizing: border-box;}
.indexE ul li:nth-child(1) .box {background: #8FD0B0 url('../images/e1.png') no-repeat bottom 45px right 45px;}
.indexE ul li:nth-child(2) .box {background: #8AAEC4 url('../images/e2.png') no-repeat bottom 45px right 45px;}
.indexE ul li:nth-child(3) .box {background: #6C85AE url('../images/e3.png') no-repeat bottom 45px right 45px;}
.indexE ul li .box p {font-size: 18px;color: #fff;line-height: 1;position: relative;max-width: 285px;height: 36px;}
.indexE ul li .box hr {display: block;width: 100%;height: 2px;background: rgba(255,255,255,.35);margin: 15px 0 25px;}
.indexE ul li .box h4 {font-size: 30px;color: #fff;line-height: 1;font-family: var(--font-family1);max-width: 315px;text-transform: uppercase;height: 90px;}
.indexE ul li .txt {margin-top: 25px;}
.indexE ul li .txt dl > * {display: flex;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #D3D3D3;}
.indexE ul li .txt dl dt h5 {font-size: 24px;color: #1a1a1a;line-height: 1;font-family: var(--font-family1);}
.indexE ul li .txt dl dt a.more {color: #616161;line-height: 1;font-size: 16px;}
.indexE ul li .txt dl dd {font-size: 18px;color: #454545;line-height: 1;}
.indexE ul li .txt dl dd span {width:120px;}
.indexE ul li .txt dl dd p {flex:1;}

.indexE ul li .txt a:hover {color: #0E3872;}

.indexF {background:#F6F6F6;padding: 90px 0 100px;}
.indexF .tit {display: flex;justify-content: space-between;align-items: center;}
.indexF .tit .page{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;}
.indexF .tit .swiper-button-prev,.indexF .tit .swiper-button-next{position:static;width:32px;height:32px;line-height:32px;overflow:hidden;background:#0E3872;margin-top:0;text-align:center;color:#fff;border-radius: 50%;margin: 0 3px;transition: all 0.3s ease 0s;}
.indexF .tit .swiper-button-next::after,.indexF .tit .swiper-button-prev::after {display:none;}
.indexF .tit .swiper-button-prev i,.indexF .tit .swiper-button-next i{color:inherit;font-size:22px;display:inline-block;margin-top:1px;}
.indexF .tit .swiper-button-prev:hover,.indexF .tit .swiper-button-next:hover{background: #F69222;}

.indexF .tit h3 {font-size: 40px;color: #171717;font-family: var(--font-family1);line-height: 1;text-transform: uppercase;}
.indexF .list {margin-top: 70px;}

.indexF .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:none;font-size:0;}
.indexF .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;background:#0E3872;border-radius:50%;opacity:1;}
.indexF .swiper-pagination-bullet-active{background:#F69222;}


.case-myart h1{font-size: 24px;
  line-height: 1;
  margin: 20px 0 0;
  color: #333;
  text-align: center;
  text-transform: capitalize;}


/*------------------------------------------------------------------------------*/

#sidebanner {position: relative;}
#sidebanner .wp {position: absolute;top: 0;right:0;bottom:0;left: 0;display: flex;align-items: center;}
#sidebanner h3 ,#sidebanner h1 {font-size: 48px;color: #fff;line-height: 1;font-family: var(--font-family1);text-transform: uppercase;}
#sidebanner h3::after,#sidebanner h1::after {content: '';display: block;width: 145px;height: 6px;border-radius: 3px;background: #F69222;margin: 30px 0 0;}


.menu-tabs {padding: 60px 0;}
.menu-tabs ul {display: flex;justify-content: space-between;}
.menu-tabs ul li {box-sizing: border-box;}
.menu-tabs ul li a {display: block;background: #F8F8F8;font-size: 18px;color: #313131;line-height: 36px;text-align: center;font-weight: 600;padding: 0 15px;transition: all 0.3s ease 0s;}
.menu-tabs ul li a:hover {background: #0E3872;color: #fff;}

/*---------------------------products-----------------------------*/

.pro-list {padding: 0 0 60px;}
.pro-list ul.list {display: flex;flex-wrap: wrap;margin: -20px -22px;}
.pro-list ul.list li {width: 25%;padding: 20px 22px;box-sizing: border-box;}
.pro-list ul.list li .pic {position: relative;overflow: hidden;}
.pro-list ul.list li .pic .t {opacity: 1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;padding: 0 30px;transition: all 0.5s ease 0s;transform: translatey(20%);-ms-transform: translatey(20%);opacity:0;color: #fff;font-size: 16px;line-height: 30px;}
.pro-list ul.list li .pic img{width:100%;}

.pro-list ul.list li .txt {margin-top: 25px;}
.pro-list ul.list li .txt h5 {transition: all 0.3s ease 0s;font-size: 18px;color: #121212;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}

@media screen and (min-width:997px){
	
.pro-list ul.list li:hover .pic .t{transform: translatey(0);-ms-transform: translatey(0);opacity:1;background:rgba(14,56,114,.83);}
.pro-list ul.list li:hover .txt h5 {color: #0E3872;text-decoration: underline;}

}

.pro_view{overflow:hidden;padding: 60px 0;}
.pro_view .view{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;}

.pro_img{width:1030px;display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-justify-content:space-between;justify-content:space-between;align-items: center;-webkit-align-items: center;}
.pro_img img {width: 100%;}

.pro_view_inner{-webkit-flex:1;flex:1;margin-left:90px;}
.pro_view_inner h1 {font-size: 36px;color: #000;line-height: 48px;text-transform: uppercase;font-weight: 600;}
.pro_view_inner .pro_para{font-size: 18px;line-height: 30px;margin-top: 20px;color: #5B5B5B;}
.pro_view_inner .pro_para p + p {margin-top: 25px;}

.pro-table {padding: 55px 0 0;background: #f8f8f8;}
.pro-table .wp{display: flex;align-items: center;}
.pro-table .wp .table {flex: 1;margin-right: 30px;}
.pro-table .wp .table h5 {font-size: 36px;line-height: 1;color: #000;font-weight: 600;}
.pro-table .wp .table table{width:100%;font-size:18px;border:1px solid #1A1A1A;margin-top: 60px;}
.pro-table .wp .table table tr > th,.pro-table .wp .table table tr > td:first-child{padding:14px 30px;vertical-align:middle;border:1px solid #1A1A1A;color:#676767;width: 35%;}
.pro-table .wp .table table tr > td{padding:14px 30px;vertical-align:middle;border:1px solid #1A1A1A;color:#000;}

.pro-table .wp .pic {width: 736px;position: relative;}

.pro-table .wp .pic .page{display:-webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: space-between;position: absolute;right: 0;top: 50%;width: 100%;transform: translateY(-50%);z-index: 100;padding: 0 15px;}
.pro-table .wp .pic .swiper-button-prev,.pro-table .wp .pic .swiper-button-next{position:static;width:50px;height:50px;line-height:50px;overflow:hidden;background:#0E3872;margin-top:0;text-align:center;color:#fff;border-radius: 0;margin: 0;transition: all 0.3s ease 0s;}
.pro-table .wp .pic .swiper-button-next::after,.pro-table .wp .pic .swiper-button-prev::after {display:none;}
.pro-table .wp .pic .swiper-button-prev i,.pro-table .wp .pic .swiper-button-next i{color:inherit;font-size:28px;display:inline-block;margin-top:1px;}
.pro-table .wp .pic .swiper-button-prev:hover,.pro-table .wp .pic .swiper-button-next:hover{background: #111;}

.pro-text {padding: 45px 0 75px;background: #fff;}
.pro-text h5 {font-size: 36px;line-height: 1;color: #000;font-weight: 600;}
.pro-content {margin-top: 25px;}

.rela-pro {padding: 60px 0;background: #fff;}
.rela-pro h3 {font-size: 36px;color: #0E0E0E;line-height: 1;font-weight: 600;text-align: center;}
.rela-pro ul {display: flex;flex-wrap: wrap;margin: 20px -22px;}
.rela-pro ul li {width: 25%;padding: 20px 22px;box-sizing: border-box;}
.rela-pro ul li .pic {position: relative;overflow: hidden;}
.rela-pro ul li .pic .t {opacity: 1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;padding: 0 20px;text-align: center;transition: all 0.5s ease 0s;transform: translatey(20%);-ms-transform: translatey(20%);opacity:0;color: #fff;font-size: 16px;line-height: 24px;}
.rela-pro ul li .pic img{width:100%;}

.rela-pro ul li .txt {margin-top: 25px;}
.rela-pro ul li .txt p {transition: all 0.3s ease 0s;font-size: 18px;color: #121212;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rela-pro ul li .txt em.more {border-radius:15px;transition: all 0.3s ease 0s;display: inline-block;width: 160px;line-height: 30px;background: #f8f8f8;text-align: center;margin-top: 20px;font-size: 18px;color: #a5a5a5;}

@media screen and (min-width:997px){

.rela-pro ul li:hover .pic .t{transform: translatey(0);-ms-transform: translatey(0);opacity:1;background:rgba(14,56,114,.67);}
.rela-pro ul li:hover .txt p {color: #0E3872;text-decoration: underline;}
.rela-pro ul li:hover .txt em.more {background: #0E3872;color: #fff;}

}

/*---------------------------about-----------------------------*/

.about-tab-box {background: #F8F8F8;}
.about-tab-box ul {display: flex;justify-content: space-around;width: 100%;align-items: center;}
.about-tab-box ul li {line-height: 80px;font-size: 18px;color: #1a1a1a;padding: 0 40px;}
.about-tab-box ul li.page {cursor: pointer;} 
.about-tab-box ul li a {display: block;}

.about-tab-box ul li:hover,.about-tab-box ul li.active {color: #fff;background: #0E3872;}

.about .item {display: none;min-height: 100vh;}
.about .item.active {display: block;}

.honor .box {padding: 50px 0;display: flex;align-items: center;}
.honor .box .pic {position: relative;width: 22.2%;}
.honor .box .pic .t {position: absolute;top: 95px;left: 0;padding: 0 50px;}
.honor .box .pic .t h5 {font-size: 36px;line-height: 1;color: #fff;font-weight: 600;}
.honor .box .pic .t h5::after {content: '';display: block;height: 5px;width: 80px;background: #fff;margin-top: 30px;}
.about .honor .box .txt {flex: 1;margin-left: 85px;}
.honor .box .txt ul li {padding-left: 20px;background: url('../images/dot1.png') no-repeat left 13px;font-size: 18px;line-height: 2;color: #5e5e5e;}

.profile {padding: 90px 0;}
.profile h3 {font-size: 36px;color: #000;font-weight: 600;line-height: 1;}
.company-profile .box {display: flex;margin-top: 30px;}
.company-profile .txt {flex:1;margin-right: 120px;font-size: 16px;line-height: 30px;color: #515151;}
.company-profile .txt h5 {font-size: 30px;color: #000;line-height: 1;margin-bottom: 25px;}

.Philosophy {margin-top:90px;}
.Philosophy h3 {text-align: center;}
.Philosophy ul {margin: 60px -31px 0;display: flex;flex-wrap: wrap;}
.Philosophy ul li {width: 20%;padding: 0 31px;}
.Philosophy ul li .box {background: url('../images/aboutbg1.jpg') no-repeat;background-size: 100% auto;border: 1px solid #D8D8D8;padding: 50px 20px;text-align: center;}
.Philosophy ul li .box .txt {margin-top: 25px;}
.Philosophy ul li .box .txt h5 {font-size: 20px;color: #000;font-weight: 600;line-height: 1;}
.Philosophy ul li .box .txt p {margin-top: 10px;font-size: 16px;line-height: 24px;color: #6D6C6C;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 96px;}

.Development {margin-top: 100px;}
.Development h3 {text-align: center;}
.Development .list{margin:90px 0 0;position:relative;}
.Development .view{position:relative;margin: 0 auto;}
.Development .view .swiper-slide{box-sizing:border-box;}
.Development .view .swiper-slide .box{box-sizing:border-box;position: relative;padding-bottom: 60px;display: flex;align-items: center;justify-content: center;}
.Development .view .swiper-slide .box h5{font-size: 114px;color: #0E3872;line-height: 1;font-weight: 600;}
.Development .view .swiper-slide .box .txt {font-size: 18px;line-height: 30px;color: #565656;padding-left: 100px;}


.Development .preview{margin:40px 0 0;position:relative;text-align:center;}
.Development .preview::after{content:"";width:100%;height:9px;position:absolute;left:0;right:0;top:15px;background:url('../images/indexbi.png') no-repeat center;display:block;}
.Development .preview .swiper{box-sizing:border-box;text-align:center;width: 1060px;}
.Development .preview .swiper-slide{cursor:pointer;width:auto;text-align:center;height:110px;display:inline-block;box-sizing:border-box;position:relative;}
.Development .preview .swiper-slide em{display:block;font-size:18px;color:#000;padding:50px 0 0;}
.Development .preview .active-nav em{color:#0E3872;background:url("../images/dot5.png") no-repeat center top;}

.Development .page{width:100%;margin-top:50px;}
.Development .arrow-left,.Development .arrow-right{position:absolute;height:40px;line-height:40px;color:rgba(255,255,255,.35);display:inline-block;text-align:center;top: calc(50% - 20px);z-index: 100;}
.Development .arrow-left {left: -160px;}
.Development .arrow-right {right: -160px;}
.Development .arrow-left i,.Development .arrow-right i{color:inherit;font-size:40px;line-height: 1;}
.Development .arrow-left:hover,.Development .arrow-right:hover{color:#f3c044;}

.honor-list {background:#F8F8F8;padding: 80px 0 110px;}
.honor-list .list{position:relative;text-align:center;}
.honor-list .swiper-slide{width:430px;}
.honor-list .swiper-slide img{display:block;background:#fff;border:5px solid #0E3872;width: 100%;}

.honor-list .swiper-button-prev,.honor-list .swiper-button-next{width:50px;height:50px;line-height:50px;overflow:hidden;border-radius:8px;background:none;margin-top:-25px;text-align:center;color:#000;}
.honor-list .swiper-button-next::after,.honor-list .swiper-button-prev::after {display:none;}
.honor-list .swiper-button-prev i,.honor-list .swiper-button-next i{color:inherit;font-size:36px;display:inline-block;margin-top:1px;}
.honor-list .swiper-button-prev,.honor-list .swiper-container-rtl .swiper-button-next{left:-60px;right:auto;}
.honor-list .swiper-button-next,.honor-list .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto;}
.honor-list .swiper-button-prev:hover,.honor-list .swiper-button-next:hover{color:#0E3872;}

.honor-list .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:none;font-size:0;}
.honor-list .swiper-pagination-bullet {height:12px;width:12px;margin:0 3px;background:#D4D4D4;border-radius:50%;opacity:1;}
.honor-list .swiper-pagination-bullet-active{background:#026EB7;}


.about .culture {padding: 90px 0;}
.about .culture h3 {font-size: 36px;color: #000;line-height: 1;font-weight: 600;}
.about .culture .tit .t {font-size: 18px;line-height: 2;color: #5D5D5D;margin-top: 15px;}
.about .culture .tab {margin-top: 60px;}
.about .culture .tab h3 {margin-bottom: 50px;}
.about .culture .tab .box {display: flex;align-items: center;overflow: hidden;box-sizing: border-box;}
.about .culture .tab .box:nth-child(2n+1) {flex-direction: row-reverse;}
.about .culture .tab .box .pic {width: 50%;overflow: hidden;}
.about .culture .tab .box .txt {flex: 1;margin-left: 50px;font-size: 18px;line-height: 30px;color: #433F3F;}
.about .culture .tab .box .txt h5 {font-size: 24px;color: #000;font-weight: 600;margin-bottom: 15px;}
.about .culture .tab .box:nth-child(2n+1) .txt {margin-left: 0;margin-right: 50px;}

.about .culture-list {padding: 55px 0 85px;background: #F6F6F6;margin-top: 40px;}
.about .culture-list h3 {text-align: center;}
.about .culture-list .list {margin-top: 55px;position: relative;}
.about .culture-list .list .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:block;font-size:0;}
.about .culture-list .list .swiper-pagination-bullet {height:16px;width:16px;margin:0 4px;background:#D4D4D4;border-radius:50%;opacity:1;}
.about .culture-list .list .swiper-pagination-bullet-active{background:#026EB7;}


.about .notice {padding: 70px 0;}
.about .notice .txt + .txt {margin-top: 15px;}
.about .notice .txt h5 {font-family: var(--font-family1);font-size: 20px;color: #5F5F5F;line-height: 1;}
.about .notice .txt .t {font-size: 18px;line-height: 2;color: #5F5F5F;margin-top: 10px;}

/*---------news-----------*/

.newslist {padding: 60px 0;}
.newslist ul.list{margin:-15px -15px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.newslist ul.list li{width:33.33333%;padding:15px;}
.newslist ul.list li a{display:block;background:#fff;border-radius:10px;padding:35px 30px;box-shadow:0 0 15px rgba(1,1,1,0.18);position:relative;}
.newslist ul.list li a::after{font-family: "qico";content: "\e62f";position:absolute;right:25px;top:30px;font-size:30px;color:#5C5C66;}
.newslist ul.list li span{font-size:24px;color:#0f0f0f;font-family: var(--font-family3);}
.newslist ul.list li span em{font-size:18px;color:#545454;}
.newslist ul.list li h5{font-size:23px;color:#060606;font-family: var(--font-family3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.newslist ul.list li p{font-size:18px;color:#666666;line-height:24px;height:72px;overflow:hidden;margin:15px 0 0;}
.newslist ul.list li img{margin:23px auto 0;border-radius:10px;display: block;}

.newslist ul.list li:hover{}
.newslist ul.list li:hover a::after,.newslist ul.list li:hover h5{color:var(--active-color);}

.newsnr h1{font-size:36px;line-height:1;margin:30px 0 0;color:#171717;font-family: var(--font-family1);text-align:center;}

.newsnr .artInfo{padding:0 0 25px;border-bottom:1px solid #D9D9D9;text-align:center;margin:40px 0 0;position:relative;}
.newsnr .artInfo::after{content:"";display:block;height:3px;background:var(--active-color);width:100px;position:absolute;bottom:-2px;left:50%;margin:0 0 0 -50px;z-index: 1;}
.newsnr .artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:16px;color:#666;}
.newsnr .artInfo span.time{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px;}
.newsnr .artInfo span.hit{background:url(../images/hit.png) no-repeat left center;padding:0 0 0 23px;}
.newsnr .artInfo .news-share{margin-top:15px;}

.myart{padding:50px 0 20px;line-height:32px;font-size:17px;color:#242424;}
.myart p{margin-bottom:20px;}
.myart .row{margin-bottom:20px;}
.myart .row p{text-align:center;}


.pro-bar{margin-top:55px;border-top:1px solid #eee;padding:55px 0 40px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.pro-bar a{width:48%;box-sizing:border-box;line-height:28px;font-size:17px;color:#333;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;}
.pro-bar a span{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.pro-bar a span i{margin:2px 20px 0 0;font-size:20px;vertical-align:middle;display:inline-block;}
.pro-bar a p{margin:0 0 0 20px;}
.pro-bar a:last-child{-webkit-justify-content:flex-end;justify-content:flex-end;}
.pro-bar a:last-child span i{margin:2px 0 0 20px;}
.pro-bar a:last-child p{margin:0 20px 0 0;}
.pro-bar a:hover{color:var(--active-color);}
.pro-bar a:hover p{text-decoration:underline;color:var(--active-color);}

.rela-news {padding:50px 0;background:#f8f8f8;}
.rela-news h3 {font-size: 36px;color: #0E0E0E;line-height: 1;font-weight: 600;text-align: center;}
.rela-news ul{margin:35px -15px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.rela-news ul li{width:33.33333%;padding:15px;}
.rela-news ul li a{display:block;background:#fff;border-radius:10px;padding:35px 30px;box-shadow:0 0 15px rgba(1,1,1,0.18);position:relative;}
.rela-news ul li a::after{font-family: "qico";content: "\e62f";position:absolute;right:25px;top:30px;font-size:30px;color:#5C5C66;}
.rela-news ul li span{font-size:24px;color:#0f0f0f;font-family: var(--font-family3);}
.rela-news ul li span em{font-size:18px;color:#545454;}
.rela-news ul li h5{font-size:23px;color:#060606;font-family: var(--font-family3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.rela-news ul li p{font-size:18px;color:#666666;line-height:24px;height:72px;overflow:hidden;margin:15px 0 0;}
.rela-news ul li img{margin:23px auto 0;border-radius:10px;display: block;}

.rela-news ul li:hover{}
.rela-news ul li:hover a::after,.newslist ul li:hover h5{color:var(--active-color);}

/*---------------------------case-----------------------------*/

.case-list {padding: 0 0 60px;}
.case-list ul.list {display: flex;flex-wrap: wrap;margin: -20px -22px;}
.case-list ul.list li {width: 25%;padding: 20px 22px;box-sizing: border-box;}
.case-list ul.list li .pic {position: relative;overflow: hidden;}
.case-list ul.list li .pic .t {opacity: 1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;padding: 0 20px;text-align: center;transition: all 0.5s ease 0s;transform: translatey(20%);-ms-transform: translatey(20%);opacity:0;color: #fff;font-size: 16px;line-height: 24px;}
.case-list ul.list li .pic img{width:100%;}

.case-list ul.list li .txt {margin-top: 25px;}
.case-list ul.list li .txt p {transition: all 0.3s ease 0s;font-size: 18px;color: #121212;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-list ul.list li .txt em.more {border-radius:15px;transition: all 0.3s ease 0s;display: inline-block;width: 160px;line-height: 30px;background: #f8f8f8;text-align: center;margin-top: 20px;font-size: 18px;color: #a5a5a5;}

@media screen and (min-width:997px){

.case-list ul.list li:hover .pic .t{transform: translatey(0);-ms-transform: translatey(0);opacity:1;background:rgba(14,56,114,.67);}
.case-list ul.list li:hover .txt p {color: #0E3872;text-decoration: underline;}
.case-list ul.list li:hover .txt em.more {background: #0E3872;color: #fff;}

}

.case-read {padding: 60px 0 0;background: url('../images/573e426498f54132b16ed9f5f6ab56b6.gif') no-repeat center top;}
.case-newsnr .tit h3 {font-size: 36px;color: #0E0E0E;line-height: 1;font-weight: 600;margin-bottom: 50px}
.case-newsnr .tit span {display: block;font-size: 16px;line-height: 1;color: #0E3872;font-weight: 600;margin: 10px 0;}
.case-newsnr .tit p {font-size: 18px;line-height: 30px;color: #454545;;}
.case-newsnr .tit p em {font-family: var(--font-family1);font-size: 19px;}

.case-newsnr .case-myart {margin-top: 40px;}
.case-newsnr .case-myart h3 {font-size: 36px;color: #0e0e0e;line-height: 1;text-align:left;font-weight: 600;}
.case-img {margin-top: 50px;position: relative;}

.case-myart .view{width:100%;border:1px solid #E5E8EA;position:relative;box-sizing:border-box;}
.case-myart .view .swiper-container{width:100%;}
.case-myart .view .swiper-container img{width:100%;display:block;}
.case-myart .preview .arrow-left,.case-myart .preview .arrow-right{background:transparent;position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;z-index:10;text-align:center;background: rgba(255,255,255,.57);border-radius: 5px;}
.case-myart .preview .arrow-left{left:0;}
.case-myart .preview .arrow-right{right:0;}
.case-myart .preview .arrow-left i,.case-myart .preview .arrow-right i{color:#444;font-size:28px;line-height:40px;}

.case-myart .preview{margin:-98px auto 0;width:74%;position:relative;text-align:center;overflow:hidden;box-sizing:border-box;padding: 0 50px;}
.case-myart .preview .swiper-container {width:100%;text-align:center;}
.case-myart .preview .swiper-wrapper{justify-content:center;}
.case-myart .preview .swiper-slide{cursor:pointer;width:280px;padding:32px 0;margin:0 3px;display:inline-block;box-sizing:border-box;position:relative;}
.case-myart .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:16px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#0E3872;position:absolute;top:0;left:50%;margin:0 0 0 -16px;}
.case-myart .preview .swiper-slide img{width:100%;border:5px solid #fff;box-sizing:border-box;}
.case-myart .preview .active-nav img{border:5px solid #0E3872;}

.case-myart .preview .swiper-slide.active-nav::after{display:inline-block;}
.case-myart .t {color:#454545;font-size: 18px;line-height: 30px;margin-top: 40px;}

.case-pnbar {padding: 35px 0;border-top: 2px solid #e5e5e5;display: flex;justify-content: space-between;margin-top: 20px;}
.case-pnbar p {font-size: 18px;color: #070707;}
.case-pnbar p a:hover {color: #0E3872;text-decoration: underline;}

.rela-case {padding: 60px 0;background: #f8f8f8;}
.rela-case h3 {font-size: 36px;color: #0E0E0E;line-height: 1;font-weight: 600;text-align: center;}
.rela-case ul {display: flex;flex-wrap: wrap;margin: 20px -22px;}
.rela-case ul li {width: 25%;padding: 20px 22px;box-sizing: border-box;}
.rela-case ul li .pic {position: relative;overflow: hidden;}
.rela-case ul li .pic .t {opacity: 1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;padding: 0 20px;text-align: center;transition: all 0.5s ease 0s;transform: translatey(20%);-ms-transform: translatey(20%);opacity:0;color: #fff;font-size: 16px;line-height: 24px;}
.rela-case ul li .pic img{width:100%;}

.rela-case ul li .txt {margin-top: 25px;}
.rela-case ul li .txt p {transition: all 0.3s ease 0s;font-size: 18px;color: #121212;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rela-case ul li .txt em.more {border-radius:15px;transition: all 0.3s ease 0s;display: inline-block;width: 160px;line-height: 30px;background: #f8f8f8;text-align: center;margin-top: 20px;font-size: 18px;color: #a5a5a5;}

@media screen and (min-width:997px){

.rela-case ul li:hover .pic .t{transform: translatey(0);-ms-transform: translatey(0);opacity:1;background:rgba(14,56,114,.67);}
.rela-case ul li:hover .txt p {color: #0E3872;text-decoration: underline;}
.rela-case ul li:hover .txt em.more {background: #0E3872;color: #fff;}

}

/*---------------------------contact-----------------------------*/

.contact {padding: 70px 0;}
.contact h3 {font-size: 36px;line-height: 1;color: #1a1a1a;font-weight: 600;max-width: 790px;margin: 0 auto;text-align: center;}
.contact .list {display: flex;margin: 60px 0 0;justify-content: space-between;}
.contact .list .box {width: calc(50% - 28px);border: 1px solid #B7B7B7;display: flex;align-items: center;padding: 15px 0; height: 120px;}
.contact .list .box .ico {width: 18.5%;text-align: center;}
.contact .list .box .txt {font-size: 16px;color: #4F4F50;;line-height: 24px;position: relative;padding-left: 35px;flex: 1;}
.contact .list .box .txt:after {content:'';display: block;width: 1px;height: 54px;background: #B7B7B7;left: 0;top: calc(50% - 27px);position: absolute;}
.contact .list .box .txt em {font-size: 19px;color: #4F4F50;font-family: var(--font-family1);}
.contact .list .box .txt p.app {font-size: 24px;font-style: oblique;margin-top: 10px;}

.contact-inquiry {background: #f3f3f3;padding: 55px 0;}
.contact-inquiry .wp {display: flex;align-items: center;justify-content: space-between;}
.contact-inquiry .wp .pic {width: 42.2%;overflow: hidden;}
.contact-inquiry .inquiry {flex: 1;margin-left: 50px;}
.contact-inquiry .inquiry h4 {font-size: 36px;color: #222;line-height: 1;font-weight: 600;} 
.contact-inquiry .inquiry p {color:#6A6A6A;font-size: 16px;line-height: 22px;margin-top: 10px;}
.contact-inquiry .inquirbox {margin-top: 40px;}
.contact-inquiry .row + .row{margin-top:12px;}
.contact-inquiry input[type="text"],.contact-inquiry textarea{padding:14px 20px;font-size:18px;border:2px solid #DBDBDB;width:100%;line-height:22px;text-align:left;color:#333;box-sizing:border-box;background: #fff;border-radius: 0;}
.contact-inquiry textarea{max-width:100%;width:100%;resize:none;}
.contact-inquiry input[type="text"]:focus,.contact-inquiry textarea:focus{box-shadow:0 0 5px #999;border-color:#999;outline:0}
.contact-inquiry .submit{margin:30px auto 0 0;width:442px;line-height:46px;background:#156AA9;text-align:center;display:block;color:#fff;font-size:24px;cursor:pointer;font-family: var(--font-family2);border-radius: 25px;transition: all .3s ease 0s;border: 2px solid #156AA9;font-weight: 600;letter-spacing: 2px;}
.contact-inquiry .submit:hover{background:transparent;color:#156AA9;}