.header-zw {height: 111px;}
.header {position: fixed;width: 100%; top: 0;left: 0; background: #fff; z-index: 999; min-width: 1279px;  transition: .5s;}
.headerTop { position: absolute; width: 100%; top: 0; }
.headerTop .container {display: flex; justify-content: flex-end; position: relative;}
.headerTop .container::after {width: 100vw; left: 100%; height: 100%; right: 0; position: absolute; content: "";background: #1d6cb5;}
.headerTop .box {display: flex; justify-content: space-between; align-items: center;background: #1d6cb5; border-radius: 0rem 0rem 0rem 1.75rem; padding: 0.5rem 0; padding-left: 2rem;}
.headerTop .box .conUs {display: flex; align-items: center;}
.headerTop .box span {font-size: 0.88rem;color: #FFFFFF;font-weight: 400;}
.headerTop .icBox {width: 20px; height: 20px; margin-right: 0.75rem;}
.headerTop .conUs:nth-child(1) {margin-right: 1.9rem;}
.headerTop .conUs:nth-child(1) .icBox {width: 30px; height: 20px; display: flex;align-items: center;}
.headerTop .icBox img {max-width: 100%;}
.header .headerBox {display: flex; height: 111px;justify-content: space-between; align-items: center; transition: .5s;} 
.header .heLogo {display: flex; align-items: center;}
nav { display: flex; align-items: center; justify-content: space-between;margin-top: 2.5rem;}
nav ul {display: flex; align-items: center;justify-content: space-between;}
nav ul li {position: relative; padding: 0 2.25rem; box-sizing: border-box;}
nav ul li::after {content: "/";right: -2px;position: absolute;top: 0; color: #333; font-size: 1rem;}
nav ul li:last-child::after {display: none;}
nav ul li > a {display: block; font-size: 1rem;color: #333333;font-weight: 400;}
nav .heSearch img { filter: brightness(0); -webkit-filter:brightness(0);}
nav .heSearch a:hover img {filter:none;}
nav ul li a:hover , nav ul li.on a {color: #1d6cb5;}




.top-header-up {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); top: 0;}
.header.top-header-up .headerBox {height: 100px;}


.banner {overflow: hidden;}
.bannerSwiper {position: relative; overflow: hidden; height: 100%;}
.bannerSwiper .imgBox img {width: 100%;}


.swiper-num {width: 1300px;position: absolute; left: 50%; top: 85%; transform: translate(-50%, -50%);display: flex; align-items: center; max-width: 85%; z-index: 1;}
.swiper-num em {width: 100px;height: 1px; background: rgba(255, 255, 255,.2);display: inline-block; margin: 0 20px;position: relative;}
.swiper-num em::after {content: ""; width: 0;height: 1px;background: #ffffff; position: absolute;left: 0;top: 0; }
.swiper-num em.active::after {animation: identifier1 10s forwards;}
.swiper-num em.active2::after {animation: identifier2 10s forwards;}
.swiper-num em.active3::after {animation: identifier3 10s forwards;}
.swiper-num span {color: #ffffff;font-size: 16px;font-family: Arial, Arial-Regular;}
.bannerSwiper .swjt {top: 80%; right: auto;left: 80%; width: 59px;height: 53px;border: 1px solid #ffffff; border-radius: 5px;transform: skew(-15deg); transition: background .5s;}
.bannerSwiper .swjt img {transform: skew(15deg);filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(202deg) brightness(103%) contrast(105%);}
.bannerSwiper .swiper-button-prev {left: 75%;}
.bannerSwiper .swiper-button-prev img {transform: rotate(180deg);}
.bannerSwiper .swjt:hover {background: #fff;}
.bannerSwiper .swjt:hover img {filter: none;}




.hotSearch {border-bottom: 2px solid rgba(3, 3, 3,.1);}
.hotSearch .box {display: flex; justify-content: space-between; height: 60px; background: #fff; align-items: center; }
.hotSearch .box .le {display: flex; align-items: center;}
.hotSearch .box .le em {font-size: 16px;color: #333333; margin: 0 8px; font-weight: 700;}
.hotSearch .box .le dl {display: flex; flex-wrap: wrap;}
.hotSearch .box .le dl a {font-size: 14px; color: #888888; margin: 0 10px;}
.hotSearch .box .le dl a:hover {color: #1d6cb5;}
.hotSearch .box .re form {width: 285px;height: 41px; background: #F6F6F6;position: relative;}
.hotSearch .box .re input {outline: none; border: none; height: 100%; padding-left: 20px;  box-sizing: border-box; background: none; width: 82%; font-size: 16px;color: #333;}
.hotSearch .box .re input::-webkit-input-placeholder {font-size: 14px;color: rgba(102, 102, 102,.62);}
.hotSearch .box .re .links {position: absolute; left:92%; top: 50%; transform: translate(-50%, -50%);padding-left: 10px; border: 0;cursor: pointer;}
.hotSearch .box .re .links::after {content: ""; position: absolute; left: 0;width: 1px; height: 23px; background: rgba(221, 221, 221,.62); top: 0;}


.indexTle {text-align: center; padding: 80px 0;}
.indexTle small {display: block;}
.indexTle small div {line-height: 51px; font-size: 51px;font-family: Arial, Arial-Bold;font-weight: 700;color: #333333;display:inline-block; text-transform: uppercase;   -moz-transform: matrix( 1,0,-0.13991152296486,1,0,0);-webkit-transform: matrix( 1,0,-0.13991152296486,1,0,0);-ms-transform: matrix( 1,0,-0.13991152296486,1,0,0);}
.indexTle small .en2 {color: #2271CD;}
.indexTle .tle {margin: 15px 0;}
.indexTle .tle h4 {position: relative;display: inline-block;font-size: 24px;font-weight: 400;color: #333333;}
.indexTle .tle h4::before , .indexTle .tle h4::after {content: ""; background: url(../image/tle-icon.png) no-repeat center; width: 100%;display: block;height: 100%;position: absolute;top: 0; left: 100%; transform: rotate(180deg);}
.indexTle .tle h4::before {transform: initial; left: -100%;}
.indexTle .text {font-size: 16px;font-weight: 400;color: #666666;}

.indexOne {max-width: 1920px; margin: auto; overflow: hidden;}
.indexOne {background: url(../image/indexOne-bj.jpg) no-repeat center;background-attachment: fixed; background-position: center; background-size: contain; padding-bottom: 115px;}
.inOneSlide {}
.inOneSlide .hd {display: flex; justify-content: flex-end; margin-bottom: 35px;}
.inOneSlide .hd ul {display: flex;}
.inOneSlide .hd li {margin-left: 50px; cursor: pointer;}
.inOneSlide .hd li .icBox {display: flex; align-items: center; justify-content: center;}
.inOneSlide .hd li .icBox img {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.inOneSlide .hd li span {font-size: 16px;color: #666666; margin-top: 10px; display: block ;}
.inOneSlide .hd li.on .icBox img {filter: none; -webkit-filter:none;}
.inOneSlide .bd li {display: flex; position: relative;}
.inOneSlide .bd li .leCon {flex-shrink: 0; width: 35%; margin-right: 100px;   position: relative;top: -7rem;}
.inOneSlide .bd li .leCon h5 {font-size: 32px;font-weight: 700;color: #333333;position: relative; padding-bottom: 20px; margin-bottom: 40px;}
.inOneSlide .bd li .leCon h5::after {content: "";position: absolute; width: 42px;height: 2px; background: #2271cd;bottom: 0; left: 0;}
.inOneSlide .bd li .leCon p {font-size: 16px;font-weight: 400;color: #666666;}
.inOneSlide .bd li .leCon .more {width: 146px;height: 43px;border: 1px solid #666666;display: flex; align-items: center; justify-content: center; font-size: 16px;color: #666666; transition: .5s; margin-top: 50px;}
.inOneSlide .bd li .leCon .more:hover {color: #fff;background: #2271CD; border-color: #2271CD;}
.inOneSwiper {width: calc(50vw + 180px);flex-shrink: 0;     position: static;}
.inOneSwiper .swiper-slide {width: 565px;}
.inOneSwiper .swiper-slide .imgBox {position: relative; width: 100%;height: 357px; box-sizing: border-box; background: #f2f2f2; border-radius: 26px; display: flex; align-items: center; justify-content: center;}
.inOneSwiper .swiper-slide .imgBox img {max-width: 100%; max-height: 100%;position: relative;z-index: 1;}
.inOneSwiper .swiper-slide .imgBox::after {content: ""; position: absolute;top: 0;left: 0; z-index: 0; height: 100%; width: 100%; background: url(../image/inOneSwiper-imgBj.png) no-repeat center; transition: .5s; opacity: 0;}
.inOneSwiper .swiper-slide-active .imgBox::after {z-index: 0; opacity: 1;}
.inOneSwiper .swjt {width: 58px;height: 58px;border: 1px solid #666666; border-radius: 50%; top: auto;bottom: 0px; transition: .5s;}
.inOneSwiper .swjt2 {left: 7%; transform: rotate(180deg);}
.inOneSwiper .swjt:hover {background: #2271cd; border-color: #2271cd;}
.inOneSwiper .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);}


.indexTwo {background: #1D6CB5; padding:61px 0 91px 0; position: relative; max-width: 1920px; margin: auto; overflow: hidden;}
.indexTwo::after {content: ""; position: absolute; left: 0; top: 0; width:0; height: 100%;  background: url(../image/indexTwo-bj.png) no-repeat center; z-index: 0; transition: 2s;}
.indexTwo.animated::after { width: 100%;}
.indexTwo .box {display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1;}
.indexTwo .le {width: 54%;}
.indexTwo .le h3 {font-size: 24px;font-weight: 400;color: #f5f5f5;}
.indexTwo .le h4 {font-size: 40px;font-weight: 700;color: #ffffff;position: relative; padding-bottom: 20px;}
.indexTwo .le h4::after {content: ""; position: absolute; left: 0; bottom: 0; width: 42px; height: 4px;background: #ffffff;}
.indexTwo .le p {font-size: 16px;font-weight: 400;color: #f5f5f5;margin-top: 30px;}
.indexTwo .le .tel {display: flex;margin-top: 65px; align-items: center;}
.indexTwo .le .tel em {font-size: 18px;font-weight: 400;color: #ffffff;margin-left: 12px;}
.indexTwo .le .tel b {font-size: 32px;font-weight: 700; color: #fff;}
.indexTwo .le .more {width: 146px;height: 43px;border: 1px solid rgba(255, 255, 255,.5);display: flex; align-items: center; justify-content: center; font-size: 16px;color: #fff; transition: .5s; margin-top: 50px;}
.indexTwo .le .more:hover {color: #2271CD;background: #fff; border-color: #fff;}
.indexTwo .re {width: 42%;}
.indexTwo .re img {max-width: 100%;}


.indexThree {max-width: 1920px; margin: auto; overflow: hidden;}
.indexThree {background: url(../image/indexOne-bj.jpg) no-repeat center;background-attachment: fixed;background-position: center;  background-size: contain; padding-bottom: 200px;}
.indexThree .indexTle .tle h4::before,.indexThree .indexTle .tle h4::after {left: 76%;}
.indexThree .indexTle .tle h4::before {left: -76%;}
.indexThree .box {display: flex;align-items: center;justify-content: space-between; margin-top: 120px;}
.indexThree .box dl dd {position: relative;}
.indexThree .box dl dd:nth-child(2) {margin-top: 150px;}
.indexThree .box dl span {font-size: 28px;font-weight: 700;color: #333333;display: block; margin-top: 15px;}
.indexThree .box dl i {display: inline-block; width: 47px;height: 2px; background: #2271cd; margin: 15px 0;}
.indexThree .box dl p {font-size: 16px;font-weight: 400;color: #666666;line-height: 24px; }
.indexThree .box dl dd:nth-child(1) p {width: 73%; margin-right: auto;}
.indexThree .box dl .num {position: absolute; left: 23%; top: 50%; transform: translate(-50%, -50%);}
.indexThree .box .dl2 {text-align: right;}
.indexThree .box .dl2 .icBox {    display: flex; justify-content: flex-end;}
.indexThree .box dl.dl2 dd:nth-child(1) p {width: 65%; margin-right: 0; margin-left: auto;}
.indexThree .box dl.dl2 .num {left: 82%;}
.indexThree .box .cen {position: relative;}
.indexThree .box .cen > img {  animation: myfirst 20s linear infinite;-webkit-animation: myfirst 20s linear infinite;}
.indexThree .box .cen .imgBox {position: absolute; left: 50%; top: 36%; transform: translate(-50%, -50%)}


.indexFour {background: url(../image/indexFour-bj.jpg) no-repeat center; padding: 50px 0 80px 0; background-size: cover}
.indexFour strong {font-size: 40px;font-weight: 700;color: #ffffff; margin-bottom: 20px; display: block;  text-align: center;}
.indexFour p {font-size: 16px;font-weight: 400;color: #ffffff; text-align: center;}
.indexFour .more {margin-top: 50px;display: flex; justify-content: center; align-items: center;}
.indexFour .more a {width: 187px; height: 45px; background: #ee691c; display: flex; align-items: center; justify-content: center; color: #fff;font-size: 16px;  margin-right: 20px;}
.indexFour .hotUs {display: flex; align-items: center;}
.indexFour .hotUs .icBox {margin-right: 13px;}
.indexFour .hotUs em {font-size: 14px;color: #FFFFFF; text-align: left;}
.indexFour .hotUs b {display: block;font-size: 28px;color: #FFFFFF; line-height: 28px;}


.indexFive {background: url(../image/indexFive-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 80px;}
.inFiveSwiper .con {padding: 30px; box-sizing: border-box;background: #2271cd;}
.inFiveSwiper .tle {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.inFiveSwiper .tle .time1 {font-size: 42px;font-family: Arial, Arial-Regular;color: #ffffff;display: inline-block; line-height: 42px;}
.inFiveSwiper .tle .time2 {display: inline-block;font-size: 16px; font-family: Arial, Arial-Regular;color: #f5f5f5; margin-left: 20px;}
.inFiveSwiper .tle small {font-size: 14px; background: #fff;font-weight: 400;color: #2271cd;background: #ffffff;border-radius: 12px; padding: 2px 15px;}
.inFiveSwiper .imgBox {overflow: hidden;}
.inFiveSwiper .imgBox img {width: 100%; transition: .5s;}
.inFiveSwiper .disc {margin-top: 30px;display: flex; justify-content: space-between;}
.inFiveSwiper .disc .discLe {width: 80%;}
.inFiveSwiper .disc h5 {font-size: 16px;font-weight: 400;color: #ffffff;}
.inFiveSwiper .disc p {font-size: 14px;font-weight: 400;color: #f5f5f5;}
.inFiveSwiper .con:hover .imgBox img {transform: scale(1.1);}
.indexFive .more {display: flex; justify-content: center;}
.indexFive .more a {width: 146px;height: 43px;border: 1px solid #666666;display: flex; align-items: center; justify-content: center; font-size: 16px;color: #666666; transition: .5s; margin-top: 50px;}
.indexFive .more a:hover {color: #fff;background: #2271CD; border-color: #2271CD;}


.footer {background: url(../image/footer-bj.jpg) no-repeat center; background-size: cover;}
.footer .boxTop {padding: 40px 0 40px 0; border-bottom: 1px solid rgba(255, 255, 255,.1);}
.footer .boxTop dl {display: flex; justify-content: space-between; align-items: center;}
.footer .boxTop dd {display: flex; align-items: center;}
.footer .boxTop .icBox {margin-right: 24px; width: 67px; height: 67px; background: #2271cd; border-radius: 5px;display: flex; align-items: center; justify-content: center;}
.footer .boxTop em {font-size: 14px;color: #cecece;}
.footer .boxTop b {font-size: 14px;display: block; color: #fff;}
.footer .boxTop i {width: 1px; height: 43px; opacity: 0.2;background: #ffffff;}
.footer .boxTop dl dd:nth-child(5) b {font-size: 18px; font-weight: normal;}
.foterNav {display: flex; justify-content: space-between; padding: 40px 0 120px 0;}
.foterNav dl {position: relative; padding-left: 40px;}
.foterNav dl dt {font-size: 18px;font-weight: 700;color: #ffffff; position: relative; padding-bottom: 15px; margin-bottom: 15px;}
.foterNav dl dt::after {content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 1px;opacity: 0.1; background: #ffffff; }
.foterNav dl dd a {font-size: 14px;font-weight: 400;color: #c7c7c7;margin: 5px 0;display: block;}
.foterNav dl dd a:hover {color: #fff;}
.foterNav dl .tlen {position: absolute; left: 0; top: 0; display: flex;align-items: flex-start;}
.foterNav dl .tlen .en {font-size: 14px;color: #5f5f5f;font-family: Arial, Arial-Regular; writing-mode: vertical-rl; margin-right: 3px; text-transform: uppercase;}
.foterNav dl .tlen i {width: 1px; height: 100px;opacity: 0.1; background: #ffffff; display: inline-block;}
.copyRight {display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 18px;}
.copyRight p , .copyRight p a {font-size: 14px;color: #9a9a9a;}
.copyRight p a:hover {color: #fff;}



.ny-banner {height: 500px;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {height: 100%; object-fit: cover;}

.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.position .container{background:url(../image/position-home.png) no-repeat 0 center; padding-left:30px; width: 1300px;}
.position a{background:url(../image/position-arrow.png) no-repeat right center; padding-right:20px; margin-right:10px;display: inline-block;}
.position a:last-child{background: transparent;}
.position .on{color: #2271CD;}
.position a:hover{color: #2271CD;}


.ny-main {margin: 50px 0;}
.ny-main .mainBox {display: flex; justify-content: space-between;}

.honer-list ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 20px;}
.honer-list ul li {width: 100%; }
.honer-list ul li .imgBox {overflow: hidden;  border: 1px solid #e5e5e5; padding: 15px 15px; background: #fff;}
.honer-list ul li .imgBox img {width: 100%;transition: .5s;}
.honer-list ul li span {background: #f0f0f0;display: block; text-align: center; padding: 10px 0; color: #333; font-size: 16px;}
.honer-list ul li:hover .imgBox img {transform: scale(1.05);}

.caseList ul li .imgBox {padding: 0;}



.proList {display: flex; justify-content: space-between; align-items: flex-start;}
.ny-left {width:22%;}
.column-title { background: #2271CD;padding:20px 0;}
.column-title {color:#fff;font-size:30px;}
.column-title:after {content: '';display: block; background: #fff;width:70px;height:3px;margin-left:20px;margin-top:10px;}
.column-title span {padding-left:20px}
.column-title em {font-size:12px;color:#fff;padding-left: 10px; text-transform: uppercase;}

.col-white {padding:15px 20px;}
.col-white strong {font-size: 30px; font-weight: 500;}
.col-white small {display: inline-block; font-size: 14px;}
.col-white:after {margin-left: 0;}

.ny-left .navOne {  background: #fff; width: 100%;padding: 10px;border: 1px solid #ccc;border-top: none; box-sizing: border-box;}
.ny-left .navOne > li {margin-bottom: 10px;}
.ny-left .navOne > li > a { display: block;background: url(../image/ctitle1.png) no-repeat 97% center #f2f2f2;font-size: 16px;color: #4c4c4c; box-sizing: border-box;}
.ny-left .navOne > li > a {display: block; padding: 12px 25px;}

.ny-left .navTwo {display: none;} 
.ny-left .navTwo li {border-bottom: 1px solid #eee; padding: 0 25px; box-sizing: border-box;}
.ny-left .navTwo li a {padding: 10px 0;display: block; font-size: 15px;}

.ny-left .navOne > li.on > a , .ny-left .navOne > li:hover > a { background: url(../image/ctitle1-on.png) no-repeat 97% center #2271CD;color: #fff;}
.ny-left .navTwo li:hover > a , .ny-left .navTwo li.on > a {color: #2271CD;}

.ny-left .navOne li.on .navTwo {display: block;}



.ny-left .ctitle1  {  background: #fff; width: 100%;padding: 10px;border: 1px solid #ccc;border-top: none; box-sizing: border-box;}
.ny-left .ctitle1 > li {margin-bottom: 10px;}
.ny-left .ctitle1 > li > a { display: block;background: url(../image/ctitle1.png) no-repeat 97% center #f2f2f2;font-size: 16px;color: #4c4c4c; box-sizing: border-box;}
.ny-left .ctitle1 > li > a {display: block; padding: 12px 25px;}

.ny-left .ctitle2 {display: none;} 
.ny-left .ctitle2 li {border-bottom: 1px solid #eee; padding: 0 25px; box-sizing: border-box;}
.ny-left .ctitle2 li a {padding: 10px 0;display: block; font-size: 15px;}

.ny-left .ctitle1 > li.on > a , .ny-left .ctitle1 > li:hover > a { background: url(../image/ctitle1-on.png) no-repeat 97% center #2271CD;color: #fff;}
.ny-left .ctitle2 li:hover > a , .ny-left .ctitle2 li.on > a {color: #2271CD;}

.ny-left .ctitle1 li.on .ctitle2 {display: block;}






.ny-contact{margin-top:20px;border-bottom:8px solid #2271CD;border-radius:10px;padding-bottom:10px;}
.ny-contact .info span{ display: block;margin:10px 0;font-size:15px;}

.ny-right {width: 75%;}
.ny-right .tit {height: 50px;font-size: 24px;font-weight: normal;line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px;}
.ny-right .tit span {display: inline-block;height: 50px;border-bottom:1px solid #2271CD;}
.ny-right .list {display: flex; flex-wrap: wrap;justify-content: space-between;}
.ny-right .list::after {content: ""; width: 32%;}
.ny-right .list li {width: 32%; border: 1px solid #eee; margin-bottom: 20px; position: relative;}
.ny-right .list li a {position: relative;display: block;}
.ny-right .list li .imgBox {overflow: hidden;display: flex; align-items: center;justify-content: center;position: relative;z-index: -1;}
.ny-right .list li .imgBox img {max-width: 100%; transition: .5s;}
.ny-right .list li .con {padding: 20px;}
.ny-right .list li .con h6 {color: #333; font-size: 18px;margin-bottom: .1rem;}
.ny-right .list li .con p {color: #666; font-size: 14px;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ny-right .list li:hover .imgBox img {transform: scale(1.02);}
.ny-right .list li:hover .con h6 {color: #2271CD;}
.ny-right .list li::before {content: '';display: block; width: 1px; height: 0; position: absolute;left: 0;background: #2271CD; top: 0; transition: all .5s;}
.ny-right .list li:after {content: '';display: block; width: 1px; height: 0; position: absolute;right: 0;background: #2271CD; top: 0; transition: all .5s;}
.ny-right .list li a::before {content: '';display: block; width: 0; height: 1px; position: absolute;left: 0;background: #2271CD; top: 0; transition: all .3s;}
.ny-right .list li a::after {content: '';display: block; width: 0; height: 1px; position: absolute;left: 0;background: #2271CD; bottom: 0; transition: all .3s;}
.ny-right .list li:hover::before , .ny-right .list li:hover::after{height: 100%;}
.ny-right .list li:hover a::before , .ny-right .list li:hover a::after{width:100%;}


.proListDeta {width: 100%;display: flex; justify-content: space-between;}
.ny-right .pro1 .pro-list-pic{width: 402px;}
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1{width: 545px;position: relative;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right .pro1 .descript1 p{font-size: 16px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;  text-overflow: ellipsis;}
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #2271CD;}
.ny-right .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #2271CD;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right .detail {margin-bottom: 20px;}
.ny-right .detail .de-title{border-bottom: solid 3px #2271CD; margin-bottom: 20px;}
.ny-right .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#2271CD;}
.pro-wechat{display: none; position: absolute; left: 150px;    bottom: -90px;}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.pro-left {width: 400px; overflow: hidden; float: left; position: relative;}
.pro-left .mySwiper2-pro .swiper-button-next {top: auto; bottom: .5%; right: 0;     font-family: "宋体"; font-size: 30px; display: block; line-height: 44px; text-align: right; color: #333;}
.pro-left .mySwiper2-pro .swiper-button-prev {top: auto; bottom: .5%; left: 0;     font-family: "宋体"; font-size: 30px; display: block; line-height: 44px; text-align: left; color: #333;}
.pro-left .swiper-slide img {display: block;width: 100%; height: 100%;object-fit: cover;}
.pro-left .swiper {position: initial;}
.mySwiper-pro  {width: 88%; margin: 0 auto;overflow: hidden; margin-top: 20px;     padding-right: 5px;}
.mySwiper-pro .swiper-slide-thumb-active {border: 1px solid #2271CD;}
.mySwiper-pro .swiper-slide {padding: 0px;}
.mySwiper-pro .swiper-slide img {width: 100%;}
.mySwiper2-pro  {width: 400px;height: auto; border: 1px solid #DFDFDF; box-sizing: border-box;}
.mySwiper2-pro .swiper-slide {align-items: center; height: 100%; display: flex; justify-content: center;}
.mySwiper2-pro .swiper-slide img {width: auto; height: auto; max-width: 100%;}
.mySwiper2-pro .swiper-button-prev:after {display: none;}
.mySwiper2-pro .swiper-button-next:after {display: none;}
#nr-container .returnbt {display: flex; justify-content: center;}
#nr-container .returnbt input{padding:5px 20px;background:#333;color:#fff;border: none;cursor: pointer; font-size: 14px;}


.ny-news-list ul li{float: left;  margin-bottom: 20px; width: 100%; padding-bottom: 20px; border-bottom: dashed 1px #ccc;}
.ny-news-list ul li a {display: flex; align-items: center; justify-content: space-between;}
.ny-news-list ul li .pic{display: block; width: 25%;}
.ny-news-list ul li .pic img {width: 100%;}
.ny-news-list ul li .info{width: 73%; margin-top: 10px;}
.ny-news-list ul li .info strong{ display: block; font-size: 16px; color: #333; margin-bottom: 5px;}
.ny-news-list ul li .info p{display: block;font-size: 14px;color: #808080;margin-bottom: 6px;}
.ny-news-list ul li .info span {display: block;font-size: 14px;color: #808080;background: url(../image/nynews-icon.png) no-repeat left center;padding-left: 22px;}
.ny-news-list ul li:hover .info strong{color: #2271CD;}
.ny-news-list ul li:hover{border-color: #2271CD;}


.details {}
.details .tle {text-align: center;color: #333; font-size: 1.75rem; margin-bottom: 2rem;}
.details .detaCon {margin: 2rem 0;}
.details .detaCon img {max-width: 100%;}
.pageFy >  div {display: flex; justify-content: space-between; padding:1rem 0;}
.pageFy >  div:nth-child(1) {border-bottom: 1px dashed #eee;}
.pageFy span {padding:.1rem .5rem;background: #ddd;font-size: var(--font16); color: #fff; flex-shrink: 0;}
.pageFy .le {display: flex; align-items: center;}
.pageFy .le a {display: -webkit-box;overflow: hidden; 	-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding-left: 1rem; width: 90%;}
.pageFy a {color: #000; font-size: var(--font14);}
.pageFy a:hover {color: #2271CD;}
.backList {display: flex; justify-content: center; margin-top: .5rem;}
.backList a { padding: .35rem 2rem; color: #fff; background: #2271CD; font-size: var(--font14);}


.p4-order-form-1 {margin: 1rem 0; width: 100%;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
.code_gg_li img{vertical-align:middle;width:100px;height:32px;}
.p4-order-form-1 {overflow: hidden;}
.p4-order-form-1 .p4-titlel-1 { width:145px;height: 46px;font-size:18px; line-height: 46px;text-align: center;color:#fff;background: #2271CD;}
.p4-order-form-1-con { border:1px solid #bbb; background:url(404.png) no-repeat center bottom #fff; padding:40px 15%;}
.p4-order-form-1-con li p {padding-left: 130px; color: #999;font-size: 12px;}
.p4-order-form-1-con li { margin-bottom: 15px; font-size: 14px; line-height: 35px; color: #666; overflow: hidden;}
.p4-order-form-1-con li span {font-weight: bold; color: #666;}
.p4-order-form-1-con li b{color:#f00;}
.p4-order-form-1-con li .row-hd { color: #666;}
.timenum{padding-left:95px;}
.p4-order-form-1-con li p { clear: both;}
.p4-order-form-1-con label {   display: inline-block; width: 120px; color: #666; vertical-align: top; text-align: right;height: 40px;line-height: 40px;overflow: hidden;}
#code_gg{ width: 80px;  margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px; line-height: 32px; color: #666;}
.p4-order-form-1-con .inputs,
.p4-order-form-1-con li select { width: 73%; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 40px; line-height: 40px; color: #666; box-sizing: border-box;}
.p4-order-form-1-con li select {position: relative; left: -4px;}
.p4-order-form-1-con .radioandcheck{vertical-align:middle;}
.p4-order-form-1-con .err { border: 1px solid #2271CD;}
.p4-order-form-1-con .p4-order-form-1-t1 {width: 100%;}
.p4-order-form-1-t1 textarea { width: 73%; height: 102px; line-height: 24px; border: 1px solid #eee; outline: none; resize: none; overflow: auto; margin-right: 10px; padding-left: 10px; box-sizing: border-box; position: relative;}
.p4-order-form-1-con .p4-order-form-1-t2 {  width: 100%;}
.p4-order-form-1-t2 input { width: 150px; vertical-align: top;}
.p4-order-form-1-t2 span { width: 153px;height: 25px;}
.p4-order-form-1-con .p4-order-form-1-t3 { padding-left: 120px;}
.p4-order-form-1-con .p4-order-form-1-t3 input { width: 80px; height: 30px; border: 0; text-align: center; margin-right: 30px; color: #fff; padding-left: 0; cursor: pointer;}
.p4-order-form-1-con .p4-order-form-1-b1 { background: #2271CD;}
.p4-order-form-1-con .p4-order-form-1-b2 { background: #767676;}
.p4-order-form-1-con .p4-order-form-1-t4 { overflow: auto; height: auto; min-height: 35px; width: 100%}
.p4-order-form-1-con .p4-order-form-1-t4 input { vertical-align: middle; width: 14px; margin: 0 10px;}
.p4-order-form-1-con li input::placeholder {color: #999; font-size: 10px;}
.p4-order-form-1-con li textarea::placeholder {color: #999; font-size: 10px;}



.search-page .box {margin-top: 3rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 88%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../image/searchIcon.png) no-repeat center; outline: none; border: none; background-size:contain; filter: brightness(0); -webkit-filter:brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #2271CD; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px; flex-wrap: nowrap; justify-content: center;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}


.fy { padding: 2rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a {border: 1px solid #eee; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; transition: .4s; margin:5px;  padding: 5px 13px;}
.fy a:hover {color: #fff; background: #2271CD;}
.fy .layui-laypage-curr {color: #fff; background: #2271CD; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}