@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT: 14px/1.5 "Microsoft YaHei", arial,sans-serif; background: #fff; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{width:1500px; margin:0 auto;max-width: 92%;}
.container12{width:1200px; margin:0 auto;max-width: 92%;}
.container13{width:1300px; margin:0 auto;max-width: 92%;}
.container14{width:1400px; margin:0 auto;max-width: 92%;}
.container16{width:1600px; margin:0 auto;max-width: 92%;}
.containers{width:96%; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
/* 下滑头部 */
.navfixed {position: fixed; top: 0; width: 100%; z-index: 99999; transition: .5s;}
/* 多行省略 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/* 图标变黑色 */
.icon-black {  filter: brightness(0); }
/* 图标变白色 */
.icon-white {filter: brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%);}

.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none;}

/*字体引入*/
@font-face {
  /* font-family: "futura"; */
  font-family: "Noto Sans SC";
  /* src: url("../font/Futura\ Md\ BT\ Bold.ttf"); */
}

@font-face {
  font-family: "mavenBold";
  src: url("../font/MavenPro-Bold.ttf");
}

/* CSS Document */

/* ==首页==*/
.zwys {height: 8.94rem;}
header {position: fixed; width: 100%; left: 0; z-index: 99; top: 0; transition: .5s;}
header .container {width: 1600px; max-width: 92%;}
.heTopCon {background: #145caa; }
.heTopCon dl {display: flex;height: 2.81rem; align-items: center; justify-content: flex-end;}
.heTopCon dl dd {display: flex; align-items: center;}
.heTopCon dl dd:last-child {margin-left: 4.9rem;}
.heTopCon dl dd span {font-size: 0.88rem;font-weight: 400;color: #ffffff; margin-left: 0.5rem;}
.headerBox {background: #fff; position: fixed; top: 2.81rem; width: 100%; transition: .5s;}
.headerBox .box {display: flex; align-items: center; justify-content: space-between; height: 6.13rem;}
.headerBox .box .logo img {max-width: 100%;}
nav {width: 45%;}
nav > ul {display: flex; justify-content: space-between;}
nav > ul > li {position: relative; line-height: 6.13rem;}
nav > ul > li > a {font-size: 1rem; font-weight: 400;color: #333333;position: relative;}
nav > ul > li > a::after {position: absolute; content: ""; width: 0; left: 50%; height: 1px;background: #041e41; bottom: -5px; transition: .5s;}
nav > ul > li:hover > a::after {width: 100%; left: 0;}
nav > ul > li.on > a::after {width: 100%; left: 0;}
.headerBox .he-re .heSearch {width: 13.19rem; height: 2.81rem; border: 0.06rem solid #041e41; border-radius: 1.5rem; position: relative;}
.headerBox .he-re form {height: 100%;}
.headerBox .he-re .heSearch .textIn {outline: none; font-size: 1rem; color: #333; height: 100%; background: none; border: none; padding-left: 1.4rem; box-sizing: border-box; width: 80%;}
.headerBox .he-re .heSearch .textIn::placeholder {font-size: 0.88rem;opacity: 0.3;font-weight: 400;color: #041e41;}
.headerBox .he-re .heSearch .sub {outline: none; cursor: pointer; background: none; border: none; width: 18px; height: 18px; background: url(../images/searchIcon.png) no-repeat center; background-size: contain;}
.headerBox .he-re form {display: flex; align-items: center;}
.headerBox .he-re form a img {margin-left: 0.5rem; display: block;}
.head-tel{background: url(../images/head-tel.png) no-repeat left center; padding-left: 56px;}
.head-tel em{display: block; font-size: 14px;  color: #666; line-height: 14px; margin: 4px 0 8px;}
.head-tel strong{display: block; font-size: 26px;  color: #dc001b; font-family: arial; line-height: 19px;}
/* 二级下拉列表 */
.headerBox .box ul li dl {position: absolute; line-height: initial; background: #fff; text-align: center; padding: 8px 0;left: -45%;width:180%;display: none;    box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}
.headerBox .box ul li:nth-child(3) dl {width: 250%; left: -75%;}
.headerBox .box ul li dd a {font-size: 1rem; color: #333; padding: 8px 10px; display: block;}
.headerBox .box ul li dd:hover a {color: #E39000;}

/* 下滑头部样式 */
.headerBom {top: -200px;}
.headerBom .headerBox {top: 0;     box-shadow: 1px 1px 20px rgb(0 0 0 / 5%);}

/* banner */
.banner {position: relative;}
.bannerSwiper {height: calc(100vh - 8.94rem); overflow: hidden; position: relative;}
.bannerSwiper .swiper-slide {height: 100%; background-size: cover;}
.bannerSwiper .swiper-slide .box {width: 1500px; max-width: 92%; margin: auto;height: 100%; display: flex;flex-direction: column; justify-content: center; }
.bannerSwiper .swiper-slide .con {margin-top: 5%;}
.bannerSwiper .swiper-slide small {font-size: 1.88rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #ffffff; display: block;}
.bannerSwiper .swiper-slide strong {font-size: 3.75rem;color: #ffffff;line-height: 5rem;display: block;   font-family: "Noto Sans SC"; font-weight: bold; margin-bottom: 2rem;}
.bannerSwiper .swiper-slide .con a {width: 11.75rem;height: 3.5rem; background: #e39000; border-radius: 1.75rem; display: block;}
.bannerSwiper .swiper-slide .con a {align-items: center; font-size: 1.13rem;color: #ffffff; display: flex; justify-content: center; margin-top: 4rem;}
.bannerSwiper .swiper-pagination {bottom: 5%;}
.bannerSwiper .swiper-pagination-bullet {width: 0.81rem; height: 0.81rem; background: #ffffff;box-sizing: border-box; opacity: 1; margin: 0 10px !important;}
.bannerSwiper .swiper-pagination-bullet-active {background: #E39000;}
/* .bannerSwiper .swiper-button-prev {width: 1.19rem;height: 2rem; background: url(../images/banner-jt.png) no-repeat center; background-size: contain; transform: rotate(180deg);}
.bannerSwiper .swiper-button-next {width: 1.19rem;height: 2rem; background: url(../images/banner-jt.png) no-repeat center; background-size: contain;} */

.indexOne {background: #e6e7e9; padding-top: 2.75rem;}
.indexOne .container16 {width: 1550px; max-width: 92%; padding-left: 50px;     position: relative; z-index: 1;}
.indexOne dl {display: flex; justify-content: space-between;}
.indexOne dl strong {display: block;font-size: 1.13rem;font-weight: 700;color: #333333; margin: 0.3rem 0;}
.indexOne dl dd {padding-right: 3rem; box-sizing: border-box;}
.indexOne dl dd span {font-size: 0.94rem;font-weight: 400;color: #777777;}
.indexOne .oneBox {position: relative;}
.indexOne .oneBox::after {content: ""; position: absolute; bottom: 0; z-index: 0; height: 50%; width: 100%; background: #fff;}
.indexOne .box { display: flex;margin-top: 3.5rem; }
.indexOne .boxLe {background: url(../images/indexOneLe-bj.jpg) no-repeat center; background-size: cover; width: 60%;height: 31.13rem;}
.indexOne .boxLe {display: flex; align-items: flex-end;justify-content: space-between;}
.indexOne .boxLe .leBox {display: flex; align-items: center; width: 100%; justify-content: space-between;}
.indexOne .boxLe .imgBox {width: 50%;  padding: 0 10%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.3rem;}
.indexOne .boxLe .imgBox img {display: block; max-width: 60%;}
.indexOne .boxLe .con {width: 50%; margin-bottom: 10%;}
.indexOne .boxLe .con strong {display: block;font-size: 2.25rem;font-weight: 700;color: #ffffff;}
.indexOne .boxLe .con small {font-size: 1.5rem;font-family: Arial, Arial-Bold;text-transform: uppercase; font-weight: 700;color: rgb(202, 202, 202,.3)}
.indexOne .boxLe .con a {display: flex; align-items: center; margin-top: 30%;}
.indexOne .boxLe .con a {font-size: 1rem;font-weight: 400;color: #fff;}
.indexOne .boxLe .con a img {margin-left: 0.5rem; transition: .5s;}
.indexOne .boxLe .con a:hover img {margin-left: 1rem;}
.indexOne .boxRe {width: 40%; align-items: center; background: url(../images/indexOneRe-bj.jpg) no-repeat center; background-size: cover;}
.indexOne .boxRe .imgBox {margin-bottom: 0; margin-top: 2rem; width: 50%;}
.indexOne .boxRe .imgBox img {max-width: 100%;}
.indexOne .boxRe .con strong {color: #333333;}
.indexOne .boxRe .con {margin-bottom: 0; width: 60%;}
.indexOne .boxRe .con small {font-size: 1.5rem;font-family: Arial, Arial-Bold;text-transform: uppercase; font-weight: 700;color: #cacaca;}
.indexOne .boxRe .con a {color: #333333;}
.indexOne .boxRe .con a img {filter: brightness(0);}

/* 首页公用标题 */
.indexTle {text-align: center; padding: 3.3rem 0;}
.indexTle strong {font-size: 2.5rem;font-weight: 700;color: #333333; display: block;}
.indexTle small {font-size: 2.5rem;font-weight: 700;color: rgba(51, 51, 51,.14); display: block; text-transform: uppercase;}

/* 热门产品推荐 */
.indexTwo .container16 {width: 1800px; max-width: 92%;}
.indexTwo .swiperBox {position: relative;}
.inTwSwiper {overflow: hidden; width: 1600px; max-width: 92%; margin: auto; padding: 1rem; padding-bottom: 2rem; box-sizing: border-box;}
.inTwSwiper .swiper-slide {background: #f7f7f7; height: auto; padding: 3rem 2.5rem; box-sizing: border-box; transition:background .5s; }
.inTwSwiper .swiper-slide .imgBox {display: flex; align-items: center; justify-content: center; overflow: hidden;}
.inTwSwiper .swiper-slide .imgBox img {transition: .5s; max-width: 100%;}
.inTwSwiper .swiper-slide .con {margin-top: 3rem;}
.inTwSwiper .swiper-slide small {font-size: 1.13rem;font-weight: 700;color: #041e41;display: block; margin-bottom: 1rem;}
.inTwSwiper .swiper-slide p {font-size: 1rem;font-weight: 400;color: #888888;line-height: 1.5rem;}
.inTwSwiper .swiper-slide:hover {box-shadow: 0rem 0rem 2.5rem 0rem rgba(0,0,0,0.04); background: #ffffff;}
.inTwSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.inTwSwiper .swiper-button-prev {width: 3.63rem;border-radius: 50%; height: 3.63rem;background: #f7f7f7;left: 0; transition: .5s;}
.inTwSwiper .swiper-button-next {width: 3.63rem;border-radius: 50%;  height: 3.63rem; background: #f7f7f7; right: 0; transition: .5s;transform: rotate(180deg);} 
.inTwSwiper .swiper-button-prev:hover ,.inTwSwiper .swiper-button-next:hover {background: #e39000;}
.inTwSwiper .swiper-button-prev img ,.inTwSwiper .swiper-button-next  img { filter: brightness(0);}
.inTwSwiper .swiper-button-prev:hover img ,.inTwSwiper .swiper-button-next:hover  img {filter: brightness(100);}
.inTwSwiper .swiper-pagination {display: none;}
.inTwSwiper .swiper-pagination-bullet {width: 0.81rem; height: 0.81rem; border: 1px solid #E39000; background: none;box-sizing: border-box; opacity: 1; margin: 0 10px !important;}
.inTwSwiper .swiper-pagination-bullet-active {background: #E39000;}

/* 行业应用 */
.indexThree ul {display: flex; position: relative;overflow: hidden;}
.indexThree ul::before {content: "";position: absolute;right: 0;top: 0; z-index: 20; width: 100%;height: 100%;background: #f7f7f7; transition: all 1.2s ease-in;}
.indexThree ul.articleShow::before { width: 0;}
.indexThree ul li {position: relative; overflow: hidden; width: calc(100%/5); height: 41.75rem;}
.indexThree ul li:nth-child(1){ background: url(../images/indexThree-bj1.jpg) no-repeat center;}
.indexThree ul li:nth-child(2){ background: url(../images/indexThree-bj2.jpg) no-repeat center;}
.indexThree ul li:nth-child(3){ background: url(../images/indexThree-bj3.jpg) no-repeat center;}
.indexThree ul li:nth-child(4){ background: url(../images/indexThree-bj4.jpg) no-repeat center;}
.indexThree ul li:nth-child(5){ background: url(../images/indexThree-bj5.jpg) no-repeat center;}
.indexThree ul li:nth-child(6){ background: url(../images/indexThree-bj7.jpg) no-repeat center;}
.indexThree ul li > img {    display: block; width: 100%; height: 100%;  object-fit: cover;}
.indexThree ul li .con {position: absolute;     padding-top: 25%; box-sizing: border-box; width: 100%; height: 100%;left: 0; opacity: 1; top: 0; transition: .5s;}
.indexThree ul li .con {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.indexThree ul li .con img {margin-bottom: 3rem;}
.indexThree ul li h4 {font-size: 1.5rem;font-weight: 700;color: #ffffff;}
.indexThree ul li small {font-size: 0.81rem;font-family: Arial, Arial-Regular; text-transform: uppercase; font-weight: 400;color: #ffffff;}
.indexThree ul li .hide {position: absolute;transition: .5s; width: 100%; height: 100%;left: -100%;  top: 0; background: rgba(20, 92, 170,.7);}
.indexThree ul li .hide {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 5% 15%; box-sizing: border-box;}
.indexThree ul li .hide .tle {margin: 2.5rem 0;}
.indexThree ul li .hide p {font-size: 0.94rem;font-weight: 400;color: #ffffff;line-height: 1.88rem;}
.indexThree ul li .hide a {width: 10.06rem; height: 3.38rem; background: #e39000; border-radius: 1.69rem;}
.indexThree ul li .hide a {display: flex; align-items: center; justify-content: center; margin-top: 30%;}
.indexThree ul li .hide a span {font-size: 1rem;font-weight: 400;color: #ffffff;margin-right: 0.5rem; transition: .5s;}
.indexThree ul li .hide a:hover span {margin-right: 1rem;}
.indexThree ul li:hover .con {left: 100%;}
.indexThree ul li:hover .hide {left: 0;}

/* 关于德华包装 */
.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; position: relative; padding: 10rem 0;}
.indexFour .indexTle {text-align: left; padding-top: 0;}
.indexFour .container {position: relative; z-index: 1;}
#garden {position: absolute; width: 100%; height: 65%; top: 0; left: 0; overflow: hidden; z-index: 0;}
.indexFour .box {display: flex; justify-content: space-between; align-items: flex-start;}
.indexFour .boxLe {width: 40%;}
.indexFour .boxLe .more a {display: inline-flex; align-items: center; margin-top: 2rem;}
.indexFour .boxLe .more em {font-size: 1.13rem;font-weight: 400;color: #333333; margin-left: 1.2rem;}
.indexFour .boxRe {width: 56%;}
.indexFour .boxRe .text {font-size: 1rem;font-weight: 400;color: #666666;line-height: 2.13rem;}
.indexFour .boxRe ul {display: flex; justify-content: space-between; margin-top: 6.6rem;}
.indexFour .boxRe ul li {display: flex; align-items: center;}
.indexFour .boxRe ul li .ic {margin-right: 1.1rem;}
.indexFour .boxRe ul li .ic img {display: block;}
.indexFour .boxRe ul li span {font-size: 1rem;font-weight: 400;color: #777777;display: block;}
.indexFour .boxRe ul li .counter {font-size: 1.88rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #041e41; display: inline-block;}
.indexFour .boxRe ul li .counter em {font-size: 1rem;font-weight: 400;color: #000000;}
.moreBtn {width: 3.94rem; height: 3.94rem;  border: 0.13rem solid #d8d8d8;position: relative; border-radius: 50%;display: flex; align-items: center; justify-content: center; overflow: hidden; transition: .5s;}
.moreBtn::before {content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: 50% 50% no-repeat; background-size: contain; transition: all 1s; background: url(../images/jt4.png) no-repeat center;}
.moreBtn::after { content: ""; filter: brightness(100); position: absolute; left: -100%;  top: 0;  width: 100%;  height: 100%;  background: 50% 50% no-repeat;  background-size: contain;  transition: 1s;  background: url(../images/jt4.png) no-repeat center;}
.moreBtn:hover {background: #d8d8d8;}
.moreBtn:hover::before {right: -100%;}
.moreBtn:hover::after {left: 0;}

/* 我们的优势 */
.indexSix .box {background: #f0f1f5; position: relative;}
.inSixSlide {width: 62%; padding: 8rem 0 6rem 0; position: relative;}
.inSixSlide > div {width: 73%;}
.inSixSlide .bd ul li strong {font-size: 2.25rem;font-weight: 700;color: #333333; margin-bottom: 2.5rem; display: block;}
.inSixSlide .bd ul li p {font-size: 1rem;font-weight: 400;color: #666666; line-height: 2.19rem;}
.inSixSlide .hd ul {display: flex; align-items:baseline; margin-top: 8rem; justify-content: space-between;}
.inSixSlide .hd ul li {text-align: center; cursor: pointer;}
.inSixSlide .hd ul li img {filter: grayscale(100%);}
.inSixSlide .hd ul li span {font-size: 1.13rem;color: #888888;font-weight: 400;display: block; margin-top: 1rem;}
.inSixSlide .hd ul li.on img {filter: none;}
.inSixSlide .hd ul li.on span {font-weight: 700;color: #e39000;}
.indexSix .imgBox {position: absolute; right: 0; top: 0; width:48%; height: 100%;}
.indexSix .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover;}

.inSixSlide .arrow {position: absolute; left: 90%; top: 55%; transform: translate(-50%, -50%)}
.inSixSlide .arrow a {width: 3.63rem;height: 3.63rem;background: #e2e2e2; border-radius: 50%; display: block; transition: .5s;}
.inSixSlide .arrow a {display: flex; align-items: center; justify-content: center; transform: rotate(90deg); cursor: pointer;}
.inSixSlide .arrow a:nth-child(2) {margin-top: 1.3rem; transform: rotate(270deg);}
.inSixSlide .arrow a img {filter: brightness(0);}
.inSixSlide .arrow a:hover {background: #e39000;}
.inSixSlide .arrow a:hover img {filter: none;}

.indexSeven {padding-bottom: 6rem;}
.indexSeven .container17 {width: 1700px; max-width: 92%; margin: auto; }
.indexSeven .swiperBox {position: relative; }
.insevSwiper { overflow: hidden; width: 1500px; margin: auto; max-width: 92%; padding: 1rem; padding-bottom: 2.4rem; box-sizing: border-box;}
.insevSwiper .swiper-slide {background: #f5f5f5; height: auto; transition: .5s;}
.insevSwiper .swiper-slide .imgBox {overflow: hidden;}
.insevSwiper .swiper-slide .imgBox img {display: block;width: 100%; transition: .5s;}
.insevSwiper .swiper-slide h6 {font-size: 1.25rem;font-weight: 400;color: #333333; margin-bottom: 1.3rem;}
.insevSwiper .swiper-slide .con {padding: 1.5rem;}
.insevSwiper .swiper-slide p {font-size: 0.94rem;font-weight: 400;color: #777777;line-height: 1.69rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.insevSwiper .swiper-slide i {width: 100%; height: 1px;background: #dddddd;display: block; margin-top: 2rem;}
.insevSwiper .swiper-slide .bom {display: flex; align-items: center; justify-content: space-between; padding-top: 1.5rem;}
.insevSwiper .swiper-slide .bom strong {font-size: 2.25rem;font-family: Arial, Arial-Bold;font-style: italic;font-weight: 700;color: #7b7b7b;}
.insevSwiper .swiper-slide .bom small {font-size: 1rem;font-family: Arial, Arial-Regular;color: #555555;font-weight: 400;margin-left: 0.5rem;}
.insevSwiper .swiper-slide:hover {box-shadow: 0rem 0rem 2.5rem 0rem rgba(0,0,0,0.04); background: #ffffff;}
.insevSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.insevSwiper .swiper-button-prev {width: 3.63rem;border-radius: 50%; height: 3.63rem;background: #f7f7f7;left: 0; transition: .5s;}
.insevSwiper .swiper-button-next {width: 3.63rem;border-radius: 50%;  height: 3.63rem; background: #f7f7f7; right: 0; transition: .5s;transform: rotate(180deg);} 
.insevSwiper .swiper-button-prev:hover ,.insevSwiper  .swiper-button-next:hover {background: #e39000;}
.insevSwiper .swiper-button-prev img ,.insevSwiper  .swiper-button-next  img { filter: brightness(0);}
.insevSwiper .swiper-button-prev:hover img ,.insevSwiper  .swiper-button-next:hover  img {filter: brightness(100);}
.insevSwiper .swiper-pagination {display: none;}
.insevSwiper .swiper-pagination-bullet {width: 0.81rem; height: 0.81rem; border: 1px solid #E39000; background: none;box-sizing: border-box; opacity: 1; margin: 0 10px !important;}
.insevSwiper .swiper-pagination-bullet-active {background: #E39000;}
.indexSeven .more {display: flex; justify-content: center; margin-top: 3rem;}
.indexSeven .more a {display: block; width: 16.25rem;height: 3.75rem;  background: #145caa; border-radius: 1.88rem;}
.indexSeven .more a {display: flex; align-items: center; justify-content: center; font-size: 1rem;font-weight: 400;color: #ffffff;}

/* 底部 */
footer {background: #145caa;}
footer .foterNav {padding: 4.5rem 0 5rem 0; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid rgba(240, 241, 245,.1);}
footer .foterNav dt {font-size: 1.15rem;font-weight: bold;color: #ffffff; margin-bottom: 3rem;}
footer .foterNav dd ,footer .foterNav dd a {font-size: 0.94rem;color: rgba(255, 255, 255,.37); margin-top: 0.8rem;}
footer .foterNav dd a:hover {color: #fff;}
footer .foterLinks {padding: 2rem 0;}
footer .foterLinks dt {font-size: 0.94rem;opacity: 0.72;font-weight: 700; color: #f4f7f8;}
footer .foterLinks dl {display: flex; align-items: center;flex-wrap: wrap;}
footer .foterLinks dl dd a {font-size: 0.94rem;opacity: 0.72; color: #f4f7f8; margin-right: 2rem;}
footer .foterLinks dl dd:last-child a {margin-right: 0;}
footer .foterLinks dl dd a:hover {color: #ffff; opacity: 1;}
footer .foterCopy {padding-bottom: 2.5rem;}
footer .foterCopy p , footer .foterCopy p a {font-size: 0.88rem;color: rgba(244, 247, 248,.38);font-weight: 400;}
footer .foterCopy p a:hover {color: #fff;}

/* ==========================内页========================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner img {width: 100%; display: block;}
.banner-title { position: absolute;  top: 0; left: 0;  position: absolute; height: 100%; width: 100%; display: flex; align-items: center; flex-direction: column;justify-content: center;}
.banner-title h1 {font-size: 2.25rem;font-weight: 400;color: #ffffff;}
.banner-title h2 {font-size: 1.88rem;color: #ffffff;}
.banner-title i {width: 3.13rem; height: 0.19rem; background: #ffffff; display: block; margin-top: 1rem;}

.ny-banner .container14 .box {position: absolute; width: 1400px; max-width: 92%; margin: auto; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.ny-banner .title {position: relative; width: 100%;}
.ny-banner .title strong {font-size: 3.5rem;display: block; color: rgba(255, 255, 255,.5);z-index: -1; text-transform: uppercase; font-family: Arial, Arial-Bold;font-weight: 700; }
.ny-banner .title h3 {font-size: 3.44rem;font-weight: 700;color: #fff;}
.ny-banner .title span {font-size: 1.5rem;font-weight: 400;color: #666666;display: block;}

.contact-banner .title strong {color: rgba(0, 0, 0, 0.2);}
.contact-banner .title h3 {font-size: 3.44rem;font-weight: 700;color: #333;}


/* 面包屑 */
.position {padding:2rem 0;}
.position .pobox {background: url(../images/home-icon.png) no-repeat 0 center;padding-left: 1.5rem;}
.position .pobox a {padding: 0 10px; position: relative;font-size: 0.9rem;color: #666666; transition: .5s;}
.position .pobox a::after {content: ">"; position: absolute; right: -3px; width: 10%; height: 100%; display: none; bottom: 0;}
.position .pobox a:first-child::after {display: block;}
.position .pobox a:hover {color: #145caa;}
.position .pobox a.on {color: #145caa;}
/* 导航  */
.about-nav ul {height: 4.88rem; display: flex; justify-content: center; align-items: center;}
.about-nav>div{background: #f5f5f5;}
.about-nav li {width: 20%; text-align: center; height: 100%; line-height: 4.88rem;}
.about-nav li>a {color: #000000;font-size: 1.13rem;font-weight: 400; display: block;}
.about-nav li::before {content: ""; position: absolute; right: 0;width: 0.06rem;     top: 42%; height: 1.38rem; background: #dedede;} 
.about-nav li:last-child::before {display: none;}
/* .about-nav li::after {content: ""; position: absolute; width: 0; transition: .5s;  left: 50%;   bottom: 0; height: 0.06rem;  background: #145caa;} */
.about-nav li:hover::after {width: 100%; left: 0;}
.about-nav li:hover>a {color: #145caa;}
.about-nav li.on::after {width: 100%; left: 0;}
.about-nav li.on>a {color: #fff;}
.about-nav li.on{background: #145caa}

.about-nav2{ position: absolute; width: 100%;;text-align: left;height:4.5rem;line-height: 4.5rem;}
.about-nav2 span{display: inline-block;height:4.5rem;line-height: 4.5rem;padding:0 1.5rem}
.about-nav2 span a{font-size:1.1rem;display: inline-block;width: 100%;height:3.5rem;line-height: 4.5rem;}
.about-nav2 span.on a{color:#005BAC;font-weight: bold;border-bottom:2px solid #005BAC}
.about-nav li:nth-child(1) .about-nav2{display: block;z-index: 99;}
/* 关于我们 */
.aboutTle {padding: 5rem 0; text-align: center;}
.aboutTle h3 {font-size: 2.38rem;font-weight: 400;color: #333333;}
.aboutTle strong {font-size: 2.25rem;font-family: Arial, Arial-Bold; font-weight: 700; color: #f6f6f6; text-transform: uppercase;display: block;}
.aboutTle i {display: inline-block;width: 3.75rem;height: 0.25rem;background: #145caa;}
.aboutOne {padding: 6rem 0; padding-top: 3rem;}
.aboutOne .aboutTle {padding-bottom: 1rem; padding-top: 0; text-align: left;}
.aboutOne .box {display: flex; align-items: center; justify-content: space-between;}
.aboutOne .box .le {width: 55%;}
.aboutOne .box .le p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 2rem; margin-top: 0.5rem;}
.aboutOne .box .re {background: #c4d0d4; border-radius: 2.5rem; overflow: hidden; width: 40%;}
.aboutOne .box .re img {display: block; object-fit: cover; width: 100%;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 10rem;}
.aboutTwo .aboutTle strong {font-size: 2.25rem;font-weight: 700;color: #e1e1e1;}
.aboutTwo ul {display: flex; justify-content: space-around;}
.aboutTwo ul li {text-align: center;}
.aboutTwo ul li img {transition: .5s;}
.aboutTwo ul li h4 {font-size: 1.88rem;font-weight: 400;color: #333; margin-top: 2rem;}
.aboutTwo ul li p {font-size: 1rem;font-weight: 400;color: #666666; margin-top: 1rem;}
.aboutTwo ul li:hover img {transform: rotateY(180deg);}

@keyframes fang1 {0% {  transform: scale(0);  opacity: 1; } 100% {  opacity: 0;  transform: scale(1); }}
.about-three {background: #0B3F49;  padding-bottom: 5rem;     position: relative;}
.about-three .aboutTle h3 {color: #fff;}
.about-three .aboutTle strong {color: rgba(225, 225, 225,.15);}
.about-three .aboutTle i {background: #fff;}
.about-three .swiperBox {position: relative;}
.three-swiper1 {padding-bottom: 3rem; width: 1500px; margin: auto; overflow: hidden;}
.three-swiper1 .swiper-slide {padding: 2rem 2rem 2rem 2rem; box-sizing: border-box; background: rgba(255,255,255,.09); opacity: .2;}
.three-swiper1 .swiper-slide h5 {font-size: 1.88rem;font-weight: 700;color: #ffffff; font-family: Arial, Arial-Bold;}
.three-swiper1 .swiper-slide span {font-size: 1rem;font-weight: 400;color: #ffffff; font-style: normal; line-height: 1.88rem;  display: block;}
.three-swiper1 .swiper-slide img {width: 100%; display: block; margin-top: 1rem; opacity: 0; height: 0; transition: .5s;}
.three-swiper1 .swiper-slide-active {opacity: 1;}
.three-swiper1 .swiper-slide-active img { transition: .5s; opacity: 1; height: auto;}
.three-swiper1 .swiper-wrapper {align-items: center;}
.three-swiper2 {overflow: hidden; background: url(../images/three-swiper2-bj.png) no-repeat center; padding: 2rem; box-sizing: border-box;width: 1500px; margin: auto; }
.three-swiper2 .swiper-pagination-progressbar {background: #145caa;}
.three-swiper2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #ffffff;}
.three-swiper2 .swiper-slide {text-align: center; display: flex; flex-direction: column; align-items: center; cursor: pointer;}
.three-swiper2 .swiper-slide i {display: inline-block;  width: 0.38rem; height: 0.38rem; border-radius: 50%; background: #ffffff; position: relative;     top: -0.25rem;}
.three-swiper2 .swiper-slide i::after {content: "";position: absolute; opacity: 0; width: 1.81rem;height: 1.81rem;    left: -11px; top: -11px; background: rgba(255,255,255,.5); border-radius: 50%;}
.three-swiper2 .swiper-slide h6 {font-size: 1.13rem;color: #ffffff;padding-bottom: 1rem; order: -1; transition: .5s;}
.three-swiper2 .swiper-slide-active i {top: -2.3rem;}
.three-swiper2 .swiper-slide-active i::after {animation: fang1 2s linear infinite;  opacity: 1;}
.three-swiper2 .swiper-slide-active h6 {font-size: 2.5rem;font-weight: 700;    position: relative; top: -2rem;}
.three-swiper2 .swiper-button-prev {width: 2.81rem; height: 2.81rem;   transform: rotate(180deg); background: rgba(255, 255, 255,.1); top: 85%;left: 0; border-radius: 50%;}
.three-swiper2 .swiper-button-next {width: 2.81rem; height: 2.81rem;   background: rgba(255, 255, 255,.1);   top: 85%;right: 0;  border-radius: 50%; }

.about-four {background: #f8f8f8; padding-bottom: 2.5rem; position: relative;}
.about-four .swiperBox {position: relative;}
.about-four .aboutTle strong {color: #E1E1E1;}
.about-four .aboutTle i {background: #145caa;}
.abhonor-swiper {overflow: hidden; width: 1400px; margin: auto; max-width: 90%;}
.abhonor-swiper h6 {font-size: 1.13rem; color: #333333;font-weight: 400; background: #fff; text-align: center; padding: 0.9rem 0;}
.abhonor-swiper .swiper-slide {height: auto; background: #fff; padding-bottom: 4rem;}
.abhonor-swiper .swiper-slide .img {overflow: hidden; height: 100%; display: flex; align-items: center;}
.abhonor-swiper .swiper-slide img {display: block; transition: .5s; width: 100%;}
.about-four .swiper-pagination {display: none;}
.abhonor-swiper .swiper-slide .con {position: absolute; width: 100%; bottom: 0; }
.about-four .swiper-pagination-bullet {width: 0.63rem; height: 0.63rem;  background: #dddddd; opacity: 1; }
.about-four .swiper-pagination-bullet-active {background: #145caa;}
.about-four .swiper-button-prev {top: 40%;left: 0%; }
.about-four .swiper-button-next {top: 40%;right: 0%; transform: rotate(180deg); }
.about-four .swiper-button-prev img ,.about-four .swiper-button-next img { filter: brightness(0); }
.about-four .more {text-align: center;}
.abhonor-swiper .swiper-slide:hover img {transform: scale(1.05);}
.about-four .more a {display: inline-block;width: 14.38rem; margin-top:3rem;  transition: .5s; font-size: 1rem;color: #2f3448; border: 1px solid #2f3448; text-align: center; line-height: 4.06rem; height: 4.06rem;  border-radius: 2.06rem;}
.about-four .more a:hover {color: #ffffff;background: #0B3F49;}

.aboutShow {background: #fff;}
.aboutShow .aboutTle p {width: 80%;color: #666; font-size: 1rem; margin: auto; line-height: 2rem;}
.aboutShow .aboutTle p:nth-child(4) {margin-top: 2rem;}

/* .aboutShow .abhonor-swiper {width: 1600px;}
.aboutShow .aboutShowSwiper {width: 1500px; margin: auto; overflow: hidden;} */

.aboutShowSwiper {overflow: hidden; width: 1400px; margin: auto; max-width: 90%;}
.aboutShowSwiper h6 {font-size: 1.13rem; color: #333333;font-weight: 400; background: #fff; text-align: center; padding: 0.9rem 0;}
.aboutShowSwiper .swiper-slide {height: auto; background: #fff; padding-bottom: 4rem;}
.aboutShowSwiper .swiper-slide .img {overflow: hidden; height: 100%; display: flex; align-items: center;}
.aboutShowSwiper .swiper-slide img {display: block; transition: .5s; width: 100%;}
.aboutShowSwiper .swiper-pagination {display: none;}
.aboutShowSwiper .swiper-slide .con {position: absolute; width: 100%; bottom: 0; }
.aboutShowSwiper .swiper-pagination-bullet {width: 0.63rem; height: 0.63rem;  background: #dddddd; opacity: 1; }
.aboutShowSwiper .swiper-pagination-bullet-active {background: #145caa;}
.aboutShowSwiper .swiper-button-prev {top: 40%;left: 0%; }
.aboutShowSwiper .swiper-button-next {top: 40%;right: 0%; transform: rotate(180deg); }
.aboutShowSwiper .swiper-button-prev img ,.aboutShowSwiper .swiper-button-next img { filter: brightness(0); }
.aboutShowSwiper .more {text-align: center;}
.aboutShowSwiper .swiper-slide:hover img {transform: scale(1.05);}

/* 产品中心 */
.equipments {margin:6rem 0 3rem 0;}
.equipments img {max-width: 100%;}
.equipments ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem;}
.equipments li {background: #f7f7f7; height: auto; padding:0rem 0rem 1rem 0rem; box-sizing: border-box; transition:background .5s; }
.equipments li .imgBox {display: flex; align-items: center; justify-content: center; overflow: hidden;}
.equipments li .imgBox img {transition: .5s; max-width: 100%;}
.equipments li .con {margin-top: 2rem;}
.equipments li small {font-size: 1.13rem;font-weight: 700;color: #041e41;display: block; margin-bottom: 1rem;}
.equipments li p {font-size: 1rem;font-weight: 400;color: #888888;line-height: 1.5rem;}
.equipments li:hover {box-shadow: 0rem 0rem 2.5rem 0rem rgba(0,0,0,0.04); background: #ffffff;}
.equipments li:hover .imgBox img {transform: scale(1.05);}

/* 产品详情 */
.nyXq {background: #f5f5f5; padding: 6rem 0; padding-top: 0;}
.nyXq .box .container {width: 1600px;}
.nyXq .box {position: relative;}
.nyXq .box::after {position: absolute;content: "";width: 100%;top: 0;height: 18.88rem;background: #145caa;z-index: 0;}
.nyXq .tle { padding: 3rem 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;  position: relative; z-index: 1;}
.nyXq .tle h3 {font-size: 2.5rem;color: #ffffff;font-weight: 700; margin-right: 1rem; margin-top: 0.5rem;}
.nyXq .tle ul {display: flex; margin-top: 0.5rem;}
.nyXq .tle ul li , .nyXq  .tle ul li a {font-size: 1rem;color: #ffffff; }
.nyXq .tle ul li a {margin: 0 0.3rem;}
.nyXq .Boxcon {background: #fff; padding: 5%; box-sizing: border-box;  position: relative; z-index: 1;}
.nyXq .Boxcon .tle2 {font-size: 2.38rem;font-weight: 700;color: #333333;margin-bottom: 4rem;}
.nyXq .box2Con {display: flex; justify-content: space-between;}
.nyXq .conLe {width: 49%; display: flex; position: relative; justify-content: space-between;}
.mySwiper2-pro { overflow: hidden;border: 0.06rem solid #dddddd; width: 71%; min-height: 20rem;}
.mySwiper2-pro .swiper-slide {background: #ffffff; height: 100%; display: flex; align-items: center; justify-content: center;}
.mySwiper2-pro .swiper-slide img {max-width: 100%;}
.mySwiper2-pro .swiper-slide .slide-img {padding: 1rem; box-sizing: border-box;}
.mySwiper2-pro .swiper-button-prev {width: 8.75rem; height: 2.38rem;background: #dbdbdb; position: absolute;left: initial; right: 0; top: 24px;}
.mySwiper2-pro .swiper-button-next {width: 8.75rem; height: 2.38rem;background: #dbdbdb; top: initial; bottom: 0; right: 0;position: absolute; transform: rotate(180deg);}
.mySwiper-pro {position: relative; overflow: hidden; margin: 3.2rem 0; max-height: 27rem;}
.mySwiper-pro .swiper-slide {cursor: pointer;}
.mySwiper-pro .slide2-img {width: 8.75rem; height: 5rem; height: 100%; border: 0.06rem solid #dddddd;padding: 0.5rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center;position: relative;}
.mySwiper-pro .slide2-img img {display: block; width: 100%; height: 100%;}
.mySwiper-pro .slide2-img::after {content: "";width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(2, 9, 20,.3); opacity: 1; transition: .5s;}
.mySwiper-pro .swiper-slide-thumb-active .slide2-img::after {opacity: 0;}
.nyXq .conRe {width: 45%;}
.nyXq .conRe dl dd {border-bottom: 1px solid #EEEEEE; padding: 2rem 1rem; box-sizing: border-box;}
.nyXq .conRe dl dd b {font-size: 1.13rem;font-weight: 700;color: #333333; position: relative; padding-left: 1rem;}
.nyXq .conRe dl dd b::before { content: ""; width: 0.38rem;height: 0.38rem; background: #145caa; border-radius: 50%; position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%)}
.nyXq .conRe dl dd i {width: 0.38rem;height: 0.38rem;background: #145caa;border-radius: 50%;}
.nyXq .conRe dl dd span {font-size: 1rem;display: block; padding-left: 1rem; color: #666666;}

.deInfo {margin-top: 6rem; display: flex; justify-content: space-between; align-items: flex-start;}
.deInfo .infoTle {border-bottom: 1px solid #DDDDDD; padding-bottom: 2rem;}
.deInfo .infoTle strong {font-size: 2.13rem;font-weight: 400;color: #333333;}
.deInfo .infoTle small {font-size: 1.13rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #bababa; margin-left: 1rem;}
.deInfo .deils {width: 62%;}
.deInfo .deils .deilsCon {margin-top: 2rem;}
.deInfo .deils .deilsCon img {max-width: 100%;}
.deInfo .recomd {width: 30%; position: sticky; top: 8rem;}
.deInfo .recomd dl dd {padding: 1rem 0; border-bottom: 1px solid #eee;}
.deInfo .recomd dl dd a {display: flex; align-items: center;justify-content: space-between;}
.deInfo .recomd dl dd .imgBox {width: 32%; display: flex; align-items: center; background: #FFF; overflow: hidden;}
.deInfo .recomd dl dd .imgBox img {width: 100%; display: block; transition: .5s;}
.deInfo .recomd dl dd .recomCon {width: 60%;}
.deInfo .recomd dl dd h6 {font-size: 1.13rem;font-weight: 700;color: #333333; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.deInfo .recomd dl dd em {font-size: 0.88rem;font-weight: 400;color: #145caa; margin-top: 1rem;display: block;}
.deInfo .recomd dl dd a:hover .imgBox img {transform: scale(1.05);}
.deInfo .recomd dl dd a:hover h6 {color: #145caa;}

/* 合作伙伴 */
.honer {padding: 2rem 0 7rem 0;}
.honer ul {display: grid; grid-template-columns: repeat(2,1fr); column-gap: 2.5rem; row-gap: 2rem;}
.honer ul li {background: #ffffff; border: 0.06rem solid #dddddd; }
.honer ul li img {width: 100%; display: block; transition: .5s;}
.honer ul li:hover img {filter: none;}

.honer1 ul{ grid-template-columns: repeat(5,1fr); }


/* 新闻列表*/
.news {padding: 3rem 0; background-color: #fbfbfb;}
.news li {padding: 4rem 0; border-bottom: 1px solid #efefef;}
.news li a {display: flex;justify-content: space-between;}
.news li .news-img {width: 32%; overflow: hidden; height: 17rem;}
.news li .news-img img {width: 100%; height: 100%; object-fit: cover; transition: .5s; display: block;}
.news li .news-right {width: 64%;}
.news li .news-title {display: flex;justify-content: space-between;align-items: center;text-align: center;}
.news li .news-title em {font-size: 2.5rem;color: #333;line-height: 3rem;font-weight: bold;}
.news li .news-title span {font-size: 1.1rem; color: #333;display: block;}
.news li .news-title h3 {font-size: 1.5rem;width: 80%; text-align: left; color: #333;display: -webkit-box;  overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news li .news-right p {font-size: 1rem; color: #999; padding: 1.25rem 0 0 0;position: relative; display: -webkit-box;  overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news li .news-right .news-more {font-size: 0.9rem; color: #333; display: block;margin-top: 2.5rem; border-top: 1px dashed #d8d8d8; padding-top: 2.5rem;position: relative;}
.news li .news-right .news-more::after {position: absolute; content: ""; width: 0; transition: 1s; border-bottom: 1px dashed #145caa; top: 0; left: 0;}

.news li:hover .news-img img {transform: scale(1.05);}
.news li:hover .news-title em {color: #145caa;}
.news li:hover .news-title span {color: #145caa;}
.news li:hover .news-title h3 {color: #145caa;}
.news li:hover .news-right .news-more::after {width: 100%;}
.news li:hover .news-right .news-more {color: #145caa; }
.news li:hover .news-right .news-more span {animation: jtyd  1s infinite; display: inline-block;}
/* news-more */
@keyframes jtyd {
	0% {
		transform: translateX(-10px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

/* 行业应用 */
.solutionDe {background: #f5f5f5; padding: 5rem 0;}
.solutionDe h3 {text-align: center;font-size: 2.25rem;font-weight: 400;color: #333333;}
.solutionDe .text {  margin-top: 3rem;}


/* 联系我们 */
.contactbox {padding:2.5rem 0 8.5rem 0;}
.contactbox .cont {width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;}
.contactbox .cont .lt, .contactbox .cont .gt { width: 50%;}
.contactbox .cont .tit {font-size: 2rem;font-weight: 400;color: #333333;}
.contactbox .cont .lt .text {font-size: 1.25rem;color: #666666;font-weight: 400; margin-top: 2rem;}
.contactbox .cont .lt .make-text {margin: 4rem 0 2.5rem 0;}
.contactbox .cont .lt .make-text p {font-size: 1.75rem;color: #222222;}
.contactbox .cont .lt .make-text span {font-size: 1.5rem;color: #222;font-weight: 700; font-family: Arial, Helvetica, sans-serif;}
.contactbox .cont .lt dl dd {font-size: 1.05rem;color: #777777;font-weight: 400; margin-top: 1.6rem; display: flex; align-items: center;}
.contactbox .cont .lt dl dd img {margin-right: 0.5rem;}
.contactbox .cont .gt .form { width: 100%; margin-top: 2rem;}
.contactbox .cont .gt .form .item { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.contactbox .cont .gt .form .item input {width: calc(50% - 10px);}
.contactbox .cont .gt .form .item textarea, .contactbox .cont .gt .form .item input, .contactbox .cont .gt .form .item button {    box-sizing: border-box; padding: 21px 24px;font-size: 16px; color: #333; background-color: #f5f5f5; resize: none; outline: none; border: none; margin-bottom: 20px;}
.contactbox .cont .gt .form .emale1 input {width: 100%;}
.contactbox .cont .gt .form .item textarea {width: 100%;height: 150px;font-family: '微软雅黑';}
.contactbox .cont .gt .form .item button { width: 100%;background-color: #145caa;color: #fff;font-weight: bold; font-size: 18px; border-radius: 3px; cursor: pointer;}
input, input:focus, input:active, button, button[type=button], textarea:focus { appearance: none; -webkit-appearance: none; outline: none;}


/*内容页*/
.ny-news-xq {margin-bottom: 5rem;}
.news-title {padding-bottom:2rem;border-bottom:2px solid #005bac;position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;}
.news-title .tleCon {margin-right: 1rem;}
.news-title h3 {font-size:1.8rem;color:#333;font-weight:bold}
.news-title span {display: block;font-size:1rem;color:#666;margin-top: 0.5rem;}
.news-title .back {margin-top: 2rem; }
.news-title .back a {width:108px;height:48px;line-height: 48px;border-radius:48px;color:#fff;background: url(../images/news-left.png) no-repeat center left 20px #005BAC;padding:0 20px;display: block;text-indent: 30px;font-size:18px;}
.nr-content {margin: 3rem 0;}
.nr-content .newsCon {margin-bottom: 3rem;}
.nr-content p img{margin:0 auto;display: block;}
.nr-content p {line-height:34px ;font-size:18px;color:#333;text-indent: 36px;margin-bottom:10px;}
.page-fy {border-top:1px solid #ddd;font-size: 1rem;}
.page-fy div {margin-top: 1rem; display: block;}
.page-fy a {font-size: 1rem; color: #666;}
.page-fy a:hover{color:#005bac;}



/* 搜索页面 */
.search-page .box {margin-top: 8vh;}
.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 .search-text {padding: 5px 0; width: 95%; 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(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; 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: #145caa; 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;}
.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: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 0.06rem 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: #145caa;}
.fy .layui-laypage-curr {color: #fff; background: #145caa; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}