@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: 16px/1.5 "Microsoft YaHei",Arial, Helvetica , 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:1630px; 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: "CENTURY";
  src: url("../font/centurygothic.ttf");
}
@font-face {
  font-family: "GEORGIAB";
  src: url("");
}
@font-face {
  font-family: "HEEBO";
  src: url("");
}

/* CSS Document */
/* 了解更多hover效果 */
.mouseHover {width: 10.69rem;height: 3.56rem;border: 0.06rem solid #333; display: flex; align-items: center; justify-content: center; position: relative;}
.mouseHover::before {transition: all 0.5s;content: '';width: 0%;height: 100%;background: #367BC1; position: absolute;top: 0;left: 0;}
.mouseHover:hover:before { width: 100%;}
.mouseHover span {position: relative; z-index: 1;font-size: 1rem;color: #333; margin-right: 1rem;}
.mouseHover img {position: relative; z-index: 1; filter: brightness(0); transition: .5s;}
.mouseHover:hover {border-color: #367BC1;}
.mouseHover:hover span {color: #fff;}
.mouseHover:hover img {filter: none;}

/* ==首页==*/
/* .zwys {height: 7.25rem;} */
header {position: fixed; width: 100%; left: 0; z-index: 99; top: 0; transition: .5s;}
.headerBox .container {width: 1800px;}
.headerBox .box {display: flex; justify-content: space-between; height: 6.25rem; align-items: center; transition: .5s;} 
.headerBox .box .logo {display: flex; align-items: center;}
.headerBox .box .logo img {max-width: 100%;}
.headerBox .box .he-re {display: flex; align-items: center; width: 55%;justify-content: space-between;}
/* 一级栏目 */
nav {width: 80%;}
nav ul {display: flex;justify-content: space-between; align-items: center;}
nav ul > li {position: relative; text-align: center; line-height: 6.25rem;}
nav ul li > a { display: block; }
nav ul li > a > span {font-size: 1rem;color: #FFFFFF;position: relative;}
nav ul li > a > span::after {content: ""; transition: .5s; display: none; width: 0.56rem;height: 100%; background: url(../images/jt1.png) no-repeat center; background-size: auto; position: absolute; right: 0; top: 0;}
nav ul li:hover > a > span {color: #FF7200; }
nav ul li.on > a > span {color: #FF7200;}
nav ul li:nth-child(2) > a > span , nav ul li:nth-child(3) > a > span{padding-right: 1.2rem;}
nav ul li:nth-child(2) > a > span::after {display: block;}
nav ul li:nth-child(3) > a > span::after {display: block;}
nav ul li:hover > a > span::after {transform: rotate(180deg);}

/* 二级下拉 */
nav ul li .dlDown {position: absolute; top: 80%; line-height: initial; padding: 1rem 0; left: -30%; width: 150%; box-sizing: border-box; display: none;}
nav ul li dl {position: relative; padding: 1rem 0 0.5rem 0;background: #fff; border-radius: 0.5rem; box-shadow: 1px 1px 20px rgb(0 0 0 / 5%);}
nav ul li dl::after {content: ""; width: 1rem; height: 1rem; background: #fff;  position: absolute; z-index: 11; left: 50%; top: 0%; transform: translate(-50%, -50%) rotate(45deg); }
nav ul li dl dd a {padding: 0.6rem; font-size: 0.9rem; color: #333;display: block; transition: .5s;}
nav ul li dl dd a:hover {background: #FF7200; color: #fff;}
nav ul li:nth-child(3) .dlDown {    left: -127%;  width: 338%;}
/* 语言 */
.language {position: relative; line-height: 3rem;}
.language a {font-size: 1.13rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #ffffff;}
.language a:hover {color: #FF7200;}
/* 搜索 */
.heSearch {position: relative;}
.heSearch .seBox {display: flex; align-items: center;}
.heSearch a { display: flex; align-items: center; justify-content: center;}
.heSearch a:hover img {filter: invert(50%) sepia(29%) saturate(3651%) hue-rotate(358deg) brightness(99%) contrast(108%);}
/* 搜索框*/
.searchSub {position: absolute; right: 0; height: 40px; top: 4.5rem;  display: none;   box-shadow: 1px 1px 20px rgb(0 0 0 / 5%); background: #f5f5f5;}
.searchSub form {display: flex;}
.searchSub input {border: none; outline: none; font-family: "Microsoft YaHei"}
.searchSub .textin {width: 200px;  font-size: 1rem;color: #333; padding: 0 1rem; box-sizing: border-box;}
.searchSub .textin::placeholder {font-size: 0.9rem; color: #333;}
.searchSub .sub {width: 50px; height: 40px; background: url(../images/searchIcon.png) no-repeat center #FF7200;cursor: pointer;}
/* 下滑头部样式 */
header.navfixed {box-shadow: 1px 1px 20px rgb(0 0 0 / 5%); background-color: rgba(15,15,15,0.5);}
header.navfixed .box {height: 6rem;}
header.navfixed nav ul li {line-height: 6rem;}
header.navfixed .searchBox {top: 6rem; border-radius: 0; width: 100%;}

/* banner */
.banner {position: relative; height: 100vh; background:repeating-linear-gradient( #252525,#09131b);}
.bannerSwiper {overflow: hidden; position: relative; height: 100%;}
.bannerSwiper .swiper-slide {height: 100%; background-size: cover;}
.bannerSwiper .swiper-slide .con {width: 1630px; max-width: 92%; margin: auto; position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%);z-index: 1;}
.bannerSwiper .swiper-slide .con strong {display: block;font-style: italic; font-size: 5.25rem;font-weight: 900;line-height: 6rem;  color: #ffffff;font-family: Arial, Arial-Black;}
.bannerSwiper .swiper-slide .con strong:nth-child(3) {color: #FF7200;}
.bannerSwiper .swiper-button-next {transform: rotate(180deg);}
.bannerSwiper .swjt:hover img {filter: invert(50%) sepia(29%) saturate(3651%) hue-rotate(358deg) brightness(99%) contrast(108%);}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;display: block;}
.bannerSwiper ul {margin: auto;width: 100%; padding: 0 2%; box-sizing: border-box; display: flex; justify-content: space-between; position: absolute; bottom: 10%; left: 0;}
.bannerSwiper ul li {width: calc(100% /3); text-align: center;}
.bannerSwiper ul li:nth-child(1) {position: relative; left: -4%;}
.bannerSwiper ul li .bannerText {color: #fff; font-size: 2.75rem;}
.bannerSwiper ul li span {font-size: 1.5rem; color: #fff;}
.bannerSwiper ul li:nth-child(2) {position: relative; left: -2.5%;} 
.bannerSwiper ul li:nth-child(3) {position: relative; left: 2%;} 

/* 摩托 */
.motuo {position: absolute; width: 100%; opacity: 0; height: 100%; z-index: -1; visibility: hidden; left: -60%; transition: 1s;}
.motuo.on {left: 0; opacity: 1; visibility: visible;}
.motuo img {display: block; height: 100%; width: 100%;}

/* 首页公用标题 */
.indexTle {}
.indexTle h3 {font-size: 3.75rem;font-weight: 0;color: #333333; font-weight: 200; font-family: "CENTURY"; font-style: normal;}
.indexTle span {font-size: 1.25rem;font-weight: 700;color: #333333;}

.indexOne {margin: 9rem 0;}
.indexOne .box {display: flex; justify-content: space-between; align-items: center;}
.indexOne .boxLe .more {margin-top: 6.5rem;}
.indexOne .boxRe {width: 54%;}
.indexOne .boxRe h5 {font-size: 2.38rem;font-weight: 400;color: #333333;}
.indexOne .boxRe i {display: block; width: 100%; height: 1px; background: #000000; margin: 1.5rem 0;}
.indexOne .boxRe p {font-size: 1rem;font-weight: 400;color: #858585;}

.indexTwo {background: #f6f6f6; padding: 8rem 0 10rem 0;}
.indexTwo ul {display: flex; justify-content: space-between;}
.indexTwo ul li {width: 20%; text-align: center;}
.indexTwo ul li .icBox {height: 3.5rem;width: 3.5rem; display: flex; align-items: center; justify-content: center; margin: auto;margin-bottom: 2rem; }
.indexTwo ul li .icBox img {max-width: 100%;}
.indexTwo li .num {display: flex; align-items: flex-start; justify-content: center;}
.indexTwo li .num strong {font-size: 5.06rem;font-weight: 700;font-family: "CENTURY"; color: #367BC1; line-height: 4rem;}
.indexTwo li .num b {font-size: 1.25rem;font-weight: 700;color: #367bc1; margin-left: 0.5rem;}
.indexTwo li span {font-size: 1.13rem;font-weight: 400;color: #1e1e1e; margin:2rem 0 1rem 0;display: block;}
.indexTwo li i {display: inline-block; width: 2.31rem;height: 0.06rem;background: #252525;}
.indexTwo li p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 1.63rem;margin-top: 2rem;}

.indexThree {margin-bottom: 10rem;}
.indexThree .tle {display: flex; justify-content: space-between; align-items: center; padding: 7rem 0;}
.indexThree ul {display: flex; justify-content: space-between;}
.indexThree li {width: 24%; height: auto;border: 0.06rem solid #eeeeee;}
.indexThree li .imgBox {overflow: hidden;}
.indexThree li .imgBox img {width: 100%;display: block;transition: all .5s;}
.indexThree li:hover .imgBox img{transform: scale(1.1);}
.indexThree li .con { border-top: 0; padding:11% 5% 14% 5%; box-sizing: border-box;}
.indexThree li .con h5 ,.indexThree li .con h5 a{text-align: center; font-size: 1.75rem;font-weight: 400;color: #222222;}
.indexThree li .con h5 a:hover{color: #367BC1;}
.indexThree li dl {display: grid; grid-template-columns: repeat(2,auto); column-gap: 7rem;row-gap: 1rem; justify-content: center; margin-top: 3rem;}
.indexThree li dl dd a {padding-left: 1.5rem;box-sizing: border-box; font-size: 1.13rem;font-weight: 400;color: #333333; background: url(../images/jt4.png) no-repeat left;}
.indexThree li dl dd a:hover {color: #367BC1;}
.indexThree li:last-child dl {gap: 0;}

.indexFour {max-width: 1920px; margin: auto; position: relative;}
.indexFour .indexTle {position: absolute; width: 1630px; max-width: 92%; margin: auto; position: absolute; left: 50%; top: 15%; transform: translate(-50%, -50%);z-index: 999;}
.indexFour .indexTle h3 {color: #fff;}
.indexFour .indexTle span {color: #fff;}
.inFivSwiper {position: relative; overflow: hidden; background: #252525;}
.inFivSwiper .box {display: flex; align-items: center;}
.inFivSwiper .box .imgBox {width: 43%;}
.inFivSwiper .box .imgBox img {display: block; width: 100%;}
.inFivSwiper .box .con {width: 57%; padding: 2% 4%;box-sizing: border-box;}
.inFivSwiper .box small {font-size: 1.88rem;font-weight: 300;color: #ffffff;display: block;}
.inFivSwiper .box strong {display: block;font-size: 2.81rem;font-weight: 700;color: #ffffff;margin-bottom: 2.5rem;}
.inFivSwiper .box p {font-size: 1rem;color: #979797;font-weight: 400;line-height: 1.63rem;}
.inFivSwiper .box .more {margin-top: 5rem;}
.inFivSwiper .box .more a {border-color: #fff;}
.inFivSwiper .box .more a span {color: #fff;}
.inFivSwiper .box .more a img {filter: none;}
.inFivSwiper .box .more a:hover {border-color: #367BC1;}
.inFivSwiper .swjt {width: 3.5rem;height: 3.5rem;  background: #ffffff; border-radius: 50%; top: 80%; left: 90%; transition: .5s;}
.inFivSwiper .swiper-button-prev {transform: rotate(180deg); left: 85%;}
.inFivSwiper .swjt img {filter: brightness(0); }
.inFivSwiper .swjt:hover {background: #367BC1;}
.inFivSwiper .swjt:hover img {filter: none;}
.inFivSwiper .swiper-pagination { z-index: 1; left: 35%; bottom: 5%; width: auto;}
.inFivSwiper .swiper-pagination span {display: none; background: none; color: #FFFFFF;font-size: 1.63rem;font-weight: 700;font-family: "CENTURY";width: 5rem;height: 5rem; border-radius: 50%; text-align: center;  align-items: center; justify-content: center;}
.inFivSwiper .swiper-pagination .swiper-pagination-bullet-active {display: flex;justify-content: center; align-items: center;}
.inFivSwiper .swiper-pagination svg {position: absolute; left: 50%; top: 50%;   transform: translate(-50%, -50%) rotate(-90deg);height: 100%;width: 100%;}
.inFivSwiper .swiper-pagination svg #circle1 {stroke-width: 2;}
.inFivSwiper .swiper-pagination svg #circle2 {stroke-dasharray:0 300; stroke-width: 2; }
.inFivSwiper .swiper-pagination .swiper-pagination-bullet-active #circle2 {animation: 10.5s svgcircle infinite;}
@keyframes svgcircle {from {stroke-dasharray:0 300;} to { stroke-dasharray: 300 0;}}

.indexSix {margin-bottom: 10rem;}
.indexSix .tle {display: flex; justify-content: space-between; align-items: center; padding: 8rem 0;}
.indexSix ul {display: flex; justify-content: space-between;}
.indexSix ul li {height: 30.38rem; background: #f5f5f5; width: 23.5%; padding: 5% 2%; box-sizing: border-box;position: relative; transition: .5s;} 
.indexSix ul li .imgBox {position: absolute; top: 0; left: 0; z-index: -1;height: 100%; width: 100%;}
.indexSix ul li .imgBox img {display: block; height: 100%; object-fit: cover; width: 100%;}
.indexSix li .con h5 {font-size: 1.38rem;font-weight: 400;color: #333333;margin-bottom: 1.8rem; height: 4rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexSix li .con p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 1.63rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.indexSix li .more {display: flex; justify-content: space-between; position: absolute; left: 0; bottom: 5%;width: 100%; padding: 0 8%; padding-right: 12%; box-sizing: border-box;}
.indexSix li .more span {font-size: 1rem;font-weight: 400;color: #0a0a0a;}
.indexSix li .more em {font-size: 1rem;font-weight: 400;color: #0a0a0a; text-transform:uppercase;position: relative; display: block; z-index: 1;}
.indexSix li .more em::after {content: "" ; opacity: 0; width: 42%; height: 100%; border-radius: 50%;background: #367BC1;position: absolute; z-index: -1;animation: servicesmoreyq 2s infinite linear; }
@keyframes servicesmoreyq {0% { left: 0;}20% { left: 20%;}40% { left: 40%; }60% {  left: 50%;}80% { left: 20%;}100% { left: 0; }}
.indexSix li:hover {background: none;}
.indexSix li:hover .con h5 , .indexSix li:hover .con p , .indexSix li:hover .more span , .indexSix li:hover .more em {color: #fff;}
.indexSix li:hover .more em::after {opacity: 1;}

.indexSeven {background: #f5f5f5; padding: 4rem 0 6rem 0;}
.indexSeven .box {display: flex; justify-content: space-between; align-items: center;}
.indexSeven .box .le small {font-size: 1.25rem;font-weight: 700;color: #333333;display: block;margin-bottom: 1rem;}
.indexSeven .box .le span {display: block;font-size: 1.75rem;font-weight: 400;color: #333333;}
.indexSeven .re {width: 55%;}
.indexSeven form {}
.indexSeven form .inBox {width: 100%;display: flex; justify-content: space-between;}
.indexSeven form input {outline: none; width: 49%; font-size: 1rem; color: #333; background: #ffffff; border: none; padding:0 1.2rem;box-sizing: border-box; border-radius: 0.31rem;height: 3.88rem;}
.indexSeven form input::placeholder {font-size: 1rem;color: #979797;font-weight: 400;}
.indexSeven form .inBox2 {margin-top: 1rem; display: flex; justify-content: space-between;}
.indexSeven form .inBox2 input {width: 80%;}
.indexSeven form .inBox2 .sub {width: 18%; padding: 0;background: #252525;color: #fff;font-weight: 700; cursor: pointer;}

/* 底部 */
footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; padding: 3.5rem 0 5rem 0; background-attachment: fixed;  position: relative;   background-position-y: 100%;    background-size: 100% 35%;}
footer .box {display: flex; justify-content: space-between; align-items: center;}
.foterLogo{max-width: 110px;margin: 0 auto;;}
.foterLogo img{width: 100%;}
footer .box dl {display: grid; grid-template-columns: repeat(4,auto); gap: 1rem; justify-content: center; margin-top: 2rem;}
footer .box dd {}
footer .box dd .icBox {height: 2.5rem; width: 2.5rem; display: flex; align-items: center; justify-content: center; background: #fff;border-radius: 50%;}
footer .box dd .icBox img {max-width: 100%; transition: .5s;}
footer .box dd:hover .icBox img {transform: scale(1.05);}
footer .box dd .hide {position: absolute; left:22%; top:81px; display: block !important;width: 110px;;}
footer .box dd .hide img{width: 100%;}
footer .re {width: 75%;}
footer .re ul {display: flex;justify-content: space-between; width: 67%; margin: 0 0 0 auto;}
footer .re ul li a {font-size: 1rem;font-weight: 400;color: #f5f5f5;}
footer .re ul li a:hover {color: #367BC1;}
footer .re .copy {margin-top: 5rem; text-align: right;}
footer .copy p , footer .copy p a {font-size: 0.88rem;font-weight: 400;color: rgba(255, 255, 255,.36);}
footer .copy p a:hover {color: #367BC1;}

/* 右侧固定 */
.slideflex{ position: fixed; right: 30px; bottom: 0; z-index: 9; padding-bottom: 150px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; display: none;}
.relate li{ margin-bottom: 10px; position: relative;}
.relate li > a {display: flex;  align-items: center;  justify-content: center; width: 2.69rem;height: 2.69rem;background: #F5F5F5; border-radius: 50%;box-shadow: 0rem 0rem 1rem 0.05rem rgba(24,25,25,0.22); text-align: center; line-height: 2.69rem; position: relative; z-index: 3;}
.relate li > a img {display: block; }
.relate li > a i { display: block; width: 16px; height: 16px; border-radius: 50%; text-align: center; line-height: 16px; color: #fff; font-size: 12px; font-family: arial; background: #FD758F; position: absolute; right: 4px; top: 7px; -webkit-animation: scolltops 2.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;}
.relate li > a:before{content: ""; width: 100%; height: 100%;-o-animation: move 10s infinite; animation: move 10s infinite; -webkit-animation: move 10s infinite; -moz-animation: move 10s infinite; position: absolute; left: 0; top: 0; z-index: -1; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transition: 0.38s; -o-transition: 0.38s; -moz-transition: 0.38s; transition: 0.38s;}
.relate li:hover > a:before{opacity: 1; visibility: visible;}
.relate li:hover .telbox,.relate li.active .telbox,.relate li:hover .eqbox { opacity: 1; visibility: visible; right: 100%;}
.telbox{ padding-right: 22px;  position: absolute; right: 150%; top: -0.5rem; opacity: 0; visibility: hidden; -webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}
.telbox span { display: block; padding: 20px 0 20px 27px; background: #fff; color: #367BC1; font-size: 16px; font-weight: bold; line-height: 16px; white-space: nowrap; padding-right: 12px; position: relative; border-radius: 12px;}
.telbox span:before { content: ""; width: 5px; height: 16px; background: #367BC1; position: absolute; left: 13px; top: 50%; margin-top: -8px;}
.telbox span:after { content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: -9px; top:50%; margin-top: -8px;}
.eqbox { padding-right: 22px; position: absolute; right: 150%; top: 80%; margin-top: -80px; opacity: 0; visibility: hidden; -webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}
.eqbox:before {content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: 15px; top:50%; margin-top: -8px;}
.eqbox img {display: block; width: 120px; padding: 10px;  background: #fff; border-radius: 12px;    box-shadow: 0rem 0rem 1rem 0.05rem rgba(24,25,25,0.22);}
@-webkit-keyframes scolltops {
    0%,75%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(-10px);
    }
}

/* ===========================================内页=========================================== */
.ny-banner {height:100vh;background-attachment: fixed !important;}
.ny-banner .tle {display: flex; align-items: center; justify-content: center; height: 100%;}
.ny-banner .tle h2 b {color: #FFFFFF;font-weight: 900;font-family: Arial, Arial-Black;font-style: italic;font-size: 5.25rem; text-transform: uppercase;}
.ny-banner .tle h2 b:nth-child(2) {color: #399F45;}
/* 二级栏目 */
.banNav {position: absolute; width: 100%;bottom: 5%; left: 0; }
.banNav ul {display: flex; align-items: center; justify-content: center;}
.banNav ul li {position: relative;padding:0 1.5rem;}
.banNav ul li::after {content: "/";position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%);opacity: 0.49;color: #ffffff;font-size: 1.5rem;}
.banNav ul li:last-child::after {display: none;}
.banNav ul li a {font-size: 1.13rem;display: block; font-weight: 400;color: #ffffff;opacity: 0.49; height: 3.13rem;  box-sizing: border-box;padding:0 1rem}
.banNav ul li a { border-radius: 1.56rem; transition: .5s;display: flex; align-items: center; justify-content: center;}
.banNav ul li:hover a {background: #367bc1; opacity: 1;}
.banNav ul li.on a {background: #367bc1; opacity: 1;}

.wrapBanNav {display: none;}

/* 关于我们 */
.aboutTle {text-align: center; padding: 5rem 0 4rem 0;}
.aboutTle h3 {font-size: 3.75rem;font-weight: 200;color: #333333;  font-family: "CENTURY";text-transform: uppercase;}
.aboutTle small {font-size: 1.63rem;font-weight: 700;color: #333333;}

.aboutOne {margin: 6rem 0 7rem 0;     display: flex;  justify-content: flex-end;}
.aboutOne .container {margin: 0;width: calc(50vw + 810px);}
.aboutOne .aboutTle {text-align: left; padding: 0; padding-bottom: 3rem;}
.aboutOne .box {display: flex; justify-content: space-between; align-items: flex-end; }
.aboutOne .box .le {width: 55%;}
.aboutOne .box .le p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 2.19rem;}
.aboutOne .box .le p:nth-child(3) {margin-top: 2rem;}
.aboutOne .box .re { width: 39%; padding-bottom: 2rem; position: relative; top: 2rem;}
.aboutOne .box .re::after {content: ""; width: 80%; height: 100%; bottom: 0; right: 0; background: #FF7200; position: absolute; z-index: -1;}
.aboutOne .box .re .imgBox {position: relative;}
.aboutOne .box .re .imgBox > img {width: 100%; display: block;}
.aboutOne .box .re .Veo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.aboutOne .box .re .Veo img {animation: changeright 6s linear infinite;}
@keyframes changeright{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(360deg);}}
/* 弹出层 */
.acquisition-info {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 150%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info dl {margin-top: 2rem;}

.aboutTwo {background: #fff;}
.aboutTwo .container {width: 1800px;}

.aboutThree {background: url(../images/aboutThree-bj.jpg) no-repeat center; background-size: cover;}
.aboutThree .aboutTab {padding: 5.5rem 0 1.5rem 0;}
.aboutThree .aboutTab ul {display: flex; justify-content: center;}
.aboutTab ul li {width: 25%; text-align: center; cursor: pointer; padding: 0 1rem; box-sizing: border-box;}
.aboutTab ul li {display: flex; align-items: center; position: relative; justify-content: center;}
.aboutTab ul li::after {content: ""; position: absolute; height: 50%; right: 0; width: 1px; opacity: 0.27; background: #ffffff;}
.aboutTab ul li:last-child::after {display: none;}
.aboutTab ul li .icBox {margin-right: 1.5rem;}
.aboutTab ul li .icBox img {filter: brightness(100);}
.aboutTab ul li strong {font-size: 1.88rem;font-weight: 400;color: #ffffff; transition: .5s;}
.aboutTab ul li .con {text-align: left;}
.aboutTab ul li span {display: block;font-size: 1rem;opacity: 0.15;font-weight: 400;color: #ffffff; transition: .5s;}
.aboutTab ul li.on img {filter: none;}
.aboutTab ul li.on strong {color: #FF7200;}
.aboutTab ul li.on span {color: #FF7200; opacity: 1;}
.abThSwiper {padding-bottom: 5rem; position: relative; max-width: 92%; margin: auto;}
.abThSwiper .box {display: flex; align-items: center; justify-content: space-between;}
.abThSwiper .box .le {width: 40%;}
.abThSwiper .box .le strong {text-align: center;font-size:2.8rem;font-weight: 400;color:#93a2b9;display: block; opacity: 0;line-height: 3.6rem;margin-bottom: 1rem;}
.abThSwiper .box .le p {text-align: center;font-size: 1.5rem;font-family: Arial, Arial-Regular;font-weight: 400;color: rgba(255, 255, 255,.2); opacity: 0;}
.abThSwiper .box .re {position: relative; width: 48%;}
.abThSwiper .box .re .icBox {position: absolute; left: 100%;width: 29%;}
.abThSwiper .box .re .icBox img {display: block; max-width: 100%;}
.abThSwiper .box .re .imgBox {transform: translateY(5rem); overflow: hidden;}
.abThSwiper .box .re .imgBox img {display: block; max-width: 100%;  transform: scale(1.2);  transition: transform 1s cubic-bezier(0.25, 0.74, 0.22, 0.99);}
.abThSwiper .swiper-pagination {width: auto; left: 0;bottom:2rem}
.abThSwiper .swiper-pagination {font-size: 1.5rem; color: #8696AC;font-family: Arial, Arial-Regular;font-weight: 400;}
.abThSwiper .swiper-pagination span {font-size: 3rem; color: #fff;}
.abThSwiper .swiper-slide-active strong {animation:newF 1s forwards;}
.abThSwiper .swiper-slide-active p {animation:newF 1.5s forwards ;animation-delay: .2s;}
.abThSwiper .swiper-slide-active .re .imgBox img { transform: none;}
@keyframes newF {0% { opacity: 0; transform: translateY(1rem) scaleX(1.2); } 100% {opacity: 1;  transform: none;}}
.newF {-webkit-animation-name: newF; animation-name: newF;-webkit-animation-duration: 1s;animation-duration: 1s;}
@keyframes fadeIn {  0% {   opacity: 0 } 100% {    opacity: 1}}
.fadeIn { -webkit-animation-name: fadeIn;animation-name: fadeIn;}

.aboutFour {margin-bottom: 6.5rem;}
.aboutFour .imgBox {margin: auto;margin-left: 2.5%;}
.aboutFour .imgBox img {display: block; max-width: 100%; margin: auto;}
.aboutFour .imgBox svg {width: 100%;}

.aboutFive {background: url(../images/aboutFive-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 7rem;}
.aboutFive .container {width: 1800px;}
.aboutFive .swiperBox {position: relative;}
.abFiveSwiper {overflow: hidden; width: 1630px; margin: auto; max-width: 90%;}
.abFiveSwiper .swiper-slide .imgBox {display: flex; align-items: center; justify-content: center;}
.abFiveSwiper .swiper-slide .imgBox img {display: block; max-width: 100%;}
.abFiveSwiper .swjt {right: 0;}
.abFiveSwiper .swiper-button-prev {left: 0; transform: rotate(180deg);}
.abFiveSwiper .swiper-pagination {display: none;}
.abFiveSwiper .swiper-pagination-bullet-active {background: #FF7200;}

/* 产品列表 */
.proList-banner .tle {width: 1630px; max-width: 92%; justify-content: flex-start; margin: auto;}
.proList-banner .tle b {display: block; line-height: 6rem;}
.proList-banner .tle h2 b:nth-child(2) {color: #FF7200;}
.proListOne {background: #f9f9f9;padding: 7rem 0; text-align: center;}
.proListOne h3 {display: inline-block; padding-bottom: 1rem; font-size: 3.75rem;font-weight: 700;color: #333333;letter-spacing: 0.15rem; margin-bottom: 3rem; position: relative;}
.proListOne h3::after {content: "";position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%);width: 75%; height: 0.25rem; background: #eeeeee;}
.proListOne p {font-size: 1.56rem;font-weight: 400;color: #333333;width: 71%; margin: auto;line-height: 3rem;}
.proList {padding-bottom: 5rem;}
.proList li {display: flex; align-items: center; justify-content: space-between; padding: 6rem 0; border-bottom: 1px solid #000000;}
.proList li .le {width: 51%;}
.proList li h4 {font-size: 2.56rem;font-weight: 700;color: #333333; margin-bottom: 2rem;}
.proList li i {display: block; height: 0.13rem; background: #eeeeee; width: 100%; margin-bottom: 3rem;}
.proList li p {font-size: 1.25rem;font-weight: 400;color: #777777;line-height:3rem;}
.proList li .more {margin-top: 5rem;}
.proList li .re {width: 45%;}
.proList li .re a {overflow: hidden;border-radius: 1.88rem;display: block; position: relative;  transition: .8s;border:2px solid #eee}
.proList li .re a:hover img {transform: scale(1.1);}
.proList li .re img {display: block; width: 100%; transition: .5s;}
.proList li:first-child {padding-top: 4rem;}
.proList li:last-child {border: 0;}
.proList li:nth-child(even) .re {order: -1;}
/* .proList li.on .re a {clip-path: inset(0 0 0 0);} */
.proList li.on .re a {transform: scale(1);}

.proList1 ul { overflow: hidden; }
.proList1 li { width: 100%; border-bottom: 1px solid rgb(51, 51, 51); box-sizing: border-box; margin-bottom: 2rem; padding-bottom: 2rem; }
.proList1 li a { display: flex; place-content: stretch flex-start; flex-direction: row; align-items: center; }
.proList1 .con h5 { font-size: 3rem; font-weight: bold; color: rgb(51, 51, 51); font-family: arial; }
.proList1 .con { margin-left: 3rem; width: 55%;}
.proList1 .con .more { margin-top: 3rem; }
.proList1 li .imgBox { transform: scale(0.65); transition: all 0.5s ease 0s; width: 40%;}
.proList1 li .imgBox img {display: block; max-width: 100%;}
.proList1 li:hover .imgBox { transform: scale(0.75); }


/* 产品详情 */
.proListData-banner .tle {width: 1630px; margin: auto; justify-content: flex-start;max-width: 100%;}  
.proListData-banner h2 {font-size: 5.25rem;font-weight: 900;font-family: Arial, Arial-Black;color: #ecf6fb;font-style: italic; text-transform: uppercase;}
.proListData {margin: 5rem 0 9rem 0;}
.proListData .tle {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; align-items: center;}
.proListData .tle h3 {margin-top: 1rem; font-size: 3.63rem;font-weight: 700;font-family: Arial, Arial-Bold;color: #333333;}
.proListData .tle ul {display: flex; margin: 1rem 0 0 1rem;}
.proListData .tle li {position: relative; padding: 0 0.5rem; color: #B2B2B2}
.proListData .tle li::after {content: "/";position: absolute; right: -3px; font-size: 1rem; color: #B2B2B2}
.proListData .tle li a {font-size: 1rem;color: #B2B2B2;font-weight: 400; color: #B2B2B2}
.proListData .tle li a:hover {color: #494949;}
.proListData .tle li:last-child::after {display: none;}
.proListData .tle li:last-child a {color: #494949; color: #B2B2B2}
.proListData .box {margin-top: 3rem;}
.proListData .box img {max-width: 100%;}
.proListData .tle li:last-child a:hover{color:#333}




/* 服务案例 */
.case-banner .tle h2 b:nth-child(2) {background-image: linear-gradient(to right, #cd9a57,#ecd2a4 );-webkit-background-clip: text;color: transparent;}
.case-banner .tle h2 b:nth-child(2) span { padding-right: .5rem;box-sizing: border-box; background-image: linear-gradient(to right, #cd9a57,#ecd2a4 );-webkit-background-clip: text;color: transparent;}

.caseList {margin: 6rem 0;}
.caseList ul {display: grid; grid-template-columns: repeat(4,auto); gap: 3rem; row-gap: 5rem;}
.caseList ul li {display: flex; align-items: center; justify-content: center; height: 150px;}
.caseList ul li img {max-width: 100%;}

/* 新闻中心 */
.news-banner .tle h2 b:nth-child(2) {color: #8F9FA7;}
.newsList {margin: 7rem 0 5rem 0;}
.newsList ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem;}
.newsList ul li {height: 30.38rem; background: #f5f5f5; padding: 20% 9%; box-sizing: border-box;position: relative; transition: .5s;} 
.newsList ul li a {display: block; height: 100%;}
.newsList ul li .imgBox {position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 100%;}
.newsList ul li .imgBox img {display: block; height: 100%; object-fit: cover; width: 100%;}
.newsList li .con h5 {font-size: 1.38rem;font-weight: 400;color: #333333;margin-bottom: 1.8rem; height: 4rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsList li .con p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 1.63rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.newsList li .more {display: flex; justify-content: space-between; position: absolute; left: 0; bottom: 5%;width: 100%; padding: 0 10%; box-sizing: border-box;}
.newsList li .more span {font-size: 1rem;font-weight: 400;color: #0a0a0a;}
.newsList li .more em {font-size: 1rem;font-weight: 400;color: #0a0a0a; text-transform:uppercase;position: relative; display: block; z-index: 1;}
.newsList li .more em::after {content: "" ; opacity: 0; width: 42%; height: 100%; border-radius: 50%;background: #367BC1;position: absolute; z-index: -1;animation: servicesmoreyq 2s infinite linear; }
@keyframes servicesmoreyq {0% { left: 0;}20% { left: 20%;}40% { left: 40%; }60% {  left: 50%;}80% { left: 20%;}100% { left: 0; }}
.newsList li:hover {background: none;}
.newsList li:hover .con h5 , .newsList li:hover .con p , .newsList li:hover .more span , .newsList li:hover .more em {color: #fff;}
.newsList li:hover .more em::after {opacity: 1;}

/* 新闻详情 */
.fileOne {border-bottom: 1px solid #dddd; padding-top: 6rem;}
.fileOne ul {display: flex;padding: 2rem 0; }
.fileOne ul li a {font-size: 1.13rem;font-weight: 400;color: #666666;padding-right: 20px;display: block;position: relative;}
.fileOne ul li a:hover {color: #333;font-weight: 700;}
.fileOne ul li a:hover::after {font-weight: normal; color: #666;}
.fileOne ul li a::after {content: "/"; position: absolute; right: 5px; }
.fileOne ul li:last-child a {padding: 0; font-weight: bold; color: #333;}
.fileOne ul li:last-child a::after {display: none; }

.proCenter .box li .boxCon::before, .proCenter .box li .boxCon::after {content: ""; position: absolute;top: 0;width: 100.0vw;height: 100%; background-color: #343434;z-index: -1;}
.ny-news-xq {padding: 3rem 0; background-color: #fff;}
.ny-news-xq .container {width: 1300px; }
.ny-news-xq .box-left {background-color: #fff;  box-sizing: border-box;}
.ny-news-xq .news-title {position: relative; border-bottom: 1px solid #dcdcdc; text-align: left; padding: 0; display: flex; align-items: center; justify-content: space-between; }
.ny-news-xq .news-title::before, .ny-news-xq .news-title::after {content: "";position: absolute; bottom: 0; width: 100.0vw; height: 1px;background-color: #dcdcdc; z-index: 0;}
.ny-news-xq .news-title::before {right: 100%;}
.ny-news-xq .news-title::after {left: 100%;}
.ny-news-xq .news-title .title {width: 100%;padding-bottom:2rem; border-bottom: 2px solid #367BC1;}
.ny-news-xq .news-title h2 {font-size: 2rem; font-weight: 400; color: #333333; margin-bottom: 1rem;}
.ny-news-xq .news-title span {display: inline-block;font-size: 0.94rem;color: #999999;}
.ny-news-xq .news-title span.span2 {margin-left: 1rem;}
.ny-news-xq .ny-xq-con {margin: 3rem 0; min-height: 30vh;}
.ny-news-xq .ny-xq-con img {max-width: 100%;}
.page-fy {display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #dcdcdc; padding-top: 2.5rem; flex-wrap: wrap;}
.page-fy .prev , .page-fy .next {font-size: 1rem; margin-top: 0.5rem;}
.page-fy .prev:hover a {color:#367BC1;}
.page-fy .next:hover a {color:#367BC1;}
.page-fy .re {margin-top: 0.5rem; margin-left: 1rem;}
.page-fy .re a {display: flex; align-items: center; font-size: 1rem;color: #222222;}
.page-fy .re a img {display: block; margin-left: 1rem;}
.page-fy .re a:hover {color: #367BC1;}

/* 招聘 */
.joinUs-banner .tle h2 b:nth-child(2) {color: #fff;}
.joinUsOne .icBox {position: absolute;right: 0; top: -10%;}
.joinUsOne .icBox img {display: block;}
.joinUsOne {background: #f5f5f5; position: relative;}
.joinUsOne .box {display: flex; align-items: center; justify-content: flex-end;}
.joinUsOne .box .le {width: 50%;     display: flex;align-items: center;  justify-content: center;}
.joinUsOne .box .le strong {font-size: 2.88rem;}
.joinUsOne .box .le small {font-size: 1.38rem;display: block; margin-bottom: 4rem; color: #333;}
.joinUsOne .box .re {width: 50%;}
.joinUsOne .box .re img {display: block; width: 100%;}
.joinUsOne .box .le p {font-size: 1.13rem;line-height: 2.63rem;}

.joinUsTwo {}
.joinUsTwo .tle {text-align: center; padding: 5rem 0;}
.joinUsTwo .tle h3 {font-size: 2.5rem;font-weight: 400;color: #333333;}
.joinUsTwo .tle p {font-size: 1.13rem;font-weight: 400;color: #666666;}
.joinUsTwo .container {width: 1800px;}
.joinUsTwo ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.joinUsTwo ul li {height: 40.25rem; position: relative; width: 24.5%; overflow: hidden;}
.joinUsTwo ul li .imgBox {height: 100%;}
.joinUsTwo ul li .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover;transition: all .5s;}
.joinUsTwo li .con {position: absolute;  width: 100%; transition: .5s; height: 34%; padding: 0 13%; box-sizing: border-box; bottom: 0%; z-index: 1;}
.joinUsTwo li .con .icBox {margin-bottom: 3rem;}
.joinUsTwo li .con strong {font-size: 1.5rem;font-weight: 700;color: #ffffff;}
.joinUsTwo li .con p {font-size: 1rem;color: #ffffff;color: #ffffff;margin-top: 5rem;line-height: 2.25rem; transition: .5s;}
.joinUsTwo li i {display: block; width: 2.56rem; margin-top: 9rem; height: 0.44rem; background: #ffffff;}
/* .joinUsTwo li:hover .con {height: 100%;background: rgba(54, 123, 193,.8); padding: 25% 13%;}
.joinUsTwo li:hover .con p {margin-top: 1rem;} */
.joinUsTwo li:hover .imgBox img {transform: scale(1.1);}

.talentUs {margin-bottom: 6rem; overflow-x: auto;}
.talentUs table {width: 100%;border-collapse: collapse; white-space: nowrap;}
.talentUs tr:nth-child(odd) {background: rgba(54, 123, 193,.07);}
.talentUs tr:first-child {border-bottom: none;}
.talentUs tr td , .talentUs tr th {width: calc(100%/6); text-align: center; padding: 0 1rem; box-sizing: border-box;}
.talentUs tr th {background: #367BC1; height: 5.69rem; font-size: 1.13rem;font-weight: 400;color: #ffffff;}
.talentUs tr > td {height: 5rem;; cursor: pointer;}
.talentUs tr > td > span {font-size: 1.13rem;font-weight: 400;color: #444444}
.talentUs tr > td > a {color: #444444;font-size: 1.13rem;font-weight: 400;}
.talentUs tr:hover > td > span , .talentUs tr:hover > td > a {color: #367BC1;}
.talentUs tr td.lastTd {width: 0; padding: 0;}
/* 弹出层 */
.acquisition {padding: 3rem;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition .time span {font-size: 1rem; color: #666;display: inline-block; margin-right: 6rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: 1rem 0; text-align: left;}
.acquisition .infoCon {margin-top: 2.5rem;  height: 38vh; overflow-y:auto; text-align: initial;}

/* 联系我们 */
.contact-banner  .tle h2 b:nth-child(2) {color: #FF7200;}
.contactOne {padding: 7rem 0; position: relative; overflow: hidden;}
.contactOne::after {content: ""; width: 100vw; height: 100%; position: absolute; background: #f5f5f5; top: 0; z-index: -1; left: 50%;}
.contactOne .container {width: 1450px; }
.contactOne .box {display: flex; justify-content: space-between;}
.contactOne .box .le {width: 45%;}
.contactOne .box h3 {font-size: 2.13rem;font-weight: 700;color: #333333;}
.contactOne .box small {font-size: 1rem;font-weight: 700;font-family: Arial, Arial-Bold;color: #333333;letter-spacing: 0.16rem; text-transform: uppercase;}
.contactOne .box dl {margin-top: 5rem;}
.contactOne .box dl dd {display: flex; margin-top: 2.5rem;}
.contactOne .box .icBox {margin-right: 2rem; height: 2.5rem; width: 2.25rem; display: flex; align-items: center; justify-content: center;}
.contactOne .box .le em {font-size: 1rem;color: #888888;font-weight: 400;}
.contactOne .box .le p {  font-size: 1.13rem;font-weight: 400;color: #333333;}
.contactOne .box .le p strong {font-size: 1.25rem;font-weight: 700;}
.contactOne .box .re {width: 50%; padding: 0% 0 0% 6%; box-sizing: border-box;}
.contactOne form .inCon {border-bottom: 1px solid #DDDDDD; position: relative; box-sizing: border-box;}
.contactOne form .inCon input {outline: none; border: none; background: none; width: 100%;padding: 2.69rem 0 1.8rem 6rem; box-sizing: border-box; font-size: 1.13rem; color: #333;}
.contactOne form .inCon label {position: absolute; left: 8%; top: 60%; transform: translate(-50%, -50%); font-size: 1.13rem;font-weight: 400;color: #333333;}
.contactOne form .textCon label {font-size: 1.13rem;font-weight: 400;color: #333333;margin-top: 1.5rem;margin-bottom: 4rem; display: block; position: relative; left: 1%;}
.contactOne form .textCon input {padding: 0 0 0.5rem 1%; outline: none; border: none;border-bottom: 1px solid #DDDDDD; background: none; width: 100%;box-sizing: border-box; font-size: 1.13rem; color: #333;}
.contactOne form .textCon input::placeholder {font-size: 1rem;color: #939393;}
.contactOne form .sub input {width: 100%; background: #333333;height: 3.44rem;color: #fff;font-size: 1rem; margin-top: 2.2rem; cursor: pointer;}

/* 搜索页面 */
.search-page .box {margin-top: 18vh;}
.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: #FF7200; 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: 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: #FF7200;}
.fy .layui-laypage-curr {color: #fff; background: #FF7200; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}



.proList1 ul{overflow: hidden;}
.proList1 li{width:100%;border-bottom:1px solid #333;box-sizing: border-box;margin-bottom: 2rem;padding-bottom: 2rem;}	
.proList1 li a{display: flex;align-content: stretch;flex-direction: row;justify-content: flex-start; align-items: center;}
.proList1 .con h5{font-size:3rem;font-weight: bold;color:#333;font-family: arial;}
.proList1 .con{margin-left: 3rem;}
.proList1 .con .more{margin-top: 3rem;}
.proList1 li .imgBox{transform: scale(0.65);transition: all .5s;}
.proList1 li:hover .imgBox{transform: scale(0.75);}